var dn = "none";
var db = "block";

// Elemente anhand Class ID ein- und ausblenden */
function toggleDisplay(id) {
	displayType = ( document.getElementById( id ).style.display == 'block' ) ? 'none' : 'block';
    document.getElementById( id ).style.display = displayType;
	/*if (id =='versenden' && displayType == 'block'){
	    var s=window.location.href
		window.location.href= s.replace('#versenden','') + '#versenden';
	}	
	if (id =='versenden' && displayType == 'block'){
		//window.location= '#versenden';
	}*/
}

// Lesemodus Button
function toggleLesemodus() {
	var n = (document.getElementsByTagName('div').length);
	for (i=0; i<n; i++){
		var styleClass = document.getElementsByTagName("div")[i].className;
		if ( styleClass == "lm"){
			//temp3=window.confirm('LM Nr. ' +i);
			if ( document.getElementsByTagName("div")[i].style.display != 'none'){
				document.getElementsByTagName("div")[i].style.display='none';
			} else {
				document.getElementsByTagName("div")[i].style.display='';
			}
		}
	}
}

// Versenden Formular ein- und ausblenden
function showSend(id){
	// Debug:
	//window.confirm('ID:' +id);
	if (id == 0){
		// Resetten und verstecken 
		document.getElementById('vform-send').style.display = db;
		document.getElementById('vform-error').style.display = dn;
		document.getElementById('vform-success').style.display = dn;
		document.getElementById('versenden').style.display = dn;
		//temp2=window.confirm('if > Success');
	}
	if (id == 1){
		// Erfolgreich verschickt > Success Msg anzeigen
		document.getElementById('vform-send').style.display = dn;
		document.getElementById('vform-error').style.display = dn;
		document.getElementById('vform-success').style.display = db;
		document.getElementById('versenden').style.display = db;
		//temp2=window.confirm('if > Success');
	}
	if (id == 2){
		// Fehler > Error Msg anzeigen
		document.getElementById('vform-send').style.display = dn;
		document.getElementById('vform-error').style.display = db;
		document.getElementById('vform-success').style.display = dn;
		document.getElementById('versenden').style.display = db;
		//temp3=window.confirm('if > Error');
	} 
	if (id == 3){
		// Resetten f. neue Mail
		document.getElementById('vform-send').style.display = db;
		document.getElementById('vform-error').style.display = dn;
		document.getElementById('vform-success').style.display = dn;
		document.getElementById('versenden').style.display = db;
		//temp3=window.confirm('if > Error');
	} 
	// Zur Sprungmarke springen
	//window.location= '#versenden';
	
}

//
// Warning Overlay Funktion based on Lightbox JS: 
// Fullsize Image Overlays 	by Lokesh Dhakar - http://www.huddletogether.com
//

// getPageScroll()
// Returns array with x,y page scroll values.
// Core code from - quirksmode.org
function getPageScroll(){

	var yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}

	arrayPageScroll = new Array('',yScroll) 
	return arrayPageScroll;
}

// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Edit for Firefox by pHaez
function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		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
		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 = windowWidth;
	} else {
		pageWidth = xScroll;
	}


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



function gotoPage (page_id, sitelink, wintype){
	 if (typeof sitelink != "undefined" && sitelink != ""){
		  window.open(sitelink,wintype);
	 } else{
		//alert ("Goto Page :" +page_id);
		switch (page_id) {
			case "shop": 
				 window.open('http://www.labbe.de/shop',wintype);
			 break;
			case "blog":
			   window.open('http://blog.labbe.de/',wintype);
			  break;
			case "kiku":
			 window.open('http://www.labbe.de/kikunst',wintype);
			  break;
			case "news":
			   window.open('http://www.labbe.de/newsletter',wintype);
			  break;
			   case "sstark":
			   window.open('http://www.seitenstark.de','blank');
			  break;
			default:
			  //alert ("Fehler:" +id);
			  break;
		  } 
	 }
}

