\n";
header+="
\n";
// Header navigation
_page.headerNav = new _page.topNav2("p-navigator",{
type:_page.topNavType,
activeId:_page.area,
locale:_page.topNavLocale,
compatMode:_page.topNavCompatMode,
onBeforeBodyOpen:_page.topNavOnBeforeBodyOpen,
onBodyClose:_page.topNavOnBodyClose
});
if(_page.topNavType != "inbody") {
header+=" \n";
} else {
header+=" \n";
}
header+=" \n";
header+=" ![\"Philips\"](\""+crsc+"/crsc/images/mainlogo_full_"+_page.locale+".gif\")
";
// Language selector
header+="
\n";
header+=" ";
// Language selector
header+=" \n";
header+="
\n";
header+=" \n";
strLocaleText = _page.locale=="global"?"Choose country / language":""; // In case of global change text
strLocaleText = _page.siteLevel == 1?"Others":strLocaleText; // In case of level 1 set others label and flag
strLocaleFlag = _page.siteLevel == 1?"global":"";
headerLS = new _page.ls('2',{localeText:strLocaleText, localeFlag:strLocaleFlag});
header+= headerLS.html;
header+="
\n";
// Search
if(_page.showSearch){
strButHeader = _page.direction=='ltr'?"but_go.gif":"but_go_rtl.gif";
strSearchSection = (_page.area == "" || (_page.area!="consumer" && _page.area!="lighting" && _page.area!="medical" && _page.area!="about") ? "all" : _page.area );
header+=" \n";
header+=" \n";
header+=" \n";
header+="
\n";
if ((strSearchSection === "consumer" || strSearchSection === "lighting" || strSearchSection === "all") && _page.showSearchAsYouType) {
_page.headerSayT = new _page.Sayt("p-searchquery","p-search-sayt",{
locale:_page.locale,
section:strSearchSection,
remoteUrl: "http://www.search.philips.com/search/jsp/var_suggest.jsp",
doSubmit:_page.searchHandler
});
}
}
// My Philips links
linkRegister = _page.headerLinks["consumer_register"] || {};
linkLogged = _page.headerLinks["consumer_logged_on"] || {} ;
f_createLink = _page.html_helper.topnav.createLink;
htmlLinks = "";
if(linkRegister.enable === true) {
htmlLinks = _page.text["consumer_register"];
htmlLinks = htmlLinks.replace("{REGISTER_PRODUCT}", f_createLink({href:linkRegister["register_product_link"],name:_page.text["register_product"]}));
htmlLinks = htmlLinks.replace("{LOGIN}", f_createLink({href:linkRegister["login_link"],name:_page.text["login"]}));
} else if(linkLogged.enable === true) {
htmlLinks = _page.text["consumer_logged_on"];
htmlLinks = htmlLinks.replace("{USER}", f_createLink({href:linkLogged["user_link"],name:linkLogged["user_name"]}));
htmlLinks = htmlLinks.replace("{EDIT_ACCOUNT}", f_createLink({href:linkLogged["edit_account_link"],name:_page.text["edit_account"]}));
htmlLinks = htmlLinks.replace("{LOGOUT}", f_createLink({href:linkLogged["logout_link"],name:_page.text["logout"]}));
}
if(htmlLinks!=""){
header+=" "+htmlLinks+"
\n";
}
header+=" ![\"Philips\"](\""+crsc+"/crsc/images/mainlogo.gif\")
![\"\"](\""+crsc+"/crsc/images/"+arrow_name+"\")
\n";
header+= _page.text["home_site"]+"![\"\"](\""+crsc+"/crsc/images/t.gif\")
![\"\"](\""+crsc+"/crsc/images/navsep.gif\")
![\""+strLocaleText+"\"](\""+crsc+"/crsc/images/")
![\"Show](\""+crsc+"/crsc/images/"+strArrowName+"\")
\n';
strHTML+=' ![\"Loading...\"](\""+_page.crsc_server+"/crsc/images/loading_ring_fullframe.gif\")
";
},
hideLoader:function() {
var elLoader = gE("p-navigator-body-loading");
if(elLoader) _page.discardElement(elLoader);
},
onBeforeBodyOpen: function() {_page.startEvent(this.options,'onBeforeBodyOpen',[this.openId]);},
onBodyClose: function() {_page.startEvent(this.options,'onBodyClose',[this.openId]);},
onTabSwitch: function() {_page.startEvent(this.options,'onTabSwitch',[this.openId]);}
};
/* CLASS: TOP NAVIGATION 2 */
_page.topNav2 = function(id,params) {
params = params || {};
params.type = params.type || "";
this._id = id;
this._tabId = "p-"+this._id.split("-")[1];
this.options = {
type: (typeof params.type != "undefined"?params.type:"standard"),
transparency: (typeof params.transparency != "undefined"?params.transparency:(params.type=="inbody"?(_page.browser.isMac?false:true):false)), // By Default ony enable transparency for inbody navigation type
locale: (typeof params.locale != "undefined"?params.locale:_page.locale),
onload: (typeof params.onload != "undefined"?params.onload:true),
animation: (typeof params.animation != "undefined"?params.animation:true),
activeId: (typeof params.activeId != "undefined"?params.activeId:""),
compatMode: (typeof params.compatMode != "undefined"?params.compatMode:this.requireCompatMode()),
onBeforeBodyOpen: (typeof params.onBeforeBodyOpen != "undefined"?params.onBeforeBodyOpen:null),
onBodyClose: (typeof params.onBodyClose != "undefined"?params.onBodyClose:null)
};
this.navSections = {
"3":{"consumer":["Consumer products","http://www.consumer.philips.com"],"medical":["Healthcare","http://www.healthcare.philips.com"],"lighting":["Lighting","http://www.lighting.philips.com"],"support":["Contact and Support","http://www.philips.com/support"],"about":["Company and press","http://www.philips.com/about"]},
"2":{"consumer":["Consumer products","http://www.consumer.philips.com"],"medical":["Healthcare","http://www.healthcare.philips.com"],"lighting":["Lighting","http://www.lighting.philips.com"],"support":["Contact and Support","http://www.philips.com/support"],"about":["Company and press","http://www.philips.com/about"]},
"1":{"about":["About Philips","http://www.philips.com"],"contact":["Contact Philips","http://www.philips.com"]}
};
this.textFadeRequired = true;
this.processed = {};
this.init();
};
_page.topNav2.prototype = {
init:function() {
this.html = this.htmlBlock(); // Load html
if(this.options.onload && this.options.compatMode == false) {// Initialize tabs
_page.onContentReady(this.initTabs.bindArgs(this,[this._tabId]));
}
},
requireCompatMode:function() {
try{(function(){}.bindArgs(window))();return false;}catch(e){compat = false;return true;};
},
initTabs:function(tabId) {
var _tabId = tabId || this._tabId;
this.tabs = new _page.tabs(
_tabId,
{
activeId: this.options.activeId,
animationOptions: (this.options.animation==true?{
open:{
id:"",
start:{'height':[1,335]}, // 1 = necessary for IE 5.5 to avoid flickering
duration:900,
transition:_page.transition.expo.easeOut,
onStart:this.setAnimationText.bindArgs(this,[this.textFadeRequired]) // Make sure the content is hidden for the text fade
},
close:{
id:"",
start:{'height':[335,1]}, // 1 = necessary for IE 5.5 to avoid flickering
duration:500,
transition:_page.transition.expo.easeOut
}
}:null
),
remoteUrl:_page.crsc_nav_server+"/nav/nav_"+this.options.locale+".js",
remoteOptions: {
onComplete:this.processContent.bindArgs(this),
dataLoaded:false,
validateContent:function() {return(typeof(headernav)=='object')},
charset:"utf-8"
},
processAfterAnimation:true,
onTabSwitch:this.hideContent.bindArgs(this),
onBeforeBodyOpen:this.options.onBeforeBodyOpen,
onBodyClose:this.options.onBodyClose
}
);
},
closeAllTabs:function() {
this.tabs.close();
},
setAnimationText: function(fadeRequired) {
this.textFadeRequired = (typeof(fadeRequired)!="undefined"?fadeRequired:this.textFadeRequired);
},
hideContent: function() {
var elContent = gE("p-content-"+this.tabs.openId);
if(elContent) hE(elContent);
},
showContent: function() {
var elContent, objFade;
elContent = gE("p-content-"+this.tabs.openId);
if(elContent) {
if(this.textFadeRequired == true && !_page.browser.isMac && this.options.animation == true) {
objFade = new _page.animationMgr(elContent,{duration:300,transition:_page.transition.linear});
objFade.start({'opacity':[0,1]});
this.textFadeRequired = false;
}
sE(elContent);
}
},
processContent:function() {
var _id, _helper, _obj, elParent, section, obj, countryRanking, sFeedKey, elGrid, maxLimit, showMore, lastCol, colMax, promotionCount, popularCount, promotionShow, popularShow, paramsLS, lsConsumer;
_id = arguments[0];
_helper = _page.html_helper.topnav;
_obj = (typeof headernav != "undefined"?headernav:this.loadedFeed);
elParent = gE(_id);
if(!elParent) return;
if(this.tabs.dataLoaded == false) {
this.tabs.dataLoaded = true;
this.loadedFeed = _obj;
this.tabs.hideLoader();
}
section = _id.split("-")[2];
if(!this.processed[section] && typeof _obj != "undefined" && this.tabs.bodyActive == true) {
// Process html per specific country ranking and section
// Available grid helper functions
// - Creating a grid: - _helper.buildGrid(classname) > returns grid object
// - Adding columns to the grid: - grid.addCols(1 or more classnames) > creates col array, returns grid object
// - Adding elements to columns: - grid.col[index].appendElement > function is error proof, object may be null
// - Remove empty columsn of grid: - grid.removeEmptyCols()
obj = _obj[section];
this.processed[section] = _helper.buildAltMessageGrid(elParent, obj); // Create alt message if necessary
if(!this.processed[section]) {
this.processed[section] = true;
countryRanking = this.siteLevel;
sFeedKey = (obj?countryRanking+"_"+section:""); // If section not found in feed return empty string, which will be catched by default case
switch(sFeedKey) {
case "3_consumer":case "2_consumer":
if(this.options.locale == "global") {
elGrid = _helper.buildGrid(elParent,'p-grid-3').addCols("p-column-1","p-divider","p-column-2","p-column-3");
elGrid.col[0].appendElement(_helper.createHeader('h4',obj.language_selector));
lsConsumer = new _page.ls('2',{
remoteUrl:_page.crsc_server+"/crsc/locales/homepages_consumer",
localeFlag:"global",
localeText:"Choose country / language",
showRows:7,
listHeight:228, // Set list height if can't determined dynamically
keepActive:true,
removeLocaleList:["global","others"]
});
elGrid.col[0].innerHTML += lsConsumer.html;
window.setTimeout(lsConsumer._show.bindArgs(lsConsumer),500);
elGrid.col[2].appendElement(_helper.createHeader('h4',obj.new_products));
_helper.buildList(elGrid.col[2],obj.new_products,"product",true);
elGrid.col[3].appendElement(_helper.createHeader('h4',{name:" "}));// dummy spacer
_helper.buildList(elGrid.col[3],obj.new_products,"product");
} else {
maxLimit = (countryRanking == 3?null:2); // Level 3: don't cut off items, other levels: cut off items
showMore = (countryRanking == 3?2:null); // Level3: showmore link >= 2 items , other levels: default behaviour
elGrid = _helper.buildGrid(elParent,'p-grid-2').addCols("p-column-1","p-column-2","p-divider","p-column-3");
elGrid.col[0].appendElement(_helper.createHeader('h4',obj.catalog));
_helper.buildCategoryList(elGrid.col[0],obj.catalog, true, maxLimit, showMore);
elGrid.col[1].appendElement(_helper.createHeader('h4',{name:' '})); // Spacer
_helper.buildCategoryList(elGrid.col[1],obj.catalog, true, maxLimit, showMore);
// PRIO 1: show consumer categories
lastCol = elGrid.col[3];
if(obj.catalog.start < obj.catalog.categories.length) {
// Remove divider in case of category items in last column
lastCol = elGrid.col[2];
applyStyle(elGrid.col[2],"p-column-3");
_page.discardElement(elGrid.lastChild) // tmp IE 5 fix
elGrid.col.splice(3,1); // tmp IE 5 fix
}
_helper.buildCategoryList(lastCol,obj.catalog, false, maxLimit,showMore);
// PRIO 2: Promotion
colMax = 3;
promotionCount = (!obj.promotion || !obj.promotion.items.length?0:obj.promotion.items.length);
popularCount = (!obj.most_popular || !obj.most_popular.items.length?0:obj.most_popular.items.length);
promotionShow = (promotionCount>colMax?colMax:promotionCount);
popularShow = (popularCount==0?0:colMax-promotionShow);
if(promotionShow != 0) {
obj.promotion.max = promotionShow;
lastCol.appendElement(_helper.createHeader('h4',obj.promotion));
_helper.buildList(lastCol,obj.promotion,"product");
if(_helper.contentHeightOverflow(lastCol)) { // remove whole block
_page.discardElement(lastCol.lastChild);
_page.discardElement(lastCol.lastChild);
}
}
// PRIO 3: Most popular
if(popularShow != 0) {
if(promotionShow != 0) lastCol.appendElement(_helper.createHRule());
obj.most_popular.max = popularShow;
lastCol.appendElement(_helper.createHeader('h4',obj.most_popular));
_helper.buildList(lastCol,obj.most_popular,"product");
lastCol.appendElement(_helper.buildMultipleButtons(obj.buttons));
if(_helper.contentHeightOverflow(lastCol)) { // remove whole block
if(promotionShow != 0) _page.discardElement(lastCol.lastChild);
_page.discardElement(lastCol.lastChild);
_page.discardElement(lastCol.lastChild);
if(obj.buttons) _page.discardElement(lastCol.lastChild);
}
}
}
elGrid.removeEmptyCols();
break;
case "3_medical":case "2_medical":
if(obj.country && obj.product) {
// No web presence for selected locale
paramsLS = {type:'2',params:{remoteUrl:_page.crsc_server+"/crsc/locales/homepages_medical",showRows:6}};
_helper.buildNoWebPresenceGrid(elParent, obj, paramsLS);
} else {
elGrid = _helper.buildGrid(elParent,'p-grid-2').addCols("p-column-1","p-column-2","p-divider","p-column-3");
elGrid.col[0].appendElement(_helper.createHeader('h4',obj.professional));
_helper.buildCategoryList(elGrid.col[0],obj.professional, true);
_helper.buildCategoryList(elGrid.col[1],obj.professional, false);
elGrid.col[1].appendElement(_helper.createHeader('h4',obj.personal));
_helper.buildCategoryList(elGrid.col[1],obj.personal, false);
elGrid.col[3].appendElement(_helper.createHeader('h4',obj.articles));
_helper.buildList(elGrid.col[3],obj.articles, "article");
elGrid.removeEmptyCols();
}
break;
case "3_lighting":case "2_lighting":
if(obj.country && obj.product) {
// No web presence for selected locale
paramsLS = {type:'2',params:{remoteUrl:_page.crsc_server+"/crsc/locales/homepages_lighting",showRows:6}};
_helper.buildNoWebPresenceGrid(elParent, obj, paramsLS);
} else {
// Has web presence for selected locale
elGrid = _helper.buildGrid(elParent,'p-grid-2').addCols("p-column-1","p-column-2","p-divider","p-column-3");
elGrid.col[0].appendElement(_helper.createHeader('h4',obj.professional));
_helper.buildCategoryList(elGrid.col[0],obj.professional, true);
_helper.buildCategoryList(elGrid.col[1],obj.professional, false);
elGrid.col[1].appendElement(_helper.createHeader('h4',obj.consumer));
_helper.buildCategoryList(elGrid.col[1],obj.consumer, false);
elGrid.col[3].appendElement(_helper.createHeader('h4',obj.articles));
_helper.buildList(elGrid.col[3],obj.articles, "article");
elGrid.removeEmptyCols();
}
break;
case "3_support":case "2_support":
if(this.options.locale == "global") {
elGrid = _helper.buildGrid(elParent,'p-grid-3').addCols("p-column-1","p-divider","p-column-2");
elGrid.col[0].appendElement(_helper.createHeader('h4',obj.language_selector || {"name":"Consumer Support"}));
elGrid.col[0].innerHTML += (obj.language_selector && obj.language_selector.description ? obj.language_selector : "