/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


var selectedEntry = [];

function clickBar(e) {
    var target = $(e.currentTarget);
    var entry = $(target.parent());
    var content = $('.content', entry);

    if(selectedEntry != null && (selectedEntry[0] != entry[0])) {
        $('.content', selectedEntry).hide();
        $('.bar', selectedEntry).removeClass('bar-active');
        $('.bar span', selectedEntry).removeClass('active');
    }

    content.show();
    selectedEntry = entry;
}

$(function() {
    $('.bar').click(function(e) {
        clickBar(e);
    });

    $('.bar').mouseover(function(e) {
        var target = $(e.currentTarget);
        var entry = $(target.parent());
        if(entry[0] != selectedEntry[0]) {
            $('.bar', entry).addClass('bar-active');
            $('.bar span', entry).addClass('active');
        }
    });

    $('.bar').mouseout(function(e) {
        var target = $(e.currentTarget);
        var entry = $(target.parent());
        if(entry[0] != selectedEntry[0]) {
            $('.bar', entry).removeClass('bar-active');
            $('.bar span', entry).removeClass('active');
        }
    });

    $('.bar:eq(0)').trigger('mouseover');
    $('.bar:eq(0)').trigger('click');

    Cufon.replace('#welcome h1', {fontFamily:'RotisSansSerif'});
    Cufon.replace('#welcome .bar span', {fontFamily:'RotisSansSerif'});
});