function SetInitialStyle()
{
	styleId=QSHandler("sid");
	var hiddenStyleId = document.getElementById("hiddenStyleId");
	var hiddenSizeId = document.getElementById("hiddenSizeId");
	var hiddenQuantity = document.getElementById("hiddenQuantity");
	//alert("styleId="+hiddenStyleId.value+"SizeId="+hiddenSizeId.value+"Quantity="+hiddenQuantity.value+"<END");
	
	if(!isNaN(styleId) && styleId>0)
	{
		ChangeStyle(styleId)
	}
}
function ChangeStyleByDdl()
{	
	//called when color changed from drop down menu
	var ddlStyles = document.getElementById("ddlStyles");	
	var selStyleId = ddlStyles.options[ddlStyles.selectedIndex].value;
	if(!isNaN(selStyleId))
	{
		ChangeStyle(selStyleId);
	}	
}

function ChangeStyle(styleId)
{
	if(stylesMArray.length<=0)
		return;
	for(i=0;i<stylesMArray.length;i++)
	{
		if(stylesMArray[i][0]==styleId)
		{
			var mainImage = stylesMArray[i][8];
			if(mainImage!="")
			{
				document.getElementById("imgMain").src = mainImage;
			}
			
			var lblAttributesContainer = document.getElementById("lblAttributesContainer");
			lblAttributesContainer.innerHTML = "";
			
			var newItem = stylesMArray[i][3];
			var hotItem = stylesMArray[i][4];
			var exclusiveItem = stylesMArray[i][5];			
			var finalSale = stylesMArray[i][7];
			var onSale = stylesMArray[i][6];
			var price = stylesMArray[i][1];
			var salePrice = stylesMArray[i][2];
			
			if(newItem=="Y")
			{
				if(lblAttributesContainer.innerHTML=="")
					lblAttributesContainer.innerHTML = '<img id="imgNew" src="img/attr_new.gif">';
				else
					lblAttributesContainer.innerHTML += ' '+'<img id="imgNew" src="img/attr_new.gif">';
			}
			if(hotItem=="Y")
			{
				if(lblAttributesContainer.innerHTML=="")
					lblAttributesContainer.innerHTML = '<img id="imgHot" src="img/attr_hot.gif">';
				else
					lblAttributesContainer.innerHTML += ' '+'<img id="imgHot" src="img/attr_hot.gif">';
			}
			if(exclusiveItem=="Y")
			{
				if(lblAttributesContainer.innerHTML=="")
					lblAttributesContainer.innerHTML = '<img id="imgExclusive" src="img/attr_exclusive.gif">';
				else
					lblAttributesContainer.innerHTML += ' '+'<img id="imgExclusive" src="img/attr_exclusive.gif">';	
			}
			if(onSale=="Y" && salePrice<price)
			{
				if(lblAttributesContainer.innerHTML=="")
					lblAttributesContainer.innerHTML = '<img id="imgOnSale" src="img/attr_onsale.gif">';
				else
					lblAttributesContainer.innerHTML += ' '+'<img id="imgOnSale" src="img/attr_onsale.gif">';	
			}
			//if any attributes inserted, add a break before product name
			if(lblAttributesContainer.innerHTML!="")
				lblAttributesContainer.innerHTML += '<br><img src="img/generic_empty_1px.gif" width="1" height="5"><br>';
			
			//price			
			if(onSale=="Y" && salePrice<price)
			{	
				var priceString = "<span class=priceBigSale>Was:&nbsp;</span>";
				priceString += "<span class=priceBigSaleCrossed>$"+price.toFixed(2)+"</span><span class=priceBigSale>&nbsp;USD</span>";
				priceString += "<br><span class=priceBig>Now:&nbsp$"+salePrice.toFixed(2)+" USD</span>";
				document.getElementById("lblPrice").innerHTML=priceString;
			}
			else
			{
				var priceString = "<span class=priceBig>Price:&nbsp$"+price.toFixed(2)+" USD</span>";
				document.getElementById("lblPrice").innerHTML=priceString;
			}
			//email friend
			document.getElementById("linkEmailFriend").href = stylesMArray[i][13];
			
			//short and long descriptions
			if(shortDescMArray[i] && shortDescMArray[i]!="")
			{
				document.getElementById("lblShortDescription").innerHTML=shortDescMArray[i];
			}
			var longDescExists=stylesMArray[i][12];
			if(longDescExists=="N")
			{
				HideDiv("pnlMoreInformationContainer");
			}
			else
			{
				ShowDiv("pnlMoreInformationContainer");
				document.getElementById("linkMoreInformation").href = "JavaScript: showPopup('popups/MoreInformation.aspx?sid="+styleId+"','420','320');";
			}
			//note
			if(productConsumerNoteMArray[i]==null && styleConsumerNoteMArray[i]==null)
			{
				HideDiv("pnlNotesContainer");
			}
			else if(productConsumerNoteMArray[i]=="" && styleConsumerNoteMArray[i]=="")
			{
				HideDiv("pnlNotesContainer");
			}
			else
			{
				var productConsumerNote=productConsumerNoteMArray[i];
				var styleConsumerNote=styleConsumerNoteMArray[i];
				var note = styleConsumerNote;
				if(productConsumerNote!="")
				{
					if(styleConsumerNote!="")
						note += "<br>"+productConsumerNote;
					else
						note += productConsumerNote;
				}
				if(note!="")
				{
					document.getElementById("lblNotes").innerHTML=note;
					ShowDiv("pnlNotesContainer");
				}
			}
			//images
			var largeExists = stylesMArray[i][9];
			if(largeExists=="Y")
			{
				ShowDiv("tdLargeView");
				document.getElementById("tdLargeView").innerHTML = "[+]&nbsp;<A id='linkLargeView' href='#'>View Larger</A>";
				document.getElementById("linkLargeView").href = "JavaScript: showPopup('popups/LargeImage.aspx?sid="+styleId+"','496','630');";
			}
			else
			{
				HideDiv("tdLargeView");
			}
			var angleActive = stylesMArray[i][10];
			if(angleActive=="Y")
			{
				ShowDiv("tdAngleView");
				document.getElementById("tdAngleView").innerHTML = "[X]&nbsp;<A id='linkAngleView' href='#'>Angle View</A>";
				document.getElementById("linkAngleView").href = "JavaScript: showPopup('popups/AngleView.aspx?sid="+styleId+"','480','555');";
			}
			else
			{
				HideDiv("tdAngleView");
			}
			var zoomPanActive = stylesMArray[i][11];
			if(zoomPanActive=="Y")
			{
				ShowDiv("tdZoomPanView");
				document.getElementById("tdZoomPanView").innerHTML = "[*]&nbsp;<A id='linkZoomPan' href='#'>Zoom View</A>";
				document.getElementById("linkZoomPan").href = "JavaScript: showPopup('popups/AngleView.aspx?sid="+styleId+"','480','555');";
			}
			else
			{
				HideDiv("tdZoomPanView");
			}
			
			var finalSale = stylesMArray[i][7];
			if(finalSale=="Y")
			{
				ShowDiv("lblFinalSale");
				document.getElementById("lblFinalSale").innerHTML = "&nbsp;Final Sale, non returnable&nbsp;";
			}
			else
				HideDiv("lblFinalSale");				
			
			
			//color ddl
			var ddlStyles = document.getElementById("ddlStyles");
			for(i=0;i<ddlStyles.length;i++)
			{
				if(ddlStyles.options[i].value == styleId)
				{
					ddlStyles.options[i].selected=true;
					ChangeSizes()
					break;
				}
			}
			break;
		}
	}
	
}

