');
}
});
// Create extra markup to display shell structure
$(".shell", context).each(function() {
$shell = $(this);
if ($shell.find(".shellExtra1:first").length === 0) {
$shell.append('');
}
});
// Create extra markup to display shell structure
$(".actHighlight", context).each(function() {
$actHighlight = $(this);
if ($actHighlight.find(".liExtra1:first").length === 0) {
$actHighlight.append('');
}
});
},
buttons : function(context) {
var $child;
// Create extra markup to display button structure
$(".buttonize", context).each(function() {
$child = $(this).children();
if ($child.length) {
if ($($child[0]).hasClass("accessAlt")) {
$(this).wrapInner("").find("span:not('.accessAlt')").append('');
}
} else {
$(this).wrapInner("").find("span:not('.accessAlt')").append('');
}
}).outLineKiller();
},
capsules: function(context) {
var $capsules, $capsule;
$capsules = $(".capsule", context);
// Create extra markup to display capsules structure
if ($capsules.length) {
$capsules.each(function() {
$capsule = $(this);
if ($capsule.find(".capsuleExtra1:first").length === 0) {
$capsule.append('');
}
});
$(".refLine .refLine", context).equalize({similarItem:"eqJs"});
$(".refLine", context).equalize({similarItem:"unit"});
}
},
carousel: function(context) {
$(".carousel", context).carousel();
},
compareWidget: function(context) {
$(".bt_addCompare", context).compareTool();
},
datePicker: function(context) {
var $inputs,
imgPath = "/web/common/all_languages/all_regions/skin/ic_cal.gif",
initDatePicker, lang = "";
if ($.isFunction($.getPageLang)) {
lang = $.getPageLang();
lang = lang==="en"?"":lang;
}
$.datepicker.setDefaults($.datepicker.regional[lang]);
initDatePicker = function($inputs) {
$inputs.each(function() {
if (!$.data(this,"datePickerInitialized")) {
$(this).datepicker({showOn: 'both', showAnim: 'fadeIn', buttonImage: imgPath, buttonImageOnly: true});
$.data(this,"datePickerInitialized", true);
}
});
};
$inputs = $(".datepicker", context);
if ($inputs.length) {
initDatePicker($inputs);
}
},
fonts : function(context) {
// Replace page's title with Cufon text-replacement method
/*global Cufon */
if (typeof(Cufon) === "function" && typeof($.cookies.get("brad-cufon")) !== "string") {
// Text replacement exceptions // put temporary away
var $noTextTransform = $(".noTextTransform"),
$element, $parent;
$noTextTransform.each(function() {
$element = $(this);
$parent = $element.parent();
if ($parent.attr("id") === "") {
$parent.attr("id","txtReplacement-"+Math.floor(Math.random()*100));
}
// Set element ID
$element.attr("id","element-"+$parent.attr("id"));
// Put text outside
$("body").append($element);
});
// Do text replacement
Cufon.replace($.brad.page.elementFinder("h1"));
Cufon.replace($.brad.page.elementFinder(".txtRep"));
// Reverse text replacement exceptions
$noTextTransform.each(function() {
$element = $(this);
$parent = $("#"+$element.attr("id").replace("element-",""));
// Put back content
$parent.append($element);
});
}
},
itemGroup: function(context) {
$.itemGroupLayouting(context);
},
misc: function(context) {
var pageHTML;
if (typeof(context) !== "undefined") {
pageHTML = $(context).html();
} else {
/*global document */
pageHTML = document.body.innerHTML;
}
// Carousel
if (/carousel/.test(pageHTML)) {
this.carousel(context);
}
// Accordion
if (/hAccordion/.test(pageHTML)) {
$(".hAccordion", context).accordion();
}
// Toggle ShowHide
if (/tglJs/.test(pageHTML)) {
this.toggleShowHide(context);
}
// Max character counter
if (/charCountDownJs/.test(pageHTML)) {
$(".charCountDownJs", context).maxChar();
}
// CompareTool
if (/bt_addCompare/.test(pageHTML)) {
this.compareWidget(context);
}
// Build pricing markup
if (/pricingInfo/.test(pageHTML)) {
this.pricingFormats(context);
}
// QuickView
if (/quickViewJs/.test(pageHTML)) {
this.quickViews(context);
}
// DatePicker
if (/datepicker/.test(pageHTML)) {
this.datePicker(context);
}
// ToolTip
if (/ttTrigger/.test(pageHTML)) {
$(".ttTrigger", context).toolTip();
}
// outline Killer
if (/tgl||bt_remove/.test(pageHTML)) {
$(".tgl, .bt_remove", context).outLineKiller();
}
// full Scroll Detector
if (/fTerms/.test(pageHTML)) {
$(".fTerms", context).fullScrollDetector();
}
// ItemGroup margins layouting
if (/itemGroup/.test(pageHTML)) {
this.itemGroup(context);
}
},
pricingFormats: function(context) {
$(".pricingInfo .priceTag", context).formatPrice();
},
tables: function(context) {
// Styles added to data tables
$("table tr:odd", context).addClass("odd");
$("table tr:even", context).addClass("even");
},
toggleShowHide: function(context) {
// Toggle ShowHide
$(".tglJs", context).toggleShowHide();
},
quickViews: function(context) {
// QuickViews
$(".quickViewJs", context).quickView();
}
},
runHomePage: function() {
// put here homepage exclusive routines
// note: these routines will also be executed on normal pages
// Put a label over its associated text input
$('label.labelOver').labelOver();
// Flyouts
$(".flyOutLinksJs").flyOut();
// Carousel
$(".pgFeature .carousel").carousel({navInside:true, autoPlay:true}); $(".pgFeatureAlt .carousel").carousel({navInside:true, autoPlay:true});
// Open link in new browser window
$(".newWinJs").live("click", function() {
$.popup.open(this, {
width: $(window).width(),
height: $(window).height()
});
return false;
});
$(".popupWinJs").live("click", function() {
$.popup.open(this, {
width: 1000,
height: 760,
scrollBars: true,
toolBar: false,
location: false,
status: false,
menuBar: false,
resizable: false
});
return false;
});
// outLineKiller
$(".flyOutTrig, .primNav ul li a, .pgFeature a").outLineKiller();
}
};
$.brad.navigation = {
primary: {
languageResourceEnabled: false,
shopButtonObj: null,
supportButtonObj: null,
init: function() {
var shopOpen = $.brad.page.isShop,
supportOpen = shopOpen === true ? false: true,
duration = 600,
$primNavShopButton = $("#primNavShopButton"),
$primNavSupportButton = $("#primNavSupportButton"),
$primNavSupportList = $("#primNavSupportList");
if ($primNavShopButton.length && $primNavSupportButton.length) {
this.shopButtonObj = $primNavShopButton;
this.supportButtonObj = $primNavSupportButton;
if ($.isFunction($.getText)) { this.languageResourceEnabled = true; }
$.brad.navigation.primary.setTitle(shopOpen);
$primNavShopButton.click(function(){
if (supportOpen){
$primNavSupportList.animate({left: "864px"}, {duration: duration});
shopOpen = true;
supportOpen = false;
$.brad.navigation.primary.setTitle(shopOpen);
return false;
}
$.brad.navigation.primary.setTitle(shopOpen);
});
$primNavSupportButton.click(function(){
if (shopOpen){
$primNavSupportList.animate({left: "222px"}, {duration: duration});
shopOpen = false;
supportOpen = true;
$.brad.navigation.primary.setTitle(shopOpen);
return false;
}
$.brad.navigation.primary.setTitle(shopOpen);
});
}
},
setTitle: function(shopOpen) {
if (this.languageResourceEnabled) {
if (shopOpen) {
this.shopButtonObj.attr("title", $.getText("goToShopHomePage"));
this.supportButtonObj.attr("title", $.getText("openSupportMenu"));
} else {
this.shopButtonObj.attr("title", $.getText("openShopMenu"));
this.supportButtonObj.attr("title", $.getText("goToSupportHomePage"));
}
}
}
}
};
// used to add third-party interface
$.brad.external = {
tracker: function(params) {
// !important: params structure MUST look like:
// params.appName
// params.actionName
// params.data
if (!$.isEmptyObject(params)) {
switch(params.appName) {
case "lp": // live person
switch(params.actionName) {
case "solutionBuilder":
/*global lpSendData */
if (typeof(lpSendData) === "function") {
$.each(params.data, function(name, value) {
lpSendData("page",name,value);
});
}
break;
case "lightBox":
if (typeof(lpSendData) === "function") {
lpSendData('session','lightbox',params.data.state);
}
break;
case "tabs":
if (typeof(lpSendData) === "function") {
lpSendData('page','ProductTab',params.data.tabLabel);
}
break;
default:
if (typeof(lpSendData) === "function") {
lpSendData('page','ClickAction',params.data.componentName);
}
}
break;
case "omniture":
switch(params.actionName) {
case "sbSumBoxEnable":
/*global s_oUpdateClasses*/
if (typeof s_oUpdateClasses === "function") {
s_oUpdateClasses();
}
break;
default:
// add default action here if applicable
}
break;
// Add new appName case here
}
}
}
};
// used to disable functions that may reduce accessibility
$.brad.disableFn = function() {
// disable cufon
if (typeof($.cookies)==="object") {
$.cookies.set("brad-cufon",false,365);
}
};
// Dom ready
$(function() {
$.brad.page.init();
});
// Page ready
$(window).load(function(){
$.brad.page.ready();
});
/*global jQuery */
})(jQuery);
/* Spacer *****************************************************/
(function($) {
/*global jQuery */
jQuery.fn.scroller = function(settings) {
var defaults, validateParams,
showPage, generateNavigationPager,
languageResourceEnabled = $.isFunction($.getText),
defToggleTitle = "Display as scroller / grid";
defaults = {
fillSpace: true,
fillSpacePaddingRight: 120,
showNavigation: true,
speed: 1500,
toggle: false,
toggleTitle: languageResourceEnabled?$.getText("scrollerTogglerToolTip"):defToggleTitle,
togglerClassName: "tglBtn",
maskContainer: "cBox",
itemsContainer: "refLine",
scrollerContainer: "cFoot",
emptyClassName: "hScrollBarEmpty",
nthClassName: "colLast",
pagerNavigationClassName: "pageCounter",
gridViewModeClassName: "cToggleView",
minScrollBarWidth: 33 // pourcent 33% of the scroller width
};
settings = $.extend(false, defaults, settings);
// Validate Params
validateParams = function() {
if (typeof(settings.fillSpace) !== "boolean") {
settings.fillSpace = true;
}
if (isNaN(settings.fillSpacePaddingRight)) {
settings.fillSpacePaddingRight = 125;
}
if (typeof(settings.showNavigation) !== "boolean") {
settings.showNavigation = true;
}
if (isNaN(settings.speed)) {
settings.speed = 1500;
}
if (typeof(settings.toggle) !== "boolean") {
settings.toggle = false;
}
if (typeof(settings.toggleTitle) !== "string") {
settings.toggleTitle = defToggleTitle;
}
if (typeof(settings.togglerClassName) !== "string") {
settings.togglerClassName = "tglBtn";
}
if (typeof(settings.maskContainer) !== "string") {
settings.maskContainer = "cBox";
}
if (typeof(settings.itemsContainer) !== "string") {
settings.itemsContainer = "refLine";
}
if (typeof(settings.scrollerContainer) !== "string") {
settings.scrollerContainer = "cFoot";
}
if (typeof(settings.emptyClassName) !== "string") {
settings.emptyClassName = "hScrollBarEmpty";
}
if (typeof(settings.nthClassName) !== "string") {
settings.nthClassName = "colLast";
}
if (typeof(settings.pagerNavigationClassName) !== "string") {
settings.pagerNavigationClassName = "pageCounter";
}
if (typeof(settings.gridViewModeClassName) !== "string") {
settings.gridViewModeClassName = "cToggleView";
}
if (isNaN(settings.minScrollBarWidth)) {
settings.minScrollBarWidth = 33;
}
};
showPage = function($content, $items, $footer, itemsPerPage, page) {
var startIdx = (page-1)*itemsPerPage,
endIdx = page*itemsPerPage-1,
$emptyItem, $item, nbVisible = 0,
hasColClassName = false,
i, col;
// clean empty items
$content.children(".emptyJs").remove();
$items.each(function(idx) {
$item = $(this);
if (idx >= startIdx && idx <= endIdx) {
$item.addClass("scrollerGridViewShowJs").show();
nbVisible++;
} else {
$item.addClass("scrollerGridViewHideJs").hide();
}
if ($item.get(0).className.indexOf("col") !== -1) {
hasColClassName = true;
}
});
if (hasColClassName) {
$emptyItem = $($items[0]).clone();
if (nbVisible < itemsPerPage) {
$emptyItem.removeAttr("style").removeClass("scrollerGridViewShowJs").removeClass("scrollerGridViewHideJs").addClass("emptyJs").find(".unit:first").empty().append('');
for (i=1;i<(itemsPerPage-nbVisible);i++) {
$content.append($emptyItem.clone());
}
}
col = parseInt($emptyItem.get(0).className.split("col")[1].split(" ")[0],10)-1;
if ($.isFunction($.setClassToNthPosition)) {
$.setClassToNthPosition($content.children(":visible:not(.hide)"), col, settings.nthClassName);
}
}
};
generateNavigationPager = function($widget) {
var col = 3, row = 3,
totalItems, itemsPerPage, nbPages,
html = "", page,
active = " class='active'",
first = " class='first'",
last = " class='last'",
$items, $page, $footer, $content;
$footer = $widget.find("."+settings.scrollerContainer);
$footer.find("."+settings.pagerNavigationClassName).remove();
$content = $(".scrollerContentJs", $widget);
if ($content.length) {
$items = $content.children(":visible:not(.hide)");
totalItems = $items.length;
$items.each(function(idx) {
if ($(this).hasClass(settings.nthClassName)) {
col = idx+1;
return false;
}
});
itemsPerPage = col*row;
if (totalItems > itemsPerPage) {
nbPages = Math.ceil(totalItems/itemsPerPage);
if (nbPages > 1) {
html = "";
$page = $(html);
$footer.append($page);
// initial show
showPage($content, $items, $footer, itemsPerPage, 1);
$widget.find("."+settings.pagerNavigationClassName+" a").each(function(idx) {
$(this).click(function() {
$widget.find("."+settings.pagerNavigationClassName+" a").each(function(curIdx) {
if (curIdx === idx) {
$(this).parent().addClass("active");
} else {
$(this).parent().removeClass("active");
}
});
showPage($content, $items, $footer, itemsPerPage, idx+1);
return false;
});
});
}
}
}
};
return this.each(function(idx){
var $mask = $(this),
maskWidth = $mask.innerWidth(),
enableScroll, beenInitialized,
$contents, $content, $contentVisible,
contentItemWidth, margins, $contentChild,
gridColMargin, contentWidth, childWidth,
distanceToScroll, distanceToScrollRatio, $child, isVisible,
$scroller, $scrollBar, $linkRewind, $linkForward,
scrollBarWidget, scrollBarMinWidth,
start, end, scrollBarWith,
move, navigateStep, remainingStep,
$handle, ratioBase, hundredPourcentGap,
html, $tglBtn, $cToggle, displayText,
widgetClassName = $.getJsClassName($mask),
$cFoot = $mask.find("."+settings.scrollerContainer);
// Loading problem detection
if (maskWidth === 0) {
// When maskWidth = 0, it means that the element is there but
// for some reason is not fully DOM loaded and therefore accessing
// computedStyle will not work properly
/*global window, setTimeout */
window.scrollerId = setTimeout(function() {
$mask.scroller({
fillSpace: settings.fillSpace,
fillSpacePaddingRight: settings.fillSpacePaddingRight,
showNavigation: settings.showNavigation,
speed: settings.speed,
toggle: settings.toggle,
toggleTitle: settings.toggleTitle,
maskContainer: settings.maskContainer,
itemsContainer: settings.itemsContainer,
scrollerContainer: settings.scrollerContainer
});
}, 10);
}
if (window.scrollerId) {
/*global clearTimeout */
clearTimeout(window.scrollerId);
}
enableScroll = false;
beenInitialized = false;
//validateParams
if (idx ===0) {
validateParams();
if ($mask.hasClass("scrollerInitializedJs")) {
beenInitialized = true;
}
}
$contents = $mask.find("."+settings.itemsContainer);
// Reset the scroller
$mask.removeClass(settings.gridViewModeClassName).removeClass(widgetClassName).find(".emptyJs").each(function() {
$(this).remove();
});
if (beenInitialized) {
$mask.removeClass(settings.emptyClassName);
$contents.each(function() {
$content = $(this);
isVisible = $content.is(":visible");
displayText = "block";
if (!isVisible) { displayText = "none"; }
$content.removeAttr("style").css("display", displayText);
});
}
if (!$contentVisible) {
$contentVisible = $mask.find("."+settings.itemsContainer+":visible:last");
}
// content must be visible
$content = $contentVisible;
if (settings.itemsContainer.indexOf("#") !== -1) {
$content = $(settings.itemsContainer);
}
if ($content.length) {
$.scroller.resetNavigation($content);
// plugin flags
$content.addClass("scrollerContentJs");
$mask.addClass("scrollerInitializedJs");
// load images
if ($.isFunction($.loadImages)) {
$.loadImages($content.find("img"));
}
$contentChild = $content.children(":visible:not(.hide)");
gridColMargin = parseInt($content.children(":last").css("margin-right"),10);
contentWidth = 0;
childWidth = 0;
if ($contentChild.length) {
childWidth = $($contentChild[0]).outerWidth();
if (childWidth === 0) {
childWidth = parseInt($($contentChild[0]).css("width"),10);
}
}
if ((childWidth*$contentChild.length) > maskWidth) {
enableScroll = true;
// Add JsClassName
if (widgetClassName!=="") { $mask.addClass(widgetClassName); }
// Compute total content width
$contentChild.each(function() {
$child = $(this);
childWidth = $child.outerWidth();
if (childWidth === 0) {
childWidth = parseInt($child.css("width"),10);
}
margins = parseInt($child.css("marginLeft"),10) + parseInt($child.css("marginRight"),10);
contentItemWidth = margins + childWidth;
contentWidth += contentItemWidth;
});
$content.width(contentWidth);
// slider needs to be initialize here in order
// to generate the ui-handle. After ui-handle generated,
// we need to compute its start and end
distanceToScroll = contentWidth-maskWidth-gridColMargin;
if (distanceToScroll>0) {
// Delete previous scroller
$scroller = $mask.find(".scroller");
if ($scroller.length) { $scroller.remove(); }
// Create scroller HTML markup
/*global document */
$scroller = $("");
$scrollBar = $("");
$linkRewind = $("");
$linkForward = $("");
if (settings.showNavigation) {
$scroller.append($linkRewind).append($scrollBar).append($linkForward);
} else {
$scroller.append($scrollBar);
$scroller.css("paddingLeft",0).css("paddingRight",0);
}
$cFoot.append($scroller).append("