// JavaScript

$(document).ready(function() {
	
	// Check if mobile
	var notMobile;
	//if( $('#swooshImg').is(':visible') )
	if (screen.width >= 480)
		notMobile = true;
	else
		notMobile = false;
	
	// Only apply if a pane element is present
	if (($("#pane").length > 0) && notMobile){
	
	var pKids = $('ul#mPanel').children().size()-1;
	var pPos = 0;
	var mpl = 0; // Left position for #mPanel
	
	$('#paRight').addClass('disabled');
	$('#paLeft').addClass('disabled');
	$('#paStart').addClass('disabled');
	
	// Move the first panel out of the frame and slide it in
	$('ul#mPanel').css({ 'left': "640px" });
	$('ul#mPanel').show();
	$('ul#mPanel').delay(400).animate({ 'left': 580-$('ul#mPanel>li:first-child').width() }, 'slow', function() { 
		mpl = $('ul#mPanel').position().left;
		$('#paRight').removeClass('disabled');
		$('#paLeft').removeClass('disabled');
		$('#paStart').removeClass('disabled');
	});
	
	$('#stLinks>ul>li>a').click(function() {
		var target = $(this).attr("href");
		if (target.split("#")[1].length >= 1) {
			var cPos = pPos+1;
			pPos = $('#mPanel>li').index($(target));
			var offs = 34;
			var foo = $('ul#mPanel').position().left;
			for (i=cPos; i<=pPos; i++) {
				var subTar = $('#pane').find('#mPanel>li:eq('+i+')');
				foo += (subTar.width()+offs)*-1;		
			}
			mpl = foo;
			$('ul#mPanel').stop().animate({ 'left': foo+"px" }, 'slow');
			return false;
		}
	});
	
	//$('#paRight').click(function() {
	$('#paRight:not(.disabled)').live("click", function() {
		if (pPos < pKids) {
			//$('#pane').find('#mPanel>li:eq('+pPos+')').fadeTo("slow",.5);
			pPos += 1;
			var target = $('#pane').find('#mPanel>li:eq('+pPos+')');
			var offs = 34;
			//var foo = ((target.width()+offs)*-1)+$('ul#mPanel').position().left;
			var foo = ((target.width()+offs)*-1)+mpl;
			mpl = foo;
			$('ul#mPanel').stop().animate({ 'left': foo+"px" }, 'slow');
			//target.fadeTo("slow", 1);
		} else {
			$('ul#mPanel').stop().animate({ 'left': mpl+-20+"px" }, 'slow').animate({ 'left': mpl+"px" }, 'fast');
		}
		return false;
	});
	//$('#paLeft').click(function() {
	$('#paLeft:not(.disabled)').live("click", function() {
		if (pPos > 0) {
			//$('#pane').find('#mPanel>li:eq('+pPos+')').fadeTo("slow",.5);
			var offs = 34;
			var target = $('#pane').find('#mPanel>li:eq('+pPos+')');
			var foo = (target.width()+offs)+mpl;
			mpl = foo;
			$('ul#mPanel').stop().animate({ 'left': foo+"px" }, 'slow');
			//target.fadeTo("slow", 1);
			pPos -= 1;
		} else if (pPos == 0) {
			pPos -= 1;
			mpl = 614;
			$('ul#mPanel').animate({ 'left': mpl }, 'slow');
		} else {
			$('ul#mPanel').stop().animate({ 'left': mpl+20+"px" }, 'slow').animate({ 'left': mpl+"px" }, 'fast');
		}
		return false;
	});
	//$('#paStart').click(function() {
	$('#paStart:not(.disabled)').live("click", function() {
		if (pPos > 0) {
			pPos = 0;
			$('ul#mPanel').animate({ 'left': 580-$('ul#mPanel>li:first-child').width() }, 'slow', function() { mpl = $('ul#mPanel').position().left; });
			//target.fadeTo("slow", 1);
		} else if (pPos == 0) {
			pPos -= 1;
			mpl = 614;
			$('ul#mPanel').animate({ 'left': mpl }, 'slow');
		} else {
			$('ul#mPanel').stop().animate({ 'left': mpl+20+"px" }, 'slow').animate({ 'left': mpl+"px" }, 'fast');
		}
		return false;
	});
	
	} // End if pane
	
	if (notMobile){
		
	/* The content in the bottom right block */
	$('#rightContentSlider').cycle({
		fx: 'scrollVert',
		speed: 400, 
		timeout: 5500,
		pause: 1,
		next: '#brDown', 
		prev: '#brUp',
		cleartypeNoBg:true
	});
	// Stop Autoplay after prev or next buttons are pressed
	$('#brDown, #brUp').click(function() { 
    	$('#rightContentSlider').cycle('pause'); 
	});
	
	if ($("#leftGal").length > 0){
	// The left photo gallery
	$('#leftGal').cycle({
		fx: 'fade',
		speed: 900, 
		timeout: 5000,
		cleartypeNoBg:true
	});
	}
	if ($("#rightGal").length > 0){
	// The right photo gallery
	$('#rightGal').cycle({
		fx: 'fade',
		speed: 900, 
		timeout: 5000,
		cleartypeNoBg:true
	});
	}
	
	$("#hideText").hover(
		function () {
			$("#leftContent").stop();
			$("#leftContentR").stop();
			
			$("#leftContent").animate({ left: "-"+$('#leftContent').width() }, 'slow');
			$("#leftContentR").animate({ right: "-"+$('#leftContentR').width() }, 'slow');
		}, 
		function () {
			$("#leftContent").stop();
			$("#leftContentR").stop();
			
			$("#leftContent").animate({ left: "0px" }, 'slow');
			$("#leftContentR").animate({ right: "0px" }, 'slow');
		}
	);
	
	} //notMobile
	
	// Reservations Panel
	var resHeight = $('#reservations>#reserveContent').height(); // Store the height of the panel
	var resText = $('#reserveTab').html(); // Store the original label of the button
	$('#reservations>#reserveContent').css({ height: "0px" }); // Set the panel height to 0 to hide
	$('#reservations>#reserveContent').show; // The panel is originally set to be hidden so that it doesn't appear before the height can be set to 0
	$('#reserveTab').click(function() {
		if ($('#reservations>#reserveContent').height() == 0) {
			$('#reservations>#reserveContent').animate({ height: resHeight+20+"px" }).animate({ height: resHeight+"px" }, 'fast' );
			$('#reserveTab').html("Close");
		} else {
			$('#reservations>#reserveContent').animate({ height: resHeight+20+"px" }).animate({ height: "0px" }, 'fast' );
			$('#reserveTab').html(resText);
		}
		return false;
	});
	// Datepicker
	$('#resDate').datepicker({
		minDate: 0,
		showAnim: "slideDown",
		gotoCurrent: true
		//altField: '#alternate',
		//altFormat: 'DD, d MM, yy'
	});
	$("#resDate").datepicker('setDate', new Date());
	//$('#resDate').datePicker().val(new Date().asString()).trigger('change');
	// Hour Slider
	$("#resHourSlider").slider({
		value:19,
		min: 0,
		max: 23,
		step: 1,
		slide: function(event, ui) {
			if (ui.value == 0)
				$("#resHour").val(12);
			else if (ui.value > 12) {
				$("#resHour").val(ui.value-12);
				$("#resAMPM").val("PM");
			} else if (ui.value == 12){
				$("#resHour").val(ui.value);
				$("#resAMPM").val("PM");
			} else {
				$("#resHour").val(ui.value);
				$("#resAMPM").val("AM");
			}
		}
	});
	$("#resHour").val("5");
	$("#resAMPM").val("PM");
	// Minute Slider
	$("#resMinSlider").slider({
		value:00,
		min: 00,
		max: 45,
		step: 15,
		slide: function(event, ui) {
			if (ui.value == 0)
				$("#resMin").val("0"+ui.value);
			else
				$("#resMin").val(ui.value);
		}
	});
	$("#resMin").val("00");
	// People Slider
	$("#resPeopleSlider").slider({
		value:2,
		min: 1,
		max: 20,
		step: 1,
		slide: function(event, ui) {
			$("#resPeople").val(ui.value);
		}
	});
	$("#resPeople").val($("#resPeopleSlider").slider("value"));
	// Button
	$("a#reserveNow").button({
		icons: { primary: 'ui-icon-arrowreturnthick-1-e' }
	});
	$("a#reserveNow").click(function() { 
		window.open(""+$("#resPeople").val()+"&d="+$("#resDate").val()+"+"+$("#resHour").val()+":"+$("#resMin").val()+"+"+$("#resAMPM").val()+"");
		
		// Rehide the panel
		$('#reservations>#reserveContent').animate({ height: resHeight+20+"px" }).animate({ height: "0px" }, 'fast' );
		$('#reserveTab').html(resText);
			return false;
	});

	});