// JavaScript Document

function Nav_Tab( tabNumber, catId, imagePath, tabs ){

	//deprecated left here to ensure no javascript errors
	//until this can be tidied up

}

function displayLowerDD(ID, width, left, pos){
	
	element = dojo.byId(ID);

	if(element) {
		
		width += 'px';
		left += 'px';

		//set up the specific styles required
		element.style.width = width;
		element.style.left = left;
		element.style.display = 'inline';
		
		//remove all child menus
		removeChildMenus(ID);
		showhideFormSelects('hide')
	}
}

// General Functions
function turnOffDefault( tabs, imagePath ){

	//deprecated left here to ensure no javascript errors
	//until this can be tidied up
	
}

function reset_menu(div){

	//deprecated left here to ensure no javascript errors
	//until this can be tidied up
	
}

function reset_menu2(div, tabs, imagePath){

	//deprecated left here to ensure no javascript errors
	//until this can be tidied up
}

function closeAllDropdowns(){ 

	//deprecated left here to ensure no javascript errors
	//until this can be tidied up
	
}

function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\\\s)"+searchClass+"(\\\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

function init() {
    var childEls = dojo.byId('nav-under-wrapper').getElementsByTagName('div');
    for(var i=0; i<childEls.length; i++) {
        var myString = childEls[i].id
		if(myString.match(/Child\d+/)) {
		   dojo.event.connect(childEls[i], "onmouseout", closeChildMenu);
		}
    }
}

//add on load event
dojo.addOnLoad(init);

function closeChildMenu(e) {

    if (!e) var e = window.event;
 	var tg = (window.event) ? e.srcElement : e.target;
 	if (tg.nodeName != 'DIV') return;

 	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
 	 	
	while (reltg != tg && reltg.nodeName != 'BODY')
		reltg= reltg.parentNode
	if (reltg== tg) return;

    //don't display the menu
    tg.style.display = 'none';
    
    //toggle form elements 
    showhideFormSelects('show');

}

//Removes all child menus except the one passed
function removeChildMenus(id) {
    var childEls = dojo.byId('nav-under-wrapper').getElementsByTagName('div');
    for(var i=0; i<childEls.length; i++) {
        var myString = childEls[i].id
        if(childEls[i].id != id && myString.match(/Child\d+/)) {
        	childEls[i].style.display = 'none';
		}
    }
}

//Resets all child menus
function resetChildMenus(id) {
    var childEls = dojo.byId('nav-under-wrapper').getElementsByTagName('div');
    for(var i=0; i<childEls.length; i++) {
        var myString = childEls[i].id
        if(myString.match(/Child\d+/)) {
        	childEls[i].style.display = 'none';
		}
    }
    
    //toggle form elements
    showhideFormSelects('show');
}
 
//Toggles select fields to prevent IE6 bleed through bug
function showhideFormSelects(strHideShow) {
	//WC__ShoppingCartAddressEntryForm_FormInput_country_1
	//chooseField
	//sortField
	
	if (strHideShow == "hide") {
		if (document.getElementById('chooseField')) { document.getElementById('chooseField').style.visibility = 'hidden'; }
		if (document.getElementById('sortField')) { document.getElementById('sortField').style.visibility = 'hidden'; }
		if (document.getElementById('WC__ShoppingCartAddressEntryForm_FormInput_country_1')) { document.getElementById('WC__ShoppingCartAddressEntryForm_FormInput_country_1').style.visibility = 'hidden'; }
	} else {
		if (document.getElementById('chooseField')) { document.getElementById('chooseField').style.visibility = ''; }
		if (document.getElementById('sortField')) { document.getElementById('sortField').style.visibility = ''; }
		if (document.getElementById('WC__ShoppingCartAddressEntryForm_FormInput_country_1')) { document.getElementById('WC__ShoppingCartAddressEntryForm_FormInput_country_1').style.visibility = ''; }
		}
}


//Displays tab content and resets tabs
function displayTabContent(e) {

	var tg = (window.event) ? e.srcElement : e.target;
	var content = tg.id + '_content';
	
	//reset tabs first
	resetTabs();

	//add the selected style for the selected tab
	tg.className = 'selected';
	
	//display the tab content for that 
	content = dojo.byId(tg.id + '_content');
	content.style.display = 'inline';
	resetTabContent(content);
	
}

//Resets tab content
function resetTabContent(element) {

	tabContents = dojo.byId('nav-under').getElementsByTagName('div');
	
	for(var i=0; i<tabContents.length; i++) {
		
		if(tabContents[i].id != element.id) {
			tabContents[i].style.display = 'none';
		}
	
	}
	
}

//Attaches onmouseover events to the tabs
function initTabs() { 

	var tabEls = dojo.byId('navTabs').getElementsByTagName('li');
	
	//Attach events on mouseover
	if(tabEls.length > 0) {
	
		for(var i=0; i<tabEls.length; i++) {
			dojo.event.connect(tabEls[i], 'onmouseover', displayTabContent);
			dojo.event.connect(tabEls[i], 'onmouseover', resetChildMenus);
		}
		
	}
	
}

dojo.addOnLoad(initTabs);

//Resets the top tabs
function resetTabs() {
	
	var tabEls = dojo.byId('navTabs').getElementsByTagName('li');
	
	if(tabEls.length > 0) {
		
		for(var i=0; i<tabEls.length; i++) {
			tabEls[i].className = ''
		}
	}
	
}