$(document).ready(function () { 
	
	$("#loginLink").click(function(e){
		$('#dialog-modal input[name="username"]').val('');
		$('#dialog-modal input[name="password"]').val('');
		$('.dd_payment_details_login_message').text('');

		$('#dialog-modal').dialog('open');
		return false;
	});

	$("#dialog-modal").dialog({
		autoOpen: false,
		draggable: false,
		modal: true,
		resizable: false,
		width: 350,
		buttons: {
			'Login': function() {
				$("#loginButton").submit();
			},
			Cancel : function(){
				$(this).dialog('close');
			}
		}
	});
	
	//Handler for when autoLoginForm is submitted  
	 $('#autoLoginForm').submit(function () {
		 
	     //VALIDATE form fields
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

		var emailFromVal = $('#dialog-modal input[name="username"]').val();

		$('.dd_payment_details_login_message').text('');
		
		if(emailFromVal == '') {
			$('.dd_payment_details_login_message').fadeIn('slow');
			$('.dd_payment_details_login_message').text('You must enter your email address.');
			return false;
		}
		if(!emailReg.test(emailFromVal)) {
			$('.dd_payment_details_login_message').fadeIn('slow');
			$('.dd_payment_details_login_message').text('Please enter a valid email address.');
			return false;
		}
		var password = $('#dialog-modal input[name="password"]').val();

		if(password == '') {
			$('.dd_payment_details_login_message').fadeIn('slow');
			$('.dd_payment_details_login_message').text('You must enter your password.');
			return false;
		}
		$('.dd_payment_details_login_message').hide();
		
		 var data = $(this).serialize();
		 
	     //disabled all the text fields  
	     //$('.text').attr('disabled','true');  
	       
	     //show the loading sign  
	     $('#dialog-modal .loading').show();

		 var secureURL = "/secure/autologin"; //TODO: NEED TO FIGURE THIS OUT. this needs to use HTTPS when on PROD
		 
	     //start the ajax  
	     $.ajax({  
	         //this is the namespace and action that processes the comments  
	         url: secureURL,
	           
	         //GET method is used  
	         type: "GET",  
	   
	         //pass the data           
	         data: data,       
	           
	         //Do not cache the page  
	         cache: false,  
	           
	         //success  
	         success: function (message) {                
                
	    	 	if(message == "1"){
	    	 		//show the success message 
	    	 		$('.dd_payment_details_login_message').text("Logged in!");
	    	 		$('.dd_payment_login_wrapper').fadeOut('slow');                   
	                
	    	 		//Close the dialog for logging in
	    	 		$('#dialog-modal').dialog('close');
	    	 		
	    	 		//Hide the prompt to login
	    	 		$('.dd_payment_details_content_loginquestion').hide();
	    	 		$('.dd_payment_details_content_loginquestion').fadeIn(3000);	    	 			    	 			
	    	 		$('.dd_payment_details_content_loginquestion').text("You have logged in successfully!");

					var redirectURL = $('#dialog-modal #successRedirectURL').val();
					if(!redirectURL || redirectURL == 'undefined' || redirectURL == ''){
						window.location.reload();
					}
					else{
						window.location = redirectURL;
					}
	    	 		
	    	 	}else{
	                //show the error message  
	    	 		$('.dd_payment_details_login_message').fadeIn('slow');
	    	 		$('.dd_payment_details_login_message').text(message); 
	    	 	}
	    	 	
	    	 	$('#dialog-modal .loading').hide();
	         }     
	     });  
	       
	     //cancel the submit button default behaviours  
	     return false;  
	 }); 

});