function setWarnMessage (page_id, sitelink, wintype){
	switch (page_id) {
		case "shop": 
			if (typeof sitelink != "undefined" && sitelink != ""){
				//Shop mit dynamischem Link
				document.getElementById("warn_msg").innerHTML="<p class='warn'><br /><br /><br /><br /><br />Daher haben wir die Labb&eacute; Kinderseiten als werbe- und produktfreie Zone gestaltet. Dieser Link f&uuml;hrt in unseren hauseigenen Online-Shop.<br /><br />		  M&ouml;chtest du den gesch&uuml;tzten Raum verlassen?</p> <p class='warn_btn right'> <a href='"+sitelink+"' target='"+wintype+"' onclick='javascript:closeWarning();' class='form-btn btn-warn'>Ja, weiter</a> <a href='javascript:hideWarning();' class='form-btn btn-warn'>Nein, lieber nicht</a> </p>";
			}else {
				//Shop Startseite
				document.getElementById("warn_msg").innerHTML="<p class='warn'><br /><br /><br /><br /><br />Daher haben wir die Labb&eacute; Kinderseiten als werbe- und produktfreie Zone gestaltet. Dieser Link f&uuml;hrt in unseren hauseigenen Online-Shop.<br /><br />		  M&ouml;chtest du den gesch&uuml;tzten Raum verlassen?</p> <p class='warn_btn right'> <a href='http://www.labbe.de/shop' target='"+wintype+"' onclick='javascript:closeWarning();' class='form-btn btn-warn'>Ja, weiter</a> <a href='javascript:hideWarning();' class='form-btn btn-warn'>Nein, lieber nicht</a> </p>";	
			}
		  break;
		case "blog":  
		  //Blog
		  document.getElementById("warn_msg").innerHTML="<p class='warn'><br /><br /><br /><br /><br />Daher haben wir die Labb&eacute; Kinderseiten als werbe- und produktfreie Zone gestaltet. Dieser Link f&uuml;hrt in unseren Blog.<br /><br /> M&ouml;chtest du den gesch&uuml;tzten Raum verlassen?</p> <p class='warn_btn right'> <a href='http://blog.labbe.de' target='"+wintype+"' onclick='javascript:closeWarning();' class='form-btn btn-warn'>Ja, weiter</a> <a href='javascript:hideWarning();' class='form-btn btn-warn'>Nein, lieber nicht</a> </p>";
		  break;  
		case "kiku":  
		  //Kikunst
		  document.getElementById("warn_msg").innerHTML="<p class='warn'><br /><br /><br /><br /><br />Daher haben wir die Labb&eacute; Kinderseiten als werbe- und produktfreie Zone gestaltet. Dieser Link f&uuml;hrt unserer Kinder-Kunstgalerie.<br /><br /> M&ouml;chtest du den gesch&uuml;tzten Raum verlassen?</p> <p class='warn_btn right'> <a href='http://www.labbe.de/kikunst' target='"+wintype+"' onclick='javascript:closeWarning();' class='form-btn btn-warn'>Ja, weiter</a> <a href='javascript:hideWarning();' class='form-btn btn-warn'>Nein, lieber nicht</a> </p>";
		  break;  
		case "news":  
		 //Newsletter
		  document.getElementById("warn_msg").innerHTML="<p class='warn'><br /><br /><br /><br /><br />Daher haben wir die Labb&eacute; Kinderseiten als werbe- und produktfreie Zone gestaltet. Dieser Link f&uuml;hrt zu unserem Newsletter, wo jeden Monat neue Ideen und Produkte vorgestellt werden.<br /><br /> M&ouml;chtest du den gesch&uuml;tzten Raum verlassen?</p> <p class='warn_btn right'> <a href='http://www.labbe.de/newsletter' target='"+wintype+"' onclick='javascript:closeWarning();' class='form-btn btn-warn'>Ja, weiter</a> <a href='javascript:hideWarning();' class='form-btn btn-warn'>Nein, lieber nicht</a> </p>";
		  break;  
		case "sstark":  
		 //Seitenstark
		   document.getElementById("warn_msg").innerHTML="<p class='warn'><br /><br /><br /><br /><br />Daher haben wir die Labb&eacute; Kinderseiten als werbe- und produktfreie Zone gestaltet. Dieser Link f&uuml;hrt zu seitenstark.de, der Arbeitsgemeinschaft für vernetzte Kinderseiten<br /><br /> M&ouml;chtest du den gesch&uuml;tzten Raum verlassen?</p> <p class='warn_btn right'> <a href='http://www.seitenstark.de' target='_blank' onclick='javascript:closeWarning();' class='form-btn btn-warn'>Ja, weiter</a> <a href='javascript:hideWarning();' class='form-btn btn-warn'>Nein, lieber nicht</a> </p>";
		  break; 
		case "stumbleupon":  
		  if (typeof sitelink != "undefined" && sitelink != ""){
			   //StumbleUpon mit dynamischem Link
				document.getElementById("warn_msg").innerHTML="<p class='warn'><br /><br /><br /><br /><br />Daher haben wir die Labb&eacute; Kinderseiten als werbe- und produktfreie Zone gestaltet. Dieser Link f&uuml;hrt zu StumbleUpon, wo du ein &ouml;ffentliches Lesezeichen zu dieser Seite anlegen kannst.<br /><br /> M&ouml;chtest du den gesch&uuml;tzten Raum verlassen?</p> <p class='warn_btn right'> <a href='"+sitelink+"' target='_blank' onclick='javascript:closeWarning();' class='form-btn btn-warn'>Ja, weiter</a> <a href='javascript:hideWarning();' class='form-btn btn-warn'>Nein, lieber nicht</a> </p>";
		  }else {
			  //StumbleUpon mit Startseite
				document.getElementById("warn_msg").innerHTML="<p class='warn'><br /><br /><br /><br /><br />Daher haben wir die Labb&eacute; Kinderseiten als werbe- und produktfreie Zone gestaltet. Dieser Link f&uuml;hrt zu StumbleUpon, wo du ein &ouml;ffentliches Lesezeichen zu dieser Seite anlegen kannst.<br /><br /> M&ouml;chtest du den gesch&uuml;tzten Raum verlassen?</p> <p class='warn_btn right'> <a href='http://www.stumbleupon.com/submit?url=http://www.labbe.de/zzzebra/;title=Zzzebra, das Web-Magazin f&uuml;r Kinder | Labb&eacute; Verlag' target='_blank' onclick='javascript:closeWarning();' class='form-btn btn-warn'>Ja, weiter</a> <a href='javascript:hideWarning();' class='form-btn btn-warn'>Nein, lieber nicht</a> </p>";				
		  }
		  break; 
		case "delicious":  
		  if (typeof sitelink != "undefined" && sitelink != ""){
			  //Delicious mit dynamischem Link
				document.getElementById("warn_msg").innerHTML="<p class='warn'><br /><br /><br /><br /><br />Daher haben wir die Labb&eacute; Kinderseiten als werbe- und produktfreie Zone gestaltet. Dieser Link f&uuml;hrt zu Delicious, wo du ein Lesezeichen zu dieser Seite speichern kannst.<br /><br /> M&ouml;chtest du den gesch&uuml;tzten Raum verlassen?</p> <p class='warn_btn right'> <a href='"+sitelink+"' target='_blank' onclick='javascript:closeWarning();' class='form-btn btn-warn'>Ja, weiter</a> <a href='javascript:hideWarning();' class='form-btn btn-warn'>Nein, lieber nicht</a> </p>";
		  }else {
			   //Delicious mit Startseite
				document.getElementById("warn_msg").innerHTML="<p class='warn'><br /><br /><br /><br /><br />Daher haben wir die Labb&eacute; Kinderseiten als werbe- und produktfreie Zone gestaltet. Dieser Link f&uuml;hrt zu Delicious, wo du ein Lesezeichen zu dieser Seite speichern kannst.<br /><br /> M&ouml;chtest du den gesch&uuml;tzten Raum verlassen?</p> <p class='warn_btn right'> <a href='http://del.icio.us/post?url=http://www.labbe.de/zzzebra/&amp;title=Zzzebra, das Web-Magazin f&uuml;r Kinder | Labb&eacute; Verlag' target='_blank' onclick='javascript:closeWarning();' class='form-btn btn-warn'>Ja, weiter</a> <a href='javascript:hideWarning();' class='form-btn btn-warn'>Nein, lieber nicht</a> </p>";		
		  }
		  break; 
		case "mrwong":  
		  if (typeof sitelink != "undefined" && sitelink != ""){
			    //MisterWong mit dynamischem Link
				document.getElementById("warn_msg").innerHTML="<p class='warn'><br /><br /><br /><br /><br />Daher haben wir die Labb&eacute; Kinderseiten als werbe- und produktfreie Zone gestaltet. Dieser Link f&uuml;hrt zu Mr. Wong, wo du ein Lesezeichen zu dieser Seite anlegen kannst.<br /><br /> M&ouml;chtest du den gesch&uuml;tzten Raum verlassen?</p> <p class='warn_btn right'> <a href='"+sitelink+"' target='_blank' onclick='javascript:closeWarning();' class='form-btn btn-warn'>Ja, weiter</a> <a href='javascript:hideWarning();' class='form-btn btn-warn'>Nein, lieber nicht</a> </p>";
		  }else {
			   //MisterWong mit Startseite
				document.getElementById("warn_msg").innerHTML="<p class='warn'><br /><br /><br /><br /><br />Daher haben wir die Labb&eacute; Kinderseiten als werbe- und produktfreie Zone gestaltet. Dieser Link f&uuml;hrt zu Mr. Wong, wo du ein Lesezeichen zu dieser Seite anlegen kannst.<br /><br /> M&ouml;chtest du den gesch&uuml;tzten Raum verlassen?</p> <p class='warn_btn right'> <a href='http://www.mister-wong.de/addurl/?bm_url=http://www.labbe.de/zzzebra/&amp;bm_description=Zzzebra, das Web-Magazin f&uuml;r Kinder | Labb&eacute; Verlag' target='_blank' onclick='javascript:closeWarning();' class='form-btn btn-warn'>Ja, weiter</a> <a href='javascript:hideWarning();' class='form-btn btn-warn'>Nein, lieber nicht</a> </p>";
		  }
		  break; 
		default:
		  //alert ("Fehler:" +id);
		  break;
	}
		
}

