/************* BEGIN ALT VIEWS FUNCTIONS ***************/
var winPhoto2;
function makeNewWindow2()
{
	winPhoto2 = window.open("","AltView","height=300,width=300,status=0,scrollbars=0,location=0");
	winPhoto2.document.open();
	winPhoto2.document.write('<html>');
	winPhoto2.document.write('    <head>');
	winPhoto2.document.write('        <title>');
	winPhoto2.document.write('Jumbo View');
	winPhoto2.document.write('        </title>');
	winPhoto2.document.write('<script lang=javascript>');
	winPhoto2.document.write('var largeimage = new Image();');
	// if user rolls over swatch color, display large image in that color instead of original
	if(newColor != ""){
		winPhoto2.document.write('largeimage.src ="assets/images/altviews/' + pf_id + '_' + newColor + '_j.jpg"');
	}else{
		winPhoto2.document.write('largeimage.src ="assets/product_images/' + pf_id + '_j.jpg"');
	}
	winPhoto2.document.write('</script>');
	winPhoto2.document.write('    </head>');
	winPhoto2.document.write('    <body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">');
	//winPhoto2.document.write('    <center><font size=4><b>'+title+'</b></font></center><br>');
	
	// if user rolls over swatch color, display large image in that color instead of original
	if(newColor != ""){
		winPhoto2.document.write('        <br><center><img align=center src="assets/images/altviews/' + pf_id + '_' + newColor + '_j.jpg" onLoad="window.resizeTo(largeimage.width+60,largeimage.height+80);" ></center>');
	}else{
		winPhoto2.document.write('        <br><center><img align=center src="assets/product_images/' + pf_id + '_j.jpg" onLoad="window.resizeTo(largeimage.width+60,largeimage.height+80);" ></center>');
	}
	winPhoto2.document.write('    </body>');
	winPhoto2.document.write('</html>');
	winPhoto2.document.close();
	winPhoto2.focus();
	return false;
}

var jumbo = "false";
var sizechartImg = "";
/* go through single valued attributes array and see whether the jumbo(large view) flag has been set or if a sizechart has been specified */
/* this function is called in draw_image_2(); */
function checkSingleValAttr(){
	for (var i = 0; i< product_attrbute.length ;i++){
		//if(product_attrbute[i].attname == "jumbo"){
		//	jumbo = product_attrbute[i].attvalue;
		//}
		if(product_attrbute[i].attname == "sizechart"){
			sizechartImg = product_attrbute[i].attvalue;
		}
	}
}

function draw_image_2(){
	checkSingleValAttr();
	 if (product_image[1].scr=="PRODUCT" && product_image[1].image!="" ) { 
		if (product_image[1].image_show=="TARGET REG" || product_image[1].image_show=="TARGET" ){
			if (product_image[1].image_show=="TARGET REG"){
				if (user_guid==""){
					document.write("<A HREF=\"shopper_lookup.asp?target=" + product_image[1].target + "&\" onClick=return(visitargs('shopper_lookup.asp',\"target=" + product_image[1].target + "&\")); target=\"_top\" >");
				}else {
					document.write("<A HREF=\"" + product_image[1].target + "\" onClick=return(visitargs('" + product_image[1].target + "')); target=\"_top\" >");
				}
			}else {
				document.write("<a HREF=\"" + product_image[1].target + "\" target=\"_top\">");
			}
			document.write("<img name=\"mainimg\" id=\"mainimg\" ALIGN =" + product_image[1].align + " "); 
			if (product_image[1].width!=""){document.write("WIDTH =" + product_image[1].width + " ");}
			document.write(" BORDER=0  VSPACE=5  HSPACE=5 ALT=\"" + product_image[1].alt_text + "\" ");         
			document.write(" SRC=\"assets/product_images/" + product_image[1].image +"\"></a>");
		}else{
			//if(jumbo != "false"){document.write("<A HREF=\"#\" onClick=\"return(makeNewWindow2());\" >");}
			
			// only show the click to enlarge link if enable_manual_quote is enabled on the product
			if(enable_quote == "1"){document.write("<A HREF=\"#\" onClick=\"return(makeNewWindow2());\" >");}
			document.write("<img name=\"mainimg\" id=\"mainimg\" ALIGN =\"" + product_image[1].align + "\" "); 
			if (product_image[1].width!=""){document.write("WIDTH =" + product_image[1].width + " "); }
			document.write(" BORDER=0  VSPACE=5  HSPACE=5 ALT=\"" + product_image[1].alt_text + "\" ");         
			document.write(" SRC=\"assets/product_images/" + product_image[1].image +"\" onerror=handleErr();>")
			//if(jumbo != "false"){document.write("</a>");}
			if(enable_quote == "1"){document.write("</a>");}
		}  		
	}
	else{
		document.write("<img src=\"assets/product_images/product.gif\">");
	}
}

