/**********************************************************************************
* WLW - JavaScript
* Startseite, Austausch der einzelnen Suchmasken
* (Produkt, Firma, Produkt erweitert, Firma erweitert)
*
* erstellt von: ermi02 14.11.2008
*
*********************************************************************************/

/* Gobale Variablen */
var formnameeinfach = "SuchmaskeEinfach";
var formnameerweitert = "SuchmaskeProduktErweitert";
var formdown = "0";

/* die negativen marginTop-Abstaende der Browser zur vertikalen Zentrierung */
var marginTop = "-299px";
var marginTopIE6 = "-307px";
var marginTopIE7 = "-299px";

function initStartseite(whocalls) {
  $().ready(function() {
    checksize(whocalls);
    window.onresize = checksize;
  });
}

/* prueft zur Verfuegung stehenden Anzeigebereich
 * wenn kleiner als benoetigter Anzeigebereich, keine Zentrierung des contents
 * 
 * Parameter: whocalls - wird nur bei onload gesetzt; moegliche Werte: startseite, indexABC, landingpage
 */
function checksize(whocalls) {
	// holt sich den zur Verfuegung stehenden Anzeigebereich
	var theHeight = getsize("height");
	var theWidth = getsize("width");
	
	if(theWidth < minWidth || theHeight < minHeight) {
		changeContent();
		if(theHeight > minHeight) {
			changeContentHeight();
		}
	} else {
		moveContent();
	}

	//alert(theWidth + " x " + theHeight);
	document.getElementById("content").style.display = "block";
	
	sucheeinfach(whocalls);

	if(whocalls != "indexABC") {
		checkResize();
	}
}

function changeContent() {
	document.getElementById("content").style.position = "relative";
	// die Hoehe wird gesetzt, weil der Content im relativen Zustand sonst einen Bottom-Abstand hat (Wert unter 550px)
	// funktioniert nicht im IE6
	document.getElementById("content").style.height = 500 + "px";
	document.getElementById("content").style.left = 0 +"px";
	document.getElementById("content").style.top = 0 +"px";
	document.getElementById("content").style.margin = "auto";

	/* IE-Bug: Der Container muss einmal "bewegt" werden */
	var suchmaske;
	if (document.getElementById("suchmaskeeinzeln").style.display == "block") {
		suchmaske = "suchmaskeeinzeln";
	} else {
		suchmaske = "suchmaskeerweitert";
	}
	document.getElementById(suchmaske).style.display = "none";
	document.getElementById(suchmaske).style.display = "block";
	
	/* Scrollbalken wieder anzeigen */
	document.getElementsByTagName("html")[0].style.overflow = "auto";
}

function changeContentHeight() {
	document.getElementById("content").style.position = "absolute";
	document.getElementById("content").style.top = 50 +"%";
	
	if (navigator.appVersion.indexOf("MSIE 6")!=-1) {
		document.getElementById("content").style.marginTop = marginTopIE6;
	} else {
		if (navigator.appVersion.indexOf("MSIE 7")!=-1) {
			document.getElementById("content").style.marginTop = marginTopIE7;
		} else {
			document.getElementById("content").style.marginTop = marginTop;
		}
	}
}

function moveContent() {
	document.getElementById("content").style.position = "absolute";
	document.getElementById("content").style.left = 50 +"%";
	document.getElementById("content").style.top = 50 +"%";
	document.getElementById("content").style.marginLeft = -508 + "px";
	
	if (navigator.appVersion.indexOf("MSIE 6")!=-1) {
		document.getElementById("content").style.marginTop = marginTopIE6;
	} else {
		if (navigator.appVersion.indexOf("MSIE 7")!=-1) {
			document.getElementById("content").style.marginTop = marginTopIE7;
		} else {
			document.getElementById("content").style.marginTop = marginTop;
		}
	}

	/* IE-Bug: Der Container muss einmal "bewegt" werden */
	var suchmaske;
	if (document.getElementById("suchmaskeeinzeln").style.display == "block") {
		suchmaske = "suchmaskeeinzeln";
	} else {
		suchmaske = "suchmaskeerweitert";
	}
	document.getElementById(suchmaske).style.display = "none";
	document.getElementById(suchmaske).style.display = "block";
	
	/* keine inaktiven Scrollbalken im IE */
	document.getElementsByTagName("html")[0].style.overflow = "hidden";

}

