/*****************************************
* 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:blendTrans(duration=0.3) }</STYLE>');

//Uncomment the next line for fading rollovers instead of dissolving:
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0.2,transition=2) }</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].apply();
	//document.images[imgName].offSrc = document.images[imgName].src;
	document.images[imgName].src    = document.images[imgName].offSrc;
	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;
}*/

//Specify name of participating images, plus paths to their onMouseover replacements:
Rollover("home",  "images/nav/Spur_Nav_HomeOn.jpg");
Rollover("story",  "images/nav/Spur_Nav_StoryOn.jpg");
Rollover("store",  "images/nav/Spur_Nav_StoreOn.jpg");
Rollover("menu",  "images/nav/Spur_Nav_MenuOn.jpg");
Rollover("specials",  "images/nav/Spur_Nav_SpecialsOn.jpg");
Rollover("competition",  "images/nav/Spur_Nav_CompetitionOn.jpg");
Rollover("canyon",  "images/nav/Spur_Nav_CanyonOn.jpg");
Rollover("communities",  "images/nav/Spur_Nav_CommunitiesOn.jpg");
Rollover("events",  "images/nav/Spur_Nav_EventsOn.jpg");
Rollover("contact",  "images/nav/Spur_Nav_ContactOn.jpg");

Rollover("breakfast",  "images/menu/Spur_MenuNav_BreakOn.jpg");
Rollover("starters",  "images/menu/Spur_MenuNav_StartersOn.jpg");
Rollover("legendary",  "images/menu/Spur_MenuNav_LegendaryOn.jpg");
Rollover("grills",  "images/menu/Spur_MenuNav_GrillsOn.jpg");
Rollover("burgers",  "images/menu/Spur_MenuNav_BurgersOn.jpg");
Rollover("schnitzel",  "images/menu/Spur_MenuNav_SchnitzelOn.jpg");
Rollover("grande",  "images/menu/Spur_MenuNav_GrandeOn.jpg");
Rollover("toast",  "images/menu/Spur_MenuNav_ToastOn.jpg");
Rollover("desert",  "images/menu/Spur_MenuNav_DesertOn.jpg");
Rollover("kids",  "images/menu/Spur_MenuNav_KidsOn.jpg");
Rollover("vouchers",  "images/menu/Spur_MenuNav_VouchersOn.jpg");
Rollover("nutrition",  "images/menu/Spur_MenuNav_NutritionOn.jpg");
Rollover("heart",  "images/menu/Spur_MenuNav_HeartOn.jpg");
Rollover("sauce",  "images/menu/Spur_MenuNav_SauceOn.jpg");
Rollover("halaal",  "images/menu/Spur_MenuNav_HalaalOn.jpg");