/**
*  A function that triggers header popup
**/
//This module requires jkUt
var jkUt
if(!jkUt)
throw new Error("jkUt has not been loaded!");
// Create the global symbol "topnav" if it doesn't exist
// Throw an error if it does exist but is not an object
jkUt.bro.browserDetect.init();	
var topnav;
if (!topnav) topnav = {};
else if (typeof topnav != "object")
    throw new Error("topnav already exists and is not an object");
//Create namespace
topnav = {};
topnav.Vars = {};
//Define Functions
topnav.closeMe = function(){	
	var imgObj = jkUt.id('headShopByBrand');
	imgObj.style.backgroundPosition = 'left top';
	imgObj.onclick = function (){ topnav.popupTrigger(jkUt.id('topnavShopByBrandLink'));jkUt.evt.remove(document, 'mousedown',topnav.closeMe);};
		imgObj.blur();
		jkUt.id('topnavShopByBrandLink').onclick = function(){topnav.popupTrigger(this);jkUt.evt.remove(document, 'mousedown',topnav.closeMe);};
	jkUt.id('topnavBox').style.display = 'none';
	for(var i=0;i<topnav.Vars.keyBindings.length;i++){
		topnav.Vars.Keymap.unbind(topnav.Vars.keyBindings[i]);
	}
	topnav.Vars.Keymap.unbind('return');
	topnav.Vars.LastVar = '';
	topnav.Vars.CurrentCount = 1;
	topnav.Vars.onOff=1;
}
topnav.popupTrigger = function(obj){
	obj.blur();
	obj.onclick = function (){ topnav.closeMe();}; 
	var imgObj = jkUt.id('headShopByBrand');
	imgObj.style.backgroundPosition = 'left -20px';
	imgObj.onclick = function (){ topnav.closeMe();}; 
	imgObj.blur();
	var objLocation = jkUt.pos.get(obj);
	var popupobj = jkUt.id('topnavBox');
	if(topnav.Vars.onOff){
	topnav.Vars.onOff=0;
		var ieXtraX, ieXtraY;
		ieXtraX = (jkUt.bro.browserDetect.browser == 'Explorer')?(2):(0);
		ieXtraY = (jkUt.bro.browserDetect.browser == 'Explorer')?(2):(0);
		popupobj.style.display = 'block';		
		popupobj.style.top = (objLocation.top+16-ieXtraY) + 'px';
		popupobj.style.left =(objLocation.left-242-ieXtraX) + 'px';		
		topnav.Vars.Keymap=new joeKeymap(topnav.Vars.keyObj);
		topnav.Vars.Keymap.install(document);
		jkUt.evt.add(document, "mousedown",topnav.closeMe);
	}
}
function joejoe(){topnav.closeMe();}
	topnav.returnTrigger = function(){
	window.location = topnav.Vars.curSelected.href;
}
topnav.popupKeyTrigger = function(letter){
	if(topnav.Vars.LastVar != letter){
		topnav.Vars.LastVar = letter;
		topnav.Vars.CurrentCount = 1;	
	}else{	
		topnav.Vars.CurrentCount++;
	}	
	//Test if litoselect already exist
	try{
		topnav.Vars.curSelected.style.backgroundColor = '';
	}
	catch(error){}	
	topnav.Vars.curSelected = jkUt.id('headerPopup__joe__' + letter + topnav.Vars.CurrentCount);
	if( topnav.Vars.curSelected != null){
		topnav.Vars.curSelected.style.backgroundColor = '#e1fdc2';
	}else{
		topnav.Vars.CurrentCount = 1;
		topnav.Vars.curSelected = jkUt.id('headerPopup__joe__' + letter + topnav.Vars.CurrentCount);
		topnav.Vars.curSelected.style.backgroundColor = '#e1fdc2';
	}
}
//Setup vars
topnav.Vars.keyBindings = [
"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m",
"n", "o", "p",  "r", "s", "t", "u", "v", "w", "z"
];
topnav.Vars.keyObj = 'topnav.Vars.keyObj={';
for(var i=0;i<topnav.Vars.keyBindings.length; i++){
	topnav.Vars.keyObj += 	topnav.Vars.keyBindings[i] + ':' + 'function(){topnav.popupKeyTrigger("' + topnav.Vars.keyBindings[i] + '");}';
	if((i+1) != topnav.Vars.keyBindings.length){
	topnav.Vars.keyObj += ',';
	}
}
topnav.Vars.keyObj += ', "return":topnav.returnTrigger}';
eval(topnav.Vars.keyObj);
topnav.Vars.onOff=1;