$(function() {
    var path = /.*\//.exec($('#nav img:first').attr('src'));

    $('#nav img').mouseover(function() {
        var el   = $(this);
        var name = el.attr('rel');

        el.attr('src', path + name + '_hover.png');
    }).mouseout(function(e) {
        var el   = $(this);
        var name = el.attr('rel');
        
        el.attr('src', path + name + '.png');
    });
    
    
    $('#nav > ul > li').mouseover(function() {
        $('#nav div').hide();
        $('div', this).show();
    }).mouseout(function() {
        $('#nav div').hide();
        $('li.active div.subnav').show();
    });
});