/*----------------------------------------------------------
         _    _
 _ _ ___(_)  (_)___
| '_/ _ \ |_ | (_-<
|_| \___/_(_)/ /__/
           |__/
------------------------------------------------------------
File      : roi.js
Author    : Richard Lewis
Project   : /mnt/web/localhost/htdocs/roi/js/
Syntax    : javascript
Date      : Thu 19 Jul 2007
Copyright : Richard Lewis 2007
------------------------------------------------------------
ROI interface setup
----------------------------------------------------------*/

// Global
var G = new Object();
//----------------------------------------------------------

// load images
G.roi              = new Image();
G.roi.src          = "img/roi.png";
G.roi.style.width  = "477px";
G.roi.style.height = "28px";
//----------------------------------------------------------

// load buttons
G.bt = new Array(
    "home", "about", "expeditions", "news", "membership",
    "sponsorship", "photobook", "links", "contact");

G.btimg0 = new Array();
G.btimg1 = new Array();

for (var k = 0; k < G.bt.length; ++k) {
    G.btimg0[k] = new Image();
    G.btimg1[k] = new Image();
    G.btimg0[k].src = "img/bt0" + G.bt[k] + ".png";
    G.btimg1[k].src = "img/bt1" + G.bt[k] + ".png";
}
//----------------------------------------------------------

function swap(ele, evt, state) {
    // Swap for mouse over and out

    var bt = ele.id.substr(2);

    if (state == 0) {
        ele.src = G.btimg0[bt].src;
    }
    else {
        ele.src = G.btimg1[bt].src;
    }
}
//----------------------------------------------------------

function roi() {
    var hh = document.getElementById('headhold');

    hh.removeChild(hh.childNodes[0]);

    hh.appendChild(G.roi);

    roiNav();
}
//----------------------------------------------------------

function roiNav() {
    // ROI navigation

    var nav = document.getElementById('nav');

    var cura = nav.firstChild.firstChild;
    for (var k = 0; k < G.bt.length; ++k) {

        var curli = cura.parentNode;
        curli.style.backgroundColor = "#f7f7f7";
        curli.style.border          = "0px";
        curli.style.padding         = "0px";

        var img = new Image();

        img.id  = "bt" + k;
        img.src = G.btimg0[k].src;
        img.style.width  = "115px";
        img.style.height = "36px";

        img.onmouseover =
            function(evt) { swap(this, evt, '1'); };

        img.onmouseout =
            function(evt) { swap(this, evt, '0'); };

        // delete text node
        cura.removeChild(cura.childNodes[0]);

        // append image
        cura.appendChild(img);

        // next a
        if (k < G.bt.length - 1) {
            cura = cura.parentNode.nextSibling.firstChild;
        }
    }
}
//----------------------------------------------------------