function showWarning (id, sitelink, wintype){
	 if (typeof wintype == "undefined" || wintype == "" ){
		 if (id == "delicious" || id == "stumbleupon" || id == "mrwong"){
			 wintype ="_blank"; 
		 }else{
			 wintype ="_self";
		 }
	 }
	var showWarnStatus = getWarnCookie();
	//tempwin=window.confirm('Warning Status: ' +showWarnStatus);
	if (showWarnStatus == 'no-warn'){
		//Keine Warnung mehr zeigen und Seite direkt oeffnen
		closeWarning();
		gotoPage(id, sitelink, wintype);	   
		
	}else{
		//Warnung erstellen
		setWarnMessage (id, sitelink, wintype);
		
		// prep objects
		var objOverlay = document.getElementById('overlay');
		var objWarning = document.getElementById('warning');
			
		var arrayPageSize = getPageSize();
		var arrayPageScroll = getPageScroll();
		
		// set height of Overlay to take up whole page and show
		objOverlay.style.height = (arrayPageSize[1] + 'px');
		objOverlay.style.display = 'block';
		
		// center warning and make sure that the top and left values are not negative
		// and the image placed outside the viewport
		var warningTop = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - 280) / 2);
		var warningLeft = ((arrayPageSize[0] - 20 - 530) / 2);
		objWarning.style.top = (warningTop < 0) ? "0px" : warningTop + "px";
		objWarning.style.left = (warningLeft < 0) ? "0px" : warningLeft + "px";
			
		//Allgemeines Warnfenster einblenden + im css ausblenden
		//cl_id = "warn_"+id;
		document.getElementById("warn_msg").style.display = db;
		
		//Warn Cookie setzen
		setWarnCookie();
		
		// Warnfenster einblenden
		objWarning.style.display = 'block';
			
		return false;
	}
}

