// JavaScript Document



(function(){

	

	function showImage() {

	

		var itm = this;



		var type = this.id.split("-")[1];



		var options = {

			

			title : type == 'map' ? 'Map to accommodation' : 'Full-sized image',

			closable : true,

			modal : true,

			unloadOnHide : true,

			beforeUnload : function(e) {

				

				$('.thumbnail').one('mousedown', showImage);

				

			} // end function

			

		};



		Boxy.load('/accommodation/image/id/' + this.id.split("-")[2] + '/type/' + this.id.split("-")[1], options);

		

	} // end function

	

	function rollover() {

		

		$(this).css('border-color', '#c10000');

		

	} // end function

	

	function rollout() {

		

		$(this).css('border-color', '#e7e7e7');

		

	} // end function

	

	function init() {

	

		$('#this-carousel').serialScroll( {

			target:'#clip-region',

			items:'li',

			prev:'#prev-arrow',

			next:'#next-arrow',

			duration:100,

			force:true,

			axis:'x',

			easing:'linear'

		} );	



		$('.thumbnail').one('mousedown', showImage);



		$('.thumbnail').hover(rollover, rollout);



	}



	$(document).ready(init);

	



	/*

	

	var pointer = 0;

	

	var scroll_left = false;

	

	var scroll_right = false;

	

	function init() {

	

		$('.carousel-item').one('mousedown', function() {

	

			var options = {

				

				title : 'Full-sized image',

				closable : true,

				modal : true,

				unloadOnHide : true,

				

				

			};

	

			Boxy.load('/accommodation/image/id/' + this.id.split("-")[2], options);

			

		}); // end if

	

		$('#next-arrow').bind('mousedown', function(){

	

			var images = $('.carousel-item').length;

			

			var carousel = $(this).parents('#this-carousel').get();

			

			alert(carousel.scrollLeft);

	

			if (pointer + 1 < images) {

		

				pointer++;

		

				$('#clip-region', carousel).scrollTo( 'li:eq(' + pointer + ')', 1000, {axis:'x'} );

				

			} // end if

			

		});

	

		$('#prev-arrow').mousedown(function(){

	

			var images = $('.carousel-item').length;

			

			var carousel = $(this).parents('#this-carousel').get();

			

			var scrollLeft = function() {

			

				$('#clip-region', carousel).scrollTo( {top:'-=0px', left:'-=10px'}, 20, {axis:'x'} );

				

			} // end scrollRight

		

			scrollLeft();

		

			var interval = setInterval(scrollLeft, 10);

			

			$(document).one('mouseup', function() { 

					

				clearInterval(interval);

			

			});

																		

		});

	

	} // end init

	

	*/



})();