var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();

window.onload = init;

function init()
{
    if (!W3CDOM) return;

    var sPath = window.location.pathname;
    var sPage = sPath.substring(sPath.lastIndexOf(''));
    //alert(sPage);
    //alert(sPath);

    if (sPath.match("services")) {
        //document.getElementById('services_button').style.backgroundImage = "url(img/site/button_active.gif)";
        document.getElementById('services_button').className = "button-active";
    }
    else {if(sPath.match("contact"))
        document.getElementById('contact_button').className = "button-active"; 
    else { 
        document.getElementById('home_button').className = "button-active";
    }};

    //if (!W3CDOM) return;
    var nav = document.getElementById('vmenu');
    var imgs = nav.getElementsByTagName('img');
    for (var i=0;i<imgs.length;i++)
    {
        imgs[i].onmouseover = mouseGoesOver;
        imgs[i].onmouseout = mouseGoesOut;
        var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
        mouseOuts[i] = new Image();
        mouseOuts[i].src = imgs[i].src;
        mouseOvers[i] = new Image();
        mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_omo" + suffix;
        imgs[i].number = i;
    }

}

function mouseGoesOver()
{
    this.src = mouseOvers[this.number].src;
    this.tname = mouseOvers[this.number].name;
    //this.tname = this.name;
    //alert(this.tname);

}

function mouseGoesOut()
{
    this.src = mouseOuts[this.number].src;
    var tname = this.name;
    //alert(this.src);
}