//array used to store instances of the button_obj class
var but = new Array();

//array of strings that maps image names and paths to buttons
var map_arr=["/PublishingImages/mainnav_about","/PublishingImages/mainnav_products","/PublishingImages/mainnav_recipes","/PublishingImages/mainnav_lifestyle","/PublishingImages/mainnav_pasta","/PublishingImages/mainnav_newsroom"];

//array of strings that maps CMS navigation ids to sections
var sectionMap_arr = [41,18,16,26,28,13];


//initializes instance of button_obj classes, loads images
function initButtons(numberOfButtons_int, navId_int)
{

	var i;
	
	for(i=0;i<numberOfButtons_int;i++)
	{
		if(sectionMap_arr[i] != navId_int)
		{
			but[i] = new button_obj();
			but[i]._name = "b"+i;
			but[i]._on = "b"+i+"_on";
			but[i]._off = "b"+i+"_off";
			but[i]._down = "b"+i+"_down";
			but[i]._onImage = map_arr[i] + "_on.gif";
			but[i]._offImage = map_arr[i] + "_off.gif";
			but[i].Load();
		}
		else
		{
			but[i] = new button_obj();
			but[i]._name = "b"+i;
			but[i]._on = "b"+i+"_on";
			but[i]._off = "b"+i+"_off";
			but[i]._down = "b"+i+"_down";
			but[i]._onImage = map_arr[i] + "_on.gif";
			but[i]._offImage = map_arr[i] + "_on.gif";
			but[i].Load();
			but[i].Over();
		}
	}	
}


function button_obj()
{
	this._name="";
	this._on="";
	this._off=""
	this._onImage="";
	this._offImage="";
}


//load images
button_obj.prototype.Load = function()
{
	//preload on image
	eval(this._on+' = new Image()')
	eval(this._on+'.src = "'+this._onImage+'"')

	
	//preload off image
	eval(this._off+' = new Image()')
	eval(this._off+'.src = "'+this._offImage+'"')
	
	//preload down image
	//eval(this._down+' = new Image()')
	//eval(this._down+'.src = "'+this._downImage+'"')
}

//roll over
button_obj.prototype.Over = function()
{
	changeImage(this._name,this._on)		
}

//roll out
button_obj.prototype.Out = function()
{
	changeImage(this._name,this._off)
}

//down
/*
button_obj.prototype.Down = function()
{
	changeImage(this._name,this._down)
}
*/

//image swapping within layers
//laname - name of layer
//imgDocId - id of image object
//imgObjName - name of image to be replaced
function changeImage(imgDocID,imgObjName)
{	
  	document.images[imgDocID].src=eval(imgObjName + ".src");
}



function swapTopImage()
{
	if(document.getElementById("imagecontainer")!=null)
	{
		document.getElementById("mainimageinterior").innerHTML = document.getElementById("imagecontainer").innerHTML;
		document.getElementById("imagecontainer").innerHTML = "&nbsp;";
	}
	
//	document.getElementById("mainimageinterior").style.visibility = "visible";			
}