/**
 * This Quickview javascript references the following HTML which is placed on the page directly wherever this js is used. This is the 'shell' html of the quickview popup window
 * It must be on the page before quickview.js is included
 * Also note that extra code is needed to include the quickview icon on the page
 *
 * <!-- begin feature: quickview -->
 * <iframe id="qv_iframe" style="height:510px;width:400px;z-index:9999979;position:absolute;top:150px;left:200px;visibility:hidden;"></iframe>
 * <div id="qv_window" style="width:450px;height:525px;position:absolute;background:#FFFFFF;padding:8px;z-index:9999980;visibility:hidden;">
 * 	<a id="closebtn" href="javascript:void(0)" onclick="closeProd(this);" style="font-weight: bold; float: right;">close [x]</a>xxx
 * 	<br/>
 * 	<div id="qv_error" class="ErrorMsg"></div>
 * 	<div id="qv_action"></div>
 * </div>
  * <script type="text/javascript" language="javascript" src="assets/images/includes/quickview.js"></script>
 * <!-- end feature: quickview -->
 *
 *<!-- begin popup feature - this calls the quickview window to open up - put this div on each product that gets shown on the page-->
 *<!-- notice on the function calls we are sending it the pf_id of whatever product we are doing the quickview on -->
 *<div class="qv-wrapper"><img onmouseout="hideQVIcon('qvicon_PF_ID_HERE');" onclick="getProdInfo('PF_ID_HERE');" onmouseover="popQVIcon('qvicon_PF_ID_HERE');" id="qvicon_PF_ID_HERE" style="visibility: hidden;" class="qvicon" src="assets/images/qvicon.gif"/></div>
 *<!-- end popup feature -->
 * add to product thumbs
 * onmouseover="popQVIcon('qvicon_PF_ID_HERE');"
 * onmouseout="hideQVIcon('qvicon_PF_ID_HERE');"
*/


/* JAT 8/3/07 - this is a new version of quickview.js  */
var prodReq, prodObj;								// prodReq holds the request object and prodObj holds the returned json object
var isIE = ((navigator.appName) == "Microsoft Internet Explorer")? true : false;	// need this for determining popup positioning
var isIE6 = (window.ActiveXObject)? true : false;	// need this for ajax stuff and whether to display an iframe behind popup
var qvWin = document.getElementById('qv_window');
if(isIE6){var qvIFrame = document.getElementById('qv_iframe');}	// to prevent select dropdowns from bleeding through the div
var qvErr = document.getElementById('qv_error');				// holds message to user if they haven't chosen a sku from dropdown to add to basket
var qvAction = document.getElementById('qv_action');			// holds the product form and action buttons (add to cart, wish, view cart)
//var qvLoader = document.getElementById('qv_loader');			// (moosejaw specific) animated gif for loading
var winHeight = 0;

/**
 * Displays the quick view icon when user rolls over the product image
 * @param{string} pf_id is used to find the id of the quickview icon image on the page.
 **/
function popQVIcon(qv_id){
	var qvicon = document.getElementById(qv_id);
	qvicon.style.visibility = "visible";
	qvicon.style.cursor = "pointer";
	qvicon.parentNode.display = "block";
	//qvicon.parentNode.visibility = "visible";
}

/**
 * Hides the quick view icon when user rolls off the product image
 * @param{string} pf_id is used to find the id of the quickview icon image on the page.
 **/
function hideQVIcon(qv_id){
	document.getElementById(qv_id).style.visibility = "hidden";
}

/**
 * Populates and displays the quickview window for selected product
 **/
