/**
 * Die Funktion ResizeDivs bringt die DIVs im Mittelbereich der Seite auf gleiche Höhe,
 * da manche Browser die DIVs bei Überlauf nicht automatisch vergrößern.
 * Übergeben wird die ID der Seitenvorlage (page_template).
 * 
 * @param {integer} layout
 */

function ResizeDivs(layout) {
	
	switch (layout) {
		case 2:
			var divheightNav2 = document.getElementById('nav2').offsetHeight;
			var divheightContent = document.getElementById('content1').offsetHeight;
		
			if (divheightNav2 >= divheightContent) {
				var height = divheightNav2;
			} else {
				var height = divheightContent;
			}

			document.getElementById('body').style.height = height+'px';
			document.getElementById('content').style.height = height+'px';
			document.getElementById('content1').style.height = height+'px';
			break;
			
		case 3:
			var divheightList = document.getElementById('p_variants').offsetHeight;
			var divheightItems = document.getElementById('p_variants_list').offsetHeight;
		
			if (divheightList >= divheightItems) {
				var height = divheightList;
			} else {
				var height = divheightItems;
			}

			document.getElementById('p_variants').style.height = height+20+'px';
			document.getElementById('p_variants_list').style.height = height+'px';
		
			var divheightLeft = document.getElementById('p_body_left').offsetHeight;
			var divheightRight = document.getElementById('p_body_right').offsetHeight;
		
			if (divheightLeft >= divheightRight) {
				var height2 = divheightLeft;
			} else {
				var height2 = divheightRight;
			}

			document.getElementById('p_body').style.height = height2+60+'px';
			document.getElementById('p_body_left').style.height = height2+'px';
			document.getElementById('p_body_right').style.height = height2+'px';
			break;

		case 6:
			var divheightNav2 = document.getElementById('nav2').offsetHeight;
			var divheightContent = document.getElementById('content2').offsetHeight;
			
			if (divheightContent >= divheightNav2) {
				var height = divheightContent;
			} else {
				var height = divheightNav2;
			}

			document.getElementById('body').style.height = height+'px';
			document.getElementById('content').style.height = height+'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 8:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 70+ 'px';
			document.getElementById('content').style.height = height + 70 + 'px';
			document.getElementById('content1').style.height = height+'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 11:
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightContent2 = document.getElementById('content2').offsetHeight;
			
			if (divheightContent2 >= divheightContent1) {
				var height = divheightContent2;
			} else {
				var height = divheightContent1;
			}

			document.getElementById('body').style.height = height+130+'px';
			document.getElementById('content').style.height = height+130+'px';
			document.getElementById('content2').style.height = height+'px';
			document.getElementById('content1').style.height = height+130+'px';
			document.getElementById('content_bg').style.height = height+130+'px';
			break;

		case 12:
			var divheightNav2 = document.getElementById('nav2').offsetHeight;
			var divheightContent = document.getElementById('content2').offsetHeight;
			if (document.getElementById('content_bg')) {
				var divheightBG = document.getElementById('content_bg').offsetHeight;
			} else {
				var divheightBG = 0;
			}
			if (document.getElementById('content3')) {
				var divheightContent3 = document.getElementById('content3').offsetHeight;
			} else {
				var divheightContent3 = 0;
			}
			
			if (document.getElementById('subNavHomeCinema')) {
				var divHeightSubNav1 = document.getElementById('subNavHomeCinema').offsetHeight+150;
			} else {
				var divHeightSubNav1 = 0;
			}
			
			if (document.getElementById('subNavHomeHifi')) {
				var divHeightSubNav2 = document.getElementById('subNavHomeHifi').offsetHeight+150;
			} else {
				var divHeightSubNav2 = 0;
			}
			
			if (document.getElementById('subNavComputer')) {
				var divHeightSubNav3 = document.getElementById('subNavComputer').offsetHeight+150;
			} else {
				var divHeightSubNav3 = 0;
			}
			
			if (document.getElementById('subNavProIn')) {
				var divHeightSubNav4 = document.getElementById('subNavProIn').offsetHeight+150;
			} else {
				var divHeightSubNav4 = 0;
			}
			
			if(divHeightSubNav1 >= divHeightSubNav2) {
				divheightSubNav = divHeightSubNav1;
			} else {
				divheightSubNav = divHeightSubNav2;
			}
			
			if(divheightSubNav >= divHeightSubNav3) {
				divheightSubNav = divheightSubNav;
			} else {
				divheightSubNav = divHeightSubNav3;
			}
			
			if(divheightSubNav >= divHeightSubNav4) {
				divheightSubNav = divheightSubNav;
			} else {
				divheightSubNav = divHeightSubNav4;
			}

			if (divheightContent >= divheightNav2) {
				var height = divheightContent;
			} else {
				var height = divheightNav2;
			}

			if(divheightBG > height) {
				var height = divheightBG;
			}

			if(divheightContent3 > 150) {
				var height = height+(divheightContent3-150);
			}

			if(height <= divheightSubNav) {
				height = divheightSubNav;
			}

			document.getElementById('body').style.height = height+'px';
			document.getElementById('content').style.height = height+'px';
			document.getElementById('content1').style.height = height+'px';
			document.getElementById('content2').style.height = height-80+'px';
			if (document.getElementById('content_bg')) {
				document.getElementById('content_bg').style.height = height + 'px';
			}
			break;

		case 14:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight+150;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent1;
			} else {
				var height = divheightContent;
			}

			document.getElementById('body').style.height = height + 20 + 'px';
			document.getElementById('content').style.height = height + 20 + 'px';
			document.getElementById('content_bg').style.height = height+ 20 +'px';
			break;

		case 15:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 110+ 'px';
			document.getElementById('content').style.height = height + 110 + 'px';
			document.getElementById('content1').style.height = height+110+'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 16:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 110+ 'px';
			document.getElementById('content').style.height = height + 110 + 'px';
			document.getElementById('content1').style.height = height+110+'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 17:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 100+ 'px';
			document.getElementById('content').style.height = height + 100 + 'px';
			document.getElementById('content1').style.height = height+100+'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 18:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 100+ 'px';
			document.getElementById('content').style.height = height + 100 + 'px';
			document.getElementById('content_bg').style.height = height + 100 + 'px';
			document.getElementById('content1').style.height = height+100+'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 19:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 120+ 'px';
			document.getElementById('content').style.height = height + 120 + 'px';
			document.getElementById('content1').style.height = height+120+'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 20:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 100+ 'px';
			document.getElementById('content').style.height = height + 100 + 'px';
			document.getElementById('content1').style.height = height+100+'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 21:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 100+ 'px';
			document.getElementById('content').style.height = height + 100 + 'px';
			document.getElementById('content1').style.height = height+100+'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 22:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 100+ 'px';
			document.getElementById('content').style.height = height + 100 + 'px';
			document.getElementById('content1').style.height = height+100+'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 23:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 130+ 'px';
			document.getElementById('content').style.height = height + 130 + 'px';
			document.getElementById('content1').style.height = height+130+'px';
			document.getElementById('content2').style.height = height+'px';
			
			var divHeightItem_left = document.getElementById('hv_item_left').offsetHeight;
			var divHeightItem_right = document.getElementById('hv_item_right').offsetHeight;
			
			if(document.getElementById('hv_item_logo')) {
				var divHeightLogo = document.getElementById('hv_item_logo').offsetHeight+20;
			} else {
				var divHeightLogo = 0;
			}
			
			if(document.getElementById('hv_item_auth')) {
				var divHeightAuth = document.getElementById('hv_item_auth').offsetHeight+20;
			} else {
				var divHeightAuth = 0;
			}
			
			if (divHeightItem_left >= divHeightItem_right) {
				var height = divHeightItem_right;
			} else {
				var height = divHeightItem_left;
			}			
			
			if (divHeightLogo >= divHeightAuth) {
				var height2 = divHeightLogo;
			} else {
				var height2 = divHeightAuth;
			}

			document.getElementById('hv_item_left').style.height = height + 'px';
			document.getElementById('hv_item_left').style.height = height + 'px';
			document.getElementById('hv_item').style.height = height + height2 + 70 + 'px';
			
			break;

		case 24:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;

			if (divheightContent1 >= divheightContent) {
				var height = divheightContent1;
			} else {
				var height = divheightContent;
			}

			document.getElementById('body').style.height = height + 30 + 'px';
			document.getElementById('content').style.height = height + 30 + 'px';
			document.getElementById('content1').style.height = height+ 30 +'px';
			document.getElementById('content_bg').style.height = height+ 30 +'px';
			break;

		case 25:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 100+ 'px';
			document.getElementById('content').style.height = height + 100 + 'px';
			document.getElementById('content1').style.height = height+100+'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 27:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightContent2 = document.getElementById('content2').offsetHeight;
			var divheightBG = document.getElementById('content_bg').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			if (divheightContent2 >= height) {
				var height = divheightContent;
			} else {
				var height = divheightContent2;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 'px';
			document.getElementById('content').style.height = height + 'px';
			document.getElementById('content1').style.height = height+ 'px';
			document.getElementById('content2').style.height = height+'px';
			document.getElementById('content_bg').style.height = height+'px';
			break;

		case 28:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightContent2 = document.getElementById('content2').offsetHeight+120;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent1;
			} else {
				var height = divheightContent;
			}
			
			if(divheightContent2 > height) {
				var height = divheightContent2;
			}

			document.getElementById('body').style.height = height + 'px';
			document.getElementById('content').style.height = height + 'px';
			document.getElementById('content_bg').style.height = height + 'px';
			document.getElementById('content1').style.height = height+ 'px';
			document.getElementById('content2').style.height = height-120+'px';
			break;
			
		case 29:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight+80;
			var divheightBG = document.getElementById('content_bg').offsetHeight;
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent1;
			} else {
				var height = divheightContent;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}
			
			document.getElementById('body').style.height = height + 'px';
			document.getElementById('content').style.height = height + 'px';
			document.getElementById('content_bg').style.height = height + 'px';
			break;
			
		case 32:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight+100;
			var divheightContent2 = document.getElementById('content2').offsetHeight+300;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent1;
			} else {
				var height = divheightContent;
			}
			
			if(divheightContent2 >= height) {
				height = divheightContent2;
			}

			document.getElementById('body').style.height = height + 'px';
			document.getElementById('content').style.height = height + 'px';
			document.getElementById('content_bg').style.height = height + 'px';
			document.getElementById('content1').style.height = height+'px';
			document.getElementById('content1').style.height = height-200+'px';
			break;
			
		case 34:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight+100;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent1;
			} else {
				var height = divheightContent;
			}

			document.getElementById('body').style.height = height + 'px';
			document.getElementById('content').style.height = height + 'px';
			document.getElementById('content_bg').style.height = height + 'px';
			break;

		case 35:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 100+ 'px';
			document.getElementById('content').style.height = height + 100 + 'px';
			document.getElementById('content1').style.height = height+ 'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 36:
			var divheightContent = document.getElementById('content').offsetHeight;
			var divheightContent1 = document.getElementById('content1').offsetHeight;
			var divheightBG = document.getElementById('content2').offsetHeight;
			
			if (divheightContent1 >= divheightContent) {
				var height = divheightContent;
			} else {
				var height = divheightContent1;
			}
			
			if(divheightBG > height) {
				var height = divheightBG;
			}

			document.getElementById('body').style.height = height + 100+ 'px';
			document.getElementById('content').style.height = height + 100 + 'px';
			document.getElementById('content1').style.height = height+ 'px';
			document.getElementById('content2').style.height = height+'px';
			break;

		case 37:
			var height = document.getElementById('content1').offsetHeight;
			
			document.getElementById('body').style.height = height + 'px';
			document.getElementById('content').style.height = height + 'px';
			document.getElementById('content1').style.height = height+ 'px';
			break;

		case 41:
			var height = document.getElementById('p_body').offsetHeight;
			var height = height + document.getElementById('p_header').offsetHeight;
			var height = height + document.getElementById('p_footer').offsetHeight+20;
			
			document.getElementById('body').style.height = height + 'px';
			break;
		
	}
}