/*
 * Vorblendung des richtigen Formulars einfach oder erweitert
 *
 * jeweils ohne Parameter:
 */
function sucheerweitert() {
	document.getElementById("suchmaskeeinzeln").style.display = "none";
	document.getElementById("suchmaskeerweitert").style.display = "block";
	setzeFokus(formnameerweitert);
}

function sucheeinfach(whocalls,theclick) {
	document.getElementById("suchmaskeeinzeln").style.display = "block";
	document.getElementById("suchmaskeerweitert").style.display = "none";
	if(whocalls != "indexABC" && whocalls != "landingpage") {
		setzeFokus(formnameeinfach,theclick);
	}
}

/*
 * Setzt den Fokus auf das (erste) Eingabefeld des angegebenen Formulares.
 *
 * Parameter:
 * formname    Name des Formulares, das aufgerufen wird
 * theclick    Wird nur bei ausgeklappter erweiterter Suche gesetzt,
 *             damit der Defaulttext nicht wieder angezeigt wird  
 */
function setzeFokus(formname,theclick) {
	suchbegriff = "";
	sband = "";
	sbor = "";
	sbnot = "";
	if (formname == formnameeinfach) {
		suchbegriff = document.forms[formnameeinfach].suchbegriff.value;
		if (suchbegriff == "") {
			document.forms[formnameeinfach].suchbegriff.value = document.forms[formnameerweitert].sband.value;
		}
		
		if (document.forms[formnameerweitert].anzeige[1].checked == true) {
			document.forms[formnameeinfach].anzeige[1].checked = true;
			document.forms[formnameeinfach].anzeige[0].checked = false;
		} else {
			document.forms[formnameeinfach].anzeige[1].checked = false;
			document.forms[formnameeinfach].anzeige[0].checked = true;
		}
		
		if (theclick != "erw") {
			document.getElementById("suchbegriff").value = suchedefaulttext;
		}
		// timeout notwendig, da sonst im IE der Focus nicht sauber gesetzt wird
		setTimeout("document.forms[formnameeinfach].suchbegriff.focus();", 250);
	}
	
	if (formname == formnameerweitert) {
		sband = document.forms[formnameerweitert].sband.value;
		sbor = document.forms[formnameerweitert].sbor.value;
		sbnot = document.forms[formnameerweitert].sbnot.value;
			
		if (sband == "" && sbor == "" && sbnot == "") { 
			document.forms[formnameerweitert].sband.value = document.forms[formnameeinfach].suchbegriff.value;
		}
		
		if (document.forms[formnameeinfach].anzeige[1].checked == true) {
			document.forms[formnameerweitert].anzeige[1].checked = true;
			document.forms[formnameerweitert].anzeige[0].checked = false;
		} else {
			document.forms[formnameerweitert].anzeige[1].checked = false;
			document.forms[formnameerweitert].anzeige[0].checked = true;
		}
		
		document.getElementById("sband").focus();
		//document.forms[formnameerweitert].sband.focus();
	} 
}

/*
 * Wenn irgendeine Taste gedrueckt wird, wird der Defalutext (z.B. Fenster in Berlin)
 * sowohl in der einfachen wie auch in der erweiterten Suche geloescht
 */
function delText(thecolor) {
	if (formdown == "0") {
			document.getElementById("suchbegriff").value = "";
			document.getElementById("sband").value = "";
			$("#suchbegriff").css("font-style","normal");
			$("#suchbegriff").css("color",thecolor);
			$("#sband").css("font-style","normal");
			$("#sband").css("color",thecolor);
			formdown = "1";
	}
}

function checktextfield (defaulttext,suchart) {
	var theinputeinfach = document.getElementById("suchbegriff").value;
	var theinputerweitert = document.getElementById("sband").value;
	
	if(suchart == "einfach" && theinputeinfach == defaulttext) {
		document.getElementById("suchbegriff").value = "";
	}
	if(suchart == "erweitert" && theinputerweitert == defaulttext) {
		document.getElementById("sband").value = "";
	}
}

