// changes item options before adding to cart

function updateskucontrols(control, skuControls) {
  //alert(control.id +" : "+control.value);
  var optionId = control.id.charAt(8);
  var itmOption = "skuopt"+optionId+"val";
  itemSkuOptionsbyImg(itmOption, control.value);
}

function itemSkuOptionsbyImg(itmOption, optionValue) {
  var skuval="skuvalue";
  var atcform = document.forms["atcform"];
  var valindex = itmOption.indexOf("val");
  var control = itmOption.charAt(valindex-1);
  var inputElements = atcform.getElementsByTagName('input');
  skuval = skuval.concat(control);
  var optval=document.getElementById(skuval);
  for(var i=0; i<inputElements.length; i++){
  	if(inputElements[i].name==itmOption){
  		if(inputElements[i].value==optionValue){
  			inputElements[i].setAttribute("checked", 1);//updating hidden input
  			optval.value = optionValue;//updating select field	
  		}
  		else{
  			inputElements[i].removeAttribute("checked"); 
  		}
  	}
  }
  updateSwatchBorder(); //reset swatch borders
}

function updateskubySwatch(){
	var optionControl = 0;
	var ul = document.getElementsByTagName("ul");
	var optTitle = document.getElementsByName("optionTitle");
	for (var i=0; i<ul.length; i++){
		var itmOpt = ul[i];
		if (itmOpt.className =="thumbs2"){
			optionControl++;
			var imgtag= itmOpt.getElementsByTagName("img");
			if(imgtag.length==0 && optTitle.length>0){
				optTitle[optionControl-1].innerHTML=""; //comments option header with no images
			}
		}
	}
	$("#itemSwatch > li > input").hide();
	$("#itemSwatch > li > span").hide();
	$("#itemSwatch > li").each(function(){
    if($(this).find('img').length > 0){
    	var imgTag = $(this).find('img');
	    var inputTag = $(this).find('input');
	    var lrgswtname= imgTag.attr('src'); // initial src
			var lrgswtname = lrgswtname.replace(/-ss/i,"-ls");
			lrgswtname = lrgswtname.replace(/smallswatch/i,"largeswatch");
			var image1 = $('<img />').attr('src', lrgswtname);
			imgTag.attr('onClick','JavaScript:itemSkuOptionsbyImg("'+inputTag.attr('name')+'", "'+inputTag.attr('value')+'"); return false;');
			if(inputTag.attr('checked')==1){
				imgTag.css('borderColor','#cc0000'); //selected swatch 
			}
			else{
				imgTag.css('borderColor','#ccc');
			}
			var lrgSwatch = '<div width="100%;"><img src="'+ lrgswtname +'"/> <br/><b>'+inputTag.attr('value')+'</b></div>';	
	    imgTag.hover(function(){
	        Tip(lrgSwatch);
	    }, function(){
	        UnTip();
	    });
    }
	});
}

function updateSwatchBorder(){
	var ul = document.getElementsByTagName("ul");
	for (var i=0; i<ul.length; i++){
		var itmOpt = ul[i];
		if (itmOpt.className =="thumbs2"){
			var imgtag= itmOpt.getElementsByTagName("img");
			var inptag= itmOpt.getElementsByTagName("input");
			for(var k=0; k<imgtag.length; k++){
				if(inptag[k].checked==1){
					imgtag[k].style.borderColor='#cc0000'; //selected swatch 
				}
				else{
					imgtag[k].style.borderColor='#ccc';
				}
			}
		}
	}
}

/* product image functions*/
function openLargeImage(A,B){
	seq=document.skuimage.sequence;
	if(isNaN(seq)){
		seq=""
	}
	newHref=A+"&imagesequence="+seq;
	window.open(newHref,B,"fullscreen=no,toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,directories=no,location=no,width=400,height=460")
}

function openSupLargeImage(D,B,C){
	if(!D){
		var D=window.event
	}
	if(D.target){
		targ=D.target
	}
	else{
		if(D.srcElement){
			targ=D.srcElement
		}
	}
	if(targ.nodeType==3){
		targ=targ.parentNode
	}
	var A;
	A=targ.getAttribute("sequence");
	if(isNaN(A)){
		A=""
	}
	newHref=B+"&imagesequence="+A;
	window.open(newHref,C,"fullscreen=no,toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,directories=no,location=no,width=400,height=460")
}

function swapSupLargeImage(G,B,A){
	if(!G){
		var G=window.event
	}
	if(G.target){
		targ=G.target
	}
	else{
		if(G.srcElement){
			targ=G.srcElement
		}
	}
	if(targ.nodeType==3){
		targ=targ.parentNode
	}
	var I;
	I=targ.getAttribute("sequence");
	if(isNaN(I)){
		I=""
	}
	else{
		var C=document.getElementById("product_misc_large_images");
		var F=C.getElementsByTagName("img");
		if(F.length>0){
			for(var E=0;E<F.length;E++){
				var H=F.item(E);
				if(I==H.getAttribute("sequence")){
					var D=document.getElementById("product_image");
					document.getElementById("product_image").innerHTML="";
					if(H.getAttribute("caption")!=null){
						document.getElementById("image_caption").innerHTML=H.getAttribute("caption")
					}
					document.getElementById("product_image").appendChild(H)
				}
			}
		}
	}
}

function resetSupLargeImage(G,B,A){
	if(!G){
		var G=window.event
	}
	if(G.target){
		targ=G.target
	}
	else{
		if(G.srcElement){
			targ=G.srcElement
		}
	}
	if(targ.nodeType==3){
		targ=targ.parentNode
	}
	var I;
	I=targ.getAttribute("sequence");
	if(isNaN(I)){
		I=""
	}
	else{
		var C=document.getElementById("product_image");
		var F=C.getElementsByTagName("img");
		if(F.length>0){
			for(var E=0;E<F.length;E++){
				var H=F.item(E);
				if(I==H.getAttribute("sequence")){
					var D=document.getElementById("product_misc_large_images");
					document.getElementById("product_misc_large_images").appendChild(H);
					document.getElementById("product_image").innerHTML="";
					document.getElementById("image_caption").innerHTML="";
					document.getElementById("product_image").innerHTML=document.getElementById("product_image_default").innerHTML
				}
			}
		}
	}
}