function InitializePage()
{
    //This will initialize our menu.
    //This if statement is true for IE versions before 7.
    if(typeof document.body.style.maxHeight == "undefined")
    {
        var i, node;
        var navRoot = document.getElementById("main_nav");
        
        for(i=0; i < navRoot.childNodes.length; i++)
        {
            node = navRoot.childNodes[i];
            if(node.nodeName=="LI")
            {
                node.onmouseover=function()
                {
                    this.className+="over";
                }
                node.onmouseout=function()
                {
                    this.className=this.className.replace("over", "");
                }
            }
        }
    }
    
    //This will see if our user's screen resolution is less than 1024x768.
    if(screen.width < 1024 || screen.height < 768)
        UseThinStyles();
}

function BoxHover(box)
{
	box.className = "box box_hover";
}
function BoxOut(box)
{
	box.className = "box box_out";
}

window.onload=InitializePage;