/*********************************************************
 * Wartebildschirm
 * Copyright © 2009 by Eric Windmeier
 *********************************************************/
var hourglass;
hourglass = new Image();
hourglass.src = '/images/hourglass.gif';

function showProduct(id, lang) {
	// Seite abdunklen	
	pageLayer.fadeLayer(0.8);
	var newDiv = document.createElement('div');
	newDiv.setAttribute('id', 'waiter');
	//newDiv.style.backgroundColor = '#000';
	newDiv.style.position = "fixed";
	newDiv.style.width = '350px';
	newDiv.style.height = '80px';
	newDiv.style.left = (document.documentElement.clientWidth / 2) - 175+'px';
	newDiv.style.top = (document.documentElement.clientHeight / 2) - 40+'px';
	newDiv.style.background = "url('/images/backgrd_waiter.png')";
	newDiv.style.zIndex = 100;
	document.body.appendChild(newDiv);
	
	// Waiter einblenden 
	document.getElementById('waiter').style.visibility = 'visible';
	
	// Waiter füllen
	// container div schreiben	
	var newDiv = document.createElement('div');
	newDiv.setAttribute('id', 'divProduktDetails');
	//newDiv.style.backgroundColor = '#000';
	newDiv.style.position = "fixed";
	newDiv.style.width = 830+'px';
	newDiv.style.left = (document.body.clientWidth / 2) - 415+'px';
	newDiv.style.top = document.getElementById('header').offsetHeight+document.getElementById('nav1').offsetHeight+10+'px';
	newDiv.style.zIndex = 1000;
	newDiv.style.overflowY = 'hidden';
	newDiv.style.overflowX = 'hidden';
	newDiv.style.textAlign = 'center';
	document.body.appendChild(newDiv);
	
	document.getElementById('divProduktDetails').style.visibility = "visible";
	document.getElementById('divProduktDetails').innerHTML = '<img src="/images/basics/loader.gif" align="absmiddle" style="margin-top:30%" />';
	
	script = '/shared/ajax/products_details.php?pm_id='+ id +'&lang='+ lang ;

	ajax(script, 'divProduktDetails', '');
}

