';
var hfwsFooter='';
var hfwsHeadStyles = ['https://h50007.www5.hpe.com/hfws-static/6/min/css/hpe-hfws-fontface-core.css','https://h50007.www5.hpe.com/hfws-static/6/min/css/hpe-hfws-hf.css'];
var hfwsHeadScripts = ['https://h50007.www5.hpe.com/hfws-static/6/min/js/hpe-hfws-hf.js','https://h50007.www5.hpe.com/hfws-static/6/min/js/hpe-mini-cart.js'];
var hfwsBodyScripts = [];
var hfws_head_styles='';
var hfws_head_scripts='';
var hfws_body_scripts='';
if(document.location.href.indexOf("testcommonhf=1")!=-1) { hfwsHeader=""; hfwsFooter=""; hfwsHeadStyles=[]; hfwsHeadScripts=[]; inavVersion=""; function injectCHfws() { var script = document.createElement("script"); script.type = "text/javascript"; script.src = "https://h50007.www5.hpe.com/hfws/us/en/hpe/latest.r/root?contentType=js&switchToCHF=true"; if (document.location.href.indexOf("testconsolemode=1")!=-1) { script.src += "&console_mode=true"; }; document.getElementsByTagName("head")[0].appendChild(script);}; if(typeof document.onreadystatechange == "function") { onrdy_fn = document.onreadystatechange; } else { onrdy_fn = function() { ; }; }; document.onreadystatechange = function () { if (document.readyState == "complete") { injectCHfws(); onrdy_fn(); } }; }
hfwsTstVer="latest.r"; if (document.location.href.indexOf("testhf=1")!=-1) { hfwsTstVer="test.r"; hfwsHeader=""; hfwsFooter=""; hfwsHeadStyles=[]; hfwsHeadScripts=[]; inavVersion=""; function injectCHfws() { var script = document.createElement("script"); script.type = "text/javascript"; script.src = "https://h50007.www5.hpe.com/hfws/us/en/hpe/" + hfwsTstVer +"/root?contentType=js&hide_country_selector=true&hide_main_nav=true&hide_search=true&hide_cart=true&hide_sign_in=true&hide_cube_menu=true&slim_footer=true&hide_sitemap=true"; document.getElementsByTagName("head")[0].appendChild(script);}; injectCHfws(); }
/*********************************************************/
window.HPEHFWSLOADER = {
initialized: false,
/*
* log(logStr)
*
* Our own log method; it checks if console exists, to make it safe to execute on older browsers
*/
log: function(logStr) {
if ( (typeof console != 'undefined') && (typeof console.log != 'undefined') ) {
console.log(logStr);
}
},
/*
* insertHF()
*
* Inserts HF to DIVs on the page
*/
insertHF: function (header, footer) {
var headerEl = null;
// For easier migration from Slim HFWS, first check if page contains Slim's header and footer DIVs
if (document.getElementById('hpe_slim_header') != null) {
headerEl = document.getElementById('hpe_slim_header');
}
else {
headerEl = document.getElementById('header');
}
if (document.getElementById('hpe_slim_footer') != null) {
footerEl = document.getElementById('hpe_slim_footer');
}
else {
footerEl = document.getElementById('footer');
}
// If header and footer DIVs are found on the page - insert header and footer html to them, and set visibility to hidden to avoid artifacts while CSS code is still loading. HFWS JS will unhide it when it initializes.
if (headerEl != undefined) {
headerEl.style.visibility = 'hidden';
headerEl.innerHTML = header;
}
if (footerEl != undefined) {
footerEl.style.visibility = 'hidden';
footerEl.innerHTML = footer;
}
this.log('HFWS-loader: HF inserted');
},
/*
* includeJS()
*
* includes java script url to page, and calls callback when loaded
*/
includeJS: function (url, callback) {
var script = document.createElement('script');
script.type = 'text/javascript';
if (script.readyState) { // only required for IE <9
script.onreadystatechange = function() {
if ( script.readyState === 'loaded' || script.readyState === 'complete' ) {
script.onreadystatechange = null;
callback();
}
};
}
else { //Others
script.onload = callback;
}
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
},
/*
* loadJS()
*
* loads HFWS java script code to the page
*/
loadJS: function (js) {
var self = this;
js.forEach(function (value,index,array) {
self.includeJS(value, function(){self.log('HFWS-loader: ' + this.src + ' loaded');});
});
},
/*
* includeCSS()
*
* includes provided CSS file url to the page
*/
includeCSS: function (url) {
var link = document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.setAttribute('type', 'text/css');
link.setAttribute('href', url);
document.getElementsByTagName('head')[0].appendChild(link);
},
/*
* loadCSS()
*
* loads HFWS CSS files to the page
*/
loadCSS: function (css, version) {
var self = this;
css.forEach(function (value,index,array) {
self.includeCSS(value);
self.log('HFWS-loader: ' + value + ' included');
});
var meta = document.createElement('meta');
meta.name = "hp_inav_version";
meta.content = version;
document.getElementsByTagName('head')[0].appendChild(meta);
},
/*
* loadHFwithCssSync()
*
* Loads HF and its JS to the page, syncing it to CSS being already loaded to the page.
*/
loadHFwithCssSync: function (header, footer, css, js, version) {
var self = this;
self.initialized = true;
self.insertHF(header, footer);
if (css.length >= 1) {
/* We cannot watch load events or readyState on CSS link elements to check when CSS finishes loading. So, we're using trick with fake img pointing to HF CSS url in order to find out through onerror event (it will issue error as CSS is not image) when CSS gets loaded. */
/* With CSS loaded, we can load and initialize HF JS without getting artifacts from showing HTML with CSS not yet loaded. */
var hfwsCssImg = document.createElement('img');
hfwsCssImg.onerror = function() {
self.loadJS(js);
hfwsCssImg.style="display: none";
if (hfwsCssImg.parentNode) {
hfwsCssImg.parentNode.removeChild(hfwsCssImg);
}
}
hfwsCssImg.style="visibility: hidden; width: 0px; height: 0px;";
document.body.appendChild(hfwsCssImg);
// Load second CSS (first is fontface core, we want the main HFWS loaded) if more than one CSS in array, or first CSS file, if there is only one (minified combined code)
var cssURL = "";
if (css.length > 1) {
cssURL = css[1];
}
else {
cssURL = css[0];
}
hfwsCssImg.src = cssURL;
}
else {
self.loadJS(js);
}
},
/*
* init()
*
* Main method - intializes HFWS LOADER.
*/
init: function (header, footer, css, js, version) {
// insert CSS links
this.loadCSS(css, version);
// if document is ready, insert HF html and javascripts - if not, insert through event
var self = this;
if ( document.readyState == 'complete' || document.readyState == 'interactive' ) {
this.loadHFwithCssSync(header, footer, css, js, version);
}
else {
document.addEventListener('readystatechange', function () {
if ((document.readyState == 'interactive' || document.readyState == 'complete' ) && !self.initialized) {
self.loadHFwithCssSync(header, footer, css, js, version);
}
});
}
}
}
window.HPEHFWSLOADER.init(
window.hfwsHeader,
window.hfwsFooter,
window.hfwsHeadStyles,
window.hfwsHeadScripts,
window.inavVersion
);
/*********************************************************/