// JavaScript Document
$(document).ready(function(){
	 $('.warning').remove();
	 $('#form1').corner(); 
	 $('.altset').hide();
	 // set the CD request field to 0 as default
	 $cdRequest = 0;
	 
	 // if CD requested, show delivery address & mandatorise fields
	 $('#rad2').click( function () {
	      $('.altset').show();
	      $('#myButton1').val("Order the CD");
	      $('#school').addClass('required');
	      $('#addr1').addClass('required');
	      $('#addr2').addClass('required');
	      $('#postcode').addClass('required');
	      // clear the fields
	      // $('.altset:text').val(""); // supposed to clear all text fields - not working!
	      $('#school').val("");
	      $('#addr1').val("");
	      $('#addr2').val("");
	      $('#addr3').val("");
	      $('#postcode').val("");
	      $cdRequest = 1;
	 });
	 // if download requested, hide delivery address & make fields non-mandatory
	 $('#rad1').click( function () {
	      $('.altset').hide();
	      $('#myButton1').val("Request Download");
	      $('#school').removeClass('required');
	      $('#addr1').removeClass('required');
	      $('#addr2').removeClass('required');
	      $('#postcode').removeClass('required');
	      $cdRequest = 0;	      
         });

	 $("#form1").yav({ 
	  errorDiv:"body", 
	  errorMessage:"Some errors were found, please complete all required fields", 
	  errorClass:"verror", 
	  errorTag:"span", 
	  errorPosition:"parent().before", 
	  onOk: function(form){ 
          // setup the input data - TODO: we should check for SQL injection here

	       var JSONdataStr = { "title": $('#title').val(),
	       			   "fname": $('#firstName').val(),
	       			   "lname": $('#lastName').val(),
	       			   "school":$('#school').val(),
	       			   "addr1": $('#addr1').val(),
				   "addr2": $('#addr2').val(),
				   "addr3": $('#addr3').val(),
				   "postcode": $('#postcode').val(),
				   "telephone": $('#telephone').val(),
				   "email": $('#email').val(),
				   "cdrequest": $cdRequest };
	   
	       $.ajax({
		 type: "POST",
		     url: "/services/Security/details-input.php",
		     data: JSONdataStr,
		     success: function(msg){
		     // write the success message & provide download link 
		     //alert( msg ); // don't use another alert - just output html

		     $('#form1').hide();
		     msgcontent = '<h3 class=\"message\">' + msg + '</h3>';
		     $('#middleContent').append(msgcontent);
		     $('#myButton1').hide();
		   },
		     error: function(msg) {
		     alert( "An error occured, please try again later - " + msg );
		   }
	  });       	   	       
	   return false; 
	  }, 
	  onError: function(){ 
	   alert("Errors found - please complete the fields highlighted in red"); 
	   return false; 
	  } 
	 },{ 
	  inputclasserror: "markererror", 
	  errorsdiv: "yaverror" 
	 }); 
});