<!--  

var isIE = (document.all)? true : false;
var isDOM = (document.getElementById && !document.all)? true : false;

// unfortunately, find safari so I can feed it some different stuff
//menus don't work on safari otherwise
var ua = navigator.userAgent.toLowerCase();
var mySafari = (ua.indexOf('safari') != - 1);
var isSafari = (isDOM && mySafari)? true : false;


//from x library to find postion of actuator image for menu
function xPageX(e) 
{
    if (!(e=xGetElementById(e))) return 0;
    if (xDef(e.pageX)) return e.pageX;
    var x = 0;
    while (e) 
    {
        if (xDef(e.offsetLeft)) x += e.offsetLeft;
        e = xDef(e.offsetParent) ? e.offsetParent : null;
    }
    return x;
}
function xPageY(e) 
{
    if (!(e=xGetElementById(e))) return 0;
    if (xDef(e.pageY)) return e.pageY;
    var y = 0;
    while (e) 
    {
        if (xDef(e.offsetTop)) y += e.offsetTop;
        e = xDef(e.offsetParent) ? e.offsetParent : null;
    }
    return y;
}


function xGetElementById(e) 
{
    if(typeof(e)!='string') return e;
    if(document.getElementById) e=document.getElementById(e);
    else if(document.all) e=document.all[e];
    else if(document.layers) e=xLayer(e);
    else e=null;
    return e;
}

function xDef() 
{
    for(var i=0; i<arguments.length; ++i){if(typeof(arguments[i])=='undefined') return false;}
    return true;
}
// end x library functions


// menu image array
menuImages = new Array("navHome", 
                                            "navPhilosophy",                                             
                                            "navPortfolio", 
                                            "navContact", 
                                            "menuProcess", 
                                            "menuBio", 
                                            "menuAwards",
                                            "menuTestimonials",
                                            "menuExteriors",
                                            "menuInteriors",
                                            "menuPlans",
                                            "menuConstruction",
                                            "menuClient",
                                            "menuLinks");

over = new Array();
normal = new Array();

function preloadImages()
{

    for (var i = 0; i < menuImages.length; i++)
    {
        over[menuImages[i]] = new Image();
        over[menuImages[i]].src = "resources/images/menu_" + menuImages[i] + "_on.gif";
        normal[menuImages[i]] = new Image();
        normal[menuImages[i]].src = "resources/images/menu_" + menuImages[i] + "_off.gif";
    }
    
}  


function rollOverImage(imgName)
{
    if (document.images)
    {
        document.images[imgName].src = over[imgName].src;
    }    
}


function rollOutImage(imgName)
{
    if (document.images)
    {
        document.images[imgName].src = normal[imgName].src;
    }    
}   


//this function is being called 'onload' from header instead of here, to help safari preload better
// preloadImages() 

// end image rollover functions


//associative array to loop assign URL to nav items that have a menu 'attached'
//ONLY menu items that have a menu 'attached' should be defined here
var siteUrls = new Array();
siteUrls['navPhilosophy'] = "philosophy.php";
siteUrls['navPortfolio'] = "portfolio.php";
siteUrls['navContact'] = "contact.php";

