// GLOBALS 

var original_color;
var t;
var y = 0;
var q = 5;
var chosen_div;
var obj_top;

var array_index;
var obj_top_array = new Array(4);
obj_top_array = [15, 41, 66, 91];
obj_top_array_fix = [15, 41, 67, 93];
var q_array = new Array(4);
q_array = [0, 0, 0, 0];
var e_array = new Array(4);
var t_array = new Array(4);
var g = new Array(4);
g = [0, 0, 0, 0];
var click_ready = 0;

var version = 0;
if (navigator.appVersion.indexOf("MSIE")!=-1) {
	temp = navigator.appVersion.split("MSIE");
	version = parseFloat(temp[1]);
} 

// Files and directory structures
if (document.location.protocol == "https:") {
	var cssDir = "https://secure.hp-ww.com/country/ca/en/styles/";
} else {
	var cssDir = "http://welcome.hp-ww.com/country/ca/en/styles/";
}

	var NS4CSS = "hpweb_styles_ns4.css";
	var winIECSS = "hpweb_styles_win_ie.css";
	var winIE6CSS = "hpweb_styles_win_ie6.css";
	var strdCSS = "hpweb_styles_strd.css";
	var macCSS = "hpweb_styles_mac.css";

	//  CLIENT_SIDE SNIFFER CODE
	// convert all characters to lowercase
	var agt=navigator.userAgent.toLowerCase();

	// *** BROWSER VERSION ***
	// Note: On IE5, these return 4, so use is_ie5up to detect IE5.
	var is_major = parseInt(navigator.appVersion);
	var is_minor = parseFloat(navigator.appVersion);

	// *** BROWSER TYPE ***
	var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
	            && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
	            && (agt.indexOf('webtv')==-1));
	var is_nav4 = (is_nav && (is_major == 4));
	var is_nav5 = (is_nav && (is_major == 5));
	var is_nav5up = (is_nav && (is_major >= 5));
	var is_nav6 = (is_nav && (is_major == 6));
	var is_nav4up = (is_nav && (is_major >= 4));
	var is_nav6up = (is_nav && (is_major >= 6));
	var is_ie   = (agt.indexOf("msie") != -1);
	var is_ie3  = (is_ie && (is_major < 4));
	var is_ie5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) );
	var is_ie5up  = (is_ie  && !is_ie3 && !is_ie4);
	var is_ie6    = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) );
	var is_ie7    = (is_ie && (is_major == 4) && (agt.indexOf("msie 7.")!=-1) );
	var is_ie4  = (is_ie && (is_major <= 4) && !is_ie5 && !is_ie6 && !is_ie7);
	var is_opera = (agt.indexOf("opera") != -1);

	// *** PLATFORM ***
	var is_win   = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) );
	var is_mac    = (agt.indexOf("mac")!=-1);
	var is_sun   = (agt.indexOf("sunos")!=-1);
	var is_irix  = (agt.indexOf("irix") !=-1);    // SGI
	var is_hpux  = (agt.indexOf("hp-ux")!=-1);
	var is_aix   = (agt.indexOf("aix") !=-1);      // IBM
	var is_linux = (agt.indexOf("inux")!=-1);
	var is_sco   = (agt.indexOf("sco")!=-1) || (agt.indexOf("unix_sv")!=-1);
	var is_unixware = (agt.indexOf("unix_system_v")!=-1);
	var is_mpras    = (agt.indexOf("ncr")!=-1);
	var is_reliant  = (agt.indexOf("reliantunix")!=-1);
	var is_dec   = ((agt.indexOf("dec")!=-1) || (agt.indexOf("osf1")!=-1) ||
	       (agt.indexOf("dec_alpha")!=-1) || (agt.indexOf("alphaserver")!=-1) ||
	       (agt.indexOf("ultrix")!=-1) || (agt.indexOf("alphastation")!=-1));
	var is_sinix = (agt.indexOf("sinix")!=-1);
	var is_freebsd = (agt.indexOf("freebsd")!=-1);
	var is_bsd = (agt.indexOf("bsd")!=-1);
	var is_unix  = ((agt.indexOf("x11")!=-1) || is_irix || is_sco ||
	is_unixware || is_mpras || is_reliant ||
	             is_dec || is_sinix || is_aix || is_bsd || is_freebsd);

	
// Handle Navigator 4 window resizing
if (is_nav4up && !is_nav5up) {
   var initWidth, initHeight;
   initWidth = window.innerWidth;
   initHeight = window.innerHeight;
   window.captureEvents(Event.RESIZE);
   window.onresize = handleResize;
}

//  UTILITY FUNCTIONS
// Function to handle window resizing on Navigator 4
function handleResize() {
   if (((initWidth != window.innerWidth) || (initHeight != window.innerHeight)) && (typeof disableReload == "undefined")) {
     location.reload();
   }
   return false;
}

function hide_select () {
	if (!navigator.appName.indexOf("MSIE")) return;
	selects = document.getElementsByTagName('select'); 
	for(i = 0; i < selects.length; i++) { 
		if(selects[i].className!="dontHide"){ 
			selects[i].style.visibility = "hidden"; 
		} 
	} 
} 
function show_select () { 
	if (!navigator.appName.indexOf("MSIE")) return;
	selects = document.getElementsByTagName('select'); 
	for(i = 0; i < selects.length; i++) { 		
		selects[i].style.visibility = "visible"; 		
	} 
} 

