// Dropd Menu Hover
var dropdDivID;
var dropdObject;
var dropdTime;
function dropdOpen(object, divID) {
	if(dropdObject && dropdObject.className == "dropdSel") {
		clearTimeout(dropdTime);
		dropdCloseNow();
	}
	object.className = "dropdSel";
	var div = document.getElementById(divID);
	var page = document.getElementById("Dropd");
//	var target = findElementPos(object);
//	var offset = findElementPos(page);
//	div.style.top = (target[1] - offset[1]) + 29 + "px";
//	div.style.left = (target[0] - offset[0]) - 4 + "px";
	div.style.top = 196 + "px";
        switch (divID) {
                case "dropdHome":
                                div.style.left = 182 + "px";
                                break;
                case "dropdServices":
                                div.style.left = 310 + "px";
                                break;
                case "dropdTraining":
                                div.style.left = 438 + "px";
                                break;
                case "dropdAboutUs":
                                div.style.left = 566 + "px";
                                break;
                case "dropdContactUs":
                                div.style.left = 694 + "px";
                                break;
                case "dropdBlog":
                                div.style.left = 822 + "px";
                                break;
        }
	div.style.display = "block";
	dropdObject = object;
	dropdDivID = divID;
}
function dropdClose() {
	dropdTime = setTimeout('dropdCloseNow()', 10);
}
function dropdCloseNow() {
	dropdObject.className = "dropd";
	var div = document.getElementById(dropdDivID);
	div.style.display = "none";
}
function dropdSave() {
	clearTimeout(dropdTime);
}

// allows to add js or css file onload
function loadjscssfile(filename, filetype){
		if (filetype=="js"){ //if filename is a external JavaScript file
			var fileref=document.createElement('script')
			fileref.setAttribute("type","text/javascript")
			fileref.setAttribute("src", filename)
		} else if (filetype=="css") { //if filename is an external CSS file
			var fileref=document.createElement("link")
			fileref.setAttribute("rel", "stylesheet")
			fileref.setAttribute("type", "text/css")
			fileref.setAttribute("href", filename)
		}
		
		if (typeof fileref!="undefined")
			document.getElementsByTagName("head")[0].appendChild(fileref)
	}

sfHover = function() {
    var sfEls = document.getElementById("main_nav").getElementsByTagName("LI");
    for (var i = 0; i < sfEls.length; i++) {
        sfEls[i].onmouseover = function() {
            this.className += " sfhover";
        }
        sfEls[i].onmouseout = function() {
            this.className = this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }

    var sfEls = document.getElementById("degrees");
    if (sfEls) {
        sfEls = sfEls.getElementsByTagName("LI");
        for (var i = 0; i < sfEls.length; i++) {
            sfEls[i].onmouseover = function() {
                this.className += " sfhover";
            }
            sfEls[i].onmouseout = function() {
                this.className = this.className.replace(new RegExp(" sfhover\\b"), "");
            }
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);