function Browser() 
{ 
	var ua, s, i; 
	this.isIE = false;
	this.isNS = false;
	this.version = null;

	ua = navigator.userAgent;

	s = "MSIE";
	
	if ((i = ua.indexOf(s)) >= 0) 
	{
		this.isIE = true;
		this.version = parseFloat(ua.substr(i + s.length));
		return;
	}
 
	s = "Netscape6/";
	if ((i = ua.indexOf(s)) >= 0) 
	{
		this.isNS = true;
		this.version = parseFloat(ua.substr(i + s.length));
		return;
	}
 
	// Treat any other "Gecko" browser as NS 6.1.
 
	s = "Gecko";
	if ((i = ua.indexOf(s)) >= 0) 
	{
		this.isNS = true;
		this.version = 6.1;
		return;
	}
}

var browser = new Browser();

function toggleImage(element, image)
{
	var iElement = document.getElementById(element);
	iElement.src = image;
}

var boolAllowRollover = true;
function setAllowRollover(allow)
{
	boolAllowRollover = allow;
}

function showNumberRoll(number, show, top)
{
	if (boolAllowRollover)
	{
		var eNumber = document.getElementById("NumbersRollover" + number);
		var eContent = document.getElementById("Content");
		
		grayOutLeft(show);
	
		if (show)
		{
			opacity("Content", 100, 0, 500);
			
			eNumber.style.display = "block";
			eNumber.style.top = top + "px";
			opacity("NumbersRollover" + number, 0, 100, 500);
		}
	}
}

function showNumberRollAll(itemCount, show, arrItemsTop)
{
	var eContent = document.getElementById("Content");
	
	grayOutLeft(show);
	
	for (var i=1; i<=itemCount; i++)
	{
		var eNumber = document.getElementById("NumbersRollover" + i);

		if (show)
		{
			opacity("Content", 100, 0, 500);

			eNumber.style.display = "block";
			eNumber.style.top = arrItemsTop[i-1] + "px";
			opacity("NumbersRollover" + i, 0, 100, 500);
		}
		else
		{
			opacity("Content", 0, 100, 500);
			eNumber.style.display = "none";
			opacity("NumbersRollover" + i, 100, 0, 500);
		}
	}	
	
	if (show)
	{
		eContent.style.visibility = "hidden";
	}
	else
	{
		eContent.style.visibility = "visible";
		boolAllowRollover = false;
		setTimeout('setAllowRollover(true)', 500);
	}
}

function showDirections(show)
{
	var eDirections = document.getElementById("Directions");
	var eContent = document.getElementById("Content");
	
	grayOutLeft(show);

	if (show)
	{
		if (boolAllowRollover)
		{
			opacity("Content", 100, 0, 500);
	
			eDirections.style.display = "block";
			eDirections.style.top = "-60px";
			eDirections.style.left = "-23px";
			opacity("Directions", 0, 100, 500);
		}
	}
	else
	{
		opacity("Content", 0, 100, 500);
		eDirections.style.display = "none";
		opacity("Directions", 1000, 0, 500);
	}

	if (!show)
	{
		boolAllowRollover = false;
		setTimeout('setAllowRollover(true)', 500);
	}
}

function grayOutLeft(show)
{
	var eGrayOut = document.getElementById("GrayOutLeft");
	var strGrayOut = "GrayOutLeft";
	if (eGrayOut == null)
	{
		eGrayOut = document.getElementById("GrayOutLeftProducts");
		strGrayOut = "GrayOutLeftProducts";
	}
	
	if (show)
	{
		eGrayOut.style.visibility = "visible";
		eGrayOut.style.display = "block";
	}
	else
	{
		eGrayOut.style.visibility = "hidden";
		eGrayOut.style.display = "none";
	}
}

function toggleProdImage(id)
{
	var imageElement = document.getElementById(id);
	
	if (imageElement.src.indexOf("_off") > -1)
	{
		imageElement.src = "images/" + id + ".png";
	}
	else
	{
		imageElement.src = "images/" + id + "_off.png"; 
	}
}

function toggleProdTitle(id, show)
{
	var imageElement = document.getElementById(id);
	
	if (show)
	{
		imageElement.src = "images/" + id + ".png";
	}
	else
	{
		imageElement.src = "images/" + id + "_off.png"; 
	}
}

