/* product page now uses display_alternates and pop_alternates to create a pop-up window to display each alternate item view.
 * previously it had used display_thumbnails() to display alternate images on the product page using rollovers */
 
 
/* create link to display pop-up */
function display_alternates(){
	if (typeof info_attributes!="undefined" && info_attributes != "" && info_attributes != "default"){
		document.write('<a href="javascript:void(0);" onClick="pop_alternates(); return false;">Click here to view Alternate Images</a>');
	}
}

/* populate pop-up window with alternate image views for the product */
var winPhoto2;
function pop_alternates()
{	
	var alternates = info_attributes.split(",");
	var image_array;
	var firstImg = alternates[0].split(":");
	var main_alt_img = "<img src=\"assets/images/swatches/"+pf_id+"_"+firstImg[1]+"_lg.jpg\" id=\"main_alt_img\"><br/><div id=\"alt_desc\">" + firstImg[0] + "</div><br/>";
	
	var alt_thumbs = "";
	for(alt in alternates)
	{
		image_array = alternates[alt].split(":");
		//** note: the onclick function alt_switch is called from the pop-up window inline javascript which is written in the output var below
		alt_thumbs += "<img NAME=\""+image_array[1]+"\" id=\""+image_array[1]+"\" src=\"assets/images/swatches/" + pf_id + "_" + image_array[1] + "_sm.jpg\" border=\"0\" onClick=\"alt_switch('" + pf_id+"','"+image_array[0] + "','" + image_array[1]+"');\"><br/>";
	}
	
	
	//get images to display from info_attributes
	winPhoto2 = window.open("","AltView","height=750,width=850,status=0,scrollbars=1,location=0,resizable=1");
	winPhoto2.document.open();
	
	var output = '<html>';
	output +='    <head>';
	output +='        <title>BT Other View |  Click on Small Image to See Larger</title>';
	output +='        <link rel="stylesheet" type="text/css" href="Assets/images/includes/altviews.css">';
	output +='			<script language="javascript">';
	output +='				function alt_switch(pf_id, info, img){';
	output +='					document.getElementById("main_alt_img").src = "assets/images/swatches/" + pf_id + "_" + img + "_lg.jpg";';
	output +='					document.getElementById("alt_desc").innerHTML = info;';
	output +='			}</script>';
	output +='        </head>';
	
	output +='    <body><div id="alt_container">';
	output +='    <div id="logo" width=100% align=center><img src="assets/images/Victorinox_Logo.gif" alt="Victorinox" vspace="5"></div>';		
	output +='	<table width="485" border="0" cellspacing="0" cellpadding="0">';
	output +='	  <tr>';
	output +='		<td class="alternate_thumbs" valign="top" align="center">'+alt_thumbs+'</td>';
	output +='		<td class="alternate_main" valign="top" align="center">'+main_alt_img+'</td>';
	output +='	  </tr>';
	output +='	  <tr>';
	output +='		<td >&nbsp;</td>';
	output +='		<td class="alt_instruction_text" align="center"><br/>(Click on Small Images for Larger View)<br/>';
	output +='			<a href="javascript:window.close();" class="alt_link">&lt;&lt; close window &gt;&gt;</a>';	
	output +='	  </td></tr>';
	output +='	</table>';
	
	output +='    </div></body>';
	output +='</html>';	
	
	winPhoto2.document.write(output);
	
	winPhoto2.document.close();
	winPhoto2.focus();
	return false;
}

//this code is for an image swap
function draw_image_2(){
	 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{
			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 +"\">");
		}  		
	}
	else{
		document.write("<img src=\"assets/product_images/product.gif\">");
	}
}

function imgOn(imgName) {
        document.getElementById("mainimg").src="assets/images/swatches/" + pf_id + "_" + imgName + "_lg.jpg";
}

function display_thumbnails()
{
	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=3;
			var atn;
			atn=0;
			var myImage;
			var counter=1;
			document.write("<br/>&nbsp;&nbsp;<a href=\"javascript:void(0);\" onclick=\"seeoriginal();\">View Original Product Image</a>");
			document.write("<br>Available In:");
			document.write("<br><table border=0><tr><td><div align=center width=100%><table border=0><tr>");
			
			for (atn=0; atn<thumbnails_array.length; atn++)
			{
				if (thumbnails_array[atn]!="")
				{
					image_array = thumbnails_array[atn].split(":");
					document.write("<td align=center><table border=0><tr><td align=center><A HREF=\"#\" onClick=\"return false\" onmouseover=\"imgOn('"+image_array[1]+"')\" ><img NAME=\""+image_array[1]+"\" id=\""+image_array[1]+"\" src=\"assets/images/swatches/" + pf_id + "_" + image_array[1] + "_sm.jpg\" border=\"0\" ></A>");
					document.write("<br>"+image_array[0]+"</td></tr></table></td>");
					if (counter==columns){document.write("</tr><tr>");counter=0}
				}
			counter = counter+1;
			}
			document.write("</tr></table></div></td></tr></table>");
		}
	}
} //end display_thumbnails

function seeoriginal(){
	document.getElementById('mainimg').src = "assets/product_images/" + product_image[1].image;
}