/*****************************************
* Dissolving Image Rollover- By Roy Whittle (http://www.javascript-fx.com/)
* Featured on/available at http://www.dynamicdrive.com/
* This notice must stay intact for use
*****************************************/

//Generate transition CSS (transition=0 to 23)
document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0.8,transition=12) }</STYLE>');

//Uncomment VOLGENDE regel voor gewone fade ipv effect (INIT 2008):
document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.4) }</STYLE>');

var onImages=new Array();
function Rollover(imgName, imgSrc)
{
	onImages[imgName] = new Image();
	onImages[imgName].src = imgSrc;
}

function turnOn(imgName){ 
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].apply();
	document.images[imgName].offSrc = document.images[imgName].src;
	document.images[imgName].src    = onImages[imgName].src;
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].play();
}

function turnOff(imgName){ 
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].stop();
	document.images[imgName].src = document.images[imgName].offSrc;
}

//Plaatkes:
Rollover("bereikbaar",  "img/bereikbaar_on.gif");
Rollover("parkeren", "img/parkeren_on.gif");
Rollover("betaalbaar", "img/menuon-2x3.gif");
Rollover("alleruimte",  "img/alleruimte_on.gif");
Rollover("flexibelhuren", "img/tehuur_on.gif");
Rollover("groeimogelijkheden", "img/menuon-2x6.gif");
Rollover("allemodernegemakken", "img/allemodernegemakken_on.gif");
Rollover("contact", "img/menu_contact_on.gif");
Rollover("oostenburgereiland", "img/menu_oostenburgereiland_on.gif");
Rollover("home", "img/indestad.gif");
Rollover("film", "img/initinbeeld-2x1.gif");
Rollover("fotos", "img/initinbeeld-2x2.gif");