// verticals menu js
function hasClass(ele,cls) {
	return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}

function addClass(ele,cls) {
	if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}

function removeClass(ele,cls) {
	if (hasClass(ele,cls)) {
		var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
	ele.className=ele.className.replace(reg,' ');
	}
}

var navDelay;
var timeout="400"; // in milliseconds (delay for menu collapse)
function nav(id) {
	
	/*
	*    Create second tier navigation id references
	*/
	var navArr=new Array();
	navArr[0]="jobsdrop";
	navArr[1]="carsdrop";
	navArr[2]="realdrop";
	navArr[3]="rentdrop";
	navArr[4]="shopdrop";
	
	/*
	*    Hide all second tier navigation elements and clear active class from first tier nav items
	*/
	for (var i = 0; i<=navArr.length; i++) {
		var navElem = document.getElementById(navArr[i]);
		var navElemTierOne = document.getElementById(navArr[i]+"TierOne");
		if(navElem) {
			removeClass(navElemTierOne,"active");
			navElem.style.display='none';
		}
	}

	/*
	*    If the parameter passed is a valid id for a navigational element, add block style to element, append active class to corresponding first tier nav item
	*/
	var navElem = document.getElementById(id);
	var navElemTierOne = document.getElementById(id+"TierOne");
	if (navElem) {
		clearTimeout(navDelay);
		addClass(navElemTierOne,"active");
		navElem.style.display='block';
	}
}

function navover(id) {
	
	/*
	*    Create second tier navigation id references
	*/
	var navArr=new Array();
	navArr[0]="drop1";
	navArr[1]="drop2";
	navArr[2]="drop3";
	navArr[3]="drop4";
	navArr[4]="drop5";
	navArr["drop1"]="persistJobs";
	navArr["drop2"]="persistCars";
	navArr["drop3"]="persistRealestate";
	navArr["drop4"]="persistRentals";
	navArr["drop5"]="persistMarketplace";
	
	/*
	*    Hide all second tier navigation elements and clear active class from first tier nav items
	*/
	for (var i = 0; i<=navArr.length; i++) {
		var navElem = document.getElementById(navArr[i]);
		var navElemTierOne = document.getElementById(navArr[i]+"TierOne");
		if(navElem) {
			removeClass(navElemTierOne,"active");
			navElem.style.display='none';
		}
		if(navElemTierOne) {
			removeClass(navElemTierOne,navArr[navArr[i]]);
		}
	}

	/*
	*    If the parameter passed is a valid id for a navigational element, add block style to element, append active class to corresponding first tier nav item
	*/
	var navElem = document.getElementById(id);
	var navElemTierOne = document.getElementById(id+"TierOne");
	if (navElem) {
		navElem.style.display='block';
	}
	if (navElemTierOne) {
		clearTimeout(navDelay);
		addClass(navElemTierOne,"active");
		addClass(navElemTierOne,navArr[id]);
	}
}