/**
 * Global variable declarations - these settings will be used by the classes
 * defined in this document.
 */


/**
 * Web service timeout - defined in milliseconds
 */
var WEB_SERVICE_TIMEOUT = 120000;

/**
 * Running mode for the Javascript - set to true
 * to product debugging code
 */
var JAVASCRIPT_DEBUG=true;

/**
 * Used to enable/disable variant caching - this will
 * keep the results of a web service call in a local
 * client-side cache for use for subsequent calls that
 * retrieve the same data
 */
var ENABLE_VARIANT_CACHING=true;

/**
 * Used to enable/disable product caching - works
 * the same as ENABLE_VARIANT_CACHING
 * @see ENABLE_VARIANT_CACHING
 */
var ENABLE_PRODUCT_CACHING=false;

/**
 * if set to true, it reports statictics to 
 * coremetrics
 * @see ENABLE_COREMETRICS_FOR_BUBBLES
 */
var ENABLE_COREMETRICS_FOR_BUBBLES=true;

/**
 * If this flag is set to true, category name is not passed to coremetrics
 * which assumes that category tree is updated periodically via any DTS 
 *  job
 * @see ENABLE_COREMETRICS_CATEGORY_TREE
 */
var ENABLE_COREMETRICS_CATEGORY_TREE=false;
var CATEGORYID_FOR_BUBBLE_TO_OVERWRITE='F1_QuickShopLink';
var CATEGORYNAME_FOR_BUBBLE_TO_OVERWRITE='QuickShopLink';
/**
 * Used by the supporting classes to determine if a modal
 * popup is currently visible.
 */
var IS_MODELPOPUP_VISIBLE=false;


/**
 * The Variables below will hold diffrent value based on the web site
 */

/**
 * Used to set the relative or absolute path to the images
 * TODO: USE Width and Height on the Code....
 * Const for Images
 */
var IMAGES_RELATIVE_OR_ABSOLUTE_PATH="/img/product/";

/**
 * Large Shades Settings
 */

/**
 * The prefix for the large shade image
 */
var VARIANT_LARGE_SHADE_IMAGE_PREFIX='packshot/';

/**
 * The suffix for the large shade image
 */
var VARIANT_LARGE_SHADE_IMAGE_SUFFIX="_xl.jpg";

/**
 * The large shade image width
 */
var VARIANT_LARGE_SHADE_WIDTH="100px";

/**
 * The large shade image height
 */
var VARIANT_LARGE_SHADE_HEIGHT="100px";

/**
 * Small Shades Settings
 */

/**
 * The prefix for the small shade image
 */
var VARIANT_SMALL_SHADE_IMAGE_PREFIX="color/";

/**
 * The suffix for the small shade image
 */
var VARIANT_SMALL_SHADE_IMAGE_SUFFIX=".gif";

/**
 * The small shade image width
 */
var VARIANT_SMALL_SHADE_WIDTH="19px";

/**
 * The small shade image height
 */
var VARIANT_SMALL_SHADE_HEIGHT="19px";


/**
 * Thumbnail Settings
 */

/**
 * The prefix for the thumbnail image
 */
var PRODUCT_MEDIUM_IMAGE_PREFIX="packshot/";

/**
 * The suffix for the thumbnail image
 */
var PRODUCT_MEDIUM_IMAGE_SUFFIX="_xl.jpg";

/**
 * The thumbnail image width
 */
var PRODUCT_MEDIUM_WIDTH="100PX";

/**
 * The thumbnail image height
 */
var PRODUCT_MEDIUM_HEIGHT="100PX";

/**
 * Product Small Image Settings
 */

/**
 * The prefix for the product small image
 */
var PRODUCT_SMALL_IMAGE_PREFIX="packshot/";

/**
 * The suffix for the product small image
 */
var PRODUCT_SMALL_IMAGE_SUFFIX="_xs.jpg";

/**
 * The product small image width
 */
var PRODUCT_SMALL_IMAGE_WIDTH=45;

/**
 * The product small image height
 */
var PRODUCT_SMALL_IMAGE_HEIGHT=75;

/**
 * Product Large Image Settings
 */

/**
 * The prefix for the product large image
 */
var PRODUCT_LARGE_IMAGE_PREFIX="packshot/";

/**
 * The suffix for the product large image
 */
