//==================================================================
// PRE-LOAD MENU IMAGES
//==================================================================


if (document.images)
{
  preload_image_object = new Image();
  // set image url
  image_url = new Array();
  image_url[0] = "http://www.canadian-dirt.com/images/menu/1.jpg";
  image_url[1] = "http://www.canadian-dirt.com/images/menu/2.jpg";
  image_url[2] = "http://www.canadian-dirt.com/images/menu/3.jpg";
  image_url[3] = "http://www.canadian-dirt.com/images/menu/4.jpg";
  image_url[4] = "http://www.canadian-dirt.com/images/menu/5.jpg";
  
   var i = 0;
   for(i=0; i<=image_url.length; i++) 
	 preload_image_object.src = image_url[i];
}


//==================================================================
// MENU ANIMATION AND NAVIGATION
//==================================================================


var y = 270; 		//Starting Location - top
var dest_y = 140;  	//Ending Location - top
var height = 0;		//Starting height of submenu
var interval = 14; 	//Move 5 every initialization
var iv;

var activeMenuItem = "";
var subMenuItem = "";

function menuHover(menuItem)
{
	if(menuItem != activeMenuItem)
	{
		var div = document.getElementById(menuItem);
		div.style.backgroundPosition = "0px 0px";
	}	
}

function menuOut(menuItem)
{
	if(menuItem != activeMenuItem)
	{
		var div = document.getElementById(menuItem);
		div.style.backgroundPosition = "0px -30px";
	}
}

function menuClick(menuItem)
{	
	// Make current active menu button inactive
	if(document.getElementById(activeMenuItem))
	{
		var div = document.getElementById(activeMenuItem);
		div.style.backgroundPosition = "0px -30px";
	}
	
	// Collapse previous submenu
	var submenu = document.getElementById(subMenuItem);
	if(submenu)
	{
		submenu.style.display = "none";
	}
	
	activeMenuItem = menuItem;
	
	// Make clicked menu item active
	var div = document.getElementById(menuItem);
	div.style.backgroundPosition = "0px -60px";
	
	switch(activeMenuItem)
	{
		case "divMenuHome":
			document.location.href = "index.html";			
			return;
		case "divMenuFrames":
			subMenuItem = "divSubMenuFrames";
			break;
		case "divMenuBikes":
			subMenuItem = "divSubMenuBikes";
			break;
		case "divMenuTeam":
			subMenuItem = "divSubMenuTeam";
			break;
		case "divMenuDealers":
			subMenuItem = "divSubMenuDealers";
			break;
		case "divMenuAccessories":
			subMenuItem = "divSubMenuAccessories";
			break;
		case "divMenuAboutUs":
			document.location.href = "about_canadian_dirt.html";			
			return;
	}
	
	// Collapse selected submenu
	submenu = document.getElementById(subMenuItem);
	if(submenu)
	{
		submenu.style.display = "block";
		submenu.style.top = "270px";
		submenu.style.height = "0px";
	}
	
	// Start submenu animation
	// If an interval is still running stop it
	if(iv)
	{
		clearInterval(iv);
		y = 270;
		height = 0;
	}
	iv = window.setInterval('slideOn()',10);		
}

function slideOn() 
{	
	var div = document.getElementById(subMenuItem);
	
	//Keep on moving the image untill the target is achieved
	if(y > dest_y) 
	{
		y = y - interval;
		height = height + interval;
	}
	
	//Move the image to the new location
	div.style.top = y+'px';
	div.style.height = height+'px';
	
	if (y-interval < dest_y) 
	{
		// Stop animation
		clearInterval(iv);		
		
		// Re-init parameters for next animation					
		y = 270;
		height = 0;
	}
}


//==================================================================
// MENU BACKGROUND-IMAGE ROTATOR
//==================================================================


var iBookmark = 1;
var arrImages = new Array();
	
function menuRotate(iInterval)
{		
	arrImages[0] = "url(images/menu/1.jpg)";
	arrImages[1] = "url(images/menu/3.jpg)";
	arrImages[2] = "url(images/menu/4.jpg)";
	arrImages[3] = "url(images/menu/5.jpg)";
	
	
	// Set first image, else the background will
	// remain blank
	var tdMenu = document.getElementById("tdMenu");		
	tdMenu.style.backgroundImage = arrImages[0];
	
	iInterval = (iInterval*1000);	
	setInterval("rotate()", iInterval);
	
	return false;
}

var ivFadeOut;
var ivFadeIn;

function rotate()
{
	var tdMenu = document.getElementById("tdMenu");		
	
	// Fade out	
	ivFadeOut = setInterval("fadeOut()", 20);	
	
	return false;
}

function changeImage()
{
	// Change image
	var tdMenu = document.getElementById("tdMenu");
	tdMenu.style.backgroundImage = arrImages[iBookmark];
	
	iBookmark += 1;
	
	if(iBookmark == arrImages.length)
	{
		iBookmark = 0;
	}	
	
	return false;
}

iFadeLevel = 100;

function fadeOut()
{

	var tdMenu = document.getElementById("tdMenu");		
	
	tdMenu.style.filter = "alpha(opacity=" + iFadeLevel + ")"; 
	tdMenu.style.opacity = "" + (iFadeLevel / 100) + "";
	
	iFadeLevel -= 10;
	
	// Image faded, change image
	if(iFadeLevel < 0)
	{	
		clearInterval(ivFadeOut);
		changeImage();	
		ivFadeIn = setInterval("fadeIn()", 20);
	}
	
	return false;
}

function fadeIn()
{
	var tdMenu = document.getElementById("tdMenu");		
	
	tdMenu.style.filter = "alpha(opacity=" + iFadeLevel + ")"; 
	tdMenu.style.opacity = "" + (iFadeLevel / 100) + "";
	
	iFadeLevel += 10;
	
	// Image chang, change image
	if(iFadeLevel > 100)
	{
		// Stop interval	
		clearInterval(ivFadeIn);
	}
	
	return false;
}

//==================================================================
// MENU BUY A COVE
//==================================================================

function buyACove()
{	
	document.getElementById('divBuyACove').style.top =
	document.getElementById('divBuyACove').style.left = ((document.body.offsetWidth-473)/2) + "px";
	document.getElementById('divBuyACove').style.display = "block";
}

function hideACove()
{
	
	document.getElementById('divBuyACove').style.display = "none";
}