/*
	filename:	base.js
	version:	1.0 - 2010-02-10 - fz	 
	author:		frontend (at) gpm (dot) de 
	depends on:	jquery-1.4.min.js
*/



/* Var holding total with of inner Elements to be slided
 * is important for slide to the right 
 * is used to align last Element to be slided with 
 * right borader of inner window 
 */ 
var sliding_div_width = new Array();
sliding_div_width[0] = new Object();
var val_actual_id = 0;
var val_old_id = 0;
var val_right_button_id = 0;
var val_right_button_width = 0;
var val_right_button_height = 0;
var val_left_button_id = 0;
var val_left_button_width = 0;
var val_left_button_height = 0;

var mouseX = 0;
var mouseY = 0;
var randLinks = 0;

/*für die Faltenkombination: hyal-system*/
var arBildSelected = new Array();		
arBildSelected["eins"] = "unsel";		
arBildSelected["zwei"] = "unsel";
arBildSelected["funfundzwanzig"] = "unsel";		
arBildSelected["siebzehn"] = "unsel";		
arBildSelected["dreia"] = "unsel";		
arBildSelected["dreib"] = "unsel";
arBildSelected["zehn"] = "unsel";
arBildSelected["achtzehn"] = "unsel";
arBildSelected["fuenf"] = "unsel";			
arBildSelected["vier"] = "unsel";	
arBildSelected["neunzehn"] = "unsel";	
arBildSelected["zwoelf"] = "unsel";	
arBildSelected["einundzwanzig"] = "unsel";
arBildSelected["funfzehn"] = "unsel";	
arBildSelected["zwanzig"] = "unsel";
arBildSelected["sechs"] = "unsel";		
arBildSelected["sieben"] = "unsel";
arBildSelected["zweiundzwanzig"] = "unsel";
arBildSelected["acht"] = "unsel";
arBildSelected["dreiundzwanzig"] = "unsel";
arBildSelected["dreizehn"] = "unsel";
arBildSelected["vierzehn"] = "unsel";	
arBildSelected["neun"] = "unsel";		
arBildSelected["sechzehn"] = "unsel";	
arBildSelected["vierundzwanzig"] = "unsel";
arBildSelected["elf"] = "unsel";

/* variable ausgeblendet, da sie in konflikt mit der funktion layer() steht - fz 22.11.2011	*/
/* default-layer */
/* var layer = 'falten';	*/

var falten_selected_items = 0;
var volumen_selected_items = 0;


$(document).ready(function() {	
	$(".slider_container").each(function(){
		var width = 0 ;
		var slider_id = "#" + this.id  ;
		$(slider_id + " .sliding_img").each(function(){ 
			width += parseInt ($(slider_id + " .sliding_img").css("width") ) + 58 ;
		});
		/* console.log(width); */
		sliding_div_width[0][this.id] = width;
		/* initialises the use of right and left navigation button
		 * if total with of DIV to be slided ist less than inner 
		 * window width, no button are displayed
		 */ 
		if (sliding_div_width[0][this.id] > 460) {
			$(slider_id + " .slider_right_active").css({"display":"block"} ) ;
		}		
	});
	
	$(".imgLayer .imgDiv img").mouseover( function() { 
		$(this).css("border-color","#000099");
	} ).mouseout( function() { 
		$(this).css("border-color","#ccc");
	} );

	/* Search suggest */
	jQuery('input#inputSucheCS').attr('autocomplete','off');
	jQuery('#formSearch').keyup(function() {
		var searchText = encodeURIComponent(jQuery('input#inputSucheCS').attr('value'));
		if( searchText.length > 2 ) {
			jQuery.get('/metadata/suche/searchsuggestsajax.jsp', { q: searchText, js: 1 }, function(data) {
				jQuery('#searchSuggest').html(data);
			});
			if(jQuery('#searchSuggest').css('display') == 'none') {
				jQuery('#searchSuggest').css('display', 'block');
			}
		}
	});

	jQuery('body').click(function() {
		if(jQuery('#searchSuggest').css('display') == 'block') {
			jQuery('#searchSuggest').css('display', 'none');
		}
	});

	/* Erweiterte Suche - Popup Layer */
	jQuery("#extendedSearchLink").click(function(event){
		event.preventDefault();
		jQuery("#extendedSeachPopup").toggle();
		jQuery("#extendedSearchLink").toggleClass("open");
		var inputSearchQ = jQuery("#inputSucheCS").val();
		if ( inputSearchQ != "Ihr Suchbegriff" )
			jQuery("#inputExtSearch").val(inputSearchQ);
	});
	jQuery("#extendedSeachPopup").blur(function(event){
		jQuery(this).hide(); 
	});
	jQuery("body").mousemove(function(e) {
			mouseX = e.pageX;
			mouseY = e.pageY;
			randLinks = parseInt(document.getElementById("stage").offsetLeft)
		});
		
	jQuery(".mnLi").mouseover(function(e) {
			ulChild = $(this).children("ul");
			ulChild.removeClass("navDropDownHidden");
			ulChild.addClass("navDropDownShow");			
		}).mouseleave(function() {
			ulChild = $(this).children("ul");	
			ulChild.removeClass("navDropDownShow");
			ulChild.addClass("navDropDownHidden");
 			
		});

	if(jQuery(".moodBildLayer")) {
		bildwechselMoodbilderStart();
	}

	jQuery(".pressebereichTeaser .toggleLayer").animate({ 
			  marginTop: "126" }, 700);

	teaserLayerList = jQuery(".pressebereichTeaser");
	teaserLayerArray = new Array(jQuery(".pressebereichTeaser").length);
	for( var i = 0; i < teaserLayerList.length; i++) {
		teaserLayerArray[jQuery(teaserLayerList[i]).attr("id")] =  new Array(0,7000);
	}
	jQuery(".pressebereichTeaser .toggleLayer h2").mouseover(function(e) {
		showPresseTeaserLayer(jQuery(this).parent(".toggleLayer").parent(".pressebereichTeaser").attr("id"));
	});
	window.setInterval("teaserLayerToogleDown()", 1000);
	
});

