okColor = 0;

	//called when a user clicks on a color
  function clickColor(color, nColor){
  
		//var form = document.getElementById("colorsizerefreshform");
		var form2 = document.getElementById("colorsizerefreshform2");
		
		//var currentColor = form.elements["selectedColor"].value;
		var currentColor2 = form2.elements["selectedColor"].value;

		setTimeout('setSwatch(' + nColor + ');', 1);
		
		
		//if the color is not changing, dont do anything
		//if(currentColor == color)
		//	return;

		//if the color is not changing, dont do anything
		if(currentColor2 == color)
			return;


		
			
		//set the new selected color in the refresh form and submit it
		//form.elements["selectedColor"].value = color;
		form2.elements["selectedColor"].value = color;

		//form.elements["selectedSize"].value = "";
		form2.elements["selectedSize"].value = "";
		
		if (color != "")
		{
			okColor = 1;
		} else {
			okColor = 0;
		}
		
		setQuantity();
		setGiftlistId();
		submitRefreshForm();	
		
		return;
  }
  
  

  //called when a user clicks on a size
  function clickSize(size){
                 //var form = document.getElementById("colorsizerefreshform");
		var form2 = document.getElementById("colorsizerefreshform2");

		//if the user clicks the size that's already selected, don't do anything
		var currentSize = form2.elements["selectedSize"].value;
		

		if(currentSize == size)
			return;

		if (okColor == 0)
		{
			showError();
		//	obj.selectedIndex = 0;
		//	form.elements["selectedSize"].value = "";
			form2.elements["selectedSize"].value = "";

//			setQuantity();
//			setGiftlistId();
//	
//			submitRefreshForm();	
		} else {
			
		//set the new selected size in the refresh form and submit it
		//	form.elements["selectedSize"].value = size;
			form2.elements["selectedSize"].value = size;

			setQuantity();
			setGiftlistId();
			
			submitRefreshForm();
			
		}
		  
  }
  
  function showError()
  {
	setBlock("error", 1);
  }
  
  function showError2()
  {
  	setBlock("error2", 1);
  }

  function showAdd()
  {
  	setBlock("pdAddButton", 0);
  	setBlock("error3", 1);
  	setBlock("error4", 1);
  	setBlock("error5", 1);
  }
  
  function updateCart(n)
  {
  	obj = document.getElementById("count");
  	if (n == 1)
  	{
  		obj.innerHTML = "1 item";
  	} else {
  		obj.innerHTML = n + " items";
  	}
  }

  function checkCard(obj)
  {
	if (obj.selectedIndex == 0)
	{
		setVis("expiration", 0);
		setVis("security", 0);
	} else 
	{
		setVis("expiration", 1);
		setVis("security", 1);
	}
  }
  function checkCardNOCVN(obj)
  {
	if (obj.selectedIndex == 0 || obj.selectedIndex == 1)
	{
		setVis("expiration", 0);
	} else {
		setVis("expiration", 1);
	}
  }
   
  
  function setVis(name, status)
  {
	    if(document.layers)	   //NN4+
	    {
	       document.layers[name].visibility = status ? "show" : "hide";
	    }
	    else if(document.getElementById)	  //gecko(NN6) + IE 5+
	    {
	        var obj = document.getElementById(name);
	        obj.style.visibility = status ? "visible" : "hidden";
	    }
	    else if(document.all)	// IE 4
	    {
	        document.all[name].style.visibility = status ? "visible" : "hidden";
	    }
  }
  
  function setBlock(name, status)
  {
	    if(document.layers)	   //NN4+
	    {
	       document.layers[name].display = status ? "block" : "none";
	    }
	    else if(document.getElementById)	  //gecko(NN6) + IE 5+
	    {
	        var obj = document.getElementById(name);
	        obj.style.display = status ? "block" : "none";
	    }
	    else if(document.all)	// IE 4
	    {
	        document.all[name].style.display = status ? "block" : "none";
	    }
	    //added for omniture tagging 
	    if(name=="error3"){
	     s.events="scAdd";
	     var evar=document.getElementById("addToCart").selectedId;
	     //alert(evar.value);
	     s.products=";"+productName+">"+style+";;;;evar3="+category+"|evar20="+evar.value;
	     //alert(s.products);
	     var s_code=s.t();if(s_code)document.write(s_code)

	    }
  }
  
  //function(str){return document.getElementById(str)};
  
  //gets the quantity from the addtocart form and sets the refreshform quantity 
  //we do this so we can preserve the quantity between refreshes
  function setQuantity()
  {
		var addtocartform = document.getElementById("addToCart"); 
 		var currentQuantity = addtocartform.elements["addQuantity"].value;
		//var refreshform = document.getElementById("colorsizerefreshform");
 		//refreshform.elements["savedquantity"].value = currentQuantity;
		var refreshform = document.getElementById("colorsizerefreshform2");
 		refreshform.elements["savedquantity"].value = currentQuantity;
  }
  //gets the quantity from the addToGiftList form and sets the refreshform savedgiftlist 
  //we do this so we can preserve the giftlist selection between refreshes
  function setGiftlistId()
  {
		var addtogiftlistform = document.getElementById("addToGiftList");
		if(addtogiftlistform == null)
			return;  
 		var currentGiftList = addtogiftlistform.elements["selectedgiftlist"].value;
		//var refreshform = document.getElementById("colorsizerefreshform");
 		//refreshform.elements["savedgiftlist"].value = currentGiftList;
		var refreshform = document.getElementById("colorsizerefreshform2");
 		refreshform.elements["savedgiftlist"].value = currentGiftList;
  }
  
	//resets the color and size selected and submits the refresh form
  function resetPicker(){
		//var form = document.getElementById("colorsizerefreshform");
 		//reset the new selected size and color in the refresh form and submit it
		//form.elements["selectedSize"].value = "";
		//form.elements["selectedColor"].value = "";
		var form = document.getElementById("colorsizerefreshform2");
 		//reset the new selected size and color in the refresh form and submit it
		form.elements["selectedSize"].value = "";
		form.elements["selectedColor"].value = "";
		setQuantity();
		setGiftlistId();

		submitRefreshForm();	
  }

  function submitRefreshForm()
  {
   /* dojo.io.bind({
    load: function(type, data,evt){
				var divColorPicker = document.getElementById("ColorSizePicker");
				divColorPicker.innerHTML = data;
			},
    formNode: document.getElementById("colorsizerefreshform")
    });  

*/

    dojo.io.bind({
    load: function(type, data,evt){
				var divColorPicker2 = document.getElementById("ColorSizePicker2");
				divColorPicker2.innerHTML = data;
			},
    formNode: document.getElementById("colorsizerefreshform2")
    });  

	
  }
  
  function setQuantityOnGiftlistForm()
  {
		var addtocartform = document.getElementById("addToCart"); 
 		var currentQuantity = addtocartform.elements["addQuantity"].value;
 		var addtogiftlistform = document.getElementById("addToGiftList");
 		//set the quantity in the add to gift lsit form and submit it
		addtogiftlistform.elements["giftListAddQuantity"].value = currentQuantity;
  }