// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;

// Duration of crossfade (seconds)
var crossFadeDuration = 2;

// Specify the image files
var Pic = new Array(); // don't touch this
var PicCum = new Array(); // don't touch this
var PicKund = new Array(); // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = "/styles/images/hoofdpagina/marktwerk/CU1.jpg";
Pic[1] = "/styles/images/hoofdpagina/marktwerk/CU2.jpg";
Pic[2] = "/styles/images/hoofdpagina/marktwerk/CU3.jpg";
Pic[3] = "/styles/images/hoofdpagina/marktwerk/PO1.jpg";
Pic[4] = "/styles/images/hoofdpagina/marktwerk/PO2.jpg";
Pic[5] = "/styles/images/hoofdpagina/marktwerk/PO3.jpg";
Pic[6] = "/styles/images/marktwerk_blur.jpg";

PicCum[0] = "/styles/images/hoofdpagina/community/JJ1.jpg";
PicCum[1] = "/styles/images/hoofdpagina/community/Marne1.jpg";
PicCum[2] = "/styles/images/hoofdpagina/community/SEN1.jpg";
PicCum[3] = "/styles/images/hoofdpagina/community/VW1.jpg";
PicCum[4] = "/styles/images/hoofdpagina/community/WW1.jpg";
PicCum[5] = "/styles/images/hoofdpagina/community/MZ1.jpg";
PicCum[6] = "/styles/images/community_blur.jpg";

PicKund[0] = "/styles/images/hoofdpagina/kindplaatsen/BS1.jpg";
PicKund[1] = "/styles/images/hoofdpagina/kindplaatsen/BS2.jpg";
PicKund[2] = "/styles/images/hoofdpagina/kindplaatsen/BS3.jpg";
PicKund[3] = "/styles/images/hoofdpagina/kindplaatsen/PZ1.jpg";
PicKund[4] = "/styles/images/hoofdpagina/kindplaatsen/PZ2.jpg";
PicKund[5] = "/styles/images/hoofdpagina/kindplaatsen/PZ3.jpg";
PicKund[6] = "/styles/images/kindplaatsen_blur.jpg";

var t;
var j = 0;
var p = Pic.length;

var preLoad = new Array();
var preLoadCum = new Array();
var preLoadKund = new Array();

for (i = 0; i < p; i++){
   preLoad[i] = new Image();
   preLoad[i].src = Pic[i];
   
   preLoadCum[i] = new Image();
   preLoadCum[i].src = PicCum[i];
   
   preLoadKund[i] = new Image();
   preLoadKund[i].src = PicKund[i];
}

function runSlideShow(){
    miv = document.getElementById("idmarktwerk");
    civ = document.getElementById("idcommunity");
    kiv = document.getElementById("idkindplaatsen");
    
   if (document.all){
      miv.style.filter="blendTrans(duration=" + crossFadeDuration + ")";
      civ.style.filter="blendTrans(duration=" + crossFadeDuration + ")";
      kiv.style.filter="blendTrans(duration=" + crossFadeDuration + ")";
      
      //if (miv.filters.blendTrans.status != 2) {
        miv.filters.blendTrans.Apply();
        civ.filters.blendTrans.Apply();
        kiv.filters.blendTrans.Apply();
        
        miv.style.visibility="hidden";
        civ.style.visibility="hidden";
        kiv.style.visibility="hidden";
        
        document.images.marktwerk.filters.blendTrans.Play();
        document.images.community.filters.blendTrans.Play();
        document.images.kindplaatsen.filters.blendTrans.Play();
      //}
   }

   t = setTimeout('runSlideShowShow()', crossFadeDuration*1000);
}

function runSlideShowShow(){
   miv = document.getElementById("idmarktwerk");
   civ = document.getElementById("idcommunity");
   kiv = document.getElementById("idkindplaatsen");
   
   if (document.all){      
      //if (miv.filters.blendTrans.status != 2) {
          miv.src = preLoad[j].src;
          civ.src = preLoadCum[j].src;
          kiv.src = preLoadKund[j].src;

          miv.filters.blendTrans.Apply();
          civ.filters.blendTrans.Apply();
          kiv.filters.blendTrans.Apply();
          
          miv.style.visibility="visible";
          civ.style.visibility="visible";
          kiv.style.visibility="visible";
   
          document.images.marktwerk.filters.blendTrans.Play();
          document.images.community.filters.blendTrans.Play();
          document.images.kindplaatsen.filters.blendTrans.Play();
      //}
   }
   else {
        miv.src = preLoad[j].src;
        civ.src = preLoadCum[j].src;
        kiv.src = preLoadKund[j].src;
   }

   j = j + 1;
   if (j > (p-1)) j=0;
   t = setTimeout('runSlideShow()', slideShowSpeed);
}