function ChangeSizes()
{
	var ddlStyles = document.getElementById("ddlStyles");
	var ddlSizes = document.getElementById("ddlSizes");
	var ddlQuantity = document.getElementById("ddlQuantity");
	
	var hiddenStyleId = document.getElementById("hiddenStyleId");
	var hiddenSizeId = document.getElementById("hiddenSizeId");
	var hiddenQuantity = document.getElementById("hiddenQuantity");
	
	var selStyleId = ddlStyles.options[ddlStyles.selectedIndex].value;
	if(!isNaN(selStyleId))
	{
		hiddenStyleId.value=selStyleId;
		hiddenSizeId.value="";
		hiddenQuantity.value="";
		var selStyleIndex = ddlStyles.selectedIndex;
		
		//clear all sizes, and quantities
		ddlSizes.options.length = 0;
		ddlQuantity.options.length = 0;
		
		ddlSizes.options.length = 0;
		var opt = new Option("Select Size", "none", true, false);	//(text,value,defaultSelected,selected);
		ddlSizes.options[ddlSizes.options.length] = opt;
		
		//populate ddlSizes
		for(i=0;i<stylesMArray.length;i++)
		{
			if(stylesMArray[i][0]==selStyleId)
			{
				for(j=0;j<sizesMArray[i].length;j++)
				{
					sOpt = new Option(sizesMArray[i][j],sizeIdMArray[i][j],false);
					ddlSizes.options[ddlSizes.options.length] = sOpt;
				}
				break;
			}
		}
		
	}
	else
	{
		ddlSizes.options.length = 0;
		ddlQuantity.options.length = 0;
		
		hiddenStyleId.value="";
		hiddenSizeId.value="";
		hiddenQuantity.value="";
	}
}


