
/*	Please do not duplicate this document with out prior permission.
	This unique combination of styles, properties, font-families and poistioning are copyright of ohioseagrant.osu.edu. */

/*	About Stone Lab
	Fancy Box Fire Started
		
	George Oommen (oommen.6@osu.edu)
	February 29 2009 */
	
$(function() {
	
	var $selected = $("#trips-select"), $pickable = $("#trips-pick"), $count = 0, $countMax = 3, $selectedID = "", $lastSelected = "", $triptypeChk = "";

	$("#trips-pick").disableSelection();
	
	$(document).ready(function() {
		$triptypeChk = $("input[name=tripType]:checked").val();
		if ($triptypeChk == 'ONE') {
			$("#activity-label").html('Select up to 3 Additional Activities');
			$countMax = 3;
		}
		if ($triptypeChk == 'TWO') {
			$("#activity-label").html('Select up to 4 Additional Activities');
			$countMax = 4;
		}
	});
	
	$("input#students").click(function() {
		$('#estimated-costs').fadeOut(400);
	});
	
	$("input:radio").click(function() {
		$triptypeChk = $("input[name=tripType]:checked").val();
		$('#estimated-costs').fadeOut(400);
		if ($triptypeChk == 'ONE') {
			$("#activity-label").html('Select up to 3 Additional Activities');
			if ($lastSelected != "" && $count == 4) {
				$("#trips-pick li.ui-pick-item#" + $lastSelected).toggleClass("ui-selected");
				$selectedID = $selectedID.replace($lastSelected,"");
				$("input#activities").val($selectedID);
				$count = 3;
			}
			$countMax = 3;
		}
		if ($triptypeChk == 'TWO') {
			$("#activity-label").html('Select up to 4 Additional Activities');
			$countMax = 4;
		}
	});

	$("#trips-pick li.ui-pick-item").click(function() {
		if ($(this).hasClass("ui-selected")) {
			$(this).toggleClass("ui-selected");
			$selectedID = $selectedID.replace($(this).attr("id"),"");
			$('#estimated-costs').fadeOut(400);
			$count--;
		}
		else {
			if ($count < $countMax) {
				$(this).toggleClass("ui-selected");
				$selectedID += $(this).attr('id');
				$lastSelected = $(this).attr('id');
				$('#estimated-costs').fadeOut(400);
				$count++;
			}
			else {
				return false;
			}
		}
		
		$("input#activities").val($selectedID);
	});
	
	$(".errors").hide();

	$(".button").click(function() {
		$('.errors').hide();
		
		var triptypeChk = $("input[name=tripType]:checked").val();
		if (triptypeChk == "TWO") {
			if ($count < 2) {
				$("#activity-label").html('Please select at least 2 Activities');
				$("#activity-label").addClass("alert");
				$('#estimated-costs').html('<p class="notes">Two Day Trips require at least 2 Activities.</p>').hide().fadeIn(700);
				return false;
			}
			else {
				$("#activity-label").removeClass("alert");
				$("#activity-label").html('Select up to 4 Additional Activities');
			}
		}
		
		var students = $("input#students").val();
		if (students == "") {
			$("label#students-error").show();
			$("input#students").focus();
			return false;
		}
		if (students == null || !students.toString().match(/^[-]?\d*\.?\d*$/)) {
			$("label#students-error").show();
			$("input#students").focus();
			return false;
		}
		if (students > 75) {
			$("label#students-error").show();
			$("input#students").focus();
			return false;
		}

		var triptype = $("input[name=tripType]:checked").val();
		var activity = $("input#activities").val();
		
		var dataString = 'students='+ students + '&triptype=' + triptype + '&activities=' + activity;		
		
		$.ajax({
			type: "POST",
			url: "../../_cabinet/bin/trips.php",
			data: dataString,
			success: function(returned) {
				$('#estimated-costs')
				.html(returned)
				.hide()
				.fadeIn(800);
				$('#estimated-print')
				.html(returned);
			}
		});
		
		return false;
		
	})
});
	

