$(document).ready(function() {
	$("div.panel_button").click(function(){
		$("div#panel").animate({
			height: "400px"
		})
		.animate({
			height: "300px"
		}, "fast");
		$("div.panel_button").toggle();
	
	});	
	
   $("div#hide_button").click(function(){
		$("div#panel").animate({
			height: "0px"
		}, "fast");
		
	
   });	
	
});
$(function () {
        if ($.browser.msie && $.browser.version < 7) return;
        
        $('#navigation li')
            .removeClass('highlight')
            .find('a')
            .append('<span class="hover" />').each(function () {
                    var $span = $('> span.hover', this).css('opacity', 0);
                    $(this).hover(function () {
                        // on hover
                        $span.stop().fadeTo(500, 1);
                    }, function () {
                        // off hover
                        $span.stop().fadeTo(500, 0);
                    });
                });
                
    });
$(function() {		

// initialize scrollable 
$("div.scrollable").scrollable({
size: 3,
items: '#thumbs',  
hoverClass: 'hover'
});	

});