/**
*  A function that triggers header popup
**/
//This function requires joeUtility
var joeUtility
if(!joeUtility)
throw new Error("joeUtility has not been loaded!");
// Create the global symbol "topnavPopup" if it doesn't exist
// Throw an error if it does exist but is not an object
var topnavPopup;
if (!topnavPopup) topnavPopup = {};
else if (typeof topnavPopup != "object")
    throw new Error("topnavPopup already exists and is not an object");
//Create namespace
topnavPopup = {};
topnavPopup.Vars = {};
//Define Functions
topnavPopup.closeMe = function(){
	
	var imgObj = joeUtility.$id('headShopByBrand');
	imgObj.style.backgroundPosition = 'left top';
	imgObj.onclick = function (){ topnavPopup.popupTrigger(joeUtility.$id('topnavShopByBrandLink'));joeUtility.evtHandler.remove(document, 'mousedown',topnavPopup.closeMe);};
		imgObj.blur();
		joeUtility.$id('topnavShopByBrandLink').onclick = function(){topnavPopup.popupTrigger(this);joeUtility.evtHandler.remove(document, 'mousedown',topnavPopup.closeMe);};
	joeUtility.$id('topnavPopupBox').style.display = 'none';
	for(var i=0;i<topnavPopup.Vars.keyBindings.length;i++){
		topnavPopup.Vars.Keymap.unbind(topnavPopup.Vars.keyBindings[i]);
	}
	topnavPopup.Vars.Keymap.unbind('return');
	topnavPopup.Vars.LastVar = '';
	topnavPopup.Vars.CurrentCount = 1;
	topnavPopup.Vars.onOff=1;
}

topnavPopup.popupTrigger = function(obj){
	obj.blur();
	obj.onclick = function (){ topnavPopup.closeMe();}; 
	var imgObj = joeUtility.$id('headShopByBrand');
	imgObj.style.backgroundPosition = 'left -20px';
	imgObj.onclick = function (){ topnavPopup.closeMe();}; 
	imgObj.blur();
	var objLocation = joeUtility.position.get(obj);
	var popupobj = joeUtility.$id('topnavPopupBox');
	if(topnavPopup.Vars.onOff){
	topnavPopup.Vars.onOff=0;
		var ieXtraX, ieXtraY;
		ieXtraX = (joeUtility.broswer.name() == 'msie' )?(2):(0);
		ieXtraY = (joeUtility.broswer.name() == 'msie' )?(2):(0);
		popupobj.style.display = 'block';		
		popupobj.style.top = (objLocation.top+16-ieXtraY) + 'px';
		popupobj.style.left =(objLocation.left-242-ieXtraX) + 'px';		
		topnavPopup.Vars.Keymap=new joeKeymap(topnavPopup.Vars.keyObj);
		topnavPopup.Vars.Keymap.install(document);
		joeUtility.evtHandler.add(document, "mousedown",topnavPopup.closeMe);
	}
}
function joejoe(){topnavPopup.closeMe();}
	topnavPopup.returnTrigger = function(){
	window.location = topnavPopup.Vars.curSelected.href;
}
topnavPopup.popupKeyTrigger = function(letter){
	if(topnavPopup.Vars.LastVar != letter){
		topnavPopup.Vars.LastVar = letter;
		topnavPopup.Vars.CurrentCount = 1;	
	}else{	
		topnavPopup.Vars.CurrentCount++;
	}	
	//Test if litoselect already exist
	try{
		topnavPopup.Vars.curSelected.parentNode.className='';	
	}
	catch(error){}
	
	
	
	
	topnavPopup.Vars.curSelected = joeUtility.$id('headerPopup__joe__' + letter + topnavPopup.Vars.CurrentCount);
	if( topnavPopup.Vars.curSelected != null){
		topnavPopup.Vars.curSelected.parentNode.className = 'topnavPopupSelected';	
	}else{
		topnavPopup.Vars.CurrentCount = 1;
		topnavPopup.Vars.curSelected = joeUtility.$id('headerPopup__joe__' + letter + topnavPopup.Vars.CurrentCount);
		topnavPopup.Vars.curSelected.parentNode.className = 'topnavPopupSelected';
	}
}
//Setup vars
topnavPopup.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"
];
topnavPopup.Vars.keyObj = 'topnavPopup.Vars.keyObj={';
for(var i=0;i<topnavPopup.Vars.keyBindings.length; i++){
	topnavPopup.Vars.keyObj += 	topnavPopup.Vars.keyBindings[i] + ':' + 'function(){topnavPopup.popupKeyTrigger("' + topnavPopup.Vars.keyBindings[i] + '");}';
	if((i+1) != topnavPopup.Vars.keyBindings.length){
	topnavPopup.Vars.keyObj += ',';
	}
}
topnavPopup.Vars.keyObj += ', "return":topnavPopup.returnTrigger}';
eval(topnavPopup.Vars.keyObj);
topnavPopup.Vars.onOff=1;