// execute your scripts when the DOM is ready. this is a good habit
$(function() {

	// initialize scrollable
	$("div.scrollable").scrollable({size: 3, clickable: false});
	$('#slideshow').cycle();
	
	//Hide (Collapse) the toggle containers on load
	$("div.container").hide(); 

	//Slide up and down on click
	$("a.toggle").click(function(){
		$(this).next("div.container").slideToggle("slow");
		return false;
	});
	
    // if the function argument is given to overlay, 
    // it is assumed to be the onBeforeLoad event listener 
    $("a[rel]").overlay({ 
    
        expose: { color: '#333', loadSpeed: 200, opacity: 0.9 },
  
        onBeforeLoad: function() { 
 
            // grab wrapper element inside content 
            var wrap = this.getContent().find(".contentWrap"); 
 
            // load the page specified in the trigger 
            wrap.load(this.getTrigger().attr("href")); 
        } 
 
    }); 

});