var currentSelection = -1;

var toolBar = new Array();
toolBar['sl'] = new Array('lMenu1.jpg', 'lMenu1o.jpg', 'menu1o.jpg', 'search-reo-real-estate-listings.aspx');
toolBar['bi'] = new Array('lMenu2.jpg', 'lMenu2o.jpg', 'menu2o.jpg', 'buyerinstructions.aspx');
toolBar['vc'] = new Array('lMenu3.jpg', 'lMenu3o.jpg', 'lMenu3o.jpg', 'vendors.aspx');
toolBar['sa'] = new Array('lMenu5.jpg', 'lMenu5o.jpg', 'menu5o.jpg', 'reo-bank-owned-properties.aspx');
toolBar['au'] = new Array('lMenu6.jpg', 'lMenu6o.jpg', 'lMenu6o.jpg', 'aboutus.aspx');

// function to change button state on hover
function highlightItem(obj, state) {
    
    i = obj.getAttribute('id');
    
    // if not, change state (normal=0, highlight=1)
    if (i != currentSelection) {
        if (state == 1) {
            obj.setAttribute('src', 'images/' + toolBar[i][1]);
        } else {
            obj.setAttribute('src', 'images/' + toolBar[i][0]);
        }                    
    }
}

function selectItem(obj) {
    // get button ID
    i = obj.getAttribute('id');
    
    // reset all toolbar buttons to normal
    //tbar = document.getElementById('toolbar');
    //items = tbar.getElementsByTagName('img');
    //for (x = 0; x < items.length; x++) {
    //    items[x].setAttribute('src', 'images/' + toolbarData[(x+1)][0]);
    //}
    
    // set selected button to click state
    obj.setAttribute('src', 'images/' + toolBar[i][2]);
    
    
    // publish ID of clicked button
    currentSelection = i;
    location.href = toolBar[i][3];    
}