function hideWarning (){
	// get objects
	objOverlay = document.getElementById('overlay');
	objWarning = document.getElementById('warning');

	// hide warning and overlay
	objOverlay.style.display = 'none';
	objWarning.style.display = 'none';
	
	//Warn Cookie zuruecksetzen
	clearWarnCookie();
}

function closeWarning (){
	// get objects
	objOverlay = document.getElementById('overlay');
	objWarning = document.getElementById('warning');

	// hide warning and overlay
	objOverlay.style.display = 'none';
	objWarning.style.display = 'none';
}

// Kinderseiten Cookie
function writeSessionCookie (cookieName, cookieValue) {
  if (testSessionCookie()) {
    document.cookie = escape(cookieName) + "=" + escape(cookieValue) + "; path=/";
    return true;
  }
  else return false;
}
function getCookieValue (cookieName) {
  var exp = new RegExp (escape(cookieName) + "=([^;]+)");
  if (exp.test (document.cookie + ";")) {
    exp.exec (document.cookie + ";");
    return unescape(RegExp.$1);
  }
  else return false;
}
function testSessionCookie () {
  document.cookie ="testSessionCookie=Enabled";
  if (getCookieValue ("testSessionCookie")=="Enabled")
    return true 
  else
    return false;
}
//-------------
function setWarnCookie(){
	if (testSessionCookie()) {
     writeSessionCookie ('kinderseite_warnung', 'no-warn');
 	 // alert ("Session cookie ##No-warn## written");
   }
}