//var enableB = true;
function imgOn(imgName) {
    //if (enableB) {
	var newSrc = "assets/images/altviews/" + pf_id + "_" + imgName + "_lg.jpg";
    document.getElementById("mainimg").src= newSrc;
    document.getElementById("noAltTXT").innerHTML ="";
    
	which = imgName;
    //set which incase missing image
    /*switch(imgName) {
	    case "f": which ="front";
	     break;
	    case "b": which ="back";
	     break;
	    case"d": which ="detail";
	     break;
		 case "s": which = "side";
		 break;
    }*/
	/*switch(imgName) {
	    case "front": which ="f";
	     break;
	    case "back": which ="b";
	     break;
	    case"detail": which ="d";
	     break;
		 case "side": which = "s";
		 break;
    }*/
}

function imgOff(){
	document.getElementById('mainimg').src = "assets/product_images/" + product_image[1].image;
	 document.getElementById("noAltTXT").innerHTML ="";
}

var which="";
function handleErr()
{ 
   document.getElementById("noAltTXT").innerHTML ="Sorry this product does not have a product image.";
   //document.getElementById("mainimg").src="assets/product_images/" + product_image[1].image;
}


function display_alternates(){
	var image_array = ['1','2','3','4'];
	var image_suffix = ['1', '2', '3','4'];
	var columns=4;
	var atn=4;
	var counter=1;
	
	document.write("<div id=noAltTXT style=\"color:#800000;\"></div>");
	document.write("<table id=\"altviewTable\" align=\"left\" cellpadding=0 cellspacing=0  style=\"\"><tr>");
	for (atn=0; atn<image_array.length; atn++){
		document.write("<td><a href=\"javascript:void(0);\" onmouseover=\"imgOn('"+image_array[atn]+"');return true;\" onmouseout=\"imgOff();return true;\"><img onerror=\"this.style.display='none';\" src=\"assets/images/altviews/" + pf_id + "_" + image_array[atn] + "_sm.jpg\"" + " /></a></td>");
		if (counter==columns){ 
            document.write("</tr><tr>");
            counter=0;
        }
		counter = counter+1;
	}
	document.write("</tr></table>");
} //end display_thumbnails


/**************** END ALT VIEWS FUNCTIONS *******************/
/********* BEGIN SWATCH FUNCTIONS ************/
var original_color = "";
var newColor = "";

/** DESCR: swatch code for swatch colors, editro:cls, date:16.AUG.2007 **/
function imgSwatch(imgName) {
        document.getElementById("mainimg").src="assets/images/swatches/" + pf_id + "_" + imgName + "_lg.jpg";
}

/** feature swatches: editor:cls, date:16.AUG.2007 **/
function display_Swatch(){
	var array_largeimage;
	if (typeof info_attributes!="undefined" && info_attributes != "" && info_attributes != "default"){
		var thumbnails_array = info_attributes.split(",");
		var image_array;
		if (thumbnails_array.length >= 1){
			//the number below changes the number of columns for the swatches
			var columns=4;
			var atn;
			atn=0;
			var myImage;
			var counter=1;
			document.write("<table id=\"swatchTable\" border=0 cellpadding=0 cellspacing=0><tr>");
			
			for (atn=0; atn<thumbnails_array.length; atn++){
				if (thumbnails_array[atn]!=""){
					image_array = thumbnails_array[atn].split(":");
					document.write("<td><div onmouseover=\"imgSwatch('"+image_array[1]+"');changeColor('" + image_array[0] + "');\" onmouseout=\"imgOff();return true;\"><img NAME=\""+image_array[1]+"\" id=\""+image_array[1]+"\" onerror=\"hideImg(this);\" src=\"assets/images/swatches/" + pf_id + "_" + image_array[1] + "_sm.jpg\" border=0 style='' /></div>");
					//document.write("<br>"+image_array[0]+"</td>");		// write the swatch color
					document.write("</td>");
					if (counter==columns){document.write("</tr><tr>");counter=0}
				}
			counter = counter+1;
			}
			original_color = image_array[0];	// grab 'default' color
			document.write("</table>");
		}
	}
} //end display_thumbnails

function hideImg(img){
	img.parentNode.style.display = "none";
}

/* set color variables for use later in makeNewWindow2() */
function changeColor(color){
	newColor = color.toLowerCase();
	newColor = newColor.replace(" ", "_");
}

/*************** END SWATCH FUNCTIONS ******************/