function showMovie(id, lang) {
	// Seite abdunklen	
	pageLayer.fadeLayer(0.8);
	var newDiv = document.createElement('div');
	newDiv.setAttribute('id', 'waiter');
	//newDiv.style.backgroundColor = '#000';
	newDiv.style.position = "fixed";
	newDiv.style.width = '350px';
	newDiv.style.height = '80px';
	newDiv.style.left = (document.documentElement.clientWidth / 2) - 175+'px';
	newDiv.style.top = (document.documentElement.clientHeight / 2) - 40+'px';
	newDiv.style.background = "url('/images/backgrd_waiter.png')";
	newDiv.style.zIndex = 100;
	document.body.appendChild(newDiv);
	
	// Waiter einblenden 
	document.getElementById('waiter').style.visibility = 'visible';
	
	// Waiter füllen
	// container div schreiben	
	var newDiv = document.createElement('div');
	newDiv.setAttribute('id', 'divProInVid');
	//newDiv.style.backgroundColor = '#000';
	newDiv.style.backgroundImage = "url('/images/basics/mask_mediaplayer.png')";
	newDiv.style.position = "fixed";
	newDiv.style.width = '537px';
	newDiv.style.height = '357px';
	newDiv.style.left = (document.body.clientWidth / 2) - 260+'px';
	newDiv.style.top = (document.body.clientHeight / 2) - 157+'px';
	newDiv.style.paddingTop = '8px';
	newDiv.style.zIndex = 1000;
	newDiv.style.overflowY = 'hidden';
	newDiv.style.overflowX = 'hidden';
	newDiv.style.textAlign = 'center';
	document.body.appendChild(newDiv);
	
	document.getElementById('divProInVid').style.visibility = "visible";
	document.getElementById('divProInVid').innerHTML = '<img src="/images/basics/loader.gif" align="absmiddle" style="margin-top:30%" />';
	
	script = '/shared/ajax/proin_vid.php';

	ajax(script, 'divProInVid', '');
}

