var resetTarget;
var resetCheck;
//////////////////////////////////////////////////////////////////////////////////////
/////////////////////Drop Nav Menu Constructor & prototype////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////
function dropNav(oTarget){
	this.oTarget = oTarget;
	this.aHeadLinks = new Array();
	this.aDrops = new Array();
	var aLists = oTarget.getElementsByTagName('li');
	for(i=0;i<aLists.length; i++){
		if(aLists[i].id){
			var oDropList = new list(aLists[i]);
				oDropList.oParent = this;
			this.aDrops.push(oDropList);
		}
	}
}
dropNav.prototype.clearDrops = function () {
    for (i = 0; i < this.aDrops.length; i++) {
        if (this.aDrops[i].oList) {
            this.aDrops[i].oTarget.className = '';
            this.aDrops[i].bClicked = false;
            this.aDrops[i].shieldDown();
        }
    }
};
dropNav.prototype.clearHighLights = function (currentSelection) {
    for (i = 0; i < this.aDrops.length; i++) {
        if (this.aDrops[i].oTarget.className != 'navSelected' && this.aDrops[i].oTarget != currentSelection) {
            this.aDrops[i].oTarget.className = '';
        }
    }
};
//////////////////////////////////////////////////////////////////////////////////////
///////////////////////List Item Constructor & prototype//////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////
function list(oTarget){
	this.oParent;
	this.oTarget = oTarget;
	this.active = false;
	this.bClicked = false;
	this.oLink = this.oTarget.getElementsByTagName('a')[0];
	if(this.oLink.innerHTML.toLowerCase().indexOf('0')>=0){
		this.oLink.innerHTML = 'My mail';
	}
	this.oList = this.oTarget.getElementsByTagName('div')[0];
	if(this.oList){
		this.oLink.className = 'DDMenu';
		this.listLinks = this.oList.getElementsByTagName('li');
		this.setListLinks();
		this.oLink.onclick = this.killLink.bind(this);
		this.oTarget.onclick = this.turnOn.bind(this);
	}else{
		this.oTarget.onclick = this.followLink.bind(this);
	}
	this.oTarget.onmouseover = this.highLight.bind(this);
	this.oTarget.onmouseout = this.clearHighlights.bind(this);
}
list.prototype.killLink = function () {
    //debugger;
    return false;
};
list.prototype.followLink = function () {
    document.location.href = this.oLink.href;
    return false;
};
list.prototype.turnOn = function () {
    if (this.bClicked) {
        this.oParent.clearDrops();
        this.oParent.clearHighLights();
    } else {
        this.startResetCheck();
        this.oParent.clearDrops();
        this.oTarget.className = 'navSelected';
        this.shieldUp(this.oList.offsetHeight, this.oList.offsetWidth);
        this.bClicked = true;
    }
    return false;
};
list.prototype.highLight = function () {
    this.startResetCheck();
    this.active = true;
    this.oParent.clearHighLights();
    if (this.oTarget.className != 'navSelected') {
        this.oTarget.className = 'highLighted';
    }
};
list.prototype.clearHighlights = function () {
    this.active = false;
    this.oParent.clearHighLights(this.oTarget);
};
list.prototype.setListLinks = function () {
    for (l = 0; l < this.listLinks.length; l++) {
        this.listLinks[l].oParent = this;
        this.listLinks[l].shref = this.listLinks[l].getElementsByTagName('a')[0].href;
        this.listLinks[l].onmouseover = function () {
            this.oParent.active = true;
            this.className = "navListSelected";
        };
        this.listLinks[l].onmouseout = function () {
            this.oParent.active = false;
            this.className = "";
        };
        this.listLinks[l].onclick = function () {
            document.location.href = this.shref;
            return false;
        };
    }
};
list.prototype.shieldUp = function (height, width) {
    if (!this.Shield) {
        this.Shield = document.createElement('iframe');
        this.oTarget.appendChild(this.Shield);
        this.Shield.style.height = (height) + 'px';
        this.Shield.style.width = width + 'px';
        this.Shield.style.zIndex = -10;
    }
    this.Shield.style.visibility = 'visible';
    this.Shield.style.display = 'block';
};
list.prototype.shieldDown = function () {
    if (this.Shield) {
        this.Shield.style.visibility = 'hidden';
        this.Shield.style.display = 'none';
    }
};
list.prototype.startResetCheck = function () {
    resetTarget = this;
    if (resetCheck) {
        clearTimeout(resetCheck);
    }
    resetCheck = setTimeout(resetChecker, 1000);
};
function resetChecker(){
	if(!resetTarget.active){		
		resetTarget.oParent.clearDrops();
		resetTarget.oParent.clearHighLights();
	}
}
window.document.onclick = function(){
	if(resetTarget){
		resetChecker();	
	}
}