/*****************************************
* Dissolving Image Rollover- By Roy Whittle 
* 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 the VOLGENDE line for fading rollovers instead of dissolving:
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.4) }</STYLE>');

var previous = "";
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 && imgName != previous)
		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 && imgName != previous)
		document.images[imgName].filters[0].stop();
	document.images[imgName].src = document.images[imgName].offSrc;
}



function setButton(imgName)
{
        if (document.images[imgName].filters  && imgName != previous)
   		{
                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();
                if (previous != "")
                     document.images[imgName].filters[0].stop();
	document.images[imgName].src = document.images[imgName].offSrc;
                previous = imgName;
        }
}

//Plaatkes:
Rollover("shop",  "images/knoppen/shop.gif");
Rollover("kadogeven",  "images/knoppen/kadogeven.gif");
Rollover("wiezijnwij",  "images/knoppen/wiezijnwij.gif");
Rollover("tellafriend",  "images/knoppen/tellafriend_1.gif");
Rollover("contact",  "images/knoppen/contact.gif");
Rollover("algvoorwaarden",  "images/knoppen/algvoorwaarden_1.gif");
Rollover("verzendinfo",  "images/knoppen/verzendinfo_1.gif");
Rollover("specialeaanbieding",  "images/knoppen/specialeaanbieding_1.gif");
Rollover("uitloggen",  "images/knoppen/uitloggen_1.gif");
Rollover("mijnaccount",  "images/knoppen/mijnaccount_1.gif");
Rollover("inhoudwinkelwagen",  "images/knoppen/inhoudwinkelwagen_1.gif");
Rollover("afrekenen",  "images/knoppen/afrekenen_1.gif");
Rollover("handsatwork",  "images/knoppen/handsatwork_1.gif");