var isNN = document.layers ? true : false;
var isIE = document.all ? true : false;

function init(){

	isNN = document.layers ? true : false;
	isIE = document.all ? true : false;
	
	
	setBasisLayOut();
	
	if(window.addEventListener) {	//W3C
		window.addEventListener('resize',setBasisLayOut,true);
	}else if(window.attachEvent){//Microsoft
		window.attachEvent('onresize',setBasisLayOut);
	}
}

function setBasisLayOut(){
	
	var objLogo = document.getElementById('logo');
	var pmenu = document.getElementById('pmenu');
	var smenu = document.getElementById('smenu');
	var mid = document.getElementById('mid');
	
	var midspacer = document.getElementById('midspacer');
	var myWidth, myHeight;
	
	var pijl1 =document.getElementById('pijlmenu');
	var pijl2 =document.getElementById('pijlpmenu'); 
		
 	if( typeof( window.innerWidth ) == 'number' ) {
		 	//Non-IE
			myWidth = window.innerWidth;
			myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
			//IE 6+ in 'standards compliant mode'
			myWidth = document.documentElement.clientWidth;
			myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
			 //IE 4 compatible
			myWidth = document.body.clientWidth;
			myHeight = document.body.clientHeight;
	}
	
	//alert(myHeight);
	
	var objMid = document.getElementById('mid');
	var objFootPic = document.getElementById('onderpic');
	
	
	
	if(objMid)
		objMid.style.height = "auto";
	
	
		
	
	if(isIE){
		
		//if(mid.offsetLeft+10 < 160){
			//mid.style.left = '149px';
			//mid.style.marginLeft = '0px';
			//objFootPic.style.left = '149px';
			//objFootPic.style.marginLeft = '0px';
			
			//var logoLeft = Math.round((myWidth / 2)) - 480;
			//if(objLogo)objLogo.style.left = (159 -158)+"px";
			//if(pmenu)pmenu.style.left = (159 -119)+"px";
			//if(smenu)smenu.style.left = (159 -119)+"px";
						
			//if(pijl1 && smenu) pijl1.style.left = (159 -30) +'px';
			//if(pijl1 && smenu) pijl1.style.top = (mid.offsetTop +258) +'px';
			
			//if(pijl2 && smenu) pijl2.style.left = (159 -37) +'px';
			
			
		//}else{
			
			mid.style.left = '50%';
			mid.style.marginLeft = '-340px';
			
			objFootPic.style.left = '50%';
			objFootPic.style.marginLeft = '-340px';
			
			var varleft = mid.offsetLeft;
			
			// kijk of ruimte niet te klein wordt.
			if(mid.offsetLeft*1 < 151){
				mid.style.left = '151px';
				mid.style.marginLeft = '0px';
					
				objFootPic.style.left = '151px';
				objFootPic.style.marginLeft = '0px';
				varleft = '161';
			}
			
			var logoLeft = Math.round((myWidth / 2)) - 480;
			if(objLogo)objLogo.style.left = (varleft -158)+"px";
			if(pmenu)pmenu.style.left = (varleft -119)+"px";
			if(smenu)smenu.style.left = (varleft-119)+"px";
						
			if(pijl1 && smenu) pijl1.style.left = (varleft -30) +'px';
			if(pijl1 && smenu) pijl1.style.top = (mid.offsetTop +258) +'px';
			
			if(pijl2 && smenu) pijl2.style.left = (varleft -37) +'px';
			
		//}
				
		
		
	}else{
				
		mid.style.left = '50%';
		mid.style.marginLeft = '-340px';
		
		objFootPic.style.left = '50%';
		objFootPic.style.marginLeft = '-340px';
		
		// kijk of ruimte niet te klein wordt.
		if(mid.offsetLeft*1 < 151){
			mid.style.left = '151px';
			mid.style.marginLeft = '0px';
				
			objFootPic.style.left = '151px';
			objFootPic.style.marginLeft = '0px';
		}
				
		var logoLeft = Math.round((myWidth / 2)+0.5) - 480;
		if(objLogo)objLogo.style.left = (mid.offsetLeft -158)+"px";
		if(pmenu)pmenu.style.left = (mid.offsetLeft -119)+"px";
		if(smenu)smenu.style.left = (mid.offsetLeft -119)+"px";
		
		if(pijl1 && smenu) pijl1.style.left = (mid.offsetLeft -30) +'px';
		if(pijl1 && smenu) pijl1.style.top = (mid.offsetTop +258) +'px';
		if(pijl2 && smenu) pijl2.style.left = (mid.offsetLeft -37) +'px';
		
	}
	
	//if(midspacer)midspacer.style.marginTop = (myHeight)+"px";
	
	if(objLogo)objLogo.style.display = 'block';
	if(smenu)smenu.style.display = 'block';
	if(pmenu)pmenu.style.display = 'block';

}


	function laadFlash(url, width, height,  quality, id){
	
		if(!id) id = "Puzzelrace";
		
		document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="'+width+'" height="'+height+'" id="'+id+'" align="center" valign="middle">');
			document.write('<param name="allowScriptAccess" value="always" />');
			document.write('<param name="movie" value="'+url+'" />');
			document.write('<param name="wmode" value="transparent">');
			document.write('<param name="quality" value="'+quality+'" />');
			document.write('<embed src="'+url+'" quality="high"  wmode="transparent" width="'+width+'" height="'+height+'" name="'+id+'" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
		document.write('</object>');
		
	}

	
	function loadDirectAfmelden(){
		var url = "ajaxobjects/direct_uitschrijven.ajax.php";
		
		var readyFunction = "showLightBox()";
		var waitFunction = "";
	
		doGetAjax(url, readyFunction, waitFunction);
		
	}
	
	
	function showLightBox(){
		
		var strHtml = xmlhttp.responseText;
		showWindow2ScreenNb(strHtml, 5, true);
	}
	
	
	function postEmailUitschrijving(){
		
		var url = './ajaxobjects/direct_uitschrijven.ajax.php';
		var form = document.forms['email_uitschrijven'];
		var functionReady = 'uitSchrijvingDone()';
		var functionBusy = '';
		
		postForm2Ajax(form,url,functionReady,functionBusy);
			
	}
	
	function uitSchrijvingDone(){
		var fout = getContentByIdFromString(xmlhttp.responseText, 'fout', null);
		if(fout!= false){
			alert(fout);		
		}else{
			alert("Het uitschrijven is gelukt. Je bent nu uitgeschreven voor puzzelrace.");	
			
			document.body.removeChild(document.getElementById('overlay5')); 
			document.body.removeChild(document.getElementById('mainscherm5'));
			
		}
	}
	
	
	
	function getElementByIdFromString(html, eleId, eleType){
		
		var objDiv = document.createElement('body');
	
		objDiv.innerHTML = html;
		arrObjects = objDiv.getElementsByTagName(eleType);
		
		for(i=0;i<arrObjects.length;i++){
			
			if(arrObjects[i].getAttribute('id') == eleId){
				return arrObjects[i];	
			}
		}
		return false;
	}
	
	function getContentByIdFromString(html, eleId, eleType){
		if(eleType==null)eleType = "div";
		
		var ele = getElementByIdFromString(html, eleId, eleType);
		if(ele==false) return false;
		
		return ele.innerText == undefined ? ele.textContent == undefined ? false : ele.textContent : ele.innerText ;	
	}