$(document).ready(function() {

	//set banner as cycle
	$('#homeBanner').cycle({
		fx: 'scrollLeft',
		speed: 500,
		timeout: 6000
	});
	
	//pause on hover
	$('.rotatingBanner').mouseover(function() {
		$('#homeBanner').cycle('pause');
	});
	
	//resume on mouseout
	$('.rotatingBanner').mouseout(function() {
		$('#homeBanner').cycle('resume');
	});

	$(".scrollable").scrollable();
	
});