/* Zoombak Navigation */
function initNav () {

//var allNodes = $(["nav_products", "sub_products", "nav_community", "sub_community", "subNav_aboutUs", "sub_aboutUs"]);
var allNodes = $(["nav_products", "sub_products", "subNav_aboutUs", "sub_aboutUs"]);
// Probably a better way to do this by making the nav items objects.
var activateNav = {
	showSub: function(obj,par,child) {
		if(par == "nav_products" || par == "sub_products") {
			$("nav_products").addClassName("prod-active")
		}else if (par == "nav_community" || par == "sub_community") {
			$("nav_community").addClassName("comm-active");
		}
		$(child).show();
	}
}

var deactivateNav = {
	hideSub: function(obj,par,child) {
		(par == "nav_products") ? $(par).removeClassName("prod-active"):$(par).removeClassName("comm-active");
		$(child).hide();
	}
}

// Assign Event listeners to menus
for(var i=0; i<allNodes.length; i+=2) {
	for(var j=0; j<=1; j++) {
		var num = (j==0 ? i : i+1);
		Event.observe(allNodes[num], "mouseover", activateNav.showSub.bindAsEventListener(activateNav, allNodes[i], allNodes[i+1]));
		Event.observe(allNodes[num], "mouseout", deactivateNav.hideSub.bindAsEventListener(deactivateNav, allNodes[i], allNodes[i+1]));
	}
}

};

// Read More Toggles
togglefold = function(id) {
	$(id).toggle();
	$(id+'_rm').toggle();
	$(id+'_rl').toggle();
	return false;
}

// Replace Country Drop Down
var repUl; // global reference to ul.selectReplace
function selectReplace(obj) { 
    //obj.className += ' replaced';
	/*
    if (!obj) { obj = document.getElementById('homeCon'); }
    var div = document.createElement('div');
    div.className = 'locale-con clearfix';
    div.id = 'country-drop';
    var but = document.createElement('div');
    but.id = 'drop-but';
    var ul = document.createElement('ul');
    repUl = ul;
    ul.className = 'selectReplace';
    // Collect options
    var opts = obj.options;
    // check for selected
    var selectedOpt = (!obj.selectedIndex) ? 0 : obj.selectedIndex;
    for (var i=0; i<opts.length; i++) {
        var li = document.createElement('li');
        var flag = document.createElement('img');
        flag.src = MEDIA_URL +'img/country/'+ opts[i].text + '.gif';
        var txt = document.createTextNode(opts[i].text);
        li.appendChild(flag);
        li.appendChild(txt);
        li.selIndex = opts[i].index;
        li.selectID = obj.id;
        li.onclick = function() { selectMe(this); }
        li.onmouseout = function() {
            setInterval
        }
        if(i == selectedOpt) {
            li.className = 'selected';
            li.onclick = function() {
                this.parentNode.className += ' selectOpen';
                this.onclick = function() {
                    selectMe(this);
                }
            }
        }
        // Add li mouseEvents
        if (window.attachEvent) {
            li.onmouseover = function() {
                this.className += ' selHover';
            }
            li.onmouseout = function() {
                this.className = this.className.replace(new RegExp(" selHover\\b"), '');
            }
        }
        ul.appendChild(li);
        ul.ulVis;
        ul.onmouseover = function() {
            if(this.ulVis) { clearTimeout(this.ulVis); }
        }
        ul.onmouseout = function() {
            this.ulVis = setTimeout("setVis(repUl);", 1000);
        }
        
        but.onclick = function () {
            if (ul.className != 'selectReplace selectOpen') {
                ul.className += ' selectOpen';
            }else{
                ul.className = 'selectReplace';
            }
        }
        
        div.appendChild(ul);
        div.appendChild(but);
        }
    obj.parentNode.insertBefore(div, obj);
 	*/   
}

function selectMe (obj) {
    var lis = obj.parentNode.getElementsByTagName('li');
    for (var i=0; i<lis.length; i++) {
        if(lis[i] != obj) {
            lis[i].className = '';
            lis[i].onclick = function() {
                selectMe(this);
                //this.parentNode.parentNode.parentNode.submit();
                //console.log('if click');
            }
        }else{
            setVal(obj.selectID, obj.selIndex, obj);
            obj.className = 'selected';
            obj.parentNode.className = obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
            obj.onclick = function() {
                obj.parentNode.className += ' selectOpen';
                this.onclick = function() {
                    selectMe(this);
                    //console.log('else click');
                }
            }
        }
    }
}

function setVal(objID, selIndex, li) {
    var obj = document.getElementById(objID);
    obj.selectedIndex = selIndex;
    if (li.className != 'selected' && li.className != 'selected selHover'){
        li.parentNode.parentNode.parentNode.submit();
    }
}

function setVis (obj) { 
    obj.className = obj.className.replace(new RegExp(" selectOpen\\b"), '');
}

function setForm() {
    var f = document.getElementById('setCountry');
    selectReplace(f);
}
window.onload = function() {
    initNav();
    setForm();
    }