/*********************************************************
 * Page layer function
 * Copyright © 2008 by Janek Bevendorff
 *
 * This Code is free to use but it would be nice if
 * you leave this comment in your projects.
 * For more Tutorials visit <http://www.openwebboard.org>
 **********************************************************/
var pageLayer = {
	layerElement: null,
	maxLayerOpacity: 0.8,
	
	addRemoveLayer: function(){
		if (this.layerElement == null) {
			// create layer element
			this.layerElement = document.createElement('div');
			
			// attach event
			
			this.layerElement.onmousedown = function(){
				pageLayer.fadeLayer(-0.5, pageLayer.maxLayerOpacity);
				if(document.getElementById('divProduktDetails')){
					document.body.removeChild(document.getElementById('divProduktDetails'));
				}
				if(document.getElementById('divProInVid')){
					document.body.removeChild(document.getElementById('divProInVid'));
				}
				document.documentElement.style.overflowY = 'auto';
			}
			
			// set styles of layer element
			this.layerElement.style.position = 'fixed';
			this.layerElement.style.top = '0px';
			this.layerElement.style.left = '0px';
			this.layerElement.style.zIndex = 500;
			this.layerElement.style.width = '100%';
			this.layerElement.style.height = document.documentElement.clientHeight+'px';
			//this.layerElement.style.minHeight = '100%'; // for IE
			this.layerElement.style.backgroundColor = '#000';
			document.documentElement.style.overflow = 'hidden';
			
			// add layer to body
			document.getElementsByTagName('body')[0].appendChild(this.layerElement);
		}
		else {
			// remove layer and make document scrollable
			document.getElementsByTagName('body')[0].removeChild(this.layerElement);
			document.documentElement.style.overflow = 'visible';
			this.layerElement = null;
		}
	},
	
	fadeLayer: function(addend){
		var opacity;
		
		// if not called by timeout
		if (arguments[1] == null) {
			// add layer
			this.addRemoveLayer();
			
			if (addend > 0) {
				opacity = 0;
			}
			else 
				if (addend < 0) {
					opacity = this.maxLayerOpacity;
				}
				else {
					return;
				}
		}
		else {
			opacity = arguments[1];
		}
		
		opacity += addend;
		
		// prevent rounding errors
		opacity = Math.round(opacity * 10) / 10;
		
		// if maximum or minimum is exceeded
		if (opacity > this.maxLayerOpacity) {
			return;
		}
		else 
			if (opacity < 0) {
				// remove layer before exit
				this.addRemoveLayer();
				return;
			}
		
		// check for Internet Explorer
		if (navigator.userAgent.indexOf('MSIE') > -1) {
			this.layerElement.style.filter = 'Alpha(opacity=' + (opacity * 100) + ')';
		}
		else {
			this.layerElement.style.opacity = opacity;
		}
		
		setTimeout('pageLayer.fadeLayer(' + addend + ', ' + opacity + ');', 10);
	}
};

