// JavaScript Document
$(document).ready(function(){
	
	$('.error').hide();
    $(".submitButton").click(function() {
		// validate and process form here
		$('label').removeClass("curFocus");

  	  	var nameText = $("input#name").val();
  		if (nameText == "") {
        $("div#name_error").show();
        $("input#name").focus();
        return false;
      }
		var emailText = $("input#email").val();
  		if (emailText == "") {
        $("div#email_error").show();
        $("input#email").focus();
        return false;
      }
  		var programSelect = $("select#program").val();
  		if (programSelect == "-Select-") {
        $("div#program_error").show();
        $("select#program").focus();
        return false;
      }
		var schoolSelect = $("select#school").val();
  		if (schoolSelect == "-Select-") {
        $("div#school_error").show();
        $("select#school").focus();
        return false;
      }
		var gradDateText = $("input#gradDate").val();
  		if (gradDateText == "") {
        $("div#gradDate_error").show();
        $("input#gradDate").focus();
        return false;
      }
		
    });
	
	$("input[@type=text], textarea, select").focus(function() {
		 $('label').removeClass("curFocus");		 
		$(this).parent('label').addClass("curFocus");
	});
	$("input[@type=text], textarea, select").blur(function() {
		$(this).parent('label').removeClass("curFocus");
	});
	$("input[@type=radio]").click(function() {
		$('label').removeClass("curFocus");		 
		$('input[@type=radio]').parent('label').addClass("curFocus");
	});
	$("input[@type=checkbox]").click(function() {
		$('label').removeClass("curFocus");	
		$('input[@type=checkbox]').parent('label').addClass("curFocus");
	});
	

});

function ShowHideSection(sectionName) {
    //alert(sectionName);
    var section = document.getElementById(sectionName);
    section.style.display != "none";
		if (!section) {
        alert('element not found');
        return;
    }
    var isDisplayed = section.style.display != "none";
    if (isDisplayed) {
        section.style.display = "none";
    }
    else {
        section.style.display = "block";
    }
}

function swapImage(idName)	{
	var onIDName = idName + "On";
	if(document.getElementById(idName)) {
		document.getElementById(idName).id = onIDName;
	} else {
		document.getElementById(onIDName).id = idName;
	}
}