/*
 * jQuery routines for displaying a popup dialogbox that contains
 * information about a campus program.
 * Author: gbellucci
 * Date: 10/2009
 * Version: 1.2
 */
$(document).ready( function() {

	/* Add the button */
	$("div#base-classes").html('<a class="fg-button reset ui-state-default ui-corner-all" id="trig" href="#">Find Out More</a>');
	
	$("a#trig").attr('href', '/programs/hybrid/hybrid.cfm')
		.click(function() {
			open_dbx($(this).attr("href"))
			return (false);
		})
		.hover(
			function() {$(this).addClass("ui-state-hover");},
			function() {$(this).removeClass("ui-state-hover");}
		);
});

/*
 * Open the dialogbox
 */
function open_dbx(url) {
	
	$("#db").dialog({
		title         : 'On-Base Classes at NAS Oceana and NAVSTA Norfolk',
		width         : 750,
		height        : 455,
		closeOnEscape : false,
		modal         : true,
		resizable     : false,
		close         : function(event, ui) {$(this).dialog('destroy');},
		open          :
		
			function(event, ui) {
				
				load_page_contents(url);
							
				$("#c-panel").click(function() {
					$("div.info").hide('slide', {"direction" : "right"},1000,
						function() {
							$("div.form-p1").show('slide', {"direction" : "left"}, 900);
						});
				});
							
				/* back */
				$("#sp0").click(function() {
					$("div.form-p1").hide('slide', {"direction": "left"},1000,
						function() {
							$("div.info").show('slide', {"direction" : "left"}, 825);
						});
				});
									
				/* back */
				$("#sp1").click(function() {
					$("div.form-p2").hide('slide', {"direction": "left"},1000, 
						function() {
							$("div.form-p1").show('slide', {"direction" : "left"}, 825);
						});
				});
										
							/* next */
				$("#sp2").click(function() {
					$("div.form-p1").hide('slide', {"direction": "left"},1000, 
						function() {
							$("div.form-p2").show('slide', {"direction" : "left"}, 825);
						});
				});
										
				/* focus highlighting */
				$("input:text, textarea")
					.focus(function() {$(this).addClass("active")})
					.blur(function()  {$(this).removeClass("active");});
										
				/* button hover */
				$("input.fg-button")
					.hover(
						function() {$(this).addClass("ui-state-hover");},
						function() {$(this).removeClass("ui-state-hover");}
					);
				
				$("#edid").change(function() {
					var v = $(this).val();
					var state = ($("#group2-state").val() == '0') ? 0: 1;
					var show = ( v == '5' || v == '4' ) ? 1: 0;
					if(show && !state) {					
						$("#group2").show('slide', {'direction': 'down'}, 800);
						$("#group2-state").val(1);
					}
					else if(!show && state) {
						$("#group2").hide('slide', {'direction': 'down'}, 800);
						$("#group2-state").val(0);
					}
				});
				
				$("#refid").change(function() {
					var v = $(this).val();
					var state = ($("#group1-state").val() == '0') ? 0: 1;
					var show = ( v == '827' ) ? 1: 0;
					if(show && !state) {					
						$("#group1").show('slide', {'direction': 'down'}, 800);
						$("#group1-state").val(1);
					}
					else if(!show && state) {
						$("#group1").hide('slide', {'direction': 'down'}, 800);
						$("#group1-state").val(0);
					}
				});
				
				$("#reset").click(function() {
				    $("#group1, #group2").css({display : "none"});
					 $("#group2-state,#group1-state").val(0);
				});
			}
	});
	
}/* end function */

/*
 * Load page contents
 */
function load_page_contents(url) {
	el = $("#db");
	$(el).html("");

	$.ajax( {
		url : url,
		async : false,
		type : "GET",
		dataType : "html",
		success : function(data) {
			$(el).html(data);
		}
	});
}/* end function */