$(document).ready(function() {      // initialize scrollable     

	$("#slider").scrollable({size: 1, clickable: false}).circular().autoscroll(5000).navigator({
 
		// select #flowtabs to be used as navigator
		navi: "#flowtabs",
 
		// select A tags inside the navigator to work as items (not direct children)
		naviItem: 'a',
 
		// assign "current" class name for the active A tag inside navigator
		activeClass: 'current'
 
	});



	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute   
	//Vertical Sliding   
	 
	//Caption Sliding (Partially Hidden to Visible)   
	$('.boxgrid.caption').hover(function(){   
		$(".cover", this).stop().animate({top:'39px'},{queue:false,duration:160});   
	}, function() {   
		$(".cover", this).stop().animate({top:'115px'},{queue:false,duration:160});   
	});


});