$(function(){
    $(window).load(
        function() {
            $("#sidebar").height($("body").height());
        });

    //allow the submenus to be shown
    $("#navigation li").hover(function(){
        $(this).addClass("active").children("ul.sub").show();
    }, function(){
        $(this).children("ul.sub").hide().end().removeClass("active");
    });

    //fade in images... looks nice
    $("#content img")
    .animate({"opacity": 1}, 1500)
    .hover(function(){
        $(this).fadeTo(200, .75);
    }, function(){
        $(this).fadeTo(200, 1.0);
    });
    $("#image_list a").fancybox({
        'transitionIn':'elastic',
        'transitionOut':'elastic',
        'speedIn':500,
        'speedOut':250,
        'titlePosition':'over',
        'titleFormat': function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
        }
    });
});