function stopSlideShow(elem, getId, menu){
  //srcover="/styles/images/index_marktwerk.jpg"
  
  if (document.getElementById("over_ons_div")) {
    clearTimeout(t);
    
    miv = document.getElementById("idmarktwerk");
    civ = document.getElementById("idcommunity");
    kiv = document.getElementById("idkindplaatsen");
    
    document.getElementById("over_ons_menu").style.display = "none";
    document.getElementById("marktwerk_menu").style.display = "none";
    document.getElementById("communitywerk_menu").style.display = "none";
    document.getElementById("kindplaatsen_menu").style.display = "none";
    document.images.overons.src = "/styles/images/over_ons_blur.jpg";
    document.images.marktwerk.src = "/styles/images/marktwerk_blur.jpg";
    document.images.community.src = "/styles/images/community_blur.jpg";
    document.images.kindplaatsen.src = "/styles/images/kindplaatsen_blur.jpg";
    
    miv.style.visibility = "visible";
    civ.style.visibility = "visible";
    kiv.style.visibility = "visible";
    
    if (elem != undefined) {
      elem.src = getId;
      if (document.getElementById(menu)) {
        document.getElementById(menu).style.display = "";
      }
    }
    
  }
}

function imageholderclass(){
	this.over=new Array();
	this.down=new Array();
	this.src=new Array();
	this.store=store;
    	
	function store(src, down, over){
		var AL=this.src.length;
		this.src[AL]=new Image(); this.src[AL].src=src;
		this.over[AL]=new Image(); this.over[AL].src=over;
		this.down[AL]=new Image(); this.down[AL].src=down;
	}
}

var ih = new imageholderclass();
var mouseisdown=0;

function preloader(t){
	for(i=0;i<t.length;i++){
		if(t[i].getAttribute('srcover')||t[i].getAttribute('srcdown')){
			
			storeimages(t[i]);
			var checker='';
			checker=(t[i].getAttribute('srcover'))?checker+'A':checker+'';
			checker=(t[i].getAttribute('srcdown'))?checker+'B':checker+'';
			
			switch(checker){
			case 'A' : mouseover(t[i]);mouseout(t[i]); break;
			case 'B' : mousedown(t[i]); mouseup2(t[i]); break;
			case 'AB' : mouseover(t[i]);mouseout(t[i]); mousedown(t[i]); mouseup(t[i]); break;
			default : return;			
			}
			
			if(t[i].src){t[i].setAttribute("oldsrc",t[i].src);}
		}
	}
}
function mouseup(t){
	var newmouseup;
	if(t.onmouseup){
		t.oldmouseup=t.onmouseup;
		newmouseup=function(){mouseisdown=0;this.src=this.getAttribute("srcover");this.oldmouseup();}

	}
	else{newmouseup=function(){mouseisdown=0;this.src=this.getAttribute("srcover");}}
	t.onmouseup=newmouseup;
}

function mouseup2(t){
	var newmouseup;
	if(t.onmouseup){
		t.oldmouseup=t.onmouseup;
		newmouseup=function(){mouseisdown=0;this.src=this.getAttribute("oldsrc");this.oldmouseup();}
		}
	else{newmouseup=function(){mouseisdown=0;this.src=this.getAttribute("oldsrc");}}
	t.onmouseup = newmouseup;
}

function mousedown(t){
	var newmousedown;
	if(t.onmousedown){
		t.oldmousedown=t.onmousedown;
		newmousedown=function(){if(mouseisdown==0){this.src=this.getAttribute("srcdown");this.oldmousedown();}}
	}
	else{newmousedown=function(){if(mouseisdown==0){this.src=this.getAttribute("srcdown");}}}
	t.onmousedown=newmousedown;
}

function mouseover(t){	
  var newmouseover;
	if(t.onmouseover){
		t.oldmouseover=t.onmouseover;
		newmouseover=function(){this.src=this.getAttribute("srcover");this.oldmouseover();}
	}
	else{newmouseover=function(){this.src=this.getAttribute("srcover");stopSlideShow();}}
	t.onmouseover=newmouseover;
}

function mouseout(t){
	var newmouseout;
	if(t.onmouseout){
		t.oldmouseout=t.onmouseout;
		newmouseout=function(){this.src=this.getAttribute("oldsrc");this.oldmouseout();}
  }
	else{newmouseout=function(){this.src=this.getAttribute("oldsrc");}}
	t.onmouseout=newmouseout;
}

function storeimages(t){
	var s=(t.getAttribute('src'))?t.getAttribute('src'):'';
	var d=(t.getAttribute('srcdown'))?t.getAttribute('srcdown'):'';
	var o=(t.getAttribute('srcover'))?t.getAttribute('srcover'):'';
	ih.store(s,d,o);
}

function preloadimgsrc(){
	if(!document.getElementById) return;
	var it=document.getElementsByTagName('IMG');
	var it2=document.getElementsByTagName('INPUT');
	preloader(it);
	preloader(it2);
}

if(window.addEventListener){window.addEventListener("load", preloadimgsrc, false);} 
else{
	if(window.attachEvent){window.attachEvent("onload", preloadimgsrc);}
	else{if(document.getElementById){window.onload=preloadimgsrc;}}
}