arUrls = new Array();
  i = 0;

  
  function scrollToBottom() {
    window.scroll(0, 2000);
  }

  function addEvent(obj, evType, fn) {

    if (obj.addEventListener) {
      obj.addEventListener(evType, fn, false);
      return true;
    } else if (obj.attachEvent) {
      var r = obj.attachEvent("on" + evType, fn);
      return r;
    } else {
      return false;
    }
  }

  function cancel(e) {
    if (e && e.preventDefault) {
      e.preventDefault();
    }
    return false;
  }
  function colorSelecttionCheck(idx){
		var childLis = $("#colorSelection"+idx+" >li");
		var colorSelectedByAnchor = false;
		for(var j=0;j<childLis.size();j++){	
			var childLi = childLis[j];
			var classnm = $($(childLi).children()[0]).attr("class");
			if(classnm.indexOf("selected") !=-1){
				colorSelectedByAnchor = true;
				break;
			}
	   }
	   return colorSelectedByAnchor;
   }
  function colorSelectionErrorMsg(idx){
		var divMessage = dojo.byId('messageLine' + idx);
		divMessage.innerHTML = '<span class="onsale" style="color: red;">Please select a color</span>';
		divMessage = dojo.byId('addToCartMessageArea');
		divMessage.innerHTML = '<ul id="errors_list"><li>Please correct the errors indicated below.</li></ul>';
		divMessage = dojo.byId('addToCartMessageAreaBottom');
		divMessage.innerHTML = '<ul id="errors_list"><li>Please correct the errors indicated above.</li></ul>';
  }
  function submitOutfitForm(e) {
    // Check and make sure we have all of our colors / sizes selected.
	var j = 0;
	var i = 0;
    var totalSelectedSkus=0;
    var totalSkus=0;
    var cancelEvent = false;
    var product="";
	var errorMessageDisplay = true
	for (;;) {
      var form = dojo.byId("selectColorSizeQtyForm" + j);
      if (!form) {
        break;
      }
	  var formForQty = dojo.byId("selectColorSizeQtyForm" + j);
	  var getSelectedQtyInAdvance = formForQty.elements['selectedQty' + j].value;	
      // If we have a selected sku, we don't care.
	  var selectedColor = form.elements['selectedColor'].value;
	  var selectedQty = form.elements['selectedQty' + j].value; 
		
      if (getSelectedQtyInAdvance == '0' || selectedColor == '') {
	  }else{
           errorMessageDisplay = false;
	  }      
      j++;
    }
    
	for (;;) {
      var form = dojo.byId("selectColorSizeQtyForm" + i);
      if (!form) {
        break;
      }
	  var formForQty = dojo.byId("selectColorSizeQtyForm" + i);
	  var getSelectedQtyInAdvance = formForQty.elements['selectedQty' + i].value;	
	  
      var selectedSku = form.elements['selectedSku' + i].value;
      // If we have a selected sku, we don't care.
	  var selectedColor = form.elements['selectedColor'].value;
	  var selectedQty = form.elements['selectedQty' + i].value; 
	  	
      if (getSelectedQtyInAdvance == '0' || selectedColor == '') {
        if (selectedQty == '0' && errorMessageDisplay == true){
		  var divMessage = dojo.byId('messageLine' + i);
          divMessage.innerHTML = '<span class="onsale" style="color: red;">Please select a quantity</span>';
          divMessage = dojo.byId('addToCartMessageArea');
          divMessage.innerHTML = '<ul id="errors_list"><li>Please correct the errors indicated below.</li></ul>';
          divMessage = dojo.byId('addToCartMessageAreaBottom');
          divMessage.innerHTML = '<ul id="errors_list"><li>Please correct the errors indicated above.</li></ul>';
        }else  if (selectedColor == '' && selectedQty > '0' && errorMessageDisplay == true){
          colorSelectionErrorMsg(i);
		}
	   if(errorMessageDisplay == false){
		  var divMessage = dojo.byId('messageLine' + i);
          divMessage.innerHTML = '';
          divMessage = dojo.byId('addToCartMessageArea');
          divMessage.innerHTML = '';
          divMessage = dojo.byId('addToCartMessageAreaBottom');
          divMessage.innerHTML = '';
	   }
	 }else{		   
		   var colorSelectedByAnchor = colorSelecttionCheck(i);
		   if(colorSelectedByAnchor){
				totalSelectedSkus++;
		   }else{
			  colorSelectionErrorMsg(i);
			  cancelEvent = true;
		   }
	}      
      i++;
			if(product=="") {
				product=";"+selectedSku;
			}else {
				product+=",;"+selectedSku;
			}
	  }
	
      //below this line are the Omniture Code
      s.products=product;
      var s_code=s.t();if(s_code)document.write(s_code)
      //alert("s.products :" + s.products);
	if(totalSelectedSkus == 0){
		cancelEvent = true;
	}
    if (cancelEvent == true) {
        return cancel(e);
    } 
  }

  function submitSizeColorQty(idx) {
    dojo.io.bind( {
      url :'/nyco/browse/gadgets/outfitPicker_contents.jsp',
      load : function(type, data, evt) {
        //      alert("hai " +idx);
      //  alert("data "+data);
      var divColorPicker = dojo.byId('sizeColorQtyContainer' + idx);
      // alert("hai "+divColorPicker.id);
      divColorPicker.innerHTML = data;
      $('a.thickbox').click(function(){
          tb_show(null,this.href,false);
          this.blur();
          return false;
         }); 
      processSelected();
    },
    timeoutSeconds :2,
    formNode :dojo.byId("selectColorSizeQtyForm" + idx)
    });
    //alert("hi");
    dojo.io.bind({
      url :'/nyco/browse/gadgets/outfitNycoPrice.jsp',
    load: function(type, data,evt){
      var divColorPicker2 = dojo.byId('outfitNycoPrice' + idx);
      //alert(divColorPicker2);
      divColorPicker2.innerHTML = data;
      
      },
    formNode: dojo.byId("outfitNycoPriceForm" + idx)
    }); 
  }

  function processSelected() {

    var skus = "";
    var qtys = "";
    var prods = "";
    var i = 0;
    for (;;) {
      //  alert("hi")
      var form = dojo.byId("selectColorSizeQtyForm" + i);
      if (!form) {
        break;
      }
      //  alert("ss form.id "+form.id);
      // does this form have a selectedSku?
      var selectedSku = form.elements['selectedSku' + i].value;
      if (selectedSku) {
        skus = skus + selectedSku + '|';
        // get the quantity.
        qtys = qtys + form.elements['selectedQty' + i].value + '|';
        //alert(qtys);
        // get the product
        prods = prods + form.elements['selectedProd' + i].value + '|';
      }
      i++;
    }
    if (skus) {
      // Set our form variable.  Trim off our last pipe.
      form = dojo.byId('submitOutfitForm');
      form.elements['selectedSkus'].value = skus.substring(0,
          skus.length - 1);
      form.elements['selectedQtys'].value = qtys.substring(0,
          qtys.length - 1);
      form.elements['selectedProds'].value = prods.substring(0,
          prods.length - 1);
    }
  }

  function changeProportion(style, idx) {
    // This overrides the changeProportion function in f_proportions.jsp
    var form = document.getElementById('selectColorSizeQtyForm' + idx);
    form.elements['product'].value = style;
    form.elements['selectedColor'].value = '';
    form.elements['selectedSize'].value = '';
    submitSizeColorQty(idx);
  }

  function setSwatchOutFit(imgUrlIndexId,idx){
    var  strSwatch = arUrls[imgUrlIndexId];
    if (strSwatch != "null")
      {
        document.images['outFitThumb'+idx].src = strSwatch;
      }
      return true; 
    }

 	function selectColorImage(color, idx,curswatch){
		var selectColorFromDropdown = document.getElementById("colorBox").options [document.getElementById("colorBox").selectedIndex].value;	
		selectColor(selectColorFromDropdown, idx,curswatch);
 	}
 	function selectColorImage(colorBox,color, idx,curswatch){
        var selectColorFromDropdown = document.getElementById(colorBox).options [document.getElementById(colorBox).selectedIndex].value;     
        var form = document.getElementById('selectColorSizeQtyForm' + idx);
        if(!(colorBox == null) && document.getElementById(colorBox).options[document.getElementById(colorBox).
        selectedIndex].disabled == true){
	        var myselect=document.getElementById(colorBox);
	        for (var i=0; i<myselect.options.length; i++){
	                        var colorValue = form.elements['selectedColor'].value;                                 
	                        if (myselect.options[i].value== colorValue){
	                                        myselect.options[i].selected = true;
	                        }
	        }
	        return;
        }            
        selectColor(selectColorFromDropdown, idx,curswatch);
}

  function selectColor(color, idx,curswatch){
      var form = document.getElementById('selectColorSizeQtyForm' + idx);
      if(form.elements['selectedColor'].value === color){
        return;
      }
      var form2 = document.getElementById('outfitNycoPriceForm' + idx);
      var imgUrlIndexId=idx+"imgUrl"+color;
      setTimeout('setSwatchOutFit("'+imgUrlIndexId+'","'+idx+'");',1);
      form.elements['selectedColor'].value = color;
      form2.elements['outfitNycoPriceSelectedColor'].value = color;
      //alert(form2.elements['outfitNycoPriceSelectedColor'].value);
      submitSizeColorQty(idx);
     }
	 
	function selectSizeFromDropdown(size_list_outfit,size, idx){
		var size = document.getElementById(size_list_outfit).options [document.getElementById(size_list_outfit).selectedIndex].value;	
		var colorSelected = colorSelecttionCheck(idx);
		if(colorSelected){
			selectSize(size, idx);	
		}else{
			colorSelectionErrorMsg(idx);
		}		
	} 

  function selectSize(size, idx) {
    var form = document.getElementById('selectColorSizeQtyForm' + idx);
    var form2 = document.getElementById('outfitNycoPriceForm' + idx);
	
	//set the new selected size in the refresh form and submit it
    form.elements.selectedSize.value = size;
    form2.elements.outfitNycoPriceSelectedSize.value = size;// Added to implement display of price in product desc area

    submitSizeColorQty(idx);
  }

  function clearCheckBox(box, idx) {
    var form = document.getElementById('selectColorSizeQtyForm' + idx);
    var form2 = document.getElementById('outfitNycoPriceForm' + idx);
	form2.elements['outfitNycoPriceSelectedSize'].value = '';
	form2.elements['outfitNycoPriceSelectedColor'].value = '';
    form.elements['selectedColor'].value = '';
    form.elements['selectedSize'].value = '';
    form.elements['selectedSku' + idx].value = '';
    form.elements['selectedQty' + idx].selectedIndex = 0;
    // Clear our detail elements.
    form = dojo.byId('submitOutfitForm');
    form.elements['selectedSkus'].value = '';
    form.elements['selectedQtys'].value = '';
    form.elements['selectedProds'].value = '';
    submitSizeColorQty(idx);
  }