//attach event handlers to the nav menu items to position the menus on rollover/out
function attachMenu(navDiv, menuDiv)
{

    var theNavItem = xGetElementById(navDiv);    
    var theMenu = xGetElementById(menuDiv);    
    
    // menu showing funtion
    theNavItem.onmouseover = function (e)
    {
    
        if (!e) e = window.event;
        
        if (isDOM) {var srcElement = e.target;}    
        else if (isIE) {var srcElement = e.srcElement;}    
           
        var xPos = parseInt(xPageX(srcElement));
        var yPos = parseInt(xPageY(srcElement));
        var menuImgHeight = 16;    
      
        theMenu.style.left = xPos - 1 + "px";// -1 accounts for border on images
        theMenu.style.top = yPos + menuImgHeight + "px";
       
        // change image on mouseover                
        if (document.images) {document.images[theNavItem.id].src = over[theNavItem.id].src;}   
         
    }

    //menu hiding function
    theNavItem.onmouseout = function (e)
    {
        var hideOK = false;
        
        if (!e) e = window.event;
        
        //unfortunately, feed safari some different parameters to make it work
        if (isSafari)
        {
            if (e.relatedTarget != theMenu  && e.relatedTarget.parentNode != theMenu)
            {
                hideOK = true;   
            }
        }            
        else if (isDOM)
        {        
            if (e.relatedTarget != theMenu  && e.relatedTarget.parentNode != theMenu)
            {
                hideOK = true;                   
            }
        }
        else if (isIE)
        {

            if (e.toElement != theMenu && !theMenu.contains(e.toElement))
            {                
                hideOK = true;   
            }
        }
        
        if (hideOK)
        {
                theMenu.style.left = -500 + "px";
                theMenu.style.top = -2000 + "px";
                
                // change image on mouseout
                if (document.images) {document.images[theNavItem.id].src = normal[theNavItem.id].src;}     
        }
        else
        {
            return false;
        }
        
          
    }

            
    // nav bar go - to - URL - function
    theNavItem.onclick = function()
    {
        location.href = siteUrls[theNavItem.id];
    }
    
    
    // menu hiding function
    theMenu.onmouseout = function (e)
    {
        var hideOK = false;
        
        if (!e) e = window.event;
        
        if (isDOM)
        {

            //unfortunately, feed safari some different parameters to make it work
            if (isSafari)
            {
                if (e.relatedTarget != theMenu  && e.relatedTarget.parentNode != theMenu)
                {
                    hideOK = true;                     
                }
            }
            else if (e.relatedTarget != theMenu && !contains(theMenu, e.relatedTarget))
            {                
                hideOK = true;      
            }
        }
        else if (isIE)
        {
            if (e.toElement != theMenu && !theMenu.contains(e.toElement))
            {
                hideOK = true;   
            }
        }
        
        if (hideOK)
        {
                theMenu.style.left = -500 + "px";
                theMenu.style.top = -2000 + "px";
                
                // change image on mouseout
                if (document.images) {document.images[theNavItem.id].src = normal[theNavItem.id].src;}     
        }
        else
        {
            return false;
        }
  
    }
    

    function contains(a, b) 
    {
            
              // Return true if node a contains node b.
            
        while (b.parentNode)
        if ((b = b.parentNode) == a)
        return true;
        return false;
    }
    
            
}


//create multi-dimensional array to loop through and assign event handlers
//all menu items EXCEPT the nav items that have a menu 'attached' should be defined here
var menuItems = new Array();
menuItems["navHome"] = new Array("navHome","index.php");
menuItems["menuProcess"] = new Array("menuProcess","process.php");
menuItems["menuBio"] = new Array("menuBio","biography.php");
menuItems["menuAwards"] = new Array("menuAwards", "awards.php");
menuItems["menuTestimonials"] = new Array("menuTestimonials", "testimonials.php");
menuItems["menuExteriors"] = new Array("menuExteriors", "exteriors.php");
menuItems["menuInteriors"] = new Array("menuInteriors", "interiors.php");
menuItems["menuPlans"] = new Array("menuPlans", "plans.php");
menuItems["menuConstruction"] = new Array("menuConstruction", "construction.php");
menuItems["menuClient"] = new Array("menuClient","client.php");
menuItems["menuLinks"] = new Array("menuLinks","links.php");

function initMenu()
{
    var items = new Array();

    for (var i in menuItems)
    {
        items[i] = xGetElementById(menuItems[i][0]); 
        
        items[i].onmouseover = function()
        {
            if (document.images) {document.images[this.id].src = over[this.id].src;}     
        }
        items[i].onmouseout = function()
        {
            if (document.images) {document.images[this.id].src = normal[this.id].src;}     
        }
        items[i].onclick = function()
        {
            window.location.href = menuItems[this.id][1];
        }

    }    

}


// -->