function closeDetails() {
	pageLayer.fadeLayer(-0.5, pageLayer.maxLayerOpacity);
	if(document.getElementById('divProduktDetails')){
		document.body.removeChild(document.getElementById('divProduktDetails'));
	}
	if(document.getElementById('divProInVid')){
		document.body.removeChild(document.getElementById('divProInVid'));
	}
	document.documentElement.style.overflowY = 'auto';
}

function showSubCats(parent) {
	hideSubCats('xxx');
	document.getElementById(parent).style.visibility="visible";
}

function hideSubCats(active) {
	if(document.getElementById('subNavHomeCinema')) {
		document.getElementById('subNavHomeCinema').style.visibility="hidden";
	}
	if(document.getElementById('subNavHomeHifi')) {
		document.getElementById('subNavHomeHifi').style.visibility="hidden";
	}
	if(document.getElementById('subNavComputer')) {
		document.getElementById('subNavComputer').style.visibility="hidden";
	}
	if(document.getElementById('subNavProIn')) {
		document.getElementById('subNavProIn').style.visibility="hidden";
	}
	/* show active point */
	if(document.getElementById(active)) {
		document.getElementById(active).style.visibility="visible";
	}
}

function showFeaturelist(id) {
	document.getElementById("p_feature_list").setAttribute('class', 'visible', false);
	document.getElementById("p_feature_btn_close").setAttribute('class', 'visible', false);
	document.getElementById("p_features").setAttribute('class', 'hidden', false);
	if(id == 2) {
		document.getElementById("p_body_right").setAttribute('class', 'hidden', false);
	}
}

function hideFeaturelist(id) {
	document.getElementById("p_feature_list").setAttribute('class', 'hidden', false);
	document.getElementById("p_feature_btn_close").setAttribute('class', 'hidden', false);
	document.getElementById("p_features").setAttribute('class', 'visible', false);
	if(id == 2) {
		document.getElementById("p_body_right").setAttribute('class', 'visible', false);
	}
}