// JavaScript Document rollover images
var SiteAddy = "http://www.risingimages.com";
var timeOut = 350;
var closeTimer = 0;
var navBtn = 0;

//function to preload the images for rollover affects.
function preloadImage(url){
	var i = new Image();
	i.src = url;
	return i;
}

//assign variables to the preloaded images
if (document.images){
	var homeOver = preloadImage(SiteAddy+'/images/nav/home_over.png');
	var homeOff = preloadImage(SiteAddy+'');
	var aboutOver = preloadImage(SiteAddy+'/images/nav/about_over.png');
	var aboutOff = preloadImage(SiteAddy+'');
	var contactOver = preloadImage(SiteAddy+'/images/nav/contact_over.png');
	var contactOff = preloadImage(SiteAddy+'');
	var galleryOver = preloadImage(SiteAddy+'/images/nav/gallery_over.png');
	var galleryOff = preloadImage(SiteAddy+'');
	var productsOver = preloadImage(SiteAddy+'/images/nav/products_over.png');
	var productsOff = preloadImage(SiteAddy+'');
	var showsOver = preloadImage(SiteAddy+'/images/nav/shows_over.png');
	var showsOff = preloadImage(SiteAddy+'');
}

//function for nav rollover
function navOver(btn){
	if(document.getElementById(btn+'nav')){
		document.getElementById(btn+'nav').style.background = 'url("'+SiteAddy+'/images/nav/'+btn+'_over.png")';
	}
}

//function for nav when rollover off
function navOff(btn){
	if(document.getElementById(btn+'nav')){
		document.getElementById(btn+'nav').style.background = 'url("'+SiteAddy+'/images/nav/'+btn+'.png")';
	}
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//																																		 //
//			Side sub navigation area 																									 //
//																																		 //
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//function for creating a menu
function openMenu(btn){
	//cancel the sub menu closing 
	cancelMenuTimer();
	if(btn != navBtn){
		var menu = document.getElementById("sub_"+btn);
		var menuBtn = document.getElementById(btn+"nav");
		//set the global variables for the timer
		navBtn = btn;
		
		//set the background for the button and show the submenu
		menu.style.display = "block";
		menuBtn.style.background = 'url("'+SiteAddy+'/images/nav/'+btn+'_over.png")';
	}
}
//function for closing the sub menu on mouseout
function closeMenu(){
	if(document.getElementById(navBtn+"nav")){
		var menuBtn = document.getElementById(navBtn+"nav");
		var subMenu = document.getElementById("sub_"+navBtn);
		subMenu.style.display = "none";
		menuBtn.style.backgroundImage = 'url("'+SiteAddy+'/images/nav/'+navBtn+'.png")';
	}
	navBtn = null;
}
//function to start the close timer
function menuCloseTimer(){
	closeTimer = setTimeout("closeMenu()",timeOut);
}
//function to cancel the close timer
function cancelMenuTimer(){
	if(closeTimer)
	{
		window.clearTimeout(closeTimer);
		closeTimer = null;
	}
}