function showProd(){
	
	// set "global vars" from product.js onto the json object instead
	prodObj.num_avail = false;	// make a num_avail in place of missing one

	// check if object has product info before going through all the display stuff
	if(!prodObj.pf_id){
		// in the rare case there is no product info returned - display a message to user & clear out quickview popup
		qvWin.style.height = "300px";
		if(isIE6){qvIFrame.style.height = "300px";}
		qvErr.innerHTML = "<div style='text-align:left;'>Sorry, product information is unavailable at this time.</div>";
		qvErr.style.visibility = "visible";
		qvErr.style.display = "block";
		qvAction.innerHTML = '<div style="text-align:left;padding:20px 0px 0px 0px;"><a id="closebtn" href="javascript:void(0)" onClick="closeProd(document.getElementById(\'qv_action\'));"><img src="assets/images/btn_qv_shop.gif" border="0" alt="Close" title="Close"></a></div>';
		return;
	}else if(prodObj.Items.length <= 0){	// if product comes back with no items
		qvWin.style.height = "300px";
		if(isIE6){qvIFrame.style.height = "300px";}
		qvErr.innerHTML = "<div style='text-align:left;'>So sorry but this product is sold out. It will be removed from the site as soon as possible.</div>";
		qvErr.style.visibility = "visible";
		qvErr.style.display = "block";
		qvAction.innerHTML = '<div style="text-align:left;padding:20px 0px 0px 0px;"><a id="closebtn" href="javascript:void(0)" onClick="closeProd(document.getElementById(\'qv_action\'));"><img src="assets/images/btn_qv_shop.gif" border="0" alt="Close" title="Close"></a></div>';
		return;
	}	
	
	
	//holds the product display to be written to action div
	var actionMarkup = "";
	
	// begin form that will add product to basket
	actionMarkup += "<FORM METHOD=POST NAME=\"form2\" ACTION=\"" + i_jscript_uu_rootURL + "shopper_lookup.asp\" onsubmit=\"return checkSku();\">";
	actionMarkup += "<input type=hidden name=target id=target value=\"xt_orderform_additem.asp\">";
	actionMarkup += "<INPUT TYPE=HIDDEN NAME=\"auto_reg\" VALUE=\"1\">";
	actionMarkup += "<INPUT TYPE=HIDDEN NAME=s_id VALUE=" + i_jscript_uu_sid + " >";	
	actionMarkup += "<input type=hidden name=qty value=1>";
	if (user_guid !=' '){
		actionMarkup += "<INPUT TYPE=HIDDEN NAME=mscssid VALUE=" + user_guid + " >";
	}

	actionMarkup += "<INPUT TYPE=HIDDEN NAME=wish_id VALUE=" + GetParamterValueQv("wish_id") + " >";
	actionMarkup += "<INPUT TYPE=HIDDEN NAME=order_sid VALUE=" + GetParamterValueQv("order_sid") + " >";
	actionMarkup += "<INPUT TYPE=HIDDEN NAME=so_number VALUE=" + GetParamterValueQv("so_number") + " >";
	actionMarkup += "<INPUT TYPE=HIDDEN NAME=pf_id VALUE=" + prodObj.pf_id + " >";
	actionMarkup += "<INPUT TYPE=HIDDEN Name=returnpath Value=\""+document.location.pathname+document.location.search+"&addfrom=qv\" >";
	
	// create main image
	actionMarkup += "<div style='width:380px; float:left;'><a href=\"product.asp?pf_id=" + prodObj.pf_id + "&\" onclick=\"return(visitargs('product.asp','pf_id=" + prodObj.pf_id + "&','URL'));\"><img id='prod_img' BORDER=0  VSPACE=0  HSPACE=0 ALT=\"" + prodObj.name + "\" title=\"" + prodObj.name + "\" src=\"assets/product_images/" + prodObj.image_2_file+"\" onError=\"this.src='assets/images/comingsoon.jpg';\"></a></div>";
	
	actionMarkup += '<table width="265" border="0" cellspacing="0" cellpadding="4">';

		//product name
		actionMarkup += '<tr><td valign="top" align="left"><FONT class="ProductName">'+prodObj.name+'</FONT></td></tr>';
		
		//display price
		// check onsale flag to see if sale price should be displayed.		
		actionMarkup += '<tr><td valign="top" align="left">';		
		actionMarkup += ( prodObj.on_sale == "true") ? "<font class='ListPricewoSale'>Regular Price&nbsp;"+prodObj.list_price_str+"</font><br><font class='SalePrice'>Sale&nbsp;"+prodObj.sale_price_str+"</font>" : "<font class='ListPricewoSale'>Price&nbsp;"+prodObj.list_price_str+"</font>";		
		actionMarkup += '</td></tr>';
		
		//display sku and qty dropdowns		 
		actionMarkup += '<tr><td align="left">'+draw_sku_option_qv()+'</td></tr>';
	
		// add to cart button
		if (prodObj.enable_basket==1 && prodObj.num_avail){
			actionMarkup += '<tr><td align="left"><INPUT TYPE=Image NAME="pbasket" SRC="assets/images/btnaddbskt1.gif" BORDER=0 ALT="Add to your shopping cart"></td></tr>';
		}
		
		//tell a friend
		actionMarkup += "<tr><td align='left'><a href=\"javascript:shareproduct('share_new.asp','none','SURL','"+prodObj.pf_id+"','"+prodObj.image_file+"','"+escape(prodObj.name)+"');\"><img src=\"assets/images/btn_qv_tellafriend.gif\" alt=\"Tell a Friend\" border=\"0\"></a></td></tr>";
		//add to wish
		if (prodObj.enable_wish==1 && prodObj.num_avail){		// add to wish basket button
			 actionMarkup += '<tr><td align="left"><INPUT TYPE=Image  NAME="wbasket" SRC="assets/images/btn_qv_addWish.gif" BORDER=0 ALT="Save to WishList"></td></tr>';
		}
		//product detail link
		actionMarkup += "<tr><td align='left'><a href=\"product.asp?pf_id=" + prodObj.pf_id + "&\" onclick=\"return(visitargs('product.asp','pf_id=" + prodObj.pf_id + "&','URL'));\"><img src=\"assets/images/btn_qv_details.gif\" alt=\"Product Details\" title=\"Product Details\" border=\"0\"></a></td></tr>";
		
		// description
		actionMarkup += '<tr><td align="left" class="qv_desc">' + prodObj.description.substring(0,200) + '... <a href="product.asp?pf_id=' + prodObj.pf_id + '&" onclick="return(visitargs(\'product.asp\'\,\'pf_id=' + prodObj.pf_id + '&\',\'URL\'));">read more</a></td></tr>';
		
		//keep shopping
		actionMarkup += '<tr><td align="left"><a id="closebtn" href="javascript:void(0)" onClick="closeProd(document.getElementById(\'qv_action\'));"><img src="assets/images/btn_qv_shop.gif" border="0" alt="Close" title="Close"></a></td></tr>';
		
		actionMarkup += '</table><br class="clear">';
	
	actionMarkup += "</FORM>";// end the form

	qvAction.innerHTML = actionMarkup;	// put form, add to cart, add to wish basket, view cart buttons inside div
	
	winHeight = 600;
	//make height 215 + height of image
	if(document.getElementById("prod_img"))
	{
		var img = document.getElementById("prod_img");
		winHeight = img.height + 215;
	}
	
	// re-set the popup's height
	//winHeight = (prodObj.name.length > 60)? 580 : 560;	// change height of main popup window if product title goes to a second line
	//winHeight += ((qvPrice.innerHTML).indexOf('-') > -1)? 15 : 0;	// add 10 px if price is too long for one line
	qvWin.style.height = winHeight + "px";
	qvWin.style.height = "auto";
	if(isIE6){	// make iframe visible if IE
		//qvIFrame.style.height = winHeight + "px";
		qvIFrame.style.height = (winHeight-200) +"px";
		//qvIFrame.style.left = ((document.body.clientWidth / 2) - 235) + "px";
		//qvIFrame.style.top = (document.documentElement.scrollTop + 50) + "px";
		qvIFrame.style.display = "block";
		qvIFrame.style.visibility = "visible";
		qvIFrame.style.zIndex = "9999979";
	}

	//qvLoader.style.display = "none";	// hide loader animation	
	qvWin.style.visibility = "visible";	// finally display the product quickview popup on the page
}


