var IEfilter;
var x, i;
var fadeduur=1000;
var ratio=1;
window.onload = function()
{
	email();
	tb=document.getElementById('bodyid').offsetWidth;
	th=document.getElementById('bodyid').offsetHeight;
	if(tb>790)
	{
		document.getElementById('eat').style.visibility="visible";
		document.getElementById('vw').style.visibility="visible";
		document.getElementById('bodyid').style.overflow="hidden";
		document.getElementById('kader').style.width=(19/20*tb)-350+"px";
		document.getElementById('kader').style.display="block";
		afbgr();		
		document.getElementById('contact').style.display="none";
		document.getElementById('werkwijze').style.display="none";
	} 	
	else
	{
		document.getElementById('werkwijze').style.width=document.getElementById('contact').style.width=document.getElementById('kader').style.width=tb+"px";
		document.getElementById('menu').style.width=tb-20+"px";
		document.getElementById('kader').style.height=th+"px";
		document.getElementById('kader').style.left=0;
		document.getElementById('menu').style.position="static";
		document.getElementById('menu').style.height="auto";
		document.getElementById('menu').style.marginLeft=0;
		document.getElementById('contact').style.float="left";
		document.getElementById('contact').style.width="100%";
		document.getElementById('werkwijze').style.height="auto";
		document.getElementById('kader').style.position="relative";
		document.getElementById('kader').style.display="block";
		document.getElementById('kader').style.top="50%";
		document.getElementById('tableid').style.position="absolute";
		afbgr();
	}
	document.getElementById('klpr').style.visibility="visible";	
	var nodelist = document.getElementById('buffer').getElementsByTagName('img');
	x = [];
	for(var k=0, l=nodelist.length;k<l;k++)
  	{
     	x.push(nodelist[k]);
  	}
	if(l>0){setTimeout("volgende("+l+")",3000)};
}

function afbgr() 
{
		kw=document.getElementById('kader').offsetWidth;
		kh=document.getElementById('kader').offsetHeight;
		imw=document.getElementById('bimg').offsetWidth;
		imh=document.getElementById('bimg').offsetHeight;
		ratio=imw/imh;
		if((imw>kw) && (imh>kh))
		{
		 if((kw/kh)<ratio) 
		 {
		   document.getElementById('klpr').style.width=kw+"px";
		   document.getElementById('klpr').style.height=Math.round(kw/ratio)+"px";
		 }
		 else
		 {
		 	 document.getElementById('klpr').style.height=kh+"px";
		   document.getElementById('klpr').style.width=Math.round(kh*ratio)+"px";
		 } 
		}
		else if(imw>kw) 
		{
		 document.getElementById('klpr').style.width=kw+"px";
		 document.getElementById('klpr').style.height=Math.round(kw/ratio)+"px";
		}
		else if(imh>kh) 
		{
		 document.getElementById('klpr').style.height=kh+"px";
		 document.getElementById('klpr').style.width=Math.round(kh*ratio)+"px";
		}	
		else 
		{
		 document.getElementById('klpr').style.height=imh+"px"
		 document.getElementById('klpr').style.width=imw+"px"
		}
}		
		
function volgende(afb)
{
	  afb2=x.length-afb;
		fade('klpr');
		document.getElementById('bimg').src=x[afb2].src;
		setTimeout("afbgr()",fadeduur+50);
		setTimeout("document.getElementById('klpr').src=x[afb2].src",fadeduur+50);
		setTimeout("fade('klpr')",fadeduur+100);
		afb-=1;
		if (afb==0) {afb=afb+x.length}
		setTimeout("volgende("+afb+")",6000);
}

function fade(eid)
{
	var element=document.getElementById(eid);
	if(element==null)
    return;
   	if(element.FadeState==null)
  	{
    	if(element.style.opacity==null || element.style.opacity=='' || element.style.opacity=='1')
		{
      		element.FadeState=2;
    	}
    	else
    	{
      		element.FadeState=-2;
    	}
  	}
	if(element.FadeState==1 || element.FadeState==-1)
	{
    	element.FadeState=element.FadeState == 1 ? -1 : 1;
    	element.FadeTimeLeft=fadeduur-element.FadeTimeLeft;
  	}
  	else
  	{
    	element.FadeState=element.FadeState == 2 ? -1 : 1;
    	element.FadeTimeLeft=fadeduur;
    	setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  	}  
}

function animateFade(lastTick, eid)
{  
  	var curTick = new Date().getTime();
  	var elapsedTicks = curTick - lastTick;
	  var element = document.getElementById(eid);
  	if(element.FadeTimeLeft <= elapsedTicks)
  	{
    	element.style.opacity = element.FadeState == 1 ? '1' : '0';
    	element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
    	element.FadeState = element.FadeState == 1 ? 2 : -2;
    	return;
  	}
   	element.FadeTimeLeft -= elapsedTicks;
		var newOpVal = element.FadeTimeLeft/fadeduur;
  	if(element.FadeState == 1) {newOpVal = 1 - newOpVal};
		element.style.opacity = newOpVal;
		element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
		setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}

function email() 
{
  var email = "info";
  var emailHost = "redel-tuin.nl";
  document.getElementById('emailadres2').innerHTML="<a href=" + "mai" + "lto:" + email + "@" + emailHost+ "?SUBJECT=informatieaanvraag" + ">" + email + "@" + emailHost + "</a>";
	document.getElementById('emafb').style.display="none";
}

function toonadres()
{
	document.getElementById('kader').style.display="none";
	document.getElementById('werkwijze').style.display="none";
	document.getElementById('eat').className="actueel";
	document.getElementById('vw').className="normaal";
	document.getElementById('contact').style.position="absolute";
	document.getElementById('contact').style.right="5%";
	document.getElementById('contact').style.display="block";
  th=document.getElementById('bodyid').offsetHeight;
  tb=document.getElementById('bodyid').offsetWidth;
	ph=document.getElementById('eerste').offsetHeight;
	document.getElementById('contact').style.top=Math.round((th-ph)/2)+"px";
	document.getElementById('contact').style.left=Math.round(400+(tb-800)/2)+"px";
	document.getElementById('contact').style.height="auto";
}

function toonvisie()
{
	document.getElementById('kader').style.display="none";
	document.getElementById('contact').style.display="none";
	document.getElementById('werkwijze').style.position="absolute";
	document.getElementById('werkwijze').style.top="0";
	document.getElementById('werkwijze').style.left="auto";
	document.getElementById('werkwijze').style.right="0";
  tb=document.getElementById('bodyid').offsetWidth;
	if(tb<1000)
	{
	 document.getElementById('werkwijze').style.width=tb-500+"px";
	}
	else
	{
	 document.getElementById('werkwijze').style.width=Math.round((tb-400+490)/2)+"px";
	 document.getElementById('werkwijze').style.paddingRight=Math.round((tb-400-490)/3)+"px";
	}
	document.getElementById('werkwijze').style.display="block";
	document.getElementById('vw').className="actueel";
	document.getElementById('eat').className="normaal";
}