//jas - this file contains code for the quickview functionality on department, deptsku, and search pages
//Note: the code has been modified from the default quickview code for specific Citysports customization
/**
* 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
*
*
*
*
*
* add to product thumbs
* onmouseover="popQVIcon('qvicon_PF_ID_HERE');"
* onmouseout="hideQVIcon('qvicon_PF_ID_HERE');"
*/
//jas - 11/11/07 modified layout for custom use on citysports
/* 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(department_id){
// 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 = "Sorry, product information is unavailable at this time.";
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 = "So sorry but this product is sold out. It will be removed from the site as soon as possible. ";
return;
}
//holds the product display to be written to action div
var actionMarkup = "";
// begin form that will add product to basket
actionMarkup += " ";// 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-50) +"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,department_id){
if(qvWin.style.visibility == "visible"){closeProd(qvWin.firstChild);}
// set the popup positioning
if(isIE6){ // ie6
qvIFrame.style.left = ((document.body.clientWidth / 2) - 235) + "px";
qvIFrame.style.top = (document.documentElement.scrollTop + 50) + "px";
qvWin.style.left = qvIFrame.style.left;
qvWin.style.top = qvIFrame.style.top;
}else if(isIE){ // ie7
qvWin.style.left = ((document.body.clientWidth / 2) - 235) + "px";
qvWin.style.top = (document.body.scrollTop + 50) + "px";
}else{ // ff + others
qvWin.style.left = ((document.body.scrollWidth / 2) - 235) + "px";
qvWin.style.top = (window.pageYOffset + 50) + "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];
/* determine correct path to use based on protocol (http vs https) */
switch (pageProt) {
case "http":
prodReq.open('GET', i_jscript_uu_rootURL+'product_json.asp?pf_id='+pf_id, true);
break;
case "https":
prodReq.open('GET', i_jscript_uu_rootSURL+'product_json.asp?pf_id='+pf_id, true);
break;
}
prodReq.setRequestHeader('Content-type', 'application/xml');
prodReq.onreadystatechange = function(){productCallback(department_id);} // specify our callback function
prodReq.send(null);
}
/**
* Callback function called in getProdInfo, catches errors or bad statuses that may be returned
**/
function productCallback(department_id){
try{
if(prodReq.readyState == 4){ // 4 = complete
prodObj = eval('(' + prodReq.responseText + ')'); // parse returned json object for our javascript to read
showProd(department_id); // 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{
//jas - added code to redirect through shopper lookup when adding to wishlist
if (addto==4){go_thru_shopper_lookup(skuSelect.value);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= 1 ){
prodObj.num_avail = true;
if(product_var.length==1){
skuMarkup += "
";
skuMarkup += "
" + attr_label[0] + "
";
if (product_var[0].avail != "0") {
num_avail=1;
skuMarkup += " " + product_var[0].attr_value1;
} else
{
skuMarkup += " So sorry but this product is not available.";
}
skuMarkup += "";
skuMarkup += "
";
}
else
{
skuMarkup += "
";
i=attr_label.length-1;
labelstr="";
while (attr_label[i]!= "" && i >=0 ) {
labelstr=labelstr + attr_label[i] + " ";
i=i-1;
}
product_var.sort(UUSort);
//writeoption_qv("",labelstr ,sel_values[0]);
for (atn=0;atn< product_var.length ;atn++){
if (product_var[atn].avail != "0") {
if (num_avail == 0){
skuMarkup += "
Size
";
skuMarkup += "
Qty
";
}else{
skuMarkup += "
So sorry but this product is not available.
";
}
skuMarkup += "
";
}
}
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,"'");
optMarkup += "";
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("
");
document.write("
");
}
/* draws quick view icon on dept thumbnail
jas - added product_identifier (of dept_id) for multiple instances of the same product (attached to different depts) appearing on deptksu page
*/
function draw_dept_qv(product_pfid,product_identifier)
{
document.write("
");
document.write("
");
}
/* 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#, #Text_field_3#
![](\"assets/images/qvicon.gif\")