function ChangeQuantities()
{
	var ddlStyles = document.getElementById("ddlStyles");
	
	var selStyleId = ddlStyles.options[ddlStyles.selectedIndex].value;
	if(isNaN(selStyleId))
		return;
	if(selStyleId && ddlStyles.selectedIndex>0)
	{	
		var selStyleIndex = ddlStyles.selectedIndex;
		var ddlSizes = document.getElementById("ddlSizes");
		var selSizeId = ddlSizes.options[ddlSizes.selectedIndex].value;
		var selSizeIndex = ddlSizes.selectedIndex;
		var ddlQuantity = document.getElementById("ddlQuantity");
		
		var hiddenStyleId = document.getElementById("hiddenStyleId");
		var hiddenSizeId = document.getElementById("hiddenSizeId");
		var hiddenQuantity = document.getElementById("hiddenQuantity");
		hiddenSizeId.value=selSizeId;
		hiddenQuantity.value="";
		
		//clear all quantities
		ddlQuantity.options.length = 0;
		if(isNaN(selSizeId))
			return;
			
		//populate ddlQuantity
		for(i=0;i<stylesMArray.length;i++)
		{
			if(stylesMArray[i][0]==selStyleId)
			{
				for(j=0;j<sizesMArray[i].length;j++)
				{
					if(sizeIdMArray[i][j]==selSizeId)
					{
						var quantity = quantityMArray[i][j];
						if(isNaN(quantity))
						{
							alert('This size is out of stock!\nPlease contact customer service.');
							retutn;
						}
						for(q=1;q<=quantity;q++)
						{
							qOpt = new Option(q,q,false);
							ddlQuantity.options[ddlQuantity.options.length] = qOpt;
						}
						break;
					}					
				}
				break;
			}
		}
		
		SetHiddenQuantity();		
	}
}

function SetHiddenQuantity()
{
	var hiddenQuantity = document.getElementById("hiddenQuantity");
	var ddlQuantity = document.getElementById("ddlQuantity");
	var selQuantity = ddlQuantity.options[ddlQuantity.selectedIndex].value;
	if(!isNaN(selQuantity))
	{
		hiddenQuantity.value=selQuantity;
	}
	else
		hiddenQuantity.value="";
}