var teaserLayerArray;

function showPresseTeaserLayer(teaserLayerId) {
	if(teaserLayerArray[teaserLayerId][0] == 0 ) {
		jQuery("#"+teaserLayerId+" .toggleLayer").animate({ 
			  marginTop: "0" }, 700);
		teaserLayerArray[teaserLayerId][0] = 1;
		teaserLayerArray[teaserLayerId][1] = 7000;
	}
}

function teaserLayerToogleDown() {
	for (var wert in teaserLayerArray ) {
		if(teaserLayerArray[wert][0] == 1 ) {
			if( teaserLayerArray[wert][1] > 0 ) {
				teaserLayerArray[wert][1] = parseInt(teaserLayerArray[wert][1]) - 1000;
			}
			else {
				jQuery("#"+(wert)+" .toggleLayer").animate({ 
				  marginTop: "126" }, 700);
				teaserLayerArray[wert][0] = 0; 
				teaserLayerArray[wert][1] = 7000;			  
			}
		}
	}
}

var anzahlMoodbilder;
var moodbilderArray ;
var moodbildNumber;

function bildwechselMoodbilderStart() {
	anzahlMoodbilder = jQuery(".moodBildLayer").children("div.moodbild").length;
	moodbilderArray = jQuery(".moodBildLayer").children("div.moodbild");
	window.setTimeout("bildwechselMoodbilder(1)", 7000);
}

function bildwechselMoodbilder(moodbildNumber) {
	if(moodbildNumber+1 > anzahlMoodbilder) {
		newMoodbildNumber = 1;
	}
	else {
		newMoodbildNumber = moodbildNumber+1;
	}
	jQuery(".moodBildLayer").children("div#moodBild"+(moodbildNumber)).fadeOut("slow");
	jQuery(".moodBildLayer").children("div#moodBild"+(newMoodbildNumber)).fadeIn("slow");
	timer = window.setTimeout("bildwechselMoodbilder("+newMoodbildNumber+")", 7000);
}

/* Funktion um auf der Jobbörse (ext. SAP-Anwendung) direkt auf Unterseiten verlinken zu können */
function getIFrameLink () {
	var theUrl = 'http://bewerbung.merz.de/';
	var theSearch = window.location.search;
	if(theSearch) {
		theSearch = decodeURIComponent(theSearch.substring(1));
		var theList = theSearch.split('&');
		if(theList.length > 0) {
			if(theList[0].indexOf('list=') == 0) {
				   theUrl = theUrl + '?list=' + theList[0].split('=')[1];
			}
			else if (theList[0].indexOf('initiativ=') == 0) {
				   theUrl = theUrl + '?initiativ=' + theList[0].split('=')[1];
			}
			else if (theList[0].indexOf('offid=') == 0) {
				   theUrl = theUrl + '?offid=' + theList[0].split('=')[1];
			}
			else if (theList[0].indexOf('apply=') == 0) {
				   theUrl = theUrl + '?apply=' + theList[0].split('=')[1];
			}
		}
	}
	$('#iFrameJobboerse').html('<iframe frameborder="0" src="' + theUrl + '" width="860" height="980" scrolling="no">Hier content</iframe>');
}

function toggleNavi(objekt) {
	arrowImage = $(objekt).children("img");
	ulChild = $(objekt).parent("div").parent("li").children("ul");
	ulParent = $(objekt).parent("div").parent("li").parent("ul");
	if(! ulParent.hasClass("noexpand")) {
		ulChild.slideToggle("slow",function(){ 
  			ulParent.addClass("noexpand");
			arrowImage.attr( {src: "/media/layout_1/img/arrow_expand_blank~1.gif"} );
		});		
	}
	else {
		ulChild.slideToggle("slow");
		ulParent.removeClass("noexpand");
		arrowImage.attr( {src: "/media/layout_1/img/arrow_expand_blank.gif"} );	
	}
}

function toggleLayer(objekt) {
	divToggleLayer = $(objekt).parent("h2").parent("div").parent("div");
	divChild = $(objekt).parent("h2").parent("div").parent("div").children("div.toggleBody");
	if(! divToggleLayer.hasClass("noexpand")) {
		divChild.slideToggle("slow",function(){
			divToggleLayer.addClass("noexpand");
			if(divToggleLayer.parent("div").attr("id") == "contentMain" ) {
				divToggleLayer.animate({marginBottom:10},"fast");
			}
		});		
	}
	else {
		if(divToggleLayer.parent("div").attr("id") == "contentMain" ) {
			divToggleLayer.animate({marginBottom:0},"fast");
		}
		divChild.slideToggle("slow",function(){
			divToggleLayer.removeClass("noexpand");
		});
	}	
}

var objektID = "";
var gesperrt = false;

function showMainNavi(objekt,action) {
	ulChild = $(objekt).children("ul");
	if(action == "show" &&  !gesperrt ) {
		ulChild.removeClass("navDropDownHidden");
		ulChild.addClass("navDropDownShow");
		objektID = $(objekt).attr("id");
		gesperrt = true;
	}
	else if(action == "hide" && !objektID.indexOf($(objekt).attr("id")) ) {
		ulChild.removeClass("navDropDownShow");
		ulChild.addClass("navDropDownHidden");
		objektID = "";
		gesperrt = false;
	}
}

function layer(aktivLayer,absatzID,anzahlLayer) {
	layerDavor = (aktivLayer-1);
	layerDanach = (aktivLayer+1);
	if( (layerDavor) == 0 ) {
		layerDavor = anzahlLayer;
	}
	if( (layerDanach) > anzahlLayer) {
		layerDanach = 1;
	}
	document.getElementById("text"+absatzID+layerDavor).style.display = "none";
	document.getElementById("text"+absatzID+aktivLayer).style.display = "block";
	document.getElementById("text"+absatzID+(layerDanach)).style.display = "none";
}