function switch_layer_index (layer) { 
	
	var left_layer = layer - 1;
	var right_layer = layer + 1;
			
	if (document.getElementById("detail_hover" + left_layer)) {
		document.getElementById("detail_hover" + left_layer).style.zIndex = 10;
	}
	document.getElementById("detail_hover" + layer).style.zIndex = 20;
	if (document.getElementById("detail_hover" + right_layer)) {
		document.getElementById("detail_hover" + right_layer).style.zIndex = 10;
	}
	
	if (version >= 5.5) {
		if (document.getElementById("bottomContainer")) {
			document.getElementById("bottomContainer").style.zIndex = -1;
		}
		if (document.getElementById("bottomContainer")) {
			document.getElementById("bottomContainer").style.zIndex = -1;			
		}
	}
	
}

function reset_layer() { 
	
	if (version >= 5.5) {
		if (document.getElementById("bottomContainer")) {
			document.getElementById("bottomContainer").style.zIndex = 1;		
		}
		if (document.getElementById("bottomContainer")) {
			document.getElementById("bottomContainer").style.zIndex = 1;			
		}
	}
	
}

function resize_products () {
	var max_product_elements = 0;
	var max_margin_left = 0;
		
	// =====================================================================================
	// for products section
	//
	// dynamically center the products
	// =====================================================================================
	
	for (var j = 1; j < 6; j++) {
		if (document.getElementById("detail_hover"+j)) {
			max_product_elements += 1;
		}
	}
	max_margin_left = (5 - max_product_elements) * 65;
	document.getElementById ("product_container").style.marginLeft = max_margin_left + 'px';
}

/**
* common library of javascript functions
*/
function addEvent(obj, evType, fn) {
    if (obj.addEventListener) {
		obj.addEventListener(evType, fn, true);
		return true;
    } else if (obj.attachEvent)  {
        var r = obj.attachEvent("on" + evType, fn);
        return r;
    } else {
        return false;
    }
}


/*
* fix alpha pngs on a page (turn on transparency for IE)
*/

function fixAlphaPng() {
    var src     = '';
    var ua      = '';
    var width   = '';
    var height  = '';
    var rpng    = new RegExp('\.(png)$');
    var rmsie   = new RegExp('msie');
    var rmac    = new RegExp('mac');

    for (var i = 0; i < document.getElementsByTagName('IMG').length; i++) {
        src     = document.getElementsByTagName('IMG')[i].getAttribute('src');
        ua      = navigator.userAgent.toLowerCase();
        width   = document.getElementsByTagName('IMG')[i].getAttribute('width');
        height  = document.getElementsByTagName('IMG')[i].getAttribute('height');

        if (src.match(rpng) && ua.match(rmsie) && !ua.match(rmac)) {
        	// document.getElementsByTagName('IMG')[i].setAttribute('src', 'images/spacer.gif');
			document.getElementsByTagName('IMG')[i].setAttribute('src', '/gap/img/spacer.gif');
            document.getElementsByTagName('IMG')[i].style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=scale)';
           	document.getElementsByTagName('IMG')[i].style.width = width + 'px';
            document.getElementsByTagName('IMG')[i].style.height = height + 'px';            
        }
    }
}

/*
Nav Fix for IE hover
THIS CLASS MUST BE CALLED TO PREVENT SELECT BOXES DROPPING OFF IN IE 5.5 & 6
class="dontHide"
*/
navArray = Array('nav', 'products', 'industrySelector', 'countryLanguageSelector','verticalselect1','verticalselect2','verticalselect3', 'nav_main');
startList = function() {
	if (document.all&&document.getElementById) {
	
		//Top Navs
		for (m=0; m<navArray.length; m++) {
			if (document.getElementById(navArray[m])) {
			    //alert(navArray[m]);
				topNavRoot = document.getElementById(navArray[m]);
				//alert(topNavRoot.id);
				for (i=0; i<topNavRoot.childNodes.length; i++) {
					node = topNavRoot.childNodes[i];
					//alert(node.nodeName);
					if (node.nodeName=="LI") {
						//Sub UL
						for (j=0; j<node.childNodes.length; j++) {
							subTopNavRoot = node.childNodes[j];
							if (subTopNavRoot.nodeName=="UL") {
								first = 1
								for (k=0; k<subTopNavRoot.childNodes.length; k++) {
									subnode = subTopNavRoot.childNodes[k];
									if (subnode.nodeName=="LI") {
										if (first == 1) {
											subnode.className="first "+subnode.className;
											first = 0;
										}
										subnode.onmouseover=function() {
											this.className="over "+this.className;
										}
										subnode.onmouseout=function() {
											this.className=this.className.replace("over ", "");
										}
									}
								}
							}
						}
						node.onmouseover=function() {
							//alert(" m = "+m+"\n i = "+i+"\n j = "+j+"\n k = "+k);
							this.className="over "+this.className;							
							hide_select();
						}
						node.onmouseout=function() {
							this.className=this.className.replace("over ", "");							
							show_select();
						}
					}
				}
			}
		}
	}
}
addEvent(window, 'load', startList);