/**
  * Joggink.be - temporary page
  * to make the site a little more funky we use some
  * OO-javascript.
  * Why? 'cause javascript kicks ASS
  *
  * @Author: Jochen Vandendriessche
  * @Date  : 2006-12-20
  * @email : info@joggink.be
  * @site  : http://joggink.be
  *
 **/
  
 var showcase = new Array();
	  
 var content;
 
 // initialize the content onLoad:	  
    window.onload = init;
	 
 // the INIT function
    function init(){
		 // store the html object in a global var
		 content = document.getElementById('content');
		 // fetch all the showcase list items
		 showcase = document.getElementsByTagName('li');
		 // set the opacity of all the list items to 0
		 var i = 0;
		 for (;i<showcase.length;i++){
	    	 showcase[i].style.opacity = (0); 
		    showcase[i].style.MozOpacity = (0); 
		    showcase[i].style.KhtmlOpacity = (0); 
		    showcase[i].style.filter = "alpha(opacity=0)";
			 showcase[i].style.visibility = 'visible';
		 }
		 // now fade in each list item, one by one...
		 showcaseFadeIn(0);
	 }

 // the fade in function :)
    function showcaseFadeIn(index){
		 if (index < showcase.length){
			 liFadeIn(index, 0);
			 index++;
			 window.setTimeout('showcaseFadeIn(' + index + ')', 60);
		 }
	 }
	 
 // fade in a list item
    function liFadeIn(index, opacity){
		 if (opacity < 100){
			 opacity += 10;
	    	 showcase[index].style.opacity = (opacity / 100); 
		    showcase[index].style.MozOpacity = (opacity / 100); 
		    showcase[index].style.KhtmlOpacity = (opacity / 100); 
		    showcase[index].style.filter = "alpha(opacity=" + opacity + ")";
			 window.setTimeout('liFadeIn(' + index + ', ' + opacity + ')', 60);
		 }else{
	    	 showcase[index].style.opacity = (1); 
		    showcase[index].style.MozOpacity = (1); 
		    showcase[index].style.KhtmlOpacity = (1); 
		    showcase[index].style.filter = "alpha(opacity=100)";			 
		 }
	 }