function gotoProductpage(){
	top.location.href = document.getElementById("selectProductlist").options[document.getElementById("selectProductlist").selectedIndex].value;
} 

function showFormLayer(action,layer) {
	if (action == 1) {
		showOverlayLayer(action);
		$(".popup_overlay").fadeIn(300, function(){
			showLayer(action,layer);
		});
	}
	if (action == 0) {
		showLayer(action,layer);
		showOverlayLayer(action);
	}
}

function showLayer(action,layer) {
	if (action == 1) {
		document.getElementById(layer).style.display = "block";
		document.getElementById(layer).style.visibility = "visible";
	}
	if (action == 0) {
		document.getElementById(layer).style.display = "none";
		document.getElementById(layer).style.visibility = "hidden";	
	}
}


function behandlungsregion_showLayer(_action,_layer, _color, _border_color) {
	 if(_action == 0 ){
		document.getElementById(_layer).style.background = "none";
		document.getElementById(_layer).style.border = "1px solid #fff";
	 } 
	 if(_action == 1 ){
		document.getElementById(_layer).style.background = _color;
		document.getElementById(_layer).style.border = "1px solid " + _border_color;
	 }
}
function falten_mouseOverPic(bildnummer) {
	if(arBildSelected[bildnummer] == "unsel"){
		document.getElementById(bildnummer).style.visibility = "visible";
		document.getElementById(bildnummer+"Text").style.visibility = "visible";
	}
}

function falten_mouseOutPic (bildnummer){
	if(arBildSelected[bildnummer] == "unsel"){
		document.getElementById(bildnummer).style.visibility = "hidden";
		document.getElementById(bildnummer+"Text").style.visibility = "hidden";
	}
}



function showOverlayLayer(action) {
    arrayPageDimesion = getPageSize();
	arrayScrollDimesion = getPageScroll();
	if (action == 1) {
		$("body").prepend("<div class=\"popup_overlay\" id=\"layerPopBG\"></div>");
		$(".popup_overlay").css({
			height	: 	arrayPageDimesion[1],
			opacity	:	0.7
		});
		bodyHasOverlay = true;
	}
	if (action == 0) {
		$(".popup_overlay").fadeOut("slow", function(){
	        $(this).remove();    
	    });
	}		
}

var timer;
var infoLayer;
var infoLayerMoved = false;
var divLayer;
var meinObjekt;

function info(objekt,job) {
	if(!infoLayerMoved) {
		infoLayer = jQuery(objekt).parent("div").children("span.bildTitel");
		meinObjekt = objekt;	
		divLayer = jQuery(objekt).parent("div");
	}
	if(job == 1) {
		if(!infoLayerMoved) {
			infoLayer.prependTo("#contentMain");
			infoLayerMoved = true;
		}
		infoLayer.css("display","block");
		infoLayer.css("top",(mouseY-10)+"px");
		infoLayer.css("left",(mouseX-randLinks+20)+"px");
		timer = window.setTimeout("info(meinObjekt,"+job+")", 100);
	}
	if(job == 0) {
		window.clearTimeout(timer);
		infoLayer.prependTo(divLayer);
		infoLayer.css("display","none");
		infoLayerMoved = false;
	}
}

/**
 * getPageSize() by quirksmode.com
 *
 * @return Array Return an array with page width, height and window width, height
 */
