var starttimer; // algemene setTimeout variabele
var DEBUG = false;


window.onload=function(){
	
	
	
	//pngFix();
	if(DEBUG) {
		init();
	} else {
		starttimer = setTimeout("init();",1000);
	}
}


var homeimage1, homeimage2, homeimage3;
var hidecontent, hidesluier;
var showcontent, showsluier;
var attributes;

function init(){
	attributes = { opacity: { from:1, to: 0} };
	homeimage1 = new YAHOO.util.Motion('homeimage1', attributes, 1.0, YAHOO.util.Easing.easeNone);
	homeimage2 = new YAHOO.util.Motion('homeimage2', attributes, 2.0, YAHOO.util.Easing.easeNone);
	homeimage3 = new YAHOO.util.Motion('homeimage3', attributes, 4.0, YAHOO.util.Easing.easeNone);
	homeimage1.onComplete.subscribe(function() { homeimage2.animate(); } );
	homeimage2.onComplete.subscribe(function() { homeimage3.animate(); } );
	
	hidecontent = new YAHOO.util.Motion('maincontent', attributes, 0.9, YAHOO.util.Easing.easeBoth);
	hidecontent.onStart.subscribe(function() { hidesluier.animate(); } );
	attributes = { opacity: { from:0.62, to: 0} };
	hidesluier = new YAHOO.util.Motion('sluier', attributes, 1.6, YAHOO.util.Easing.easeBoth);
	
	attributes = { opacity: { from:0, to: 1} };
	showcontent = new YAHOO.util.Motion('maincontent', attributes, 0.9, YAHOO.util.Easing.easeBoth);
	showcontent.onStart.subscribe(function() { showsluier.animate(); } );
	attributes = { opacity: { from:0, to: 0.62} };
	showsluier = new YAHOO.util.Motion('sluier', attributes, 1.6, YAHOO.util.Easing.easeBoth);

		
	homeimage1.animate();
	
}

function togglecontent() {
	//alert(YAHOO.util.Dom.getStyle('sluier', 'opacity', 0));
	if(YAHOO.util.Dom.getStyle('sluier', 'opacity', 0)>0.60) {
		hidecontent.animate();
	} else {
		showcontent.animate();
	}
	return false;
	
}



function $(id) {
	return document.getElementById(id);
}
function loadDiv(ObjFrom, ObjTo) {
	if(ObjTo==null) {ObjTo = 'content';}
	if(ObjFrom==null) {
		$(ObjTo).innerHTML = '';
	} else {
		$(ObjTo).innerHTML = $(ObjFrom).innerHTML;
	}
}

function getWindowHeight() {
	var windowHeight = 0;
	if (typeof(window.innerHeight) == 'number') {
		windowHeight = window.innerHeight;
	}
	else {
		if (document.documentElement && document.documentElement.clientHeight) {
			windowHeight = document.documentElement.clientHeight;
		}
		else {
			if (document.body && document.body.clientHeight) {
				windowHeight = document.body.clientHeight;
			}
		}
	}
	return windowHeight;
}
function getWindowWidth() {
	var windowWidth = 0;
	if (typeof(window.innerWidth) == 'number') {
		windowWidth = window.innerWidth;
	}
	else {
		if (document.documentElement && document.documentElement.clientWidth) {
			windowWidth = document.documentElement.clientWidth;
		}
		else {
			if (document.body && document.body.clientWidth) {
				windowWidth = document.body.clientWidth;
			}
		}
	}
	return windowWidth;
}

 
function pngFix()
{
	var arVersion = navigator.appVersion.split("MSIE")
	var version = parseFloat(arVersion[1])

	if ((version >= 5.5) && (document.body.filters)) 
	{
	   for(var i=0; i<document.images.length; i++)
	   {
		  var img = document.images[i]
		  var imgName = img.src.toUpperCase()
		  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
		  {
			 var imgID = (img.id) ? "id='" + img.id + "' " : ""
			 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
			 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
			 var imgStyle = "display:inline-block;" + img.style.cssText 
			 if (img.align == "left") imgStyle = "float:left;" + imgStyle
			 if (img.align == "right") imgStyle = "float:right;" + imgStyle
			 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
			 var strNewHTML = "<span " + imgID + imgClass + imgTitle
			 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
			 + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
			 + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
			 img.outerHTML = strNewHTML
			 i = i-1
		  }
	   }
	}
}