/*
* Merch block Javascript
* version 1
*/

jQuery.fn.makeLinksExternal=function(){return this.each(function(){var a=jQuery(this).attr("href");if(a.indexOf(location.host)==-1&&a.indexOf("/")!=0){jQuery(this).attr("target","_blank")}})};
/* Functions for Merch Hover Card */
function bringMerchHCOn(merchImg){
  merchImg.showTimer = window.setTimeout(function(){
    jQuery(merchImg).siblings(".merchHC").fadeIn(350);
  },300);
}
function killMerchHC(merchImg){
  if (merchImg.showTimer){
    window.clearTimeout(merchImg.showTimer);
  }
}

function testOmnitureStringPresence(omnitureString){
  var omnitureStrRegex = /intcmp=(.*)(&.*|\/)$/;
  var regExCapture = omnitureString.match(omnitureStrRegex);
  return regExCapture; 
}

function getMerchToasterOmnitureArray(omnitureString){
  var omnitureArrayLinks = new Array();
  omnitureString = jQuery.trim(omnitureString);
  if (omnitureString.charAt(omnitureString.length-1) != "/" ){omnitureString += "/";}
  var regExCapture = testOmnitureStringPresence(omnitureString);
  if (regExCapture!= null && regExCapture != ""){
    var regularExpCapture = regExCapture[1]; 
    omnitureString = omnitureString.replace(/\/$/,'');
    omnitureArrayLinks["alert-title"] = omnitureString.replace(regularExpCapture,regularExpCapture+'-alert-title');
    omnitureArrayLinks["alert-thumb"] = omnitureString.replace(regularExpCapture,regularExpCapture+'-alert-thumb');
    omnitureArrayLinks["alert-button"] = omnitureString.replace(regularExpCapture,regularExpCapture+'-alert-button');
  }else {
    omnitureArrayLinks["alert-title"] = omnitureString.replace(/\/$/,'?intcmp=-alert-title');
    omnitureArrayLinks["alert-thumb"] = omnitureString.replace(/\/$/,'?intcmp=-alert-thumb');
    omnitureArrayLinks["alert-button"] = omnitureString.replace(/\/$/,'?intcmp=-alert-button');
  }
  return omnitureArrayLinks;
}
  
/*
 * This function is used to tag store links with different omniture tags, 
 * to track them. This will enable us to track which links the user clicked. 
 * */
function getMerchOmnitureArray(omnitureString){
  var omnitureArrayLinks = new Array();
  omnitureString = jQuery.trim(omnitureString);
  if (omnitureString.charAt(omnitureString.length-1) != "/" ){omnitureString += "/";}
  regExCapture = testOmnitureStringPresence(omnitureString);
  if (regExCapture != null && regExCapture != ""){
    var regularExpCapture = regExCapture[1]; 
    omnitureString = omnitureString.replace(/\/$/,'');
    omnitureArrayLinks["page-title"] = omnitureString.replace(regularExpCapture,regularExpCapture+'-page-title');
    omnitureArrayLinks["page-button"] = omnitureString.replace(regularExpCapture,regularExpCapture+'-page-button');
    omnitureArrayLinks["page-thumb"] = omnitureString.replace(regularExpCapture,regularExpCapture+'-page-thumb');
    omnitureArrayLinks["hovercard-title"] = omnitureString.replace(regularExpCapture,regularExpCapture+'-hovercard-title');
    omnitureArrayLinks["hovercard-thumb"] = omnitureString.replace(regularExpCapture,regularExpCapture+'-hovercard-thumb');
    omnitureArrayLinks["hovercard-button"] = omnitureString.replace(regularExpCapture,regularExpCapture+'-hovercard-button');
  }else{
    omnitureArrayLinks["page-title"] = omnitureString.replace(/\/$/,'?intcmp=page-title');
    omnitureArrayLinks["page-button"] = omnitureString.replace(/\/$/,'?intcmp=page-button');
    omnitureArrayLinks["page-thumb"] = omnitureString.replace(/\/$/,'?intcmp=page-thumb');
    omnitureArrayLinks["hovercard-title"] = omnitureString.replace(/\/$/,'?intcmp=hovercard-title');
    omnitureArrayLinks["hovercard-thumb"] = omnitureString.replace(/\/$/,'?intcmp=hovercard-thumb');
    omnitureArrayLinks["hovercard-button"] = omnitureString.replace(/\/$/,'?intcmp=hovercard-button');
    
  }         
  return omnitureArrayLinks;
}
  
/*
 * 
 * This function generates the structure of the merch module. 
 * The structure is just a javascript variables interspersed with html. 
 */ 
