$(document).ready(function() {

    $("div.title a img, div.navigation a img").hover(
        function(){
            var over_image = $(this).parent().attr('rel').split('|')[1];
            $(this).attr('src', over_image);
        },
        function(){
            var orig_image = $(this).parent().attr('rel').split('|')[0];
            $(this).attr('src', orig_image); 
        }
    );
    
    $("div.section div.title").click(function(){
        var this_section = $(this).parents("div.section");
    
        var other_sections = 
            $(this_section).siblings()
                           .children('div.content')
                           .slideUp("fast", function() {
                                $(this).parents('div.section').removeClass('activated')
                                                              .addClass('deactivated');
                           });
                           
        $(this_section).children('div.content')
                       .slideDown("slow", function(){
                            var parent_section = $(this).parents('div.section');
                            $(parent_section).removeClass('deactivated')
                                             .addClass('activated');
                       });
        return false;
    });
    
    $("div.scrollable").scrollable({size: 1, clickable: false}); 

});