function $(id) { 
	var tag = document.getElementById(id); 
	return tag;	
}

var IE = false;
var IE6 = false;
var IEBody = (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body
var FF = navigator.userAgent.toLowerCase().indexOf("firefox") >= 0;

function BrowserWidth() {
	if (window.innerWidth) {
		return window.innerWidth;
	} else if (document.all) {
		return IEBody.clientWidth;
	} else {
		return 999;
	}
}

function BrowserHeight() {
	if (window.innerHeight) {
		return window.innerHeight;
	} else if (document.all) {
		return IEBody.clientHeight;
	} else {
		return 999;
	}
}

function BrowserX() {
	return window.pageXOffset ? window.pageXOffset : IEBody.scrollLeft;
}

function BrowserY() {
	return window.pageYOffset ? window.pageYOffset : IEBody.scrollTop;
}

function Delay(interval) {
    var now = new Date();
    while (((new Date()).getTime() - now.getTime()) < interval) { }
}

function ToggleExpandCollapse(id) {
    genericToggle(id);
}

function genericToggle(id) {
    var ref = $(id);
    if (ref.className.match(/Collapsed/)) {
        ref.className = ref.className.replace(/Collapsed/, "Expanded");
    } else {
        ref.className = ref.className.replace(/Expanded/, "Collapsed");
    }
}


var thiz = this;
var currentMenu = null;
var ids = new Array("PortfolioMenuItem", "AboutMenuItem", "ResourcesMenuItem");
var submenus = new Array("PortfolioSubmenu", "AboutSubmenu", "ResourcesSubmenu");
var submenuRefs = new Array();

function hookupSubmenu() {
    for (var i=0; i<ids.length; i++) {
        linkId = ids[i];
        submenuId = submenus[i];
        link = $(linkId);
        submenu = $(submenuId);
        submenuRefs.push(submenu);
        var ov = showSubmenu(submenuId);
        var ou = timedHideSubmenu(submenuId);        
        link.onmouseover = ov;
        link.onmouseout = ou;
        submenu.onmouseover = ov;
        submenu.onmouseout = ou;
        submenu.style.display = "none";
    }
}

function timedHideSubmenu(id) { 
    return function() {
        var ref = $(id);
        if (ref.timer) { clearTimeout(ref.timer); }
        ref.timer = setTimeout(hideSubmenu(id), 500);
    }
}

function hideSubmenu(id) { 
    return  function() {
        var ref = $(id);
        ref.style.display = "none"; 
    }
}

function showSubmenu(id) { 
    return function() {
        for (var i=0; i<ids.length; i++) {
            var ref = submenuRefs[i];
            ref.style.display = "none";
            if (ref.timer) { clearTimeout(ref.timer); }
        }
        var ref = $(id);
        if (ref.timer) { clearTimeout(ref.timer); }
        ref.style.display = "block"; 
    }
}