function generateMerchStructure (){
  var $merchData = jQuery("#merchData");
  var $merchItem = $merchData.children(".merchItems")
  var merchViewAllLink = $merchData.children(".merchViewAll").html();
  var merchHoverCardPresenHtml = $merchData.children(".merchHoverCardPresent").html();
  var merchHoverCardPresent = jQuery.trim(merchHoverCardPresenHtml);
  merchHoverCardPresent = !!merchHoverCardPresent;
  
  /* Code for the Merch Head */
  var merchHead = '<div class="merchHead"><div class="visitStore"><a href="'+ merchViewAllLink +'" class="visitStoreLink"  >ALL</a></div></div>'
  var visitStorehead = jQuery('#merchContainer').parent(".description").parent(".body").siblings(".head");
        jQuery(merchHead).appendTo(visitStorehead);
  jQuery(visitStorehead).find("a").makeLinksExternal();
  /* End of Code for Merch Module */
  
  var merchBody='<ul class="merchItems">';
  jQuery.each($merchItem.children(".merchItem"), function (i){      
    var merchImage = jQuery(this).children(".merchImage").html();
    var merchTitle = jQuery(this).children(".merchTitle").html();
    var merchBuyNow = jQuery(this).children(".merchBuyNow").html();
    var merchDesc = jQuery(this).children(".merchDesc").html();
    var merchSizes = jQuery(this).children(".merchSizes").html();
    var merchPrice = jQuery(this).children(".merchPrice").html();
    var omnitureArrayLinks = getMerchOmnitureArray(merchBuyNow);
 
    merchBody += '<li class="merch small item'+(i+1)+'">\
      <div class="merchImg"><a href="'+ omnitureArrayLinks["page-thumb"] +'"><img src="'+ merchImage +'"/></a><div class="merchZoomIcon"></div></div>\
      <div class="merchDetail">\
        <div class="merchPriceWrapper"><div class="merchName"><a href="'+ omnitureArrayLinks["page-title"]+'" >'+ merchTitle +'</a></div><div class="merchPrice">'+ merchPrice +'</div></div>\
        <div class="merchBuy"><a href="'+omnitureArrayLinks["page-button"]+'" class="merchBuyLink">' + merchPrice + '</a></div>\
      </div>'
      if (merchHoverCardPresent){
      merchBody +='<div class="merchHC merchHC'+ (i + 1) +'">\
              <div class="merchHCWrapper">\
                <div class="merchHCInnerWrapper">\
                  <div class="merchHCHead"><a href="'+ omnitureArrayLinks["hovercard-title"] +'">'+ merchTitle +'</a></div>\
                  <div class="merchHCBody">\
                    <div class="merchHCLeftCon"><a href="'+ omnitureArrayLinks ["hovercard-thumb"]+ '"><img src="'+merchImage+'" width="230px"/></a></div>\
                    <div class="merchHCRightCon">\
                      <h3 class="merchHCPrice">'+merchPrice+ '</h3>';
                      if (merchDesc != "" && merchDesc != null){
                        merchBody += '<h3>Description</h3><div>'+ merchDesc +'</div>';  
                      }
                      if (merchSizes !="" && merchSizes !=null){
                        merchBody += '<h3>Sizes</h3><div>'+merchSizes+'</div>';  
                      }
                      
                      merchBody += '<div class="merchHCBuyNowCon"><a class="merchHCBuyNow" href="'+ omnitureArrayLinks ["hovercard-button"] +'">Buy Now</a></div>\
                    </div>\
                    <div class="clear"></div>\
                  </div>\
                  <div class="merchHCFoot"></div>\
                </div>\
              </div>\
            </div>';
      }/* End of the Merch Hovercard Body */
    merchBody += '</li>';
  });
  merchBody += '</ul><div class="clear"></div>';

  var merchFoot = '<div class="clear"></div><div class="merchFoot"><div class="visitStore"><a href="'+ merchViewAllLink +'" class="visitStoreLink" >View ALL</a></div></div>';
  var visitStoreFoot = jQuery('#merchContainer').parent(".description").parent(".body").siblings(".foot");
        jQuery(merchFoot).appendTo(visitStoreFoot);
  jQuery(visitStoreFoot).find("a").makeLinksExternal();    
  return merchBody;
}
  
/*These functions are used by the merch HC so that casual hovers less than 300 seconds
 * are omitted. 
 */
function bringMerchHCOn(merchImg){
  merchImg.showTimer = window.setTimeout(function(){
    jQuery(merchImg).siblings(".merchHC").fadeIn(300);
  },300);
}
function killMerchHC(merchImg){
  if (merchImg.showTimer){
    window.clearTimeout(merchImg.showTimer);
  }
}  
/* Registereing the hover events */
function registerMerchHoverEvents(){
  jQuery(".merchImg").hover(function(){
    bringMerchHCOn(this);
  },function(){
    killMerchHC(this);
  });
  jQuery(".merchHC").hover(function(){
  },function(){
    jQuery(this).fadeOut(300);
  });
}  
/* The piece of code which generates the merch, adds the dom and registers the events. */
jQuery(document).ready(function(){
  if(jQuery('#merchData').length){     
    jQuery("#merchContainer").html(generateMerchStructure());
    jQuery("#merchData").empty();
    registerMerchHoverEvents();
    jQuery("#merchContainer a").makeLinksExternal();  
  }    
});