function toggleTeaTypeOff(id)
{
	var imageElement = document.getElementById(id);
	imageElement.src = "images/" + id + "_off.png"; 
}

function toggleTeaTypeOn(id)
{
	var imageElement = document.getElementById(id);
	imageElement.src = "images/" + id + ".png"; 
}

function showTeaByType(type, product, show)
{
	var arrImagesOff = new Array();
	var arrImagesOn = new Array();
	
	if (show)
	{
		switch(type)
		{
			case "black":
				
				switch(product)
				{
					case "ineeka":
						arrImagesOff.push("imgIneekaGroup1");
						arrImagesOff.push("imgIneekaGroup2");
						arrImagesOff.push("imgIneekaGroup3");
						arrImagesOff.push("imgIneekaGroup5");
						
						arrImagesOn.push("imgIneekaGroup4");
						arrImagesOn.push("imgIneekaGroup6");
						arrImagesOn.push("imgIneekaGroup7");
						break;
						
					case "premium":
						arrImagesOff.push("imgIcedGroup1");
						arrImagesOff.push("imgIcedGroup2");
						arrImagesOff.push("imgIcedGroup3");
						arrImagesOff.push("imgIcedGroup5");
						arrImagesOff.push("imgIcedGroup6");
						arrImagesOff.push("imgIcedGroup7");
						
						arrImagesOn.push("imgIcedGroup4");
						break;
						
					case "treleela":
						arrImagesOff.push("imgTreleelaGroup1");
						arrImagesOff.push("imgTreleelaGroup2");
						arrImagesOff.push("imgTreleelaGroup3");
						arrImagesOff.push("imgTreleelaGroup4");
						arrImagesOff.push("imgTreleelaGroup6");
						
						arrImagesOn.push("imgTreleelaGroup5");
						arrImagesOn.push("imgTreleelaGroup7");
						break;
				}
				
				break;
				
			case "green":
				
				switch(product)
				{
					case "ineeka":
						arrImagesOff.push("imgIneekaGroup1");
						arrImagesOff.push("imgIneekaGroup4");
						arrImagesOff.push("imgIneekaGroup5");
						arrImagesOff.push("imgIneekaGroup6");
						arrImagesOff.push("imgIneekaGroup7");
						
						arrImagesOn.push("imgIneekaGroup2");
						arrImagesOn.push("imgIneekaGroup3");
						break;
						
					case "premium":
						arrImagesOff.push("imgIcedGroup1");
						arrImagesOff.push("imgIcedGroup3");
						arrImagesOff.push("imgIcedGroup4");
						arrImagesOff.push("imgIcedGroup6");
						arrImagesOff.push("imgIcedGroup7");
						
						arrImagesOn.push("imgIcedGroup2");
						arrImagesOn.push("imgIcedGroup5");
						break;
						
					case "treleela":
						arrImagesOff.push("imgTreleelaGroup1");
						arrImagesOff.push("imgTreleelaGroup3");
						arrImagesOff.push("imgTreleelaGroup4");
						arrImagesOff.push("imgTreleelaGroup5");
						arrImagesOff.push("imgTreleelaGroup7");
						
						arrImagesOn.push("imgTreleelaGroup2");
						arrImagesOn.push("imgTreleelaGroup6");
						break;
				}
				
				break;
				
			case "white":
				
				switch(product)
				{
					case "ineeka":
						arrImagesOff.push("imgIneekaGroup1");
						arrImagesOff.push("imgIneekaGroup2");
						arrImagesOff.push("imgIneekaGroup3");
						arrImagesOff.push("imgIneekaGroup4");
						arrImagesOff.push("imgIneekaGroup5");
						arrImagesOff.push("imgIneekaGroup6");
						arrImagesOff.push("imgIneekaGroup7");
						break;
						
					case "premium":
						arrImagesOff.push("imgIcedGroup1");
						arrImagesOff.push("imgIcedGroup2");
						arrImagesOff.push("imgIcedGroup3");
						arrImagesOff.push("imgIcedGroup4");
						arrImagesOff.push("imgIcedGroup5");
						arrImagesOff.push("imgIcedGroup7");
						
						arrImagesOn.push("imgIcedGroup6");
						break;
						
					case "treleela":
						arrImagesOff.push("imgTreleelaGroup1");
						arrImagesOff.push("imgTreleelaGroup2");
						arrImagesOff.push("imgTreleelaGroup3");
						arrImagesOff.push("imgTreleelaGroup5");
						arrImagesOff.push("imgTreleelaGroup6");
						arrImagesOff.push("imgTreleelaGroup7");
						
						arrImagesOn.push("imgTreleelaGroup4");
						break;
				}
				
				break;
				
			case "herbal":
				
				switch(product)
				{
					case "ineeka":
						arrImagesOff.push("imgIneekaGroup2");
						arrImagesOff.push("imgIneekaGroup3");
						arrImagesOff.push("imgIneekaGroup4");
						arrImagesOff.push("imgIneekaGroup6");
						arrImagesOff.push("imgIneekaGroup7");
						
						arrImagesOn.push("imgIneekaGroup1");
						arrImagesOn.push("imgIneekaGroup5");
						break;
						
					case "premium":
						arrImagesOff.push("imgIcedGroup2");
						arrImagesOff.push("imgIcedGroup4");
						arrImagesOff.push("imgIcedGroup5");
						arrImagesOff.push("imgIcedGroup6");
						
						arrImagesOn.push("imgIcedGroup1");
						arrImagesOn.push("imgIcedGroup3");
						arrImagesOn.push("imgIcedGroup7");
						break;
						
					case "treleela":
						arrImagesOff.push("imgTreleelaGroup2");
						arrImagesOff.push("imgTreleelaGroup4");
						arrImagesOff.push("imgTreleelaGroup5");
						arrImagesOff.push("imgTreleelaGroup6");
						arrImagesOff.push("imgTreleelaGroup7");
						
						arrImagesOn.push("imgTreleelaGroup1");
						arrImagesOn.push("imgTreleelaGroup3");
						break;
				}
				
				break;
		}
		
		for (var i=0; i<arrImagesOff.length; i++)
		{
			toggleTeaTypeOff(arrImagesOff[i]);
		}
		
		for (var i=0; i<arrImagesOn.length; i++)
		{
			toggleTeaTypeOn(arrImagesOn[i]);
		}
	}
	else
	{
		var strProduct = "";
		switch(product)
		{
			case "ineeka":
				strProduct = "Ineeka";
				break;
				
			case "premium":
				strProduct = "Iced";
				break;
				
			case "treleela":
				strProduct = "Treleela";
				break;
		}
		
		for (var i=1; i<=7; i++)
		{
			toggleTeaTypeOn("img" + strProduct + "Group" + [i]);
		}
	}
}

