//GLOBAL VARIABLES
var motivePowerMenu = "<span'><a id='motive_batteries' href=\"javascript: setPage('motive_batteries');\">Motive Batteries<br />& Chargers</a></span><span><a id='motive_rentals' href=\"javascript: setPage('motive_rentals');\">Rentals<br />& Used Equipment</a></span><span><a id='motive_handling' href=\"javascript: setPage('motive_handling');\">Handling Equipment<br />& Accesories</a></span><span id='topMenuCenterRight'><a id='motive_service' href=\"javascript: setPage('motive_service');\">Motive Power<br />Service</a></span>";
var standbyPowerMenu = "<span><a id='standby_aboutus'  href=\"javascript: setPage('standby_aboutus');\"><div style='margin-top:8px;'>Contact Us</div></a></span><span><a id='standby_engineering' href=\"javascript: setPage('standby_engineering');\">Custom<br/>Engineering</a></span><span><a id='standby_products' href=\"javascript: setPage('standby_products');\">DC Power<br/>Products</a></span><span id='topMenuCenterRight'><a id='standby_service' href=\"javascript: setPage('standby_service');\">Service &<br/>Installation</a></span>";
var renewableMenu = "<div id='topMenuFiller'></div><div style='float:left;'><img src='./img/menu_red_right.png' />";
var homeMenu = "<div id='topMenuFiller'><div style='margin-top: 12px; margin-left: 20px;'>Learn more about <a href=\"javascript: setMode('standby'); setPage('standby_custom_products');\">Custom DC Power Products</a> today...</div></div><div style='float: left;'><img src='./img/menu_red_right.png' /></div>";

var pageMode = "motive";
var currentPage = "index";

var currentMotivePage = "motive_batteries";
var currentStandbyPage = "standby_aboutus";
var currentRenewablePage = "renewable_main";

var motiveTabs = ['motive_batteries', 'motive_rentals', 'motive_handling', 'motive_service'];
var standbyTabs = ['standby_aboutus', 'standby_engineering', 'standby_products', 'standby_service'];
var renewableTabs = [];

function init_page() {
    //fade in "lead in" graphics
    setTimeout("fadeIn(3000,60,'leadin1')", 1000);
    setTimeout("fadeIn(3000,60,'leadin2')", 2500)
    setTimeout("fadeIn(3000,60,'leadin3')", 4000)
}

//SHOW CONTACT US - shows the appropriate 'Contact Us' depending on what part of the site the user is in
function showContactUs() {
    if (pageMode == "home" || pageMode == "motive")
        setPage('motive_contact');
    else
        setPage('standby_aboutus');
}

//SET MODE - changes between the 3 major sections (modes) of the site: motive, stationary and renewable
function setMode(mode) {

    pageMode = mode;

    var menu = document.getElementById('tabMenu');
    if (pageMode == "motive") {
        document.getElementById('tabMenu').style.visibility = "visible";
        document.getElementById('tabMenu').innerHTML = motivePowerMenu;
        setPage(currentMotivePage);
    }
    else if (pageMode == "standby") {
        document.getElementById('tabMenu').style.visibility = "visible";
        document.getElementById('tabMenu').innerHTML = standbyPowerMenu;
        setPage(currentStandbyPage);
    }
    else if (pageMode == "renewable") {
        document.getElementById('tabMenu').style.visibility = "visible";
        document.getElementById('tabMenu').innerHTML = renewableMenu;
        setPage(currentRenewablePage);
    }
    else if (pageMode == "home") {
        document.getElementById('tabMenu').style.visibility = "visible";
        document.getElementById('tabMenu').innerHTML = homeMenu;
        currentPage = "home";
        refreshPage();
    }
}

//SET PAGE - sets the current page 
function setPage(page) {
    currentPage = page;

    if (page.indexOf("contact") == -1) {
        if (pageMode != "home") {
            if (pageMode == "motive")
                currentMotivePage = page;
            else if (pageMode == "standby")
                currentStandbyPage = page;
            else if (pageMode == "renewable")
                currentRenewablePage = page;
        }
        else {
            if (currentPage.indexOf("motive") != -1)
                pageMode = "motive";
            else if (currentPage.indexOf("standby") != -1)
                pageMode = "standby";
            else if (currentPage.indexOf("renewable") != -1)
                pageMode = "renewable";
        }
    }
        
    refreshPage();
}


