<!--
/* <documentation about="OVER default.js" type="Algemeen">
	<summary>Dit is het default javascript bestand voor de applicatie Yarre Stooker
	    en dient op elke pagina geplaatst te worden.
		
		Structuur van dit bestand   
		1. Initilalisatie namespace
		2. Globale variabelen
		3. Functie init: uitgevoerd on page load
		4. Specifieke functies
		
		Voorwaarden: Dit bestand maakt gebruik van Library.js.
	</summary>
	<namespace>Yarre</namespace>
</documentation> */
Yarre = {};

/* <documentation about="Yarre.init" type="init functie">
	<summary>Deze functie bevat alle aanroepen naar de functies hieronder.
		Deze functie wordt geinitialiseerd on page load (Lib.addEvent(window, "load", Yarre.init);).	
	</summary>
	<namespace>Yarre</namespace>
</documentation> */
Yarre.init = function() {
	try {
		Lib.debug = true;	
		
		Yarre.addLightBox();
	}
	catch (ex){ Lib.errHandler(ex); }
}

/* <documentation about="Yarre.addLightBox" type="specifieke functie">
	<summary>Adds ligtbox</summary>
	<namespace>Yarre</namespace>
</documentation> */
Yarre.addLightBox = function () {
	var videoLinks = Lib.getElementsByClassName("video", "a", document.getElementById("content"));
	
	var showPopUp = function (hyperlink) {
		var coverScreen = document.createElement("div");
		coverScreen.id = "CoverScreen";
		coverScreen = Yarre.setCoverScreenSize(coverScreen); 
		
		var iframe = document.createElement("iFrame");
		iframe.id = "IFrame";
		iframe.src = hyperlink.href; 		
		iframe.frameBorder = "0"; 			
		iframe.style.overflowX = "hidden";
		iframe.style.overflowY = "hidden";
		iframe.style.overflow = "hidden";
		var body = document.getElementsByTagName("body")[0];
		iframe.style.left = ((body.offsetWidth/2) - 180) + "px";
		
		scrollTo(0,0);
		
		var container = document.getElementById("container");
		container.parentNode.insertBefore(coverScreen, container);
		container.parentNode.insertBefore(iframe, container);
	
	}
	
	for(var i=0; i < videoLinks.length; i++) {
		videoLinks[i].onclick= function () { showPopUp(this); return false; };
		Lib.eventCache.add(videoLinks[i], "onclick", function (){ showPopUp(this); return false; }, false); 
	}
}

Yarre.RemoveLightBox = function () {
	 if(!parent || ! parent.document.getElementById("CoverScreen")) { return ; }
	 var coverScreen = parent.document.getElementById("CoverScreen");
	 var iframe = parent.document.getElementById("IFrame");
	 
	 coverScreen.parentNode.removeChild(coverScreen);
	 iframe.parentNode.removeChild(iframe);
}       

Yarre.setCoverScreenSize = function (coverScreen) {
	var container = document.getElementById("container");
	var body = document.getElementsByTagName("body")[0];
	
	if(container.offsetHeight<=body.offsetHeight)  { coverScreen.style.height = (body.offsetHeight) + "px"; }
    else { coverScreen.style.height = container.offsetHeight + "px";  }  
    
	coverScreen.style.width = (body.offsetWidth) + "px"; 
    
   	return coverScreen;
}       
  


Yarre.resize = function () {
   if(!document.getElementById("CoverScreen")) { return ; }
   var coverScreen = document.getElementById("CoverScreen");
   Yarre.setCoverScreenSize(coverScreen);
}



/* <documentation about="Yarre.init" type="FUNCTIE AANROEP">
	<summary>Aanroep van Lib.addEvent: Voeg Yarre.init als eventhandler op window onload event</summary>
</documentation> */
Lib.addEvent(window, "load", Yarre.init);
-->