/**
 * Calls the ajax request for product data
 * @param{string} pf_id is sent in the POST to specify which product's data we're requesting
 **/
function getProdInfo(pf_id){
	if(qvWin.style.visibility == "visible"){closeProd(qvWin.firstChild);}
	// set the popup positioning
	if(isIE6){		// ie6
		qvIFrame.style.left = ((document.body.clientWidth / 2) - 273) + "px";
		qvIFrame.style.top = (document.documentElement.scrollTop + 90) + "px";
		qvWin.style.left = qvIFrame.style.left;
		qvWin.style.top = qvIFrame.style.top;
	}else if(isIE){	// ie7
		qvWin.style.left = ((document.body.clientWidth / 2) - 273) + "px";
		qvWin.style.top = (document.body.scrollTop + 90) + "px";
	}else{			// ff + others
		qvWin.style.left = ((document.body.scrollWidth / 2) - 273) + "px";
		qvWin.style.top = (window.pageYOffset + 90) + "px";
	}

	// display the popup window with a 'loading' message to user until the product info has been loaded
	//qvLoader.style.display = "block";
	qvWin.style.visibility = "visible";
	if(isIE6){qvIFrame.style.display = "block";}

	if (!isIE6) { // iIE7, Mozilla, Safari, ...
		prodReq = new XMLHttpRequest();
		isIE6 = false;
	} else{ // IE6, below
		prodReq = new ActiveXObject("Microsoft.XMLHTTP");
		isIE6 = true;
	}

	/* determine page protocol */  
	var myTemp = window.location.href;  
	var tempSplit = myTemp.split(":");  
	var pageProt = tempSplit[0];  
	  
	prodReq.open('GET', document.location.protocol+'//'+document.location.hostname+'/killerdana/product_json.asp?pf_id='+pf_id, true);
	  
	prodReq.setRequestHeader('Content-type', 'application/xml');
	prodReq.onreadystatechange = function(){productCallback();}	// specify our callback function
	prodReq.send(null);
}

