// JQUERY SCRIPTS FOR SLIDING PANELS
// ---------------------------------------------------------------------------------------
$(document).ready(function()
{
	//slides the element with class "slide_panel" when mouse is over the h3
	$("#panels h3").click(function()
	{
   		$(this).css({backgroundImage:"url(css/images/panels-h3-current.png)"}).next("div.panel_content").slideDown(500).siblings("div.panel_content").slideUp(500);
		$(this).siblings("h3").css({backgroundImage:"url(css/images/panels-h3.png)"});
	});
	
	
	lastBlock = $("#slide1");
	lastBlock.width(687);
    maxWidth = 687;
    minWidth = 48;	

    $("div#branding div").click(
      function(){
        $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:600 });
		$(this).animate({width: maxWidth+"px"}, { queue:false, duration:600});
		lastBlock = this;
      }
    );


});