//var $ = jQuery;
//$(document).ready(function(){
	var $j = jQuery;
$j(document).ready(function(){
	
	$j('.callout-scroller').scrollable({
		// set options
		size: 3,
		next: ".scroller-nav-next",
		prev: ".scroller-nav-prev",
		circular: true
	}).autoscroll({autoplay: true, interval: 6000});
	
	// photo fade
	$j('.hd-slideshow').cycle({
		timeout: 5000
	});
//});
	
	
	$j("#celeb-suites").scrollable({
	
		// basic settings
		vertical: true,
	
		// up/down keys will always control this scrollable
		keyboard: 'static',
	
		// assign left/right keys to the actively viewed scrollable
		onSeek: function(event, i) {
			horizontal.eq(i).data("scrollable").focus();
		}
	
	// main navigator (thumbnail images)
	}).navigator("#celeb-suites-navi");
	
	// horizontal scrollables. each one is circular and has its own navigator instance
	var horizontal = $j(".scrollable").scrollable({ circular: true }).navigator(".navi");
	
	
	// when page loads setup keyboard focus on the first horizontal scrollable
	horizontal.eq(0).data("scrollable").focus();
	
	
	// Second Scroller
	$j("#premier-suites").scrollable({
	
		// basic settings
		vertical: true,
	
		// up/down keys will always control this scrollable
		keyboard: 'static',
	
		// assign left/right keys to the actively viewed scrollable
		onSeek: function(event, i) {
			horizontal.eq(i).data("scrollable").focus();
		}
	
	// main navigator (thumbnail images)
	}).navigator("#premier-suites-navi");
	
	// horizontal scrollables. each one is circular and has its own navigator instance
	//var horizontal = $j(".scrollable").scrollable({ circular: true }).navigator(".navi");
	
	
	// when page loads setup keyboard focus on the first horizontal scrollable
	//horizontal.eq(0).data("scrollable").focus();
	
});