var PRODUCT_LARGE_IMAGE_SUFFIX="_l.jpg";

/**
 * The product large image width
 */
var PRODUCT_LARGE_IMAGE_WIDTH=0;

/**
 * The product large image height
 */
var PRODUCT_LARGE_IMAGE_HEIGHT=0;
/**
 * The div or span id of the please wait layer
 */
var CORE_AJAX_PLEASEWAIT_DHTMLOBJECT_ID="coreajax_pleasewait";

/**
 * Style Sheet of paging Numbers
 */
var CORE_AJAX_PAGING_NUMBERS_STYLESHEET="<div class='PAGING_OFF'>";
/**
 * closing tag of page numbers
 */
var CORE_AJAX_PAGING_NUMBERS_CLOSING_TAG="</div>";
/**
 * Style Sheet of current Page
 */
var CORE_AJAX_CURRENT_PAGE_STYLESHEET="<div class='PAGING_ON'>";
/**
 * closing tag of current page
 */
var CORE_AJAX_CURRENT_PAGE_CLOSING_TAG="</div>";
/**
 * Prefix
 */
var PAGE_PAGExOFy="&nbsp;-&nbsp;"; //Page
/**
 * Middle
 */
var OFF_PAGExOFy="&nbsp;of&nbsp;"; //of
/**
 * SUFFIX
 */
var DISPLAY_PAGExOFy="&nbsp;displayed.&nbsp;"; //displayed
/**
 * Main Variant Layer
 */
var VARIANT_LAYER_PARENT_CONTAINS="Category:Product:List:";


/**
 * boolean loadPleasewait as Modal
 */
var CORE_AJAX_LOAD_PLEASEWAIT_ASMODAL=true;

/**
 *Main product Layer
 */
var MAIN_LAYER_PARENT_CONTAINS='Category$$Product$$List$$Begin';

var SHADE_SUB_GROUP_FLD="COLOR_FAMILY"//"BI_Color_Family"; //ID_BI_COLOR_FAMILY

var SPACER_IMAGE="/images/spacer.gif";


var VARIANT_MEDIUM_SHADE_WIDTH="45px";


var VARIANT_MEDIUM_SHADE_HEIGHT="50px";

/**
 * The prefix for the small shade image
 */
var VARIANT_MEDIUM_SHADE_IMAGE_PREFIX="swatch/";

/**
 * The suffix for the small shade image
 */
var VARIANT_MEDIUM_SHADE_IMAGE_SUFFIX="_sw.jpg";

/**
 * Default Retailer
 */
var AJAX_DEFAULT_RETAILER='LOREAL';
/**
 * if set to true, the out of stock will be managed by ajax by reading webstock property in db
 */
var AJAX_ENABLE_OUTOFSTOCK=true;

var AJAX_IS_TOPIC_PRODUCT_SLIDER_ON=false;

/**
 * The image to use when a product is recommended based on a diag
 */
var DIAG_RECOMMENDATION_IMAGE = "/img/JFY_icon_sm.gif";

/**
 * The height of the image to use when a product is recommended based on a diag
 */
var DIAG_RECOMMENDATION_IMAGE_HEIGHT = "16px";

/**
 * The width of the image to use when a product is recommended based on a diag
 */
var DIAG_RECOMMENDATION_IMAGE_WIDTH = "15px";

/**
 * The ALT text to use when an product is recommended based on a diag
 */
var DIAG_RECOMMENDATION_IMAGE_ALT = "Recommended based on your profile";

/**
 * Variant: The container id for the Add to Favorite confirmation message
 */
var VAR_FAVORITE_CONFIRM_ID = "FavConfirm";

/**
 * Variant: The container id for the Add to Favorite product info (needs to be hidden when the item is added)
 */
var VAR_PRODUCT_INFO_ID = "ProductInfo";

/**
 * Variant: The message for the Add to Favorite confirmation
 */
var VAR_FAVORITE_CONFIRM_MESSAGE = "This item has been added to your <a href=\"/_us/_en/members/myaccount/wishlist.aspx\" class=\"Adrkpink11pxR\">Wishlist</a>.";

/**
 * Product: The container id for the Add to Favorite confirmation message
 */
var PRD_FAVORITE_CONFIRM_ID = "Prd_FavConfirm";

/**
 * Product: The container id for the Add to Favorite product info (needs to be hidden when the item is added)
 */
