function showNewsletterForm(layername)
	{
	if (document.forms[0].elements.checkbox.checked==true)
	{
		document.getElementById(layername).style.visibility='visible';
	}
	else {
		document.getElementById(layername).style.visibility='hidden';
	}
}

function showLayer(type, imageNum) 
	{
	document.getElementById('overlay-background').style.display='block';
	document.getElementById('overlay').style.display='block';
	document.getElementById('overlay-inner').style.display='block';
	
	// attach onclick event
	document.getElementById('overlay-background').onclick = function() {
		hideLayer();
	}

	imageNum = Number(imageNum);
	
	// build content
	var overlayConfig = new Array();
	overlayConfig['wohnen'] = {
		numImages: 3,
		imageDir: "media/img/content/projekte/wohnen/",
		imgSuffix: ".jpg",
		navigation: "<h2>realisierte projekte</h2>",
		firstImageBackJS: "showLayer('buero', 3);",
		lastImageForwardJS: "showLayer('buero', 1);"
	};
	
	
	overlayConfig['buero'] = {
		numImages: 1,
		imageDir: "media/img/content/projekte/buero/",
		imgSuffix: ".jpg",
		navigation: "<h2>realisierte projekte</h2>"	,
		firstImageBackJS: "showLayer('wohnen', 3);",
		lastImageForwardJS: "showLayer('wohnen', 1);"
	};
	
	overlayConfig['showroom'] = {
		numImages: 10,
		imageDir: "media/img/content/showroom/large/",
		imgSuffix: ".jpg",
		navigation: "<h2>showroom</h2>",
		firstImageBackJS: "showLayer('showroom', 11);",
		lastImageForwardJS: "showLayer('showroom', 1);"
	};
	
	if (imageNum < overlayConfig[type].numImages) {
		imageOnClick = "onclick=\"showLayer('" + type + "', '" + (imageNum+1) + "');\"";
	} else if (overlayConfig[type].lastImageForwardJS != "") {
		imageOnClick = "onclick=\"" + overlayConfig[type].lastImageForwardJS + "\"";
	}	
	
	// set main navigation
	document.getElementById("overlay-navigation").innerHTML = overlayConfig[type].navigation;
	// load image
	document.getElementById("overlay-imageContainer").innerHTML = '<img src="' + overlayConfig[type].imageDir + imageNum + overlayConfig[type].imgSuffix + '" height="472" border="0" id="overlay-image" ' + imageOnClick + ' />' ;

	// set padding of image
	if (type == 'showroom') {
		document.getElementById("overlay-image").style.paddingBottom = "32px";
		document.getElementById("overlay-image").style.height = "448px";
	} else {
		document.getElementById("overlay-image").style.paddingBottom = "8px";
		document.getElementById("overlay-image").style.height = "472px";
	}
	
	// set back
	if (imageNum > 1) {
		document.getElementById("overlay-back").innerHTML = "<h3><a href=\"#\" onclick=\"showLayer('" + type + "', '" + (imageNum-1) + "');\" class=\"overlay\" >&lsaquo; zurück</a></h3>";
	} else if (overlayConfig[type].firstImageBackJS != "") {
		document.getElementById("overlay-back").innerHTML = "<h3><a href=\"#\" onclick=\"" + overlayConfig[type].firstImageBackJS + "\" class=\"overlay\" >&lsaquo; zurück</a></h3>";
	} else {
		document.getElementById("overlay-back").innerHTML = "&nbsp;";
	}
	// set image navigation
	var imageNavigation = "<p>";
	for (i = 1; i <= overlayConfig[type].numImages; i++) {
		// add dot
		if (i > 1) {
			imageNavigation += "&nbsp;&nbsp;&nbsp;&nbsp;";
		}
		// check active
		if (i == imageNum) {
			imageNavigation += "<span class=\"active\">" + i + "</span>";
		} else {
			imageNavigation += "<a href=\"#\" onclick=\"showLayer('" + type + "', '" + i + "');\">" + i + "</a>";
		}
	}
	imageNavigation += "</p>";
	document.getElementById("overlay-imagenavigation").innerHTML = imageNavigation;
	// set forward
	if (imageNum < overlayConfig[type].numImages) {
		document.getElementById("overlay-next").innerHTML = "<h3><a href=\"#\" onclick=\"showLayer('" + type + "', '" + (imageNum+1) + "');\" class=\"overlay\">weiter &rsaquo;</a></h3>";
	} else if (overlayConfig[type].lastImageForwardJS != "") {
		document.getElementById("overlay-next").innerHTML = "<h3><a href=\"#\" onclick=\"" + overlayConfig[type].lastImageForwardJS + "\" class=\"overlay\">weiter &rsaquo;</a></h3>";
	} else {
		document.getElementById("overlay-next").innerHTML = "&nbsp;";
	}
	

}

function hideLayer()
	{
	document.getElementById('overlay-background').style.display='none';
	document.getElementById('overlay').style.display='none';
	document.getElementById('overlay-inner').style.display='none';
}