/**
 * Callback function called in getProdInfo, catches errors or bad statuses that may be returned
 **/
function productCallback(){
	try{
		if(prodReq.readyState == 4){	// 4 = complete
			prodObj = eval('(' + prodReq.responseText + ')');	// parse returned json object for our javascript to read
			showProd();	// call functino to display product /quickview window
			if (prodReq.status !=200) {
				alert('status != 200');
				return;
			}
		}
		else {
			// So IE won't throw an error
			return;
		}
	}catch(e){
		// improperly formed json
	}

}

/**
 * Closes and clears out the product quickview window
 **/
function closeProd(win){
	// clear out divs
	qvErr.style.visibility = "hidden";	
	qvAction.innerHTML = "";	
	win.parentNode.style.visibility = "hidden";		// hide quickview popup
	if(qvIFrame){qvIFrame.style.display = "none";}	// hide iframe
}

/**
 * make sure a product sku has been selected from dropdown before adding to basket
 * @param{boolean} onchange is a flag that is set to true if being called from the sku dropdown onchange event
 */
function checkSku(onchangeFlag){
	var skuSelect;
	if(document.getElementById('sku')){skuSelect = document.getElementById('sku');}	// only grab the sku select dropdown if it exists on the page

	if(onchangeFlag){	// only do this stuff if being called from the select box onchange
		if(skuSelect.value != ""){
			qvErr.style.display = "none";
		}
		return;
	}else{
		if(skuSelect){
			if(skuSelect.value == ""){	// only do this stuff if being called from the form2 onsubmit
				qvErr.style.display = "block";
				//qvWin.style.height = (winHeight + 40) + "px";
				return false;
			}else{
				qvErr.style.display = "none";
				return true;
			}
		}else{
			// if there is no sku select
			qvErr.style.display = "none";
			return false;
		}
	}
}


