$(document).ready(function() {
	$('#reservations form #reserve').click(function() {
  	$('#reservations form').submit();
	});
	
	$('#homepage-slideshow').cycle({ timeout: 6000 ,speed: 1500, delay: 3000 });
	/*
	$(function() {
		$("div#smallScroller").smoothDivScroll({scrollingSpeed: 7});		
	});
	*/
	
	items = $('#events-promotions ul').children().size();
	unitwidth = $('#events-promotions ul li').outerWidth(true);
	eventswidth = items * unitwidth;	
	leftmargin = unitwidth * -0.5;
	$('#events-promotions ul').css('width', eventswidth);
	$('#events-promotions ul li').animate({ opacity: 0.7 });
	$('#events-promotions ul li').hover(
		function(){ $(this).animate({ opacity: 1 })  }, 
		function(){ $(this).animate({ opacity: .7 }) }
	);

	//Previous On Hover
	$('#events-promotions a#prev').click(function(){

		var unitwidth = $('#events-promotions ul li').outerWidth(true);
		var leftIndent = parseInt($('#events-promotions ul').css('left')) + unitwidth;
		
		$('#events-promotions ul').stop().animate({ 'left': leftIndent },1000,function(){
				$('#events-promotions ul li:first').before($('#events-promotions ul li:last'));
				$('#events-promotions ul').css({'left' : '-360px'}); 
 		});

		//The key to our issues is something like below?
	//	$('#events-promotions a#prev').mouseout( function() { $('#events-promotions ul').stop(); } );

		return false;
	
	}, function(){});
	
	



	//Next on Hover
	$('#events-promotions a#next').click(function() {
		
		var unitwidth = $('#events-promotions ul li').outerWidth(true);
		var leftIndent = parseInt($('#events-promotions ul').css('left')) - unitwidth;
		
		$('#events-promotions ul').stop().animate({ 'left': leftIndent },1000,function(){
			$('#events-promotions ul li:last').after($('#events-promotions ul li:first'));
			$('#events-promotions ul').css({'left' : '-360px'}); 
 		});		

	//	$('#events-promotions a#next').mouseout( function() { $('#events-promotions ul').stop(); } );
		
		return false;
	
	}, function(){});
	
	var myDate = new Date();
	    var prettyDate =(myDate.getMonth()+1) + '/' + myDate.getDate() + '/' + 
	myDate.getFullYear();
	    $("#arrival").val(prettyDate);
	
	$('#arrival').DatePicker( {
			date: $('#arrival').val(),
			current: $('#arrival').val(),
			starts: 1,
			format:'m/d/Y',
			onChange: function(formated, dates){
				$('#arrival').val(formated);
					$('#arrival').DatePickerHide();
			}
	});
	


	$('#main-nav li ul li ul').remove();
	$('#main-nav li').hover(
		function(){ $(this).find('ul').fadeIn(); }, 
		function(){ $(this).find('ul').fadeOut(); }
	);
	
	$("a[rel^='lightbox']").prettyPhoto();

});