function markit(formname,suchart) {
	if(suchart == "produkt") {
		document.forms[formname].anzeige[0].checked = true;
		document.forms[formname].anzeige[1].checked = false;
	} else {
		document.forms[formname].anzeige[1].checked = true;
		document.forms[formname].anzeige[0].checked = false;
	}
}
// Pagepeel
function initPagepeel() {
	$("#pagepeel").hover(function() {
		// startet Pagepeel und stoppt bei der entsprechenden Grafikgroesse
		$("#pagepeel img , #message").stop()
			.animate({
				width: '180px', 
				height: '180px'
			}, 600); 
		} , function() {
		// bringt Pagepeel in die Ausgangsposition zurueck	
		$("#pagepeel img").stop() 
			.animate({
				width: '100px', 
				height: '100px'
			}, 600);
		$("#message").stop() 
			.animate({
				width: '90px', 
				height: '90px'
			}, 600);
	});
}

function setPagepeelImg(imageDir,praesenz,pagepeelalt,land) {
    var dateiendung;
    if (navigator.appVersion.indexOf("MSIE 6")!=-1) {
      dateiendung = "gif";
    } else {
      dateiendung = "png";
    }
    $("#message").css("background-image","url(/" + imageDir + "/" + praesenz + "/xx/pagepeel_message_" + land + "." + dateiendung + ")");
	$("#pagepeelJS").html('<img src="/' + imageDir + '/' + praesenz + '/xx/pagepeel_ecke.' + dateiendung + '" width="180" height="180" alt="' + pagepeelalt + '" title="' + pagepeelalt + '" />');
}

/**
 * Ruft ein Servlet fuer die Protokollierung des Pagepeel auf.
 * @param land - Land
 * @param sprache - Sprache
 * @param url - Link zur WLW Seite 
 */
function initPagepeelProtokollierung(land, sprache, url) {
	$.get(encodeURI("/sse/pagepeel?land="+land+"&sprache="+sprache+"&url="+url), {}, function(data){parseResponsePagepeelProtokollierung(data);});
}

function parseResponsePagepeelProtokollierung(res) {
	var felder = res.split("$$0");
	if (felder.length == 2) {
		var theencode = decodeURIComponent(felder[1]);
		// 12/2010 es wird eine Lightbox aufgerufen, href nicht notwendig
		$("#pagepeelhtmllink").attr("href", theencode);
		$("#pagepeelhtmllink").attr("target", "_blank");
		$('#pagepeelhtmllink').click(function() {
			countKlickGo(felder[0]);
		});
	}
}

/**
 * Ruft ein Servlet fuer die Protokollierung der SocialMediaLinks auf.
 * @param land - Land
 * @param sprache - Sprache
 * @param url - Link zu Youtube 
 */
function initSocialMediaLinkProtokollierung(land, sprache, urlFacebook, urlYoutube, urlXing, urlLinkedin, urlTwitter) {
	$.get(encodeURI("/sse/smifacebook?land="+land+"&sprache="+sprache+"&url="+urlFacebook), {}, function(data){parseResponseSocialMediaLinkProtokollierung(data,'socialmediaFacebookLink');});
	$.get(encodeURI("/sse/smiyoutube?land="+land+"&sprache="+sprache+"&url="+urlYoutube), {}, function(data){parseResponseSocialMediaLinkProtokollierung(data,'socialmediaYoutubeLink');});
	$.get(encodeURI("/sse/smixing?land="+land+"&sprache="+sprache+"&url="+urlXing), {}, function(data){parseResponseSocialMediaLinkProtokollierung(data,'socialmediaXingLink');});
	$.get(encodeURI("/sse/smilinkedin?land="+land+"&sprache="+sprache+"&url="+urlLinkedin), {}, function(data){parseResponseSocialMediaLinkProtokollierung(data,'socialmediaLinkedinLink');});
	$.get(encodeURI("/sse/smitwitter?land="+land+"&sprache="+sprache+"&url="+urlTwitter), {}, function(data){parseResponseSocialMediaLinkProtokollierung(data,'socialmediaTwitterLink');});
}

function parseResponseSocialMediaLinkProtokollierung(res,linkID) {
	var felder = res.split("$$0");
	if (felder.length == 2) {
		$('#' + linkID).click(function() {
			countKlickGo(felder[0]);
		});
	}
}