var styleProducts = new Array();
var styleDescriptions = new Array();

function displayInventoryStatusMessage(fieldNameSuffix, message)
{
	var elem = document.getElementById("inventoryStatusMessage" + fieldNameSuffix);
	elem.innerHTML = message;

}

function thumbOnClick(frmName, imageIndex)
{
	var frm = document.forms[frmName];
  document.ProductImage.src = "/images/catalog/detail/" + thumbs[imageIndex];
  var link = document.getElementById('LargeImageLink').href;
  document.getElementById('LargeImageLink').href = link.substring(0,link.indexOf('img=') + 4) + "/images/catalog/large/" + thumbs[imageIndex] + "',320,520)";
}

function styleOnChange(frmName, fieldNameSuffix, itemEdp, level, levelCount, showPrice)
{
	var frm = document.forms[frmName];
	var entry1 = '', entry2 ='', entry3 = '';
	var l1descFldName = 'l1desc' + fieldNameSuffix;
	var l2descFldName = 'l2desc' + fieldNameSuffix;
	var l3descFldName = 'l3desc' + fieldNameSuffix;

	entry1 = frm[l1descFldName].options[frm[l1descFldName].selectedIndex].value;
	
	if (levelCount >= 2) entry2 = frm[l2descFldName].options[frm[l2descFldName].selectedIndex].value;
	if (levelCount == 3) entry3 = frm[l3descFldName].options[frm[l3descFldName].selectedIndex].value;
	
	var count = 0;
	
	if (levelCount > 1)
	{
		if (level == 1)
		{
			for (i = frm[l2descFldName].options.length - 1; i >= 0; i--) 
			{
				frm[l2descFldName].options[i] = null;
			}

			for (i = 0; i < styleProducts[itemEdp].length; i++) 
			{
				if (styleProducts[itemEdp][i][0] == entry1)
				{
					var found = false;
					for(j = 0; j < frm[l2descFldName].options.length; j++)
					{
						if (frm[l2descFldName].options[j].value == styleProducts[itemEdp][i][1])
						{
							found = true;
							break;
						}
					}
					if (!found) 
					{
						if (entry2 == '')
						{
							entry2 = styleProducts[itemEdp][i][1];
						}
						var selected = styleProducts[itemEdp][i][1] == entry2?true:false;
						if (levelCount == 2)
						{
							frm[l2descFldName].options[count++] = new Option(styleProducts[itemEdp][i][1] + (showPrice?' - ' + styleProducts[itemEdp][i][3]:''), styleProducts[itemEdp][i][1], false, selected);
						}
						else
						{
							frm[l2descFldName].options[count++] = new Option(styleProducts[itemEdp][i][1], styleProducts[itemEdp][i][1], false, selected);
						}
					}
				}
			}
			if (frm[l2descFldName].options.length == 0)
			{
				frm[l2descFldName].options[0] = new Option("--Select " + styleDescriptions[itemEdp][1] +  " First--", "", false, false);
			}
		}

		if (level == 2 && levelCount == 3)
		{
			for (i = frm[l3descFldName].options.length - 1; i >= 0; i--) 
			{
				frm[l3descFldName].options[i] = null;
			}

			for (i = 0; i < styleProducts[itemEdp].length; i++) 
			{
				if (styleProducts[itemEdp][i][0] == entry1 && styleProducts[itemEdp][i][1] == entry2)
				{
					var found = false;
					for(j = 0; j < frm[l3descFldName].options.length; j++)
					{
						if (frm[l3descFldName].options[j].value == styleProducts[itemEdp][i][2])
						{
							found = true;
							break;
						}
					}
					if (!found) 
					{
						if (entry3 == '')
						{
							entry3 = styleProducts[itemEdp][i][2];
						}
						var selected = styleProducts[itemEdp][i][2] == entry3?true:false;
					
						frm[l3descFldName].options[count++] = new Option(styleProducts[itemEdp][i][2] + (showPrice?' - ' + styleProducts[itemEdp][i][3]:''), styleProducts[itemEdp][i][2], false, selected);
					}
				}
			}
			if (frm[l3descFldName].options.length == 0)
			{
				frm[l3descFldName].options[0] = new Option("--Select " + styleDescriptions[itemEdp][3] +  " First--", "", false, false);
			}
			
		}
	}

	for(i = 0; i < styleProducts[itemEdp].length; i++)
	{
		if (styleProducts[itemEdp][i][0] == entry1 && styleProducts[itemEdp][i][1] == entry2 && styleProducts[itemEdp][i][2] == entry3)
		{
			if (showPrice)
			{
			  displayInventoryStatusMessage(fieldNameSuffix, styleProducts[itemEdp][i][5]);
			}
			
			document.ProductImage.src = styleProducts[itemEdp][i][6];
			
      var detailLink = styleProducts[itemEdp][i][6];
      detailLink = detailLink.substring(detailLink.indexOf("/images/catalog/detail/") + 23);

      try
      {
      var link = document.getElementById('LargeImageLink').href;
      document.getElementById('LargeImageLink').href = link.substring(0,link.indexOf('img=') + 4) + "/images/catalog/large/" + detailLink + "',320,520)";
      }
      catch(err){}	
		
			return;
		}
	}
	displayInventoryStatusMessage(fieldNameSuffix, "&nbsp;");
}