function showSubMenu(whichMenu,pressed)
{
	if (whichMenu=="prod")
	{
		document.getElementById("subMenu1").style.display='block';
		document.getElementById("prodNav").className='prodNav';
		document.getElementById("subMenu2").style.display='none';
		document.getElementById("pLNav").className='';
	}
	else
	{
		document.getElementById("subMenu2").style.display='block';
		document.getElementById("pLNav").className='pLNav';
		document.getElementById("prodNav").className='';
		document.getElementById("subMenu1").style.display='none';
	}
}
	
function hideSubMenu(whichMenu,pressed)
{
	if (whichMenu=="prod")
		{	document.getElementById("subMenu1").style.display='none';
			document.getElementById("prodNav").className='';
			document.getElementById("subMenu2").style.display='none';
			document.getElementById("pLNav").className='';
		}
	if (whichMenu=="pL")
		{
			document.getElementById("subMenu2").style.display='none';
			document.getElementById("pLNav").className='';
		}
	if (pressed=="inPL")
		{
			document.getElementById("subMenu2").style.display='block';
			document.getElementById("pLNav").className='pLNav';
			document.getElementById("subMenu1").style.display='none';
			document.getElementById("prodNav").className='';
		}
	if (pressed=="inProd")
		{
			document.getElementById("prodNav").className='prodNav';
			document.getElementById("subMenu1").style.display='block';
		}
}



function flavour(firstFlavour,selectedFlavour,numberOfFlavours)
{
	
	for(var i=0;i<numberOfFlavours;i++)
	{
		var resetFlavour = "link"+(firstFlavour+i);
		document.getElementById(resetFlavour).className="";
	}
	document.getElementById(selectedFlavour).className="on";
	showFlavourImage(selectedFlavour);
}
function showFlavourImage(fname)
{
	// monzil
	if(fname=="link1")
		document.images.flavourImage.src="products/monzilGreenTeaApple.gif";
	else if(fname=="link2")
		document.images.flavourImage.src="products/monzilGreenTeaJasmine.gif";
	else if(fname=="link3")
		document.images.flavourImage.src="products/monzilGreenTeaMint.gif";
	else if(fname=="link4")
		document.images.flavourImage.src="products/monzilGreenTeaStrongCup.gif";
	else if(fname=="link5")
		document.images.flavourImage.src="products/monzilBlackTeaMint.gif";
	else if(fname=="link6")
		document.images.flavourImage.src="products/monzilBlackTeaLemon.gif";
	else if(fname=="link7")
		document.images.flavourImage.src="products/monzilBlackTeaEarlGray.gif";
	else if(fname=="link8")
		document.images.flavourImage.src="products/monzilBlackTeaStrongCup.gif";
	else if(fname=="link9")
		document.images.flavourImage.src="products/monzilGreenTeaYHMango.gif";
	else if(fname=="link10")
		document.images.flavourImage.src="products/monzilGreenTeaYoungHyson.gif";
	else if(fname=="link11")
		document.images.flavourImage.src="products/monzilBlackTeaStrongPekoe.gif";
	else if(fname=="link12")
		document.images.flavourImage.src="products/monzilBlackTeaStrongBop.gif";
	else if(fname=="link13")
		document.images.flavourImage.src="products/monzilBlackTeaStrongFbop.gif";
	else if(fname=="link14")
		document.images.flavourImage.src="products/monzilBlackTeaStrongOpa.gif";
	else if(fname=="link15")
		document.images.flavourImage.src="products/monzilBlackTeaEarlGrayPacket.gif";
		
	// Giant Tea
	else if(fname=="link21")
		document.images.flavourImageGiant.src="products/giantTea.gif";
	else if(fname=="link22")
		document.images.flavourImageGiant.src="products/giantTeaGreenTea.gif";
		
	// kenton
	else if(fname=="link31")
		document.images.flavourImageKenton.src="products/kentonPureCeylonTea.gif";
	else if(fname=="link32")
		document.images.flavourImageKenton.src="products/kentonPotOrCup.gif";
	else if(fname=="link33")
		document.images.flavourImageKenton.src="products/kentonRoyalFascinate.gif";
		
	// helmar
	else if(fname=="link41")
		document.images.flavourImageHelmar.src="products/helmarGreenTea.gif";
	else if(fname=="link42")
		document.images.flavourImageHelmar.src="products/helmarBlackTea.gif";
	else if(fname=="link43")
		document.images.flavourImageHelmar.src="products/helmarFBOP.gif";
	else if(fname=="link44")
		document.images.flavourImageHelmar.src="products/helmarBOP.gif";
	else if(fname=="link45")
		document.images.flavourImageHelmar.src="products/helmarOP.gif";
	else if(fname=="link46")
		document.images.flavourImageHelmar.src="products/helmarOPA.gif";
		
	// parliament
	else if(fname=="link51")
		document.images.flavourImageParliament.src="products/parliamentBlackTeaLemon.gif";
	else if(fname=="link52")
		document.images.flavourImageParliament.src="products/parliamentGreenTeaLemon.gif";
		
	// helmar Bags
	else if(fname=="link61")
		document.images.flavourImageHelmarBags.src="products/helmarTeaBags01.gif";
	else if(fname=="link62")
		document.images.flavourImageHelmarBags.src="products/helmarTeaBags02.gif";
	else if(fname=="link63")
		document.images.flavourImageHelmarBags.src="products/helmarTeaBags03.gif";
	else if(fname=="link64")
		document.images.flavourImageHelmarBags.src="products/helmarTeaBags04.gif";
	else if(fname=="link65")
		document.images.flavourImageHelmarBags.src="products/helmarTeaBags05.gif";
	else if(fname=="link66")
		document.images.flavourImageHelmarBags.src="products/helmarTeaBagsPotOrCup.gif";
	

}


var loadedImage = null;
function loadImage(spanID,rowNumber,position)
{
	if (loadedImage==null)
	document.getElementById("teaVarieties").style.visibility="visible";
	showImage(spanID,rowNumber,position);
	this.loadedImage=spanID;
}

function showImage(spanID,rowNumber,position)
{
	//var arrowTopPosition = (rowNumber==1)?"-230px":"-207px";
	var arrowTopPosition = rowNumber+"px";
	var arrowLeftPosition=position+"px";
	var image = "images/"+spanID+".jpg";
	document.getElementById("mainImage").src=""; //
	document.getElementById("teaVarieties").style.top=arrowTopPosition;
	document.getElementById("arrow").style.left=arrowLeftPosition;
	document.getElementById("mainImage").src=image;
}
function closeImage()
{
	this.loadedImage=null;
	document.getElementById("teaVarieties").style.visibility="hidden";
}