function swapImage(id, state)
{
    var oldImage = document.getElementById("containerImage_" + id).src;
	oldImage = oldImage.substring((oldImage.lastIndexOf("/") + 1), oldImage.length);
	oldImage = oldImage.split(".");
	oldImage = oldImage[0];
    
    if(state == 1 && oldImage.indexOf("_m", 0) == -1)
	{
		newImage = "./images/lp/" + oldImage + "_m.jpg";

        document.getElementById("containerImage_" + id).src = newImage;
	}
    else if(state == 0 && oldImage.indexOf("_m", 0) != -1)
	{
		newImage = oldImage.replace(/_m/g, "");
		newImage = "./images/lp/" + newImage + ".jpg";
		
        document.getElementById("containerImage_" + id).src = newImage;
	}
}

function swapCssFile(size)
{
	document.getElementById("css_file").href = "./style_lp_" + size + ".css";
}

function adaptToViewport()
{
	var availWidth = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
	var availHeight = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
	
	if(availWidth >= 1600 && availHeight >= 924)
	{
		swapCssFile(1680);
	}
	else if(availWidth >= 1380 && availHeight >= 797)
	{
		swapCssFile(1440);
	}
	else if(availWidth >= 1240 && availHeight >= 716)
	{
		swapCssFile(1280);
	}
	else
	{
		if(document.getElementById("css_file").href != "./style_lp_1024.css")
		{
			swapCssFile(1024);
		}
	}
	
	window.onresize = adaptToViewport;
}

window.status = unescape("Fahren Sie mit der Maus über das Bild, um einen Bereich auszuw%E4hlen.");