function unHoverAll() {
    $('li_vancouver').className="";
    $('li_harrisburg').className="";
    $('li_seattle').className="";
    $('li_london').className="";
    $('li_pittsburgh').className="";
    $('li_philadelphia').className="";
    $('li_tulsa').className="";
    $('li_okcity').className="";
    $('li_buffalo').className="";
    $('li_rochester').className="";
    $('li_somerset').className="";

    $('loc_vancouver').style.display="none";
    $('loc_harrisburg').style.display="none";
    $('loc_seattle').style.display="none";
    $('loc_london').style.display="none";
    $('loc_pittsburgh').style.display="none";
    $('loc_philadelphia').style.display="none";
    $('loc_tulsa').style.display="none";
    $('loc_okcity').style.display="none";
    $('loc_buffalo').style.display="none";
    $('loc_rochester').style.display="none";
    $('loc_somerset').style.display="none";
    
    $('pin_vancouver_over').style.display="none";
    $('pin_harrisburg_over').style.display="none";
    $('pin_seattle_over').style.display="none";
    $('pin_london_over').style.display="none";
    $('pin_pittsburgh_over').style.display="none";
    $('pin_philadelphia_over').style.display="none";
    $('pin_tulsa_over').style.display="none";
    $('pin_okcity_over').style.display="none";
    $('pin_buffalo_over').style.display="none";
    $('pin_rochester_over').style.display="none";
    $('pin_somerset_over').style.display="none";
    
    $('pin_vancouver').style.display="block";
    $('pin_harrisburg').style.display="block";
    $('pin_seattle').style.display="block";
    $('pin_london').style.display="block";
    $('pin_pittsburgh').style.display="block";
    $('pin_philadelphia').style.display="block";
    $('pin_tulsa').style.display="block";
    $('pin_okcity').style.display="block";
    $('pin_buffalo').style.display="block";
    $('pin_rochester').style.display="block";
    $('pin_somerset').style.display="block";

    $('pin_vancouver').style.zIndex="0";
    $('pin_harrisburg').style.zIndex="0";
    $('pin_seattle').style.zIndex="0";
    $('pin_london').style.zIndex="0";
    $('pin_pittsburgh').style.zIndex="0";
    $('pin_philadelphia').style.zIndex="0";
    $('pin_tulsa').style.zIndex="0";
    $('pin_okcity').style.zIndex="0";
    $('pin_buffalo').style.zIndex="0";
    $('pin_rochester').style.zIndex="0";
    $('pin_somerset').style.zIndex="0";
    
}

function hover(inCity) {
    var li = 'li_' + inCity;
    var loc = 'loc_' + inCity;
    var pin = 'pin_' + inCity + "_over";

    $(li).className = 'hovered';
    $(loc).style.display = 'block';
    $(pin).style.display = 'block';
    $(pin).style.zIndex = '1';
}

Event.observe(
    window,
    'load',
    function() {
        Event.observe('li_vancouver', 'mouseover', function() { unHoverAll(); hover('vancouver'); });
        Event.observe('li_harrisburg', 'mouseover', function() { unHoverAll(); hover('harrisburg'); });
        Event.observe('li_seattle', 'mouseover', function() { unHoverAll(); hover('seattle'); });
        Event.observe('li_london', 'mouseover', function() { unHoverAll(); hover('london'); });
        Event.observe('li_pittsburgh', 'mouseover', function() { unHoverAll(); hover('pittsburgh'); });
        Event.observe('li_philadelphia', 'mouseover', function() { unHoverAll(); hover('philadelphia'); });
        Event.observe('li_okcity', 'mouseover', function() { unHoverAll(); hover('okcity'); });
        Event.observe('li_tulsa', 'mouseover', function() { unHoverAll(); hover('tulsa'); });
        Event.observe('li_buffalo', 'mouseover', function() { unHoverAll(); hover('buffalo'); });
        Event.observe('li_rochester', 'mouseover', function() { unHoverAll(); hover('rochester'); });
        Event.observe('li_somerset', 'mouseover', function() { unHoverAll(); hover('somerset'); });

        unHoverAll();
        $('li_vancouver').className="hovered";
        $('loc_vancouver').style.display="block"; 
    }

);
    
