//===============================================
//navigation tools

function overNav(shape){
    var id      = shape.id;

    if(id != "logo"){
        var coords  = shape.coords.split(",");

        var y       = parseInt(coords[1]) + 3;
        var x       = parseInt(coords[0]) + 10;
        var width   = (parseInt(coords[2]) - x) + 12;

        if(id == "contact"){ width -= 2; }

        var bar = document.getElementById("nav_bar");
        bar.style.left    = x + "px";
        bar.style.top     = y + "px";
        bar.style.width   = width + "px";
    }
}

function offNav(){
    var bar = document.getElementById("nav_bar");
    bar.style.left    = "-400px";
}