//called when a user clicks on a color
  function clickColor(color){
 		var form = document.getElementById("colorsizerefreshform");
 		var currentColor = form.elements["selectedColor"].value;
 
 		//if the color is not changing, dont do anything
 		if(currentColor == color)
 			return;
 
 		//set the new selected color in the refresh form and submit it
 		form.elements["selectedColor"].value = color;
 		setQuantity();
 		setGiftlistId();
 		submitRefreshForm();	
   }
   
 
   //called when a user clicks on a size
   function clickSize(size){
   
 		var form = document.getElementById("colorsizerefreshform");
 
 		//if the user clicks the size that's already selected, don't do anything
 		var currentSize = form.elements["selectedSize"].value;
 		if(currentSize == size)
 			return;
 
 		//set the new selected size in the refresh form and submit it
 		form.elements["selectedSize"].value = size;
 
 		setQuantity();
 		setGiftlistId();
 
 		submitRefreshForm();	
 		  
   }
 
 
 function clickColorEGC(color){
		var form = document.getElementById("colorsizerefreshform");
		var currentColor = form.elements["selectedColor"].value;

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

		//set the new selected color in the refresh form and submit it
		form.elements["selectedColor"].value = color;
		setQuantity();
		setGiftlistId();
		setEGCFields();
		
		submitRefreshForm();	
  }
  

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

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

		//set the new selected size in the refresh form and submit it
		form.elements["selectedSize"].value = size;

		setQuantity();
		setGiftlistId();
		setEGCFields();

		submitRefreshForm();	
		  
  }


 function clickColorGC(color){
		var form = document.getElementById("colorsizerefreshform");
		var currentColor = form.elements["selectedColor"].value;

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

		//set the new selected color in the refresh form and submit it
		form.elements["selectedColor"].value = color;
		setQuantity();
		setGiftlistId();
		setGCFields();
		submitRefreshForm();	
  }
  

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

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

		//set the new selected size in the refresh form and submit it
		form.elements["selectedSize"].value = size;

		setQuantity();
		setGiftlistId();
		setGCFields();

		submitRefreshForm();	
		  
  }



  //gets the quantity from the addtocart form and sets the refreshform quantity 
  //we do this so we can preserve the quantity between refreshes
  function setEGCFields()
    {
  		var addtocartform = document.getElementById("addToCart"); 
  		
  		var gcto = addtocartform.elements["giftCardTo"].value;
  		var gcemail = addtocartform.elements["giftCardEmail"].value;
  		var gcfrom = addtocartform.elements["giftCardFrom"].value;
  		var gcmessage1 = addtocartform.elements["giftCardMessage1"].value;
  		var gcmessage2 = addtocartform.elements["giftCardMessage2"].value;
  		var gcmessage3 = addtocartform.elements["giftCardMessage3"].value;
  		var gcmessage4 = addtocartform.elements["giftCardMessage4"].value;
  		//var gcmessage5 = addtocartform.elements["giftCardMessage5"].value; ***** Fix for LLB-1617: E-Gift Card form only has 4 message inputs *****
  		var gctc = addtocartform.elements["tc"].checked;
  		
  		var refreshform = document.getElementById("colorsizerefreshform");
  
   		refreshform.elements["savedgcto"].value = gcto;
   		refreshform.elements["savedgcemail"].value = gcemail;
   		refreshform.elements["savedgcfrom"].value = gcfrom;
   		refreshform.elements["savedgcmessage1"].value = gcmessage1;
   		refreshform.elements["savedgcmessage2"].value = gcmessage2;
   		refreshform.elements["savedgcmessage3"].value = gcmessage3;
   		refreshform.elements["savedgcmessage4"].value = gcmessage4;
   		//refreshform.elements["savedgcmessage5"].value = gcmessage5; ***** Fix for LLB-1617: E-Gift Card form only has 4 message inputs *****
   		refreshform.elements["savedgctc"].value = gctc;
  
  
    }
function setGCFields()
  {
  
		var addtocartform = document.getElementById("addToCart"); 
		
		var gcmessage1 = addtocartform.elements["giftCardMessage1"].value;
		var gcmessage2 = addtocartform.elements["giftCardMessage2"].value;
		var gcmessage3 = addtocartform.elements["giftCardMessage3"].value;
		var gcmessage4 = addtocartform.elements["giftCardMessage4"].value;
		var gcmessage5 = addtocartform.elements["giftCardMessage5"].value;
		
		var refreshform = document.getElementById("colorsizerefreshform");

 		refreshform.elements["savedgcmessage1"].value = gcmessage1;
 		refreshform.elements["savedgcmessage2"].value = gcmessage2;
 		refreshform.elements["savedgcmessage3"].value = gcmessage3;
 		refreshform.elements["savedgcmessage4"].value = gcmessage4;
 		refreshform.elements["savedgcmessage5"].value = gcmessage5;


  }

  //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;
  }

  //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;
  }
  
	//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 = "";
		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")
    });  
  }
  
  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;
  }