// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// INIT VARS DEFAULT SIZE OF LAYERS
	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	var	maxWidth			= 825;
	var	minWidth			= 45;
	var	defaultWidth		= 240;
	var	defaultDuration		= 500;
	var sTrackerUrl			= '';
	var browserName=navigator.appName;
	var resp = '';
	var headerText		= "<p><a href='?lng="+sL+"'>www.binder-elements.com </a></p>";
	var headerTextInit	= "<p><a href='?lng="+sL+"'>www.binder-elements.com </a></p>";
	//var headerTextInit	= "<p>Die neuen BINDER Konstant-Klimaschr&auml;nke</p>";

	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// INIT CAROUSEL
	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	/* LOADING PAGE ON START (called on bottom of page) */
	function init_carousel(){

			for(var j = 1; j < 4; j++){
				$('#accordionItem'+j+'BoxMiddle').css({'display':'block'});
				$('#accordionItem'+j+'BoxRight').css({"display":"none"}); // .pngfix();
				$('#accordionItem'+j+'').pngFix();
			}

		if (browserName=="Microsoft Internet Explorer"){
			$('#accordionItem4').pngFix();
			$('#accordionItem4BoxRight').pngFix();
			$('#accordionItem4ContLeftInit').pngFix();
		}

		$.ajax({ type: "GET",
			url : "template.php?tpl=tmpInsideDef&page=page4LV1InsideDef&sL="+sL+"&iLyID=4",
			async : false,
			success : function(resp) {
					$('#accordionItem4BoxRight').html(resp); // .pngfix();
					if (browserName=="Microsoft Internet Explorer")
					{
						$('#accordionItem4BoxRight').pngFix();
					}
				}
		});

		$("li.slideboxOpacityBar").bind('click');
		$("li.slideboxOpacityBar").bind('hover');
		$("li.slideboxOpacityBar").bind('mouseenter');
		$("#accordionItem4BoxRight").unbind('click');
		$('li.accordion').animate({width: defaultWidth+"px"}, { queue:false, duration:defaultDuration }).css({"display":"block"});
		$('#headLeft').html(headerTextInit);
	}

	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// CLEAR CONTENT CAROUSEL
	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	function ClearContentLy(layerID){

		for(var j = 1; j < 4; j++){
			$('#accordionItem'+j+'BoxMiddle').css({'display':'none'});
		}
		
		for(var j = 1; j < 5; j++){
			//if(layerID!=j){
				$('#accordionItem'+j+'BoxRight').html('');
				if (browserName=="Microsoft Internet Explorer")
					{
						$('#accordionItem'+j+'').pngFix();
					}
			//}
		}
	
	}


	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// ANIMATE CAROUSEL
	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	$(document).ready(function(){

		$('li.accordion').animate({width: defaultWidth+"px"}, { queue:false, duration:defaultDuration });

		/* This is accordean */
		/* CLICK ACCORDION -> OPEN OVERVIEW OF SECTION) (click on complete area of the section) */
		$("li.accordion").click(SetStartClickEventOn);
		InitializeStartPage();

		$(".slideboxOpacityBar").click(function(){ init_carousel();  });

	}); // end


	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// RESET STARTPAGE
	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	function InitializeStartPage(){

		/* SET FLASH ON MOUSEENTER */
		$("#accordionItem1").mouseenter(function(){
				$('#accordionItem1').unbind('mouseenter');
		});

		$("#accordionItem2").mouseenter(function(){
			$('#accordionItem2').unbind('mouseenter');
		});

		$("#accordionItem3").mouseenter(function(){
			$('#accordionItem3').unbind('mouseenter');
		});

		/* RESET ON MOUSE-LEAVE */
		$("#accordionItem1").mouseleave(function(){
			/* Speziell für Flash Event */
			$('#accordionItem1').mouseenter(function(){
						$('#accordionItem1').unbind('mouseenter');
			});
		});

		$("#accordionItem2").mouseleave(function(){
			/* Speziell für Flash Event */
			$('#accordionItem2').mouseenter(function(){
						$('#accordionItem2').unbind('mouseenter');
			});
		});

		$("#accordionItem3").mouseleave(function(){
			/* Speziell für Flash Event */
			$('#accordionItem3').mouseenter(function(){
						$('#accordionItem3').unbind('mouseenter');
			});
		});

		//$("li.slideboxOpacityBar").hover('click',SetStartClickEventOn);
		//$("li.slideboxOpacityBar").bind('mouseenter');
		//$("li.slideboxOpacityBar").bind('hover');

	} // end


	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// GET CONTENT BY TEMPLATE
	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	function GetCntPage(sLayer,sPage,sTpl,sLng,layerID,sTrackerUrl){

		if(layerID==4)
		{
			$('#accordionItem4').unbind('click');
		}

		$.ajax({ type: "GET",
			url : "template.php?tpl="+sTpl+"&page="+sPage+"&sL="+sL+"&iLyID="+layerID,
			async : false,
			success : function(resp) {

					$('#accordionItem'+layerID+'BoxLeft').css({'z-index':'9'});
					$('#accordionItem'+layerID+'BoxRight').css({'display':'none','opacity':'0'});
					$('#accordionItem'+layerID+'BoxRight').html(resp).xfadeIn(1500,1).ClearTypeFadeIn("show");

						if (browserName=="Microsoft Internet Explorer"){
							$('#accordionItem'+layerID+'BoxRight').pngFix();
							$('#accordionItem'+layerID+'ContLeft').pngFix();
							$('#accordionItem'+layerID+'ContRight').pngFix();
						}

						if(googleTrackerOffOn==1){
							pageTracker._trackPageview(sL+''+sTrackerUrl);
						}
				}
		});
	}

	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// SET CLICK EVENT ON START SCREEN
	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	function SetStartClickEventOn(){

		// get values of current layer
		CurrLyID = $(this).attr('id'); // GET NAME
		iLyID = CurrLyID.substr(13,1); // GET ID
		$(this).animate({width: maxWidth+"px"}, { queue:false, duration:defaultDuration});

		switch(iLyID){
			case "1":
				layerID = iLyID;
				tmpID = "tmpProdOverview";
				pageID = "page1Lv1Luft";
				//alert("1");
			break;

			case "2":
				layerID = iLyID;
				tmpID = "tmpProdOverview";
				pageID = "page2Lv1Wasser";
			break;

			case "3":
				layerID = iLyID;
				tmpID = "tmpProdOverview";
				pageID = "page3Lv1Licht";
				break;

			case "4":
				layerID = iLyID;
				tmpID = "tmpInsideKontakt";
				pageID = "page4LV1InsideForm";
			break;
		}

		init_LayerContent(iLyID,tmpID,pageID);
	}

	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// OPEN WIDE LAYER (on click of start screen)
	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	function init_LayerContent(layerID,tmpID,pageID){

		switch(layerID){
			case "1":
				tmpID = "tmpProdOverview";
				pageID = "page1Lv1Luft";
				//alert("1");
				sTrackerUrl = "/Luft";
			break;

			case "2":
				tmpID = "tmpProdOverview";
				pageID = "page2Lv1Wasser";
				sTrackerUrl = "/Wasser";
			break;

			case "3":
				tmpID = "tmpProdOverview";
				pageID = "page3Lv1Licht";
				sTrackerUrl = "/Licht";
			break;

			case "4":
				tmpID = "tmpInsideKontakt";
				pageID = "page4LV1InsideForm";
				sTrackerUrl = "/inside/kontakt";
				$("#accordionItem4").unbind('click',SetStartClickEventOn);
			break;
		}

			$('#accordionItem1').unbind('click');
			$('#accordionItem2').unbind('click');
			$('#accordionItem3').unbind('click');

			ClearContentLy(layerID);

		$('#headLeft').html(headerText);

		$.ajax({ type: "GET",
			url : "template.php?tpl="+tmpID+"&page="+pageID+"&sL="+sL+"&iLyID="+layerID,
			async : false,
			success : function(resp) {

					$('li.accordion').animate({width: minWidth+"px"}, { queue:false, duration:defaultDuration });
					$('#accordionItem'+layerID+'').animate({width: maxWidth+"px"}, { queue:false, duration:defaultDuration});

					$('#accordionItem'+layerID+'BoxRight').css({'display':'none'});
					$('#accordionItem'+layerID+'BoxRight').html(resp).xfadeIn(2500,1).ClearTypeFadeIn("show");

					if (browserName=="Microsoft Internet Explorer"){
						$('#accordionItem'+layerID+'BoxRight').pngFix();
						$('#accordionItem'+layerID+'ContLeft').pngFix();
						$('#accordionItem'+layerID+'ContRight').pngFix();
					}

					if(googleTrackerOffOn==1){
						pageTracker._trackPageview(sL+''+sTrackerUrl);
					}

						/* HOVER ACCORDION (called by the bar) */
						$("li.slideboxOpacityBar").hover(function(){

							$('#accordionItem1').unbind('mouseenter');
							$('#accordionItem2').unbind('mouseenter');
							$('#accordionItem3').unbind('mouseenter');

							$('#accordionItem1').unbind('mouseleave');
							$('#accordionItem2').unbind('mouseleave');
							$('#accordionItem3').unbind('mouseleave');

							$('li.accordion').animate({width: defaultWidth+"px"}, { queue:false, duration:defaultDuration });
							$('li.accordion').bind('click',SetStartClickEventOn);

							init_carousel();
							setTimeout("InitializeStartPage()", 500);
							//InitializeStartPage();
						});

				}
		});
	}

	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// SHOW HIDE TOOL TIP ON PICTURE
	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	function showBox(id) {
		$('#BinderTest'+id).fadeIn(100);
	}
	function hideBox(id) {
		$('#BinderTest'+id).fadeOut(100);
	}

	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// GET INSIDE PAGE CONTENT
	// +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	function GetCntPageInside(sLayer,sPage,sTpl,sLng,layerID,sTrackerUrl){ // sLayer,sPage,sTpl,sLng,layerID

		iLayerWidthsize =  $('#accordionItem4BoxRight').css("width");

			if(iLayerWidthsize=="795px"){

				$('#accordionItem'+layerID+'ContRightInside').html("");

				if(googleTrackerOffOn==1){
					pageTracker._trackPageview(sL+''+sTrackerUrl);
				}

				$.ajax({ type: "GET",
					url : "template.php?tpl="+sTpl+"&page="+sPage+"&sL="+sL+"&iLyID="+layerID+"&iLyOpen=1",
					async : false,
					success : function(resp) {

										$('#accordionItem'+layerID+'ContRightInside').html(resp);
										if (browserName=="Microsoft Internet Explorer"){
											$('#accordionItem'+layerID+'ContRightInside').pngFix();
										}
						}
				});
			}
			else{

				ClearContentLy(layerID);

				$.ajax({ type: "GET",
					url : "template.php?tpl="+sTpl+"&page="+sPage+"&sL="+sL+"&iLyID="+layerID,
					async : false,
					success : function(resp) {

									$('#accordionItem4BoxRight').html(resp);
									if (browserName=="Microsoft Internet Explorer"){
										$('#accordionItem4BoxRight').pngFix();
									}

						}
				});

				$('ul.accordion li.accordion').animate({width: minWidth+"px"}, { queue:false, duration:defaultDuration });
				$('#accordionItem4').animate({width: maxWidth+"px"}, { queue:false, duration:defaultDuration});
			}

			$('li.accordion').unbind('click',SetStartClickEventOn);
			$('#headLeft').html(headerText);
	}

	function ResetClickAccordion(){
			$("#accordionItem1").bind('click',SetStartClickEventOn);
			$("#accordionItem2").bind('click',SetStartClickEventOn);
			$("#accordionItem3").bind('click',SetStartClickEventOn);
	}

	function NewWindow(url, w, h, name, scroll) {
		NewWin = window.open(url,name,"width="+w+",height="+h+",scrollbars="+scroll+",status=no,toolbar=no,menubar=no,resizable=yes");
		NewWin.focus();
	}