/* draws the sku dropdown */
/**
 * Returns true if 'e' is contained in the array 'a'
 * @author Johan Känngård, http://dev.kanngard.net
 */
function contains(a, e) {
	if(a!=null)
		for(j=0;j<a.length;j++)if(a[j]==e)return true;
	return false;
}

function draw_sku_option_qv()
{	
	// set differences in vars		
	var product_var = prodObj.Items;
	
	//set searchable attributes -- so we can get ESD
	var sa_array = prodObj.SrchAttrs;
	
	var attr_label = new Array();
	attr_label[0] = prodObj.attr_label1;
	attr_label[1] = prodObj.attr_label2;	
	
	var skuMarkup = "";
	var num_avail = 0;
	var dropdownattr1 = "";
	var attrname = "";
	var dropdown_label="";	
	if (product_var.length >= 1 ){
		prodObj.num_avail = true;
		if(product_var.length==1){
			skuMarkup += "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>";
			skuMarkup += "<TR VALIGN=TOP ><TD class=ProductAttrlabel >" + attr_label[0] + "</TD><TD>";
			getQVESDDate (sa_array, product_var[0].sku); //sets theESD date object and the ESDValue var
			if (product_var[0].avail != "0") {
				num_avail=1;
				skuMarkup += "&nbsp;" + product_var[0].attr_value1+"&nbsp;";//+ formatESD(1)
			} else 
			{
				skuMarkup += "So sorry but this product is not available.";
			
			}
			skuMarkup += "<input type=\"hidden\" name=\"info_attr1\" value=\""+ESDValue+"\">";
			skuMarkup += "<INPUT TYPE=HIDDEN  NAME=\"sku\" id=\"sku\" VALUE=\"" + product_var[0].sku + "\" >";
			skuMarkup += "</td></TR></TABLE>";
		}
		else
		{	
			skuMarkup += "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>";
	
			i=attr_label.length-1;
			labelstr="";
			while (attr_label[i]!= "" && i >=0 ) {
			labelstr=labelstr + attr_label[i] + " ";
			i=i-1;
			}
			for (atn=0;atn< product_var.length ;atn++){
				if (product_var[atn].avail != "0") {
				   getQVESDDate(sa_array, product_var[atn].sku); //sets theESD date object and the ESDValue var
				  if (num_avail == 0){
				    skuMarkup += "<TR VALIGN=TOP><TD class=ProductAttrlabel>Size</TD><TD>";
				    skuMarkup += "<div id=ddDiv><SELECT class=ProductAttr NAME='sku' id='sku' onchange=\"document.getElementById('info_attr1').value=ESDValue;\">";
				  }
				  
				   skuMarkup +=writeoption_qv(product_var[atn].sku,(product_var[atn].attr_value2 + " | " + product_var[atn].attr_value1 + formatESD(0) ) ,'');
				  
				  num_avail++;
				}
			}//end for
			if (num_avail > 0){
			  skuMarkup += "</SELECT></div></TD></tr><tr><td class='ProductAttrlabel' align='left' style=\"padding:4px 0px 0px 0px;\">Qty</td><td style=\"padding:4px 0px 0px 0px;\"><div id=ddDiv><SELECT class=ProductAttr NAME='qty' id='qty'>";
			for(na=1;na<=5;na++){skuMarkup += "<option value=\""+na+"\">"+na+"&nbsp;</option>";}
			  skuMarkup += "</select></div>";
			  getQVESDDate(sa_array, product_var[0].sku);
			  skuMarkup += "<input type=\"hidden\" name=\"info_attr1\" id=\"info_attr1\" value=\""+ESDValue+"\">";
			  skuMarkup += "</td>";
			}else{
			  skuMarkup += "<TR VALIGN=TOP><TD class=ProductAttrlabel>So sorry but this product is not available.</td>";
			}
			skuMarkup += "</TR></TABLE>";
		}
	}
	
	return skuMarkup;
	
} //end draw_sku_option