function showTeaTypes(category, type, show)
{
	var arrOff = new Array();
	var strText = "";
	
	switch(category)
	{
		case "Ineeka":
			
			switch(type)
			{
				case "Green":
					strText = "medTextGreen";
					arrOff.push('Ineeka_HimalayanBlack');
					arrOff.push('Ineeka_MaChai');
					arrOff.push('Ineeka_Darjeeling');
					arrOff.push('Ineeka_Mint');
					arrOff.push('Ineeka_Chamomile');
					break;

				case "Black":
					strText = "medTextBlack";
					arrOff.push('Ineeka_HimalayanGreen');
					arrOff.push('Ineeka_GreenLimon');
					arrOff.push('Ineeka_Mint');
					arrOff.push('Ineeka_Chamomile');
					break;

				case "Herbal/Caffeine Free":
					strText = "medTextHerbal";
					arrOff.push('Ineeka_HimalayanGreen');
					arrOff.push('Ineeka_HimalayanBlack');
					arrOff.push('Ineeka_GreenLimon');
					arrOff.push('Ineeka_MaChai');
					arrOff.push('Ineeka_Darjeeling');
					break;
			}
			
			break;

		case "Ineeka Premium Ice Tea":
			
			switch(type)
			{
				case "Green":
					strText = "medTextGreen";
					arrOff.push('Ineeka_PremiumIced_HimalayanBlack');
					arrOff.push('Ineeka_PremiumIced_WhiteLimon');
					arrOff.push('Ineeka_PremiumIced_HibiscusGingerOrange');
					arrOff.push('Ineeka_PremiumIced_SpearmintLavender');
					arrOff.push('Ineeka_PremiumIced_RoseBerry');
					break;

				case "Black":
					strText = "medTextBlack";
					arrOff.push('Ineeka_PremiumIced_HimalayanGreen');
					arrOff.push('Ineeka_PremiumIced_WhiteLimon');
					arrOff.push('Ineeka_PremiumIced_GreenMint');
					arrOff.push('Ineeka_PremiumIced_HibiscusGingerOrange');
					arrOff.push('Ineeka_PremiumIced_SpearmintLavender');
					arrOff.push('Ineeka_PremiumIced_RoseBerry');
					break;

				case "White":
					strText = "medTextWhite";
					arrOff.push('Ineeka_PremiumIced_HimalayanGreen');
					arrOff.push('Ineeka_PremiumIced_HimalayanBlack');
					arrOff.push('Ineeka_PremiumIced_GreenMint');
					arrOff.push('Ineeka_PremiumIced_HibiscusGingerOrange');
					arrOff.push('Ineeka_PremiumIced_SpearmintLavender');
					arrOff.push('Ineeka_PremiumIced_RoseBerry');
					break;

				case "Herbal/Caffeine Free":
					strText = "medTextHerbal";
					arrOff.push('Ineeka_PremiumIced_HimalayanGreen');
					arrOff.push('Ineeka_PremiumIced_HimalayanBlack');
					arrOff.push('Ineeka_PremiumIced_WhiteLimon');
					arrOff.push('Ineeka_PremiumIced_GreenMint');
					break;
			}
			
			break;

		case "Treleela":
			
			switch(type)
			{
				case "Green":
					strText = "medTextGreen";
					arrOff.push('Treleela_Invigorate');
					arrOff.push('Treleela_Flourish');
					arrOff.push('Treleela_Intrigue');
					arrOff.push('Treleela_Charm');
					arrOff.push('Treleela_Captivation');
					break;

				case "Black":
					strText = "medTextBlack";
					arrOff.push('Treleela_Enchant');
					arrOff.push('Treleela_Flourish');
					arrOff.push('Treleela_Visionary');
					arrOff.push('Treleela_Charm');
					arrOff.push('Treleela_Captivation');
					break;

				case "White":
					strText = "medTextWhite";
					arrOff.push('Treleela_Enchant');
					arrOff.push('Treleela_Invigorate');
					arrOff.push('Treleela_Visionary');
					arrOff.push('Treleela_Intrigue');
					arrOff.push('Treleela_Charm');
					arrOff.push('Treleela_Captivation');
					break;

				case "Herbal/Caffeine Free":
					strText = "medTextHerbal";
					arrOff.push('Treleela_Enchant');
					arrOff.push('Treleela_Invigorate');
					arrOff.push('Treleela_Flourish');
					arrOff.push('Treleela_Visionary');
					arrOff.push('Treleela_Intrigue');
					break;
			}
			
			break;
	}
	
	var textElement = document.getElementById(strText);
	if (textElement != null)
	{
		if (show)
		{
			textElement.style.visibility = "hidden";
			textElement.style.display = "none";
		}
		else
		{
			textElement.style.visibility = "visible";
			textElement.style.display = "block";
		}
	}
	
	for (var i=0; i<arrOff.length; i++)
	{
		var element = document.getElementById(arrOff[i]);
		if (element != null)
		{
			if (show)
			{
				element.src = "images/products/" + arrOff[i] + "_med.png";
			}
			else
			{
				element.src = "images/products/" + arrOff[i] + "_med_off.png";
			}
		}
	}
}

function toggleTextClass(id, sClass)
{
	var eText = document.getElementById(id);

	if (eText != null)
	{
		if (browser.isIE)
		{
			eText.setAttribute("className", sClass);
		}
		else
		{
			eText.setAttribute("class", sClass);
		}
	}
}

function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}

function popWindow(url)
{
	var newWindow = window.open(url, "Ineeka", "width=470, height=400, scrollbars=1");
	if (window.focus) 
	{ 
		newWindow.focus();
	}
}

function openNewWindow(URLtoOpen, windowName, windowFeatures) 
{
  	var newWindow = window.open(URLtoOpen, windowName, windowFeatures);
	if (window.focus) 
	{ 
		newWindow.focus();
	}
}