var pouch_fabric_array=new Array("Camouflage.gif","animal spot.gif","zebra.gif","turquoise.gif","dark green.gif","red.gif","pasely.gif","daisy flower.gif","spring flower.gif","Butterfly Heart.gif","woman.gif","green woman.gif","pink skull.gif","Blue Skull.gif","green square.gif");
var square_fabric_array=new Array("camouflage square.gif","animal spot square.gif","zebra square.gif","turquoise square.gif","rainbow square.gif","green square.gif");	
var oval_fabric_array=new Array("camouflage oval.gif","animal spot oval.gif","zebra oval.gif","turquoise oval.gif","red oval.gif");
var horizontal_fabric_array=new Array("animal spot horizontal.gif","zebra horizontal.gif");
var combo_fabric_array=new Array("animal spot combo.gif","zebra combo.gif");
var full_combo_array=new Array("camouflage combo pack.gif","Animal Spot Combo Pack.gif","Zebra Combo Pack.gif","Turquoise Combo Pack.gif","Dark Green Combo Pack.gif","Red Combo Pack.gif","Animal Spot Combo Pack 2.gif","Zebra Combo Pack 2.gif");

function updateFabric(array,id,cid,oid)
{
	var name=array+"["+id+"]";
	var obj=document.getElementById("productList");
	obj.selectedIndex=id;
	document.getElementById("productImage").innerHTML='<img src="images/prod_colors/'+eval(name)+'">';
	if(cid==5||cid==6)
	{
		var el_20=getElementsByClass("combo","div");
		document.getElementById("price").innerHTML="$20.00"	;
		//el_20.innerHTML='<INPUT class="product-title" type="hidden" value="Combo Pack"><INPUT class="product-price" type="hidden" value="20.00"><DIV class=googlecart-add-button title="Add to cart" tabindex="0" role="button"></DIV>';
		for(var i=0;i<el_20.length;i++)
		{
			if(array=="combo_fabric_array")
			{
				el_20[i].innerHTML='<INPUT class="product-title" type="hidden" value="Combo Pack"><SELECT name="select" class="product-attr-custom" id="comboList"><OPTION value="Animal Spot" onClick="updateFabric(\'combo_fabric_array\',0,7,0)">Animal Spot</OPTION><OPTION value="Zebra" onClick="updateFabric(\'combo_fabric_array\',1,8,1)">Zebra</OPTION></SELECT><INPUT class="product-price" type="hidden" value="20.00"><DIV class=googlecart-add-button title="Add to cart" tabindex="0" role="button"></DIV>';
				
				
			}
			else if(array=="oval_fabric_array")
			{
				el_20[i].innerHTML='<INPUT class="product-title" type=hidden value="Combo Pack"><SELECT name="select" class="product-attr-custom" id="comboList"><OPTION value="Camouflage" onClick="updateFabric(\'oval_fabric_array\',0,1,0)">Camouflage</OPTION><OPTION value="Animal Spot" onClick="updateFabric(\'oval_fabric_array\',1,2,1)">Animal Spot</OPTION>         <OPTION value="Zebra" onClick="updateFabric(\'oval_fabric_array\',2,3,2)">Zebra</OPTION><OPTION value="Turquoise" onClick="updateFabric(\'oval_fabric_array\',3,4,3)"> Turquoise</OPTION><OPTION value="Red" onClick="updateFabric(\'oval_fabric_array\',4,6,4)">Red</OPTION></SELECT><INPUT name="hidden" type=hidden class=product-price value=20.00><br><DIV class=googlecart-add-button title="Add to cart" tabindex="0" role="button"></DIV>';
				
			}
			else if(array=="square_fabric_array")
			{
				el_20[i].innerHTML='<INPUT class="product-title" type="hidden" value="Combo Pack"><select name="select" class="product-attr-custom" id="comboList"><option value="Camouflage" onClick="updateFabric(\'square_fabric_array\',0,0,0)">Camouflage</option><option value="Animal Spot" onClick="updateFabric(\'square_fabric_array\',1,1,1)">Animal Spot</option><option value="Zebra" onClick="updateFabric(\'square_fabric_array\',2,2,2)">Zebra</option><option value="Turquoise" onClick="updateFabric(\'square_fabric_array\',3,3,3)">Turquoise</option></select><INPUT class="product-price" type="hidden" value="20.00"><DIV class="googlecart-add-button" title="Add to cart" tabindex="0" role="button"></DIV>';				
			}
			else if(array=="horizontal_fabric_array")
			{
				el_20[i].innerHTML='<INPUT class=product-title type="hidden" value="Combo Pack"><SELECT class="product-attr-custom" id="comboList"><OPTION value="Animal Spot" onClick="updateFabric(\'horizontal_fabric_array\',0,2,0)">Animal Spot</OPTION><OPTION value="Zebra" onClick="updateFabric(\'horizontal_fabric_array\',1,3,1)">Zebra</OPTION></SELECT><INPUT class=product-price type=hidden value=20.00><DIV class=googlecart-add-button title="Add to cart" tabindex="0" role="button"></DIV>';				
			}
			else{
			el_20[i].innerHTML='<INPUT type="hidden" class="product-title" value="Combo Pack"><select name="select2" class="product-attr-custom" id="comboList"><option value="Camouflage" onClick="updateFabric(\'pouch_fabric_array\',0,1,0)">Camouflage</option><option value="Animal Spot" onClick="updateFabric(\'pouch_fabric_array\',1,2,1)">Animal Spot</option>           <option value="Zebra" onClick="updateFabric(\'pouch_fabric_array\',2,3,2)">Zebra</option><option value="Turquoise" onClick="updateFabric(\'pouch_fabric_array\',3,4,3)">Turquoise</option><option value="green" onClick="updateFabric(\'pouch_fabric_array\',4,5,4)">Green</option><option value="Red" onClick="updateFabric(\'pouch_fabric_array\',5,6,5)">Red</option> </select><INPUT type="hidden" class="product-price" value="20.00"><DIV class="googlecart-add-button" title="Add to cart" tabindex="0" role="button"></DIV>';
			}
		}
	}
	else
	{
		var el_20=getElementsByClass("combo","div");
		document.getElementById("price").innerHTML="$20.00"	;
		for(var i=0;i<el_20.length;i++)
		{
			if(array=="combo_fabric_array")
			{
				el_20[i].innerHTML='<INPUT class="product-title" type="hidden" value="Combo Pack"><SELECT name="select" class="product-attr-custom" id="comboList"><OPTION value="Animal Spot" onClick="updateFabric(\'combo_fabric_array\',0,7,0)">Animal Spot</OPTION><OPTION value="Zebra" onClick="updateFabric(\'combo_fabric_array\',1,8,1)">Zebra</OPTION></SELECT><INPUT class="product-price" type="hidden" value="20.00"><DIV class=googlecart-add-button title="Add to cart" tabindex="0" role="button"></DIV>';
				
				
			}
			else if(array=="oval_fabric_array")
			{
				el_20[i].innerHTML='<INPUT class="product-title" type=hidden value="Combo Pack"><SELECT name="select" class="product-attr-custom" id="comboList"><OPTION value="Camouflage" onClick="updateFabric(\'oval_fabric_array\',0,1,0)">Camouflage</OPTION><OPTION value="Animal Spot" onClick="updateFabric(\'oval_fabric_array\',1,2,1)">Animal Spot</OPTION>         <OPTION value="Zebra" onClick="updateFabric(\'oval_fabric_array\',2,3,2)">Zebra</OPTION><OPTION value="Turquoise" onClick="updateFabric(\'oval_fabric_array\',3,4,3)"> Turquoise</OPTION><OPTION value="Red" onClick="updateFabric(\'oval_fabric_array\',4,6,4)">Red</OPTION></SELECT><INPUT name="hidden" type=hidden class=product-price value=20.00><br><DIV class=googlecart-add-button title="Add to cart" tabindex="0" role="button"></DIV>';
				
			}
			else if(array=="square_fabric_array")
			{
				el_20[i].innerHTML='<INPUT class="product-title" type="hidden" value="Combo Pack"><select name="select" class="product-attr-custom" id="comboList"><option value="Camouflage" onClick="updateFabric(\'square_fabric_array\',0,0,0)">Camouflage</option><option value="Animal Spot" onClick="updateFabric(\'square_fabric_array\',1,1,1)">Animal Spot</option><option value="Zebra" onClick="updateFabric(\'square_fabric_array\',2,2,2)">Zebra</option><option value="Turquoise" onClick="updateFabric(\'square_fabric_array\',3,3,3)">Turquoise</option></select><INPUT class="product-price" type="hidden" value="20.00"><DIV class="googlecart-add-button" title="Add to cart" tabindex="0" role="button"></DIV>';				
			}
			else if(array=="horizontal_fabric_array")
			{
				el_20[i].innerHTML='<INPUT class=product-title type="hidden" value="Combo Pack"><SELECT class="product-attr-custom" id="comboList"><OPTION value="Animal Spot" onClick="updateFabric(\'horizontal_fabric_array\',0,2,0)">Animal Spot</OPTION><OPTION value="Zebra" onClick="updateFabric(\'horizontal_fabric_array\',1,3,1)">Zebra</OPTION></SELECT><INPUT class=product-price type=hidden value=20.00><DIV class=googlecart-add-button title="Add to cart" tabindex="0" role="button"></DIV>';				
			}
			else{
			el_20[i].innerHTML='<INPUT type="hidden" class="product-title" value="Combo Pack"><select name="select2" class="product-attr-custom" id="comboList"><option value="Camouflage" onClick="updateFabric(\'pouch_fabric_array\',0,1,0)">Camouflage</option><option value="Animal Spot" onClick="updateFabric(\'pouch_fabric_array\',1,2,1)">Animal Spot</option>           <option value="Zebra" onClick="updateFabric(\'pouch_fabric_array\',2,3,2)">Zebra</option><option value="Turquoise" onClick="updateFabric(\'pouch_fabric_array\',3,4,3)">Turquoise</option><option value="green" onClick="updateFabric(\'pouch_fabric_array\',4,5,4)">Green</option><option value="Red" onClick="updateFabric(\'pouch_fabric_array\',5,6,5)">Red</option> </select><INPUT type="hidden" class="product-price" value="20.00"><DIV class="googlecart-add-button" title="Add to cart" tabindex="0" role="button"></DIV>';
			}
						
		}

	}
	if(cid!=0)
	{
		myele=getElementsByClass("comboList",null);
	
		document.getElementById("comboImage").innerHTML='<img src="images/prod_full/'+full_combo_array[cid-1]+'">';
		document.getElementById("comboDetails").style.visibility='visible';
		document.getElementById("combo2").style.visibility='visible';
		document.getElementById("comboList").style.visibility='visible';
		document.getElementById("comboList").selectedIndex=oid;


	
	}
	else
	{
		document.getElementById("comboImage").innerHTML="";
		document.getElementById("comboDetails").style.visibility="hidden";
		document.getElementById("combo2").style.visibility='hidden';
		
		
	}
	
}
function getElementsByClass(searchClass, tagName) {
	if (tagName == null) tagName = '*';
	var el = new Array();
	var tags = document.getElementsByTagName(tagName);
	var tcl = " "+searchClass+" ";
	for(i=0,j=0; i<tags.length; i++) {
		var test = " " + tags[i].className + " ";
		if (test.indexOf(tcl) != -1)
			el[j++] = tags[i];
	}
	return el;
}