function getPageSize() {
	var xScroll, yScroll;
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ /* all but Explorer Mac */
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { /* Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari */
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	var windowWidth, windowHeight;
	if (self.innerHeight) {	/* all except Explorer */
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { /* Explorer 6 Strict Mode */
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { /* other Explorers */
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	/* for small pages with total height less then height of the viewport */
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}
	/* for small pages with total width less then width of the viewport */
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}

	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
	return arrayPageSize;
}

/**
 * getPageScroll() by quirksmode.com
 *
 * @return Array Return an array with x,y page scroll values.
 */
function getPageScroll() {
	var xScroll, yScroll;
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {	 /*  Explorer 6 Strict  */
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body) {/*  all other Explorers */
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;	
	}
	arrayPageScroll = new Array(xScroll,yScroll);
	return arrayPageScroll;
}

/*  
	|---------------------------------------|
	| functions for Slider / Lightboxeffect |
	|---------------------------------------|
*/

function slide_right(slider_id) {
	var total_width = parseInt(sliding_div_width[0][slider_id]);
	$("#" + slider_id + " .sliding_div:animated").stop();
	if ( parseInt ($("#" + slider_id + " .sliding_div").css("left") ) < -400 ) {
		/*  sliding	*/	
        $("#" + slider_id + " .sliding_div").animate({ "left": "+=400" }, "slow");
		if (total_width > 460) {
			$("#" + slider_id + " .slider_right_active").css({"display":"block"} ) ;
		}
	}
	/* if remaining width to the right of DIV to be slided is more than 863px
	 * inner Div is slided to the left by 400px
	 */
	else {
		$("#" + slider_id + " .slider_left_active").css({"display":"none"} ) ;
		/* sliding */
		$("#" + slider_id + " .sliding_div").animate({ "left": 0 + "px"  }, "slow");
		
		if (total_width > 460) {
			$("#" + slider_id + " .slider_right_active").css({"display":"block"} ) ;
		}
	}	
}

function slide_left(slider_id) {
	var total_width = parseInt(sliding_div_width[0][slider_id]);
	$("#" + slider_id + " .sliding_div:animated").stop();
	/* if remaining width to the right of DIV to be slided is less than
	 * width of the inner window (463px) + value the DIV ist slided (400px)
	 * inner DIV will be slided to the left and aligned right with the inner window
	 */ 
	if ( parseInt ($("#" + slider_id + " .sliding_div").css("left") ) + total_width  > 859 ) {
		/*  sliding  */
		$("#" + slider_id + " .sliding_div").animate({ "left": "-=400" }, "slow")
	}
	/* if remaining width to the right of DIV to be slided is more than 863px
	 * inner Div is slided to the left by 400px
	 */
	else {
		/* sliding */
		$("#" + slider_id + " .sliding_div").animate({ "left": - total_width + 459  }, "slow");
		$("#" + slider_id + " .slider_right_active").css({"display":"none"} );
	}
	$("#" + slider_id + " .slider_left_active").css({"display":"block"} );
}

/* Handler for click on cross top left on popupbox
 * click fades #popup_overlay and 
 * div.popup_container_all out
 */
function fade_out_popup() {
	bodyHasOverlay = false;
	popup_container_all_width = 0;
	absatzID = 0;
	$(".popup_container_all").css({"display":"none"});
	showOverlayLayer(0);
}

function openPopup(linkPopup,widthPU,heightPU,hasScrollbars,isResizeable,windowName) {
	var winparams = "width="+widthPU+",height="+heightPU+",scrollbars="+hasScrollbars+",resizeable="+isResizeable+",toolbar=no,menubar=no,location=no";
	var winname = windowName;
	window.open(linkPopup, winname, winparams);
}

/*  
	|---------------------------------------|
	| functions for Popup                   |
	|---------------------------------------|
 
 * mainfunction controlling action of Popup
 * 
 * Is called by click on img in slider
 * Is call by click on nav-buttons in Popup
 * 
 */

var bodyHasOverlay = false;
var popup_container_all_width = 0;
var absatzID = 0;

function fade_in_popup(slider_id, id_selected, image_width, image_height, absatz_id ) {
    fadein_duration = 400;
    arrayPageDimesion = getPageSize();
	arrayScrollDimesion = getPageScroll();
	absatzID = absatz_id;
	

	if(!bodyHasOverlay) {
		showOverlayLayer(1);
		init_popup(slider_id);
	}

    $("#"+slider_id).prependTo("body");

    $("div#" + slider_id + ":animated").stop();
    
    $("div#" + slider_id + " .popup_navibutton_left").css({"display" : "none"});
    $("div#" + slider_id + " .popup_navibutton_right").css({"display" : "none"});

    /* set the old images of last loop (pre pre images to back) */
    $("div#" + slider_id + " #popup_headline_" + val_old_id).css({"display" : "none", "z-index": "11"});
    $("div#" + slider_id + " #popup_bottomline_" + val_old_id).css({"display" : "none", "z-index": "11"});
    $("div#" + slider_id + " #popup_pic_slider_" + val_old_id).css({"display" : "none", "z-index": "11"});
    $("div#" + slider_id + " #popup_rightcontent_" + val_old_id).css({"display" : "none", "z-index": "11"});
	
	val_old_id = val_actual_id;	
	/* set actual images tu pre image and set it in position to be fades out */
	$("div#" + slider_id + " #popup_headline_" + val_actual_id).fadeOut(fadein_duration);	
	$("div#" + slider_id + " #popup_headline_" + val_actual_id).css({"z-index": "12"});
	
	$("div#" + slider_id + " #popup_bottomline_" + val_actual_id).fadeOut(fadein_duration);
	$("div#" + slider_id + " #popup_bottomline_" + val_actual_id).css({"z-index": "12"});	
	
	$("div#" + slider_id + " #popup_pic_slider_" + val_actual_id).fadeOut(fadein_duration);
	$("div#" + slider_id + " #popup_pic_slider_" + val_actual_id).css({"z-index": "12"});	
	
	$("div#" + slider_id + " #popup_rightcontent_" + val_actual_id).fadeOut(fadein_duration);
	$("div#" + slider_id + " #popup_rightcontent_" + val_actual_id).css({"z-index": "12"});	
    
    val_actual_id = id_selected;
    if ($.trim($("div#" + slider_id + " #popup_rightcontent_" + id_selected).html())  == "" ) {
        var right_content_width = 0;
    }
    else {
        var right_content_width = 230;
    } 
    
    var div_width = parseInt(image_width) + 40;
    
    /* set image to faded in to front an set opacity to 0.0 */
	$("div#" + slider_id + " #popup_headline_" + id_selected).css({"display" : "none", "z-index": "13"});
	$("div#" + slider_id + " #popup_headline_" + id_selected).fadeIn(fadein_duration).animate({"width": image_width + "px"}, fadein_duration); 
 																
	$("div#" + slider_id + " #popup_bottomline_" + id_selected).css({"display" : "none", "z-index": "13"});
	$("div#" + slider_id + " #popup_bottomline_" + id_selected).animate({"width": image_width + "px"}, fadein_duration);
    $("div#" + slider_id + " #popup_bottomline_" + id_selected).fadeIn(fadein_duration);
	
	$("div#" + slider_id + " #popup_pic_slider_" + id_selected).css({"display" : "none", "z-index": "13"});
	$("div#" + slider_id + " .popup_div_center_middle").animate({"width": div_width + "px", "height": image_height + "px"}, fadein_duration);	
	$("div#" + slider_id + " #popup_pic_slider_" + id_selected).fadeIn(fadein_duration).animate({"width": image_width + "px", "height": image_height + "px"}, fadein_duration, function() {
        $("div#" + slider_id + " #popup_pic_slider_" + val_old_id).css({"display" : "none"});
    });
	
	$("div#" + slider_id + " #popup_rightcontent_" + val_old_id).css({"display":"none" });
    $("div#" + slider_id + " #popup_rightcontent_" + id_selected).css({"display" : "none", "z-index": "13"});
	if(right_content_width > 0) {
		$("div#" + slider_id + " .popup_container_right_content").animate({"width": right_content_width + "px", "height": image_height + "px"}, fadein_duration);
		$("div#" + slider_id + " .popup_container_right_content").css({"display" : "block"});
	}
	if(right_content_width == 0) {
		$("div#" + slider_id + " .popup_container_right_content").css({"display" : "none"});
	}
	$("div#" + slider_id + " #popup_rightcontent_" + id_selected).fadeIn(fadein_duration);
	$("div#" + slider_id + " #popup_bottomline_" + val_old_id).css({"display":"none" });
    $("div#" + slider_id + " #popup_div_right_bottom" + id_selected).css({"display" : "none", "z-index": "13", "position":"absolute", "top": "0px"});
	$("div#" + slider_id + " .popup_div_right_bottom").css( {"width": (parseInt(image_width)+6) + "px"});	
    $("div#" + slider_id + " #popup_div_right_bottom" + id_selected).fadeIn(fadein_duration);      
    
    
	$("div#" + slider_id + " .popup_container_all").css( {"width": (parseInt(image_width + right_content_width) + 100) + "px"});

	$("div#" + slider_id + " .popup_div_right_content_middle").animate({"height": (parseInt(image_height)-5) + "px"}, fadein_duration);
	$("div#" + slider_id + " .popup_div_left_middle").animate({"height": (parseInt(image_height)+20) + "px"}, fadein_duration);
	$("div#" + slider_id + " .popup_div_right_middle").animate({"height": (parseInt(image_height)+25) + "px"}, fadein_duration);    
    
    popup_container_all_width = parseInt(right_content_width) + parseInt(image_width);    

    /* set position (center) of the popup */
	leftPos = parseInt((arrayPageDimesion[2] - popup_container_all_width) / 2) ;
	$(".popup_container_all").animate({ 
  		"left": leftPos + "px"
	}, "fast");	
	$(".popup_container_all").css( {"top": (80+arrayScrollDimesion[1]) + "px"});
	$(".popup_container_right_content").css( {"top": (120+arrayScrollDimesion[1]) + "px"});
	$(" .popup_overlay").fadeIn(300, function(){
		$("div#" + slider_id).fadeIn(200, function (){
			set_navi_buttons(slider_id, id_selected, image_width, image_height);
		});	
	});
}

function set_navi_buttons(slider_id, id_selected, image_width, image_height) {
	var popup_left_nav = false;
	var popup_right_nav = false;
	var count = 1;
	
	/* if only 1 pic = no navigation button */
	if ($("div#" + slider_id + " .popup_pic_slider").length > 1) {
		/* setting couter to get active element */
		var count = 1;
		
		/* start loop for each pic */
		$("div#" + slider_id + " .popup_pic_slider").each( function () {
				if ("popup_pic_slider_" + id_selected ==  this.id){
					/* if active pic is not first pic, left navbutton is set */
					if (count > 1) {
						popup_left_nav = true;
					}
					/* if active pic is not last pic, right navbutton is set */
					if (count < $("div#" + slider_id + " .popup_pic_slider").length) {
						popup_right_nav = true;
					}
					/* breaking loop */
					return false;						
				}
				count++;					
		});		
	}
	/* setting left navbutton */
	var navtop = 60;  /* parseInt((image_height-15)/2)+75; */
	var navwidth = parseInt((image_width/2)-5);
	var navheight = parseInt(image_height);
	if (popup_left_nav) {
	    $("div#" + slider_id + " .popup_navibutton_left").css({"display" : "block"});
		$(".naviButtonPic").css({"width" : navwidth + "px", "height" : (navheight-30) + "px"});	
		$("div#" + slider_id + " .popup_navibutton_left").css({"width" : navwidth + "px", "height" : (image_height-30) + "px", "top" : navtop + "px"});			
		val_left_button_id =  ($("div#" + slider_id + " .popup_pic_slider:eq(" + (count-2) + ")").attr("id").slice( 17, 60)) ;	        
		val_left_button_width = parseInt($("div#" + slider_id + " .popup_pic_slider:eq(" + (count-2) + ")").width()) ;
		val_left_button_height = parseInt($("div#" + slider_id + " .popup_pic_slider:eq(" + (count-2) + ")").height()) ;
	}
	else {
		$("div#" + slider_id + " .popup_navibutton_left").css({"display" : "none"});	
	}
	/* setting right button */
	if (popup_right_nav) {
		$("div#" + slider_id + " .popup_navibutton_right").css({"left" : (parseInt(image_width) - parseInt(navwidth) + 20) + "px", "display" : "block"});
        $(".naviButtonPic").css({"width" : navwidth + "px", "height" : (navheight-30) + "px"});	
		$("div#" + slider_id + " .popup_navibutton_right").css({"width" : navwidth + "px", "height" : (image_height-30) + "px", "top" : navtop + "px"});
		val_right_button_id = ($("div#" + slider_id + " .popup_pic_slider:eq(" + (count) + ")").attr("id").slice( 17, 60)) ;
		val_right_button_width = parseInt($("div#" + slider_id + " .popup_pic_slider:eq(" + (count) + ")").width()) ;
        val_right_button_height = parseInt($("div#" + slider_id + " .popup_pic_slider:eq(" + (count) + ")").height()) ;
	}
	else {
		$("div#" + slider_id + " .popup_navibutton_right").css({"display" : "none"});	
	}
}

function fade_inout_navibutton(objekt,job) {
	if(job == "out") {
		$(objekt).addClass("noBackground");
	}
	else {
		$(objekt).removeClass("noBackground");
	}
}

function init_popup(slider_id) {
    
    val_actual_id = 0;
    val_old_id = 0;

    /* set display of all right Contents to none */
	$("div#" + slider_id + " .popup_headline").each( function () {
		$(this).css({"display" : "none", "z-index": "11"});
	});	
	/* set display of all right Contents to none */
	$("div#" + slider_id + " .popup_bottomline").each( function () {
		$(this).css({"display" : "none", "z-index": "11"});
	});	
	/* set display of all right Contents to none */
	$("div#" + slider_id + " .popup_pic_slider").each( function () {
		$(this).css({"display" : "none", "z-index": "11"});
	});	
	/* set display of all right Contents to none	 */
	$("div#" + slider_id + " .popup_rightcontent").each( function () {
		$(this).css({"display" : "none", "z-index": "11"});
	});	
	return true;
}

function display_check_result(){
	var _params = window.location.search.substring(1).split('?');
	_params = _params[0].split('=');
	if((_params[0] == 'haut_type') ){
	
	var typen = _params[1].split('_');
	
	/* Array mit allen Texte, fuer jeden Typ exsistiert auswertung, empfehlung, img, info(falls zusätzliche infos angezeigt werden sollten) product (produktenname) */
	var _texte = new Array();
	/* typ1 */
	_texte['type1_auswertung'] = 'In Ihrem Gesicht sind erste Fältchen zu erkennen, die Haut neigt zu Trockenheit und verliert an Spannkraft. ';
	_texte['type1_empfehlung'] = 'Das Erscheinungsbild Ihrer Haut kann von einer natürlichen und sanften Hautverjüngung mit Hyaluronsäure sichtbar profitieren. '+
									'Damit Ihre Haut strahlender und frischer aussieht, fragen Sie Ihren Dermatologen nach der Verjüngung mit Hyal-System und Hyal ACP. ';
	_texte['type1_img'] = '<img width="166" height="220" border="0" src="http://download.merz.de/media/public/bilder/merzaesthetics/hautcheck/Packshots_Hyal-System_Hyal_ACP_hoch_2.jpg" alt="Packshot Hyal-System" class="floatRight">';
	_texte['type1_product'] = 'Hyal-System® und Hyal ACP™';
	_texte['type1_info'] = 1;
	_texte['type1_bevor_after_link'] = "http://www.hyal-system.de/behandlungsergebnisse/vorher_nachher/";
	_texte['type1_prospect_link'] = "http://www.hyal-system.de/service/patienteninfo/";
	_texte['type1_spec_doc_search'] = "http://www.hyal-system.de/service/spezialisten/";
	
	/* typ2 */
	_texte['type2_auswertung'] = 'Sie haben einzelne Falten, die Sie als störend empfinden. ';
	_texte['type2after_auswertung'] = 'Zudem haben Sie einzelne Falten, die Sie als störend empfinden. ';
	_texte['type2_empfehlung'] = 'Zur Faltenkorrektur empfiehlt sich eine Behandlung mit Belotero. '+
									'Der Hyaluronsäure Filler wird ganz sanft unter die Falte gespritzt und füllt diese von unten auf. ';
	_texte['type2after_empfehlung'] = _texte['type2_empfehlung'];
	_texte['type2_img'] = '<img width="197" height="188" border="0" src="http://download.merz.de/media/public/bilder/merzaesthetics/hautcheck/Packshot_Belotero_Trilogie_2.jpg" alt="Packshot Belotero" class="floatRight">';
	_texte['type2after_img'] = _texte['type2_img'];
	_texte['type2a_img'] = _texte['type2_img'];
	_texte['type2aafter_img'] = _texte['type2_img'];
	_texte['type2b_img'] = _texte['type2_img'];
	_texte['type2bafter_img'] = _texte['type2_img'];
	_texte['type2_product'] = 'Belotero®';
	_texte['type2_info'] = 1;
	_texte['type2_bevor_after_link'] = "http://www.belotero.de/referenzen/vorher_nachher/";
	_texte['type2_prospect_link'] = "http://www.belotero.de/service/downloadcenter/";
	_texte['type2_spec_doc_search'] = "http://www.belotero.de/service/adressen/";
	
	/* typ2a */
	_texte['type2a_auswertung'] = 'Sie haben eher schmale Lippen, denen es an Volumen und Kontur fehlt. ';
	_texte['type2aafter_auswertung'] = 'Zudem haben Sie eher schmale Lippen, denen es an Volumen und Kontur fehlt. ';
	_texte['type2a_empfehlung'] = 'Mit dem Hyaluronsäure Filler Belotero können Lippen mehr Volumen bekommen und durch eine klare Kontur ganz natürlich betont werden. ';
	_texte['type2aafter_empfehlung'] = _texte['type2a_empfehlung'];	
	
	/* typ2b */
	_texte['type2b_auswertung'] = 'Sie haben einzelne Falten, die Sie als störend empfinden. Ihren Lippen fehlt es an Volumen und Kontur. ';
	_texte['type2bafter_auswertung'] = 'Zudem haben Sie einzelne Falten, die Sie als störend empfinden. Ihren Lippen fehlt es an Volumen und Kontur. ';
	_texte['type2b_empfehlung'] = 'Zur Faltenkorrektur empfiehlt sich eine Behandlung mit Belotero. Der Hyaluronsäure Filler wird ganz sanft unter die Falte gespritzt '+
								'und füllt diese von unten auf. Übrigens können mit Belotero auch die Lippenkonturen und das Lippenvolumen ganz natürlich korrigiert werden. ';
	_texte['type2bafter_empfehlung'] = _texte['type2b_empfehlung'];	
	
	/* typ3 */
	_texte['type3_auswertung'] = 'Ihre Haut verliert an Volumen und die Konturen Ihrer Gesichtsform erschlaffen. ';
	_texte['type3after_auswertung'] = 'Gleichzeitig verliert Ihre Haut an Volumen und die Konturen Ihrer Gesichtsform erschlaffen. ';
	_texte['type3_empfehlung'] = 'Radiesse gibt Ihrer Haut zurück, was sie während des Alterungsprozess verliert. Der Volumen-Filler füllt die eingefallenen Bereiche der '+
								'Haut wieder auf und regt die natürliche Kollagenproduktion an. ';	
	_texte['type3after_empfehlung'] = _texte['type3_empfehlung'];	
	_texte['type3_img'] = '<img width="154" height="330" border="0" alt="Packshot Radiesse" class="floatRight" src="http://download.merz.de/media/public/bilder/merzaesthetics/hautcheck/Packshot_Radiesse_3.jpg">';
	_texte['type3after_img'] = _texte['type3_img'];
	_texte['type3a_img'] = _texte['type3_img'];
	_texte['type3aafter_img'] = _texte['type3_img'];
	_texte['type3b_img'] = _texte['type3_img'];
	_texte['type3bafter_img'] = _texte['type3_img'];
	_texte['type3_product'] = 'Radiesse';
	_texte['type3_info'] = 1;
	_texte['type3_bevor_after_link'] = "http://www.radiesse.de/behandlungsergebnisse/wange/wange.jsp";
	_texte['type3_prospect_link'] = "/service/patienteninfo/index.jsp";
	_texte['type3_spec_doc_search'] = "http://www.radiesse.de/service/spezialisteninihrernhe/";		/* folgt wenn radiesse.de online ist */
	
	/* typ3a */
	_texte['type3a_auswertung'] = 'Ihr Nasenrücken zeigt eine unharmonische Kontur, die möglicherweise durch kleine Unebenheiten oder eine flache Nasenspitze entsteht. ';
	_texte['type3aafter_auswertung'] = 'Außerdem zeigt Ihr Nasenrücken eine unharmonische Kontur, die möglicherweise durch kleine Unebenheiten oder eine flache Nasenspitze entsteht. ';
	_texte['type3a_empfehlung'] = 'Der Volumen-Filler Radiesse füllt die Unebenheiten oder Konturdefizite am Nasenrücken wieder auf und unterstützt zugleich '+
									'die natürliche Kollagenproduktion der Haut. ';	
	_texte['type3aafter_empfehlung'] = _texte['type3a_empfehlung'];	
	
	/* typ3b */
	_texte['type3b_auswertung'] = 'Ihre Haut verliert an Volumen und die Konturen Ihrer Gesichtsform erschlaffen. Auch der Nasenrücken zeigt eine unharmonische Kontur. ';
	_texte['type3bafter_auswertung'] = 'Gleichzeitig verliert Ihre Haut an Volumen und die Konturen Ihrer Gesichtsform erschlaffen. Auch der Nasenrücken zeigt eine unharmonische Kontur. ';
	_texte['type3b_empfehlung'] = 'Radiesse gibt Ihrer Haut zurück, was sie während des Alterungsprozess verliert. Der Volumen-Filler füllt die eingefallenen Bereiche der Haut wieder '+
									'auf und regt die natürliche Kollagenproduktion an. Übrigens, kann mit Radiesse auch die Form des Nasenrückens ganz sanft korrigiert werden. ';	
	_texte['type3bafter_empfehlung'] = _texte['type3b_empfehlung'];	
	
	/* typ4 */
	_texte['type4_auswertung'] = 'In Ihrem Gesicht zeichnen sich mimische Falten ab – zum Beispiel auf der Stirn und um die Augen. ';
	_texte['type4after_auswertung'] = 'Auch mimische Falten zeichnen sich In Ihrem Gesicht ab – zum Beispiel auf der Stirn und um die Augen. ';
	_texte['type4_empfehlung'] = 'Die Behandlung von Stirnfalten und evtl. vorhandenen Augenfalten sollten Sie mit einem Hautarzt Ihrer Wahl, der sich auf ästhetische Dermatologie '+
									'spezialisiert hat, besprechen. Mit einer geeigneten Behandlung können diese Falten gezielt behandelt werden. ';
	_texte['type4after_empfehlung'] = _texte['type4_empfehlung'];
	_texte['type4_img'] = '';
	_texte['type4after_img'] = _texte['type4_img'];
	_texte['type4_product'] = 'BXT';
	_texte['type4_info'] = 0;
	
	/* Allgemeine Texte und Links  */
	_texte['allgemeine_empfehlung'] = '<p class="clearfix"><strong>Lassen Sie sich am besten zunächst von einem Facharzt beraten. Ein erfahrener Dermatologe oder plastischer Chirurg '+
										'kann Ihnen einen individuellen Behandlungsplan erstellen. Einen Facharzt in Ihrer Nähe finden Sie <a href="/service/spezialisten/index.jsp" target="_blank">hier</a></strong>.</p>';
	_texte['prospect_link'] = '<a href="/service/patienteninfo/index.jsp">Broschüren</a>';
	_texte['faltenrechner_link'] = '/service/faltenrechner/index.jsp';
	
	
	var has_info_counter = 0;	/* Diese Variable merkt sich ob die Liste 'Suchen Sie mehr Infos?' angezeigt werden soll */
	
	/* Seite aufbauen */
	document.getElementById('hautcheck_auswertung').innerHTML = '';
	document.getElementById('hautcheck_more_info_3rd').innerHTML = '';
	document.getElementById('hautcheck_empfehlung_img').innerHTML = '<h2>Empfehlung</h2> ';
	
	/* in dieser Schleife werden die Texte aus dem Array an Hand des Parameters gezogen  */
	for(i = 0; i < typen.length; i++){
		/* Text der Auswertung
		document.getElementById('hautcheck_auswertung').innerHTML += _texte[typen[i]+'_auswertung'];
		
		var targetString = "";
		
		/* Text der Empfehlung und das Produktbild */
		document.getElementById('hautcheck_empfehlung_img').innerHTML += '<div class="clearfix">'+_texte[typen[i]+'_img']+'<p class="clearfix">'+_texte[typen[i]+'_empfehlung']+'</p></div>';
		
		/* Wenn das Produkt zusatzInfos hat */
		if(_texte[(typen[i].substring(0,5))+'_info'] != 0){
			if(_texte[(typen[i].substring(0,5))+'_spec_doc_search'].indexOf("http://",0) != -1 ) {
				targetString = " target=\"_blank\"";
			}
			if(_texte[(typen[i].substring(0,5))+'_bevor_after_link'].indexOf("http://",0) != -1 ) {
				targetString = " target=\"_blank\"";
			}
			has_info_counter ++;
			/* 'Behandlung mit'-Link */
			document.getElementById('hautcheck_more_info_1st_span').innerHTML += '<a href="'+_texte[(typen[i].substring(0,5))+'_bevor_after_link']+'" '+targetString+'>Behandlung mit '+
																		_texte[(typen[i].substring(0,5))+'_product']+'</a><br/>';
			/* 'Fachartzsuche'-Link */
			if(_texte[(typen[i].substring(0,5))+'_spec_doc_search'] != "" ) {
				document.getElementById('hautcheck_more_info_3rd').innerHTML += '<a href="'+_texte[(typen[i].substring(0,5))+'_spec_doc_search']+'" '+targetString+'>Fachartzsuche mit '+
																_texte[(typen[i].substring(0,5))+'_product']+'</a><br/>';
			}
		}
	}
	/* Broschürenlink */
	document.getElementById('hautcheck_more_info_2nd_span').innerHTML = _texte['prospect_link'];
	/* Text der Fachartzsuche ergänzen */
	document.getElementById('hautcheck_more_info_3rd').innerHTML += 'Hier finden Sie Fachärzte in Ihrer Nähe';
	
	/* Faltenrechnerlink */
	document.getElementById('hautcheck_more_info_4th').innerHTML = '<a href="'+_texte['faltenrechner_link']+'" target="_blank">Faltenrechner</a>'+
																				'<br/>Sie suchen Informationen zu Kosten? Dann nutzen Sie den Faltenrechner';
	
	/* Wenn kein Element zusatzInfos hat, werden diese Elemente verborgen */
	if(has_info_counter == 0){
		document.getElementById('hautcheck_more_info').style.display = "none";
		document.getElementById('hautcheck_more_info_h2').style.display = "none";
	}
	
	/* wenn mehr als 2 Produkte angezeigt werden, dann soll die Allgemeine Empfehlung angezeigt werden */
	if(typen.length > 2){
		document.getElementById('hautcheck_empfehlung_img').innerHTML += '<p class="clearfix">'+_texte['allgemeine_empfehlung']+'</p>';
	}
	
	
	}
	return true;
}

function checkTest() {

	_t1 = 0;
	_t1_counter = 0;
	_t2 = 0;
	_t2_a = 0;
	_t2_b = 0;
	_t3 = 0;
	_t3_a = 0;
	_t3_b = 0;
	_t4 = 0;


	for( i = 0; i < document.forms["Hautcheck"].length; i++ ) {
		if (document.forms["Hautcheck"].elements[i].checked && document.forms["Hautcheck"].elements[i].value =="type1"){
			if((document.forms["Hautcheck"].elements[i].name =="Frage6") || (document.forms["Hautcheck"].elements[i].name =="Frage7")
				||(document.forms["Hautcheck"].elements[i].name =="Frage8") || (_t1_counter > 2)){
				_t1 = 1;
			}else{
				_t1_counter++;
			}			
		}
		if (document.forms["Hautcheck"].elements[i].checked && document.forms["Hautcheck"].elements[i].value =="type2") {
			if((document.forms["Hautcheck"].elements[i].name =="Frage9") || (document.forms["Hautcheck"].elements[i].name =="Frage10")
				||(document.forms["Hautcheck"].elements[i].name =="Frage11")){
				_t2 = 1;
			}
			if((document.forms["Hautcheck"].elements[i].name =="Frage12") || (document.forms["Hautcheck"].elements[i].name =="Frage13")){
				if(_t2 == 1){
					_t2_b = 1;
				}else{
					_t2_a = 1;
				}
			}
		}
		if (document.forms["Hautcheck"].elements[i].checked && document.forms["Hautcheck"].elements[i].value =="type3") {
			if((document.forms["Hautcheck"].elements[i].name =="Frage14") || (document.forms["Hautcheck"].elements[i].name =="Frage15")
				||(document.forms["Hautcheck"].elements[i].name =="Frage16")){
				_t3 = 1;
			}
			if((document.forms["Hautcheck"].elements[i].name =="Frage17")){
				if(_t3 == 1){
					_t3_b = 1;
				}else{
					_t3_a = 1;
				}
			}
		}
		if (document.forms["Hautcheck"].elements[i].checked && document.forms["Hautcheck"].elements[i].value =="type4") {
			_t4 = 1;
		}
	}
	if(( _t2_a == 1)||( _t2_b == 1)){
		_t2 = 0;
	}
	if(( _t3_a == 1) || ( _t3_b == 1)){
		_t3 = 0;
	}
	
	var typen = new Array();
	typen['type1'] = _t1;
	typen['type2'] = _t2;
	typen['type2a'] = _t2_a;
	typen['type2b'] = _t2_b;
	typen['type3'] = _t3;
	typen['type3a'] = _t3_a;
	typen['type3b'] = _t3_b;
	typen['type4'] = _t4;
	_param = '';
	_is_first = 1;
					
	for(var key in typen){
		if(typen[key] == 1){
			if(_is_first == 1){
				_param = _param+key;
				_is_first = 0;
			}else{
				_param = _param+"_"+key+"after";
			}
		}
	}	
	if (_param == '') {
		document.forms["Hautcheck"].action = "/service/haut_check/auswertung/index.jsp";
	} else {
		document.forms["Hautcheck"].action = "/service/haut_check/auswertung/auswertung_1.jsp?haut_type="+_param;
	}
	
	return true;
}

function mouseOverPic(bildnummer) {
	if(arBildSelected[bildnummer] == "unsel"){
		document.getElementById(bildnummer).style.visibility = "visible";
	}
}

function mouseOutPic (bildnummer){
	if(arBildSelected[bildnummer] == "unsel"){
		document.getElementById(bildnummer).style.visibility = "hidden";
	}
}

window.onload = function() {
	display_check_result();
}