// New updated browser check
function EA_checkBrowser(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ie8=(this.ver.indexOf("MSIE 8")>-1 && this.dom)?1:0; 
this.ie7=(this.ver.indexOf("MSIE 7")>-1 && this.dom)?1:0; 
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0; 
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6||this.ie7||this.ie8
this.mac=this.agent.indexOf("Mac")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie8 || this.ie7 || this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new EA_checkBrowser();

//Constructing the ChangeText object
function EA_makeChangeTextObj(obj){
var tempObj = bw.dom ? document.getElementById(obj) : bw.ie4 ? document.all[obj] : bw.ns4 ? document.layers[obj] : 0;
if (tempObj){
this.css=bw.dom ? tempObj.style : bw.ie4 ? tempObj.style : bw.ns4 ? tempObj : 0;
}
else{
this.css=0;
}
}
//------------------------------------------------------------------
// Variables  inits:
//------------------------------------------------------------------
var num = 0;
var prevnum = 0;
var currentNum = 0;
// numberOfLayers
var curNumberOfLayers= 0;

var numberOfLayers1 = 0;
var numberOfLayers2 = 0;

layerArray1 = new Array();
layerArray2 = new Array();


var currentLayerNum = "1";
var finito = true;

function ChangeHighLight (ImageName, ImageSrc) {
if (finito == true) {
finito = false;
document[ImageName].src = ImageSrc;
}
finito = true;
}

// ------------------------------------------ Ingredients functions ------------------------------------------------
// Variables for ingredients
var ingredient = 0;
var otherIngredients = "off";

function EA_changeIngredientsInit(){
if(bw.bw){

layerArray1[0]=new EA_makeChangeTextObj('divTextContent0');
layerArray1[1]=new EA_makeChangeTextObj('divTextContent1');
layerArray1[2]=new EA_makeChangeTextObj('otherIngredient');

layerArray2[0]=new EA_makeChangeTextObj('divTextPyramidContent0');
layerArray2[1]=new EA_makeChangeTextObj('divTextPyramidContent1');
layerArray2[2]=new EA_makeChangeTextObj('divTextPyramidContent2');
layerArray2[3]=new EA_makeChangeTextObj('divTextPyramidContent3');

//Both layers are hidden by default to prevent users from mousing over them and creating errors while the page loads
layerArray1[0].css.visibility='visible';
layerArray2[0].css.visibility='visible';
}
}

function SwitchIngredient(url, ingredient1, ingredient2)
{

	if (otherIngredients == "off")
	{

		if(ingredient == 0)
		{
			image1=url+"/ingredient_pictures/ingr_" + ingredient1 + ".jpg";
			ChangeHighLight("ingredient",image1);
			ingredient = 1;
			layerArray1[0].css.visibility='hidden';
			layerArray1[1].css.visibility='visible';
		}
		else
		{
			image2=url+"/ingredient_pictures/ingr_" + ingredient2 + ".jpg";
			ChangeHighLight("ingredient",image2);
			ingredient = 0;
			layerArray1[1].css.visibility='hidden';
			layerArray1[0].css.visibility='visible';
		}
	}
}

function showHideOtherIngredients(url, ingredient1, ingredient2)
{
if (otherIngredients == "off")
{
ChangeHighLight("ingredient","/images/assets/trans_pix.gif");

layerArray1[0].css.visibility='hidden';
layerArray1[1].css.visibility='hidden';
layerArray1[2].css.visibility='visible';
otherIngredients = "on";
}
else
{
otherIngredients = "off";
layerArray1[2].css.visibility='hidden';
SwitchIngredient(url, ingredient1, ingredient2);
}
}

function SwitchPyramidDescription(pyramidID)
{
switch (pyramidID){   
	case 0:
		layerArray2[0].css.visibility='visible';
		layerArray2[1].css.visibility='hidden';
		layerArray2[2].css.visibility='hidden';
		layerArray2[3].css.visibility='hidden';
		break;   
	case 1:
		layerArray2[0].css.visibility='hidden';
		layerArray2[1].css.visibility='visible';
		layerArray2[2].css.visibility='hidden';
		layerArray2[3].css.visibility='hidden';
		break;   
	case 2:
		layerArray2[0].css.visibility='hidden';
		layerArray2[1].css.visibility='hidden';
		layerArray2[2].css.visibility='visible';
		layerArray2[3].css.visibility='hidden';
		break;   
	case 3:
		layerArray2[0].css.visibility='hidden';
		layerArray2[1].css.visibility='hidden';
		layerArray2[2].css.visibility='hidden';
		layerArray2[3].css.visibility='visible';
		break;   
	}
}