function ValidateItem()
{
	//checks if everything selected right for adding to cart
	var ddlStyles = document.getElementById("ddlStyles");
	var ddlSizes = document.getElementById("ddlSizes");
	var ddlQuantity = document.getElementById("ddlQuantity");
	var valid=false;
	if(isNaN(ddlStyles.options[ddlStyles.selectedIndex].value))
	{
		alert('Color not selected!');
	}
	else if(isNaN(ddlSizes.options[ddlSizes.selectedIndex].value))
	{
		alert('Size not selected!');
	}
	else if(isNaN(ddlQuantity.options[ddlQuantity.selectedIndex].value))
	{
		alert('Quantity not selected!');
	}
	else
	{
		valid = true;
	}
	
	return valid;
}

function QSHandler(qsVarName) {
	//returns a value of a QS Var
	var qs = location.search.substr(1).split("&");
	qsVarValue=-1;
	for(var i = 0; i < qs.length; i++) 
	{
		if(qs[i].split("=")[0]==qsVarName)
	  	{
	  		qsVarValue=qs[i].split("=")[1];
	  		break;
	  	}
	}
	return qsVarValue;
}

function HideDiv(id) {
	//safe function to hide an element with a specified id

	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function ShowDiv(id) {
	//safe function to show an element with a specified id

	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}










/*----------------------- OLD SCRIPT 
function startUp()
{
	var StylesDropDown = document.getElementById("StylesDropDown");
	var opt = new Option("Select Color", "Select Color", true, false);
	StylesDropDown.options[StylesDropDown.options.length] = opt;
	for(i=0;i<styles.length;i++)
	{
		//ProductStyleID, Color, LargeImage, HugeImage
		var tempString = styles[i];
		parts = tempString.split("<>");
		opt = new Option(parts[1],parts[0],false,false); 
		StylesDropDown.options[StylesDropDown.options.length] = opt;
	}
	CheckStyle();
	LoadSizeChart();
}
var lonestyle = "";
function CheckStyle()
{
	var location = window.location.href;
	if(lonestyle.length > 0)
		swap(lonestyle);
	if(location.indexOf("psid=") > -1)
	{
		var styleID = "";
		var psid = location.indexOf("psid=") + 5;
		var amp = location.indexOf("&",psid);
		if(amp > -1)
			styleID = location.substr(psid,psid-amp);
		else
			styleID = location.substr(psid);
		swap(styleID);
	}
}

function LoadSizeChart()
{
	var ViewAllLink = document.getElementById("ViewAllLink");
	var URL = ViewAllLink.href;
	//var URL = window.location.href;
	var SizeChartLink = document.getElementById("SizeChartLink");
	//href="JavaScript: showPopup('popups/sizechart_man.htm','420','545');"
	//cats: 50, 79, 97 = Footwear;men: g=2;women: g=3;
	if(URL.indexOf("g=2") > -1)
		SizeChartLink.href = "JavaScript: showPopup('popups/sizechart_man.htm','420','545');";
	if(URL.indexOf("g=3") > -1)
		SizeChartLink.href = "JavaScript: showPopup('popups/sizechart_woman.htm','480','460');";
	if(URL.indexOf("cat=50") > -1 || URL.indexOf("cat=79") > -1 || URL.indexOf("cat=97") > -1)
		SizeChartLink.href = "JavaScript: showPopup('popups/sizechart_shoes.htm','420','450');";
}

function swap(ProdStyleID)
{
	if(ProdStyleID != "Select Color")
	{
		//styles array: ProductStyleID, Color, LargeImage, HugeImage
		var color, largeImage, hugeImage = "";
		var StylesDropDown = document.getElementById("StylesDropDown");
		for(i=0;i<styles.length;i++)
		{
			var tempString = styles[i];
			parts = tempString.split("<>");
			if(parts[0] == ProdStyleID)
			{
				color = parts[1];
				largeImage = parts[2];
				hugeImage = parts[3];
			}
		}
		for(j=0;j<StylesDropDown.options.length;j++)
		{
			if(StylesDropDown.options[j].value == ProdStyleID)
			{
				StylesDropDown.options[j].selected = true;
			}
		}
		document.getElementById("MainImage").src = largeImage;
		document.getElementById("ViewLargerMessage").style.visibility = "hidden";
		if(hugeImage.indexOf("noHuge.gif") == -1)
		{
			document.getElementById("ViewLargerPanel").style.visibility = "visible";
			document.getElementById("ViewLarger").href = "JavaScript: showPopup('popups/largeImg.aspx?img=" + hugeImage + "','496','625');";
		}
		else
		{
			document.getElementById("ViewLargerPanel").style.visibility = "hidden";
		}
		PopulateSizes(ProdStyleID);
	}
	else
	{
		ClearSizes();
		document.getElementById("ViewLargerMessage").style.visibility = "visible";
		document.getElementById("ViewLargerPanel").style.visibility = "hidden";
	}
}

function PopulateSizes(ProdStyleID)
{
	//sizes array: ProductStyleID, SizeID, SizeName
	ClearSizes();
	var sortedSizes = SortSizes(ProdStyleID);
	var SizesDropDown = document.getElementById("SizesDropDown");
	for(i=0;i<sortedSizes.length;i++)
	{
		var tempString = sortedSizes[i];
		parts = tempString.split("<>");
		if(parts[0] == ProdStyleID)
		{
			opt = new Option(parts[2],parts[1],false,false); 
			SizesDropDown.options[SizesDropDown.options.length] = opt;
		}
	}
}

function SortSizes(ProdStyleID)
{
	//sizes array: ProductStyleID, SizeID, SizeName - ex.: '4675<>47<>10'
	var sizesForStyle = new Array();
	//copy relevant elements into a holder array
	var counter = 0;
	for(q=0;q<sizes.length;q++)
	{
		var prodStyle = sizes[q].substr(0,sizes[q].indexOf("<"));
		if(prodStyle == ProdStyleID)
		{
			sizesForStyle[counter] = sizes[q];
			counter++;
		}
	}
	//sort the holder array
	var holder, AsizeSortOrder, BsizeSortOrder;
	for(j=0;j<sizesForStyle.length;j++)
	{
		for(i=0;i<sizesForStyle.length-1;i++)
		{
			
			var AsizeStartsAt = sizesForStyle[i].lastIndexOf(">") + 1;
			var AsizeName = sizesForStyle[i].substr(AsizeStartsAt);
			var AnumSizeName = parseFloat(AsizeName);
			//
			var BsizeStartsAt = sizesForStyle[i+1].lastIndexOf(">") + 1;
			var BsizeName = sizesForStyle[i+1].substr(BsizeStartsAt);
			var BnumSizeName = parseFloat(BsizeName);
			//
			if(!isNaN(AnumSizeName) && !isNaN(BnumSizeName))
			{
				AsizeSortOrder = AnumSizeName;
				BsizeSortOrder = BnumSizeName;
			}
			else
			{
				//text sorting policy here
				AsizeName = AsizeName.toLowerCase();
				BsizeName = BsizeName.toLowerCase();
				if(BsizeName.indexOf("xxxs") == 0 || BsizeName.indexOf("xxx-s") == 0)
				{
					//xxx-small
					BsizeSortOrder = 10001;
				}
				if(AsizeName.indexOf("xxxs") == 0 || AsizeName.indexOf("xxx-s") == 0)
				{
					//xxx-small
					AsizeSortOrder = 10001;
				}
				if(BsizeName.indexOf("xxs") == 0 || BsizeName.indexOf("xx-s") == 0)
				{
					//xx-small
					BsizeSortOrder = 10002;
				}
				if(AsizeName.indexOf("xxs") == 0 || AsizeName.indexOf("xx-s") == 0)
				{
					//xx-small
					AsizeSortOrder = 10002;
				}
				if(BsizeName.indexOf("xs") == 0 || BsizeName.indexOf("x-s") == 0)
				{
					//x-small
					BsizeSortOrder = 10003;
				}
				if(AsizeName.indexOf("xs") == 0 || AsizeName.indexOf("x-s") == 0)
				{
					//x-small
					AsizeSortOrder = 10003;
				}
				if(BsizeName.indexOf("s") == 0)
				{
					//small
					BsizeSortOrder = 10004;
				}
				if(AsizeName.indexOf("s") == 0)
				{
					//small
					AsizeSortOrder = 10004;
				}
				if(BsizeName.indexOf("m") == 0)
				{
					//medium
					BsizeSortOrder = 10005;
				}
				if(AsizeName.indexOf("m") == 0)
				{
					//medium
					AsizeSortOrder = 10005;
				}
				if(BsizeName.indexOf("l") == 0)
				{
					//large
					BsizeSortOrder = 10006;
				}
				if(AsizeName.indexOf("l") == 0)
				{
					//large
					AsizeSortOrder = 10006;
				}
				if(BsizeName.indexOf("xl") == 0 || BsizeName.indexOf("x-l") == 0)
				{
					//x-large
					BsizeSortOrder = 10007;
				}
				if(AsizeName.indexOf("xl") == 0 || AsizeName.indexOf("x-l") == 0)
				{
					//x-large
					AsizeSortOrder = 10007;
				}
				if(BsizeName.indexOf("xxl") == 0 || BsizeName.indexOf("xx-l") == 0)
				{
					//xx-large
					BsizeSortOrder = 10008;
				}
				if(AsizeName.indexOf("xxl") == 0 || AsizeName.indexOf("xx-l") == 0)
				{
					//xx-large
					AsizeSortOrder = 10008;
				}
				if(BsizeName.indexOf("xxxl") == 0 || BsizeName.indexOf("xxx-l") == 0)
				{
					//xxx-large
					BsizeSortOrder = 10009;
				}
				if(AsizeName.indexOf("xxxl") == 0 || AsizeName.indexOf("xxx-l") == 0)
				{
					//xxx-large
					AsizeSortOrder = 10009;
				}
				if(BsizeName.indexOf("xxxxl") == 0 || BsizeName.indexOf("xxxx-l") == 0)
				{
					//xxxx-large
					BsizeSortOrder = 10010;
				}
				if(AsizeName.indexOf("xxxxl") == 0 || AsizeName.indexOf("xxxx-l") == 0)
				{
					//xxxx-large
					AsizeSortOrder = 10010;
				}
			}
			if(AsizeSortOrder > BsizeSortOrder)
			{
				//move up
				holder = sizesForStyle[i+1];
				sizesForStyle[i+1] = sizesForStyle[i];
				sizesForStyle[i] = holder;
			}
		}
	}
	return sizesForStyle;
}

function ClearSizes()
{
	var SizesDropDown = document.getElementById("SizesDropDown");
	SizesDropDown.options.length = 0;
	var opt = new Option("Select Size", "Select Size", true, false);
	SizesDropDown.options[SizesDropDown.options.length] = opt;
}

function validate()
{
	var SizesDropDown = document.getElementById("SizesDropDown");
	var StylesDropDown = document.getElementById("StylesDropDown");
	var StyleError = document.getElementById("StyleError");
	var SizeError = document.getElementById("SizeError");
	var error = false;
	if(StylesDropDown.options[0].selected)
	{
		StyleError.style.display = "block";
		error = true;
	}
	else
	{
		StyleError.style.display = "none";
		error = false;
	}
	if(SizesDropDown.options[0].selected)
	{
		SizeError.style.display = "block";
		error = true;
	}
	else
	{
		SizeError.style.display = "none";
		error = false;
	}
	if(error)
		return false;
	else
	{
		var SizeHidden = document.getElementById("SizeHidden");
		var StyleHidden = document.getElementById("StyleHidden");
		var SizesDropDown = document.getElementById("SizesDropDown");
		var StylesDropDown = document.getElementById("StylesDropDown");
		for(i=0;i<StylesDropDown.options.length;i++)
		{
			if(StylesDropDown.options[i].selected)
			{
				StyleHidden.value = StylesDropDown.options[i].value;
			}
		}
		for(i=0;i<SizesDropDown.options.length;i++)
		{
			if(SizesDropDown.options[i].selected)
			{
				SizeHidden.value = SizesDropDown.options[i].value;
			}
		}
		return true;
	}
}*/