var PRD_PRODUCT_INFO_ID = "Prd_ProductInfo";

/**
 * Product: The message for the Add to Favorite confirmation
 */
var PRD_FAVORITE_CONFIRM_MESSAGE = "This item has been added to your <a href=\"/_us/_en/members/myaccount/wishlist.aspx\" class=\"ABLACK12_B\">Wishlist</a>.";


/**
 * The path to the popup used if the user need to signin
 */
var POPUPPATHSIGNIN = SSLSiteName + "/_us/_en/members/popup_Favorite_login.aspx";

/**
 * The height to the popup used if the user need to signin
 */
var POPUPSIGNINHIEGHT = "210";

/**
 * The width to the popup used if the user need to signin
 */
var POPUPSIGNINWIDTH = "352";

/**
 * This variable will be used to when to show the OOS. If web stock is 5 or less, show OOS icon.
 */
var OOS_THRESHOLD=3;

//view details from product bubble
var AJAX_BUBBLE_PRODUCT_VIEWDETAIL_TEMPLATE='<a href="' + SiteName + '$$$AJAX_ProductRelativePath$$$product.aspx?catcode=$$$AJAX_ProductCategoryCode$$$&prdcode=$$$AJAX_ParentProductCode$$$\" ><img src="/IMG/BTN_VwDtls.gif" alt="view details" border="0" /></a>';
var AJAX_BUBBLE_PRODUCT_VIEWDETAIL_TEMPLATE_URL_REWRITTEN='<a href="' + SiteName + '/_us/_en$$$AJAX_ProductRelativePath$$$$$$AJAX_ProductURLRewrittenHomePage$$$?\" ><img src="/IMG/BTN_VwDtls.gif" alt="view details" border="0" /></a>';

//view details from thumnails
var AJAX_BUBBLE_PRODUCTTHUMBNAIL_VIEWDETAIL_TEMPLATE='<a href="' + SiteName + '$$$AJAX_ProductRelativePath$$$product.aspx?catcode=$$$AJAX_ProductCategoryCode$$$&prdcode=$$$AJAX_ParentProductCode$$$"><img src="/images/lrgimage_btn.gif" alt="Larger Image &amp; More Details" border="0" /></a>';
var AJAX_BUBBLE_PRODUCTTHUMBNAIL_VIEWDETAIL_TEMPLATE_URL_REWRITTEN='<a href="' + SiteName + '/_us/_en$$$AJAX_ProductRelativePath$$$$$$AJAX_ProductURLRewrittenHomePage$$$"><img src="/images/lrgimage_btn.gif" alt="Larger Image &amp; More Details" border="0" /></a>';


//view details from variant/shade bubble
var AJAX_BUBBLE_VARIANT_VIEWDETAIL_TEMPLATE ='<a href="' + SiteName + '$$$AJAX_ProductRelativePath$$$product.aspx?catcode=$$$AJAX_ProductCategoryCode$$$&prdcode=$$$AJAX_ParentProductCode$$$&varcode=$$$AJAX_VariantCode$$$" class="Ablack10pxRL"><img src="/IMG/BTN_VwDtls.gif" alt="view details" border="0" /></a> '
var AJAX_BUBBLE_VARIANT_VIEWDETAIL_TEMPLATE_URL_REWRITTEN ='<a href="' + SiteName + '/_us/_en$$$AJAX_ProductRelativePath$$$$$$AJAX_ProductURLRewrittenHomePage$$$?varcode=$$$AJAX_VariantCode$$$" ><img src="/IMG/BTN_VwDtls.gif" alt="view details" border="0" /></a> '

/**
 * A static variable that can hold any value based on brand. best it should be left as is and set the variables
 * FINDOUT_AJAX_QUICK_SHOP_URL_AUTOMATICALLY=true and CREATE_MANUAL_LINK_UPON_BUBBLE_PRODUCT_VIEW=true
 */
var AJAX_QUICK_SHOP_URL='quickshop.htm';
/**
 * If the variable below is set to true, the page url is calculated automatically from document.location.href else the above url is taken
 */
var FINDOUT_AJAX_QUICK_SHOP_URL_AUTOMATICALLY=true;
/**
 * if variabale below set to true, a manual link will be created on product view of the bubble
 */
var CREATE_MANUAL_LINK_UPON_BUBBLE_PRODUCT_VIEW=true;