$(function() {

	// initialize scrollable
	var root = $(".home_scrollable").scrollable({circular: true, mousewheel: true}).navigator().autoscroll({
		interval: 6000	
	});
	
	var api = root.scrollable();
	
	api.onBeforeSeek(function(event, i) {
		// onSeek
		switch (i){
			case 0:
				$('body').css({'background':'#161616 url(/images/bgs/mercedes-s-class-savoy-back.jpg) top center no-repeat'});
			break;  
			case 1:
				$('body').css({'background':'#161616 url(/images/Rolls-Royce-Phantom/bgimage.jpg) top center no-repeat'});
			break;
			case 2:
				$('body').css({'background':'#161616 url(/images/bently-flying-spur/bgimage.jpg) top center no-repeat'});
			break;
			case 3:
				$('body').css({'background':'#161616 url(/images/rang-rover/rangebg.jpg) top center no-repeat'});
			break;
			case 4:
				$('body').css({'background':'#161616 url(/images/bgs/bentley-mulsanne-side-fast.jpg) top center no-repeat'});
			break;
			default:
			$('body').css({'background':'#161616 url(/images/bgs/mercedes-s-class-savoy-back.jpg) top center no-repeat'});
		}
	});
	
	jQuery.preLoadImages("/images/Rolls-Royce-Phantom/bgimage.jpg", "/images/bently-flying-spur/bgimage.png", "/images/bgs/bentley-mulsanne-side-fast.jpg", "/images/rang-rover/rangebg.jpg", "/images/bgs/mercedes-s-class-open-door.jpg");
});