var webroot = '/';
// image preload
var imgary = new Array('home', 'pay_bill', 'about', 'faq', 'residential', 'commercial', 'public_announce', 'manage_rate', 'jobs', 'testimonials', 'news_stories', 'startex_green', 'contact');
for (i = 0; i < imgary.length; i++) {
    var img = new Image();
    img.src = webroot + 'media/nav/' + imgary[i] + '_ro.gif';
}
// mouseover image change
function mouseover(image, name) {
    if (image.src.lastIndexOf("_sta.gif") == -1) {
        image.src = webroot + 'media/nav/' + name + '_ro.gif';
    }
}
// mouseout image reset
function mouseout(image, name) {
    if (image.src.lastIndexOf("_sta.gif") == -1) {
        image.src = webroot + 'media/nav/' + name + '.gif';
    }
}

function toggle(id) {
    var e = document.getElementById(id);
    if (e.style.display == 'block')
        e.style.display = 'none';
    else
        e.style.display = 'block';
}



var menuclosetimer = 0;
var menuclosetimer2 = 0;
var menutimeout = 250;
function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        //curleft = obj.offsetLeft
        //curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft, curtop];
}

function display_menu(parent, named) {

    if (named == 'menu2') { menu_close(); } else { menu2_close(); }
    menucancelclosetime();
    menusetclosetime();
    menucancelclosetime2();
    menusetclosetime2();
    var menu_element = document.getElementById(named);
    menu_element.style.display = "";
    var placement = findPos(parent);
    //menu_element.style.left = placement[0] - 11 + "px";
    //menu_element.style.top = placement[1] - 11 + "px";
    menu_element.style.left = placement[0] + 75 + "px";
    menu_element.style.top = placement[1] + "px";
}

function menu_close() {
    if (menuclosetimer)
        menuclosetimer = window.setTimeout(hide_menus, menutimeout);
}
function menu2_close() {
    if (menuclosetimer2)
        menuclosetimer2 = window.setTimeout(hide_menus2, menutimeout);
}
// cancel close timer
function menucancelclosetime() {
    if (!menuclosetimer) {
        window.clearTimeout(menuclosetimer);
        menuclosetimer = 0;
    }

} 
function menucancelclosetime2() {

    if (!menuclosetimer2) {
        window.clearTimeout(menuclosetimer2);
        menuclosetimer2 = 0;
    }
}

// cancel close timer
function menusetclosetime() {
    clearTimeout(menuclosetimer);
    menuclosetimer = window.setTimeout(this, 5000);
}
function menusetclosetime2() {
    clearTimeout(menuclosetimer2);
    menuclosetimer2 = window.setTimeout(this, 5000);
}
function hide_menus2() {
    var menu_element = document.getElementById('menu2');
    menu_element.style.display = "none";
    
}

function hide_menus() {
    var menu_element = document.getElementById('menu1');
    menu_element.style.display = "none";
    //document.getElementById('menu2').style.display = "none";
}

//Hide a named menu
function hide_menu(named) {
    var menu_element = document.getElementById(named);
    menu_element.style.display = "none";
}