function getWarnCookie(){
	if (getCookieValue ('kinderseite_warnung')){
		var read_value = getCookieValue ('kinderseite_warnung');
    	//alert ('The value of the Cookie is "' + read_value + '"');
		return read_value;
	}

}
function clearWarnCookie(){
	if (testSessionCookie()) {
     writeSessionCookie ('kinderseite_warnung', 'show-warn');
 	 //alert ("Session cookie ##show-warn## written");
   }
}

// Mellvil
// Aus alter Zzzebra Seite
function warning_grimmenominierung() {
	temp=window.confirm('Alle Seiten im zzzebra Netz sind eine werbefreie Zone.\n\nDieser Link führt aus dem zzzebra Netz heraus auf grimme-institut.de.\nHier dürfen Kinder nur gemeinsam mit ihren Eltern weiter.\n\nWeiter zum Adolf-Grimme-Institut?');
	if (temp==true)	window.open('http://www.grimme-institut.de/html/index.php?id=918#c6092', '_blank'); 
}
function warning_grimmeabstimmung() {
	temp=window.confirm('Alle Seiten im zzzebra Netz sind eine werbefreie Zone.\n\nDieser Link führt aus dem zzzebra Netz heraus auf tvspielfilm.de.\nHier können Kinder nur gemeinsam mit ihren Eltern für den Publikumspreis abstimmen.\n\nWeiter zur Abstimmung?');
	if (temp==true)	window.open('http://www.tvspielfilm.de/gewinnspiele/grimme/wahl/die-24-nominierten-websites,3677769,ApplicationCategoryVoting.html?tab=0&contentId=3677922', '_blank'); 
}
function warning_grimmepreis() {
	temp=window.confirm('Alle Seiten im zzzebra Netz sind eine werbefreie Zone.\n\nDieser Link führt aus dem zzzebra Netz heraus auf grimme-institut.de.\nHier dürfen Kinder nur gemeinsam mit ihren Eltern weiter.\n\nWeiter zum Adolf-Grimme-Institut?');
	if (temp==true)	window.open('http://www.grimme-institut.de/html/index.php?id=953', '_blank'); 
}
function warning_grimmepreistraeger() {
	temp=window.confirm('Alle Seiten im zzzebra Netz sind eine werbefreie Zone.\n\nDieser Link führt aus dem zzzebra Netz heraus auf grimme-institut.de.\nHier dürfen Kinder nur gemeinsam mit ihren Eltern weiter.\n\nWeiter zum Adolf-Grimme-Institut?');
	if (temp==true)	window.open('http://www.grimme-institut.de/html/index.php?id=946', '_blank');s
}