function writeoption_qv(option,display,select){
	var optMarkup = "";
	if (select==option){selected=" SELECTED";}else{selected="";}
	option=String(option);
	option=option.replace(/'/g,"&#39;");
	optMarkup += "<OPTION Value='"+option+"'"+ selected +">"+ display + "</option>";
	return optMarkup;
}

function GetParamterValueQv(ParameterName)
{
var EQUAL = "=";
var AMP = "&";
var QUE = "?";
var EMPTY = "";
var url = window.document.URL.toString();
if (url.indexOf(QUE) > 0 ) {
var Parameters = url.split(QUE)[1].split(AMP);

	for (i = 0; i < Parameters.length; i++ ){
		if (Parameters[i].indexOf(EQUAL) > 0 ){
		var ParameterValue = Parameters[i].split(EQUAL);

		if (ParameterValue[0]== ParameterName ) {
		return ParameterValue[1];
		}
		}
	}
}
return EMPTY;
}


/* draws quick view icon on search thumbnail
*/
function draw_search_qv(product_pfid)
{
	document.write("<div class=\"qv-wrapper\">");
	document.write("<img src=\"assets/images/qvicon.gif\" class=\"qvicon\" style=\"visibility:hidden;\" ");
	if(window.XMLHttpRequest){document.write("style=\"left:0px;\" ");}	// add in an ie7 hack
	document.write("id=\"qvicon_" + product_pfid  + "\" ");
	document.write("onmouseover=\"popQVIcon('qvicon_" + product_pfid  + "');\" ");
	document.write("onclick=\"getProdInfo('" +  product_pfid + "');\" ");
	document.write("onmouseout=\"hideQVIcon('qvicon_" + product_pfid  + "');\" /></div>");
}



/* function called to share product with a friend*/
function shareproduct(PageURL,args,SURL,apf_id,aimage,aproduct_name)
{
	if(typeof apf_id == "undefined") apf_id = pf_id;
	if(typeof aimage == "undefined" && product_image[0].image) aimage = product_image[0].image;
	if(typeof aproduct_name == "undefined") aproduct_name = product_name;
	
	var plink;
	var emailbody;
	var url;
	if (args.indexOf("=")<0 ||args.indexOf("&")<0 ){
		args="";
	}
	if (user_guid !=' ')
	{		
		PageURL =PageURL + '?mscssid='+ user_guid+ '&pf_id='+apf_id+ '&'+ args ;
	}else{
		PageURL =PageURL + '?pf_id='+apf_id+ '&'+ args ;
	}
	
	plink=i_jscript_uu_rootURL+"product.asp?pf_id="+ apf_id +"&" ;
	emailbody = "Dear #RecipientName#,<BR><br>#Text_field_3#<BR><BR>I found this cool stuff at KillerDana.com. <BR><A HREF=#URL#>Click here</a> to check it out <BR>or cut-n-paste this link into your browser:<BR><BR><A HREF=#URL#>#URL#</a><BR><BR>If you have any questions you can email me at:<BR> #FromEmail# <BR><BR>Bye for now :) <BR> #FromName#";
	/*emailbody="Dear #RecipientName#,<BR> #Text_field_3# <BR><BR>";
	if (aimage!=""){
		emailbody = emailbody + "<A HREF=\"#URL#\"><img src=\""+i_jscript_uu_rootURL+"assets/product_images/"+aimage+"\" border=0 alt=\""+ aproduct_name+"\"></a>";
	}
	emailbody = emailbody + "<A HREF=\"#URL#\">"+ aproduct_name + "</a><BR>" ;
	emailbody = emailbody + "from #FromName# at <A href=\"mailto:#FromEmail#\">#FromEmail# <BR>" ;*/
	window.location=PageURL +"referer="+escape(plink)+"&email_body="+escape(emailbody)+"&target="+ escape(window.location.href)+"&";
	//Note: This return is required as well
	// false tells the browser to ignore the default action entirely
	//usage Click Here II
	return(false);
} //end shareproduct