//REFRESH PAGE
function refreshPage() {

    //set the tabs
    if (pageMode == "motive") {
        document.getElementById('motive').setAttribute('class', 'current');
        document.getElementById('motive').setAttribute('className', 'current');
        document.getElementById('standby').setAttribute('class', '');
        document.getElementById('standby').setAttribute('className', '');
        document.getElementById('renewable').setAttribute('class', '');
        document.getElementById('renewable').setAttribute('className', '');

        var tab;
        for (var c = 0; c < motiveTabs.length; c++) {
            tab = document.getElementById(motiveTabs[c]);
            if (tab != null) {
                if (motiveTabs[c] == currentPage) {
                    tab.setAttribute('class', 'current');
                    tab.setAttribute('className', 'current');
                }
                else {
                    tab.setAttribute('class', '');
                    tab.setAttribute('className', '');
                }
            }
        }
    }

    else if (pageMode == "standby") {
        document.getElementById('motive').setAttribute('class', '');
        document.getElementById('motive').setAttribute('className', '');
        document.getElementById('standby').setAttribute('class', 'current');
        document.getElementById('standby').setAttribute('className', 'current');
        document.getElementById('renewable').setAttribute('class', '');
        document.getElementById('renewable').setAttribute('className', '');

        var tab;
        for (var c = 0; c < standbyTabs.length; c++) {
            tab = document.getElementById(standbyTabs[c]);
            if (tab != null) {
                if (standbyTabs[c] == currentPage) {
                    tab.setAttribute('class', 'current');
                    tab.setAttribute('className', 'current');
                }
                else {
                    tab.setAttribute('class', '');
                    tab.setAttribute('className', '');
                }
            }
        }
    }

    else if (pageMode == "renewable") {
        document.getElementById('motive').setAttribute('class', '');
        document.getElementById('motive').setAttribute('className', '');
        document.getElementById('standby').setAttribute('class', '');
        document.getElementById('standby').setAttribute('className', '');
        document.getElementById('renewable').setAttribute('class', 'current');
        document.getElementById('renewable').setAttribute('className', 'current');

        var tab;
        for (var c = 0; c < renewableTabs.length; c++) {
            tab = document.getElementById(renewableTabs[c]);
            if (tab != null) {
                if (renewableTabs[c] == currentPage) {
                    tab.setAttribute('class', 'current');
                    tab.setAttribute('className', 'current');
                }
                else {
                    tab.setAttribute('class', '');
                    tab.setAttribute('className', '');
                }
            }
        }
    }
    
    else if (pageMode == "home") {
        document.getElementById('motive').setAttribute('class', '');
        document.getElementById('motive').setAttribute('className', '');
        document.getElementById('standby').setAttribute('class', '');
        document.getElementById('standby').setAttribute('className', '');
        document.getElementById('renewable').setAttribute('class', '');
        document.getElementById('renewable').setAttribute('className', '');

        for (var c = 0; c < motiveTabs.length; c++) {
            if (document.getElementById(motiveTabs[c]) != null) {
                document.getElementById(motiveTabs[c]).setAttribute('class', '');
                document.getElementById(motiveTabs[c]).setAttribute('className', '');
            }
            else if (document.getElementById(standbyTabs[c]) != null) {
                document.getElementById(standbyTabs[c]).setAttribute('class', '');
                document.getElementById(standbyTabs[c]).setAttribute('className', '');
            }
        }
    }

    //set the page content
    window.frames['content_frame'].location = (currentPage + ".htm");
}



////SWITCH PAGE
//function switchPage(id)
//{
//    var e;

//    //set the link css class
//    for (i = 1; i <= 6; i += 1)
//    {
//        e = document.getElementById("tab" + i);
//    
//        if (i == id) 
//        {
//            e.setAttribute('class', 'current');
//            e.setAttribute('className', 'current');
//        }
//        else 
//        {
//            e.setAttribute('class', '');
//            e.setAttribute('className', '');
//        }
//    }
//    
//    setDocument(id);
//}


////SET DOCUMENT
//function setDocument(id) {
//    var content = document.getElementById('main_text');
//    var newContent = window.frames['frame' + id].document.getElementById('main_text');
//    content.innerHTML = newContent.innerHTML;

//    if ((id == 5 || id == 6) || (id >= 8))
//        document.getElementById('map_image').innerHTML = "<img src='./img/usa_map.png' />";
//    else
//        document.getElementById('map_image').innerHTML = "<img src='./img/map.png' />";
//}