/*
*JS for SlideSubmit
*By Ben Plum (( www.benplum.com ))
*Feel free to use and edit, but plase give credit!
*/

$(document).ready(function() 
{
	function checkVALID () {
		if( $validNAME == 1 && $validEMAIL == 1 && $validMSG == 1 ) {
			$("#ss_cover").css("display","none");
			$("#ss_slider_handle_cover").css("background-color","#999");
		} else {
			$('#ss_slide_error').html("");
			$("#ss_cover").css("display","block");
			$("#ss_slider_handle_cover").css("background-color","#ccc");
		}
	}
	
	function checkVALIDie() {
		if( $validNAME == 1 && $validEMAIL == 1 && $validMSG == 1 ) {
 			$('#ss_submit').removeAttr('disabled');
 		} else {
	 		$('#ss_submit').attr("disabled", "true");
		}
	}
	
	function ss_submitIE() {	
		$('#ss_submit').attr("disabled", "true");
		// simple ajax submit	
		var inputs = [];
		$(':input', $('#ss_form')).each(function() {
			inputs.push(this.name + '=' + escape(this.value));
		});
		jQuery.ajax({
			type: 'GET',
			url: 'php/slidesubmit.php',
			data: inputs.join('&'),
			timeout: 2000, //20 sec timout
			error: function() {
				//ERROR!
				alert("Error Sending!");
				checkVALIDie();
			},
			success: function(r) { 
				//alert(r);
				$("#ss_orig").css("display","none");
				$("#ss_response").css("display","block");
			}
		});
		//return false;
	};
	
	$('#ss_submit').click(function () {
		ss_submitIE();
	});
	
		

//Check browser
	if (jQuery.browser.msie) {
		if(parseInt(jQuery.browser.version) < 8) {
//ie 7 and lower -> swap out slider for submit button
			$('#ss_submit').attr("disabled", "true");
			
			$validNAME = 0;
			$validEMAIL = 0;
			$validMSG = 0;

			$('[@name=ss_name]').blur(function() {
				if ($.trim($(this).val()) == "") {
					$validNAME = 0;
					$('#ss_name_error').html("<b>Please Enter A Name.</b>");
				} else {
					$validNAME = 1;
					$('#ss_name_error').html("");
				}
				checkVALIDie();
			});
			$('[@name=ss_email]').blur(function() {
				var email  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
				if (!this.value.match(email)) {
					$validEMAIL = 0;
					$('#ss_email_error').html("<b>Please Enter A Valid Email.</b>");
				} else {
					$validEMAIL = 1;
					$('#ss_email_error').html("");
				}
				checkVALIDie();
			});
			$('[@name=ss_message]').blur(function() {
				if ($.trim($(this).val()) == "") {
					$validMSG = 0;
					$('#ss_msg_error').html("<b>Please Enter A Message.</b>");
				} else {
					$validMSG = 1;
					$('#ss_msg_error').html("");
				}
				checkVALIDie();
			});
		}
	} else {
//FRIEFOX SAFARI OPERA IE8
	
/* Make sure the value below is equal to the 
width of #unlock-handle PLUS(+) the width of 
#unlock-handle in the .css */
		$("#ss_submit").css("display", "none");
		$("ss_slide").css("display", "block");
		$("#ss_wrapper").css("display", "block");
		$("#ss_slide").css("display", "block");
			
		$dropzone = 330; 
	
		$validNAME = 0;
		$validEMAIL = 0;
		$validMSG = 0;

		$('[@name=ss_name]').blur(function() {
			if ($.trim($(this).val()) == "") {
				$validNAME = 0;
				$('#ss_name_error').html("<b>Please Enter A Name.</b>");
			} else {
				$validNAME = 1;
				$('#ss_name_error').html("");
			}
			checkVALID();
		});
		$('[@name=ss_email]').blur(function() {
			var email  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
			if (!this.value.match(email)) {
				$validEMAIL = 0;
				$('#ss_email_error').html("<b>Please Enter A Valid Email.</b>");
			} else {
				$validEMAIL = 1;
				$('#ss_email_error').html("");
			}
			checkVALID();
		});
		$('[@name=ss_message]').blur(function() {
			if ($.trim($(this).val()) == "") {
				$validMSG = 0;
				$('#ss_msg_error').html("<b>Please Enter A Message.</b>");
			} else {
				$validMSG = 1;
				$('#ss_msg_error').html("");
			}
			checkVALID();
		});
		
		// Set the slider to be sliding
		$("#ss_slider").slider({
			handle: "#ss_slider_handle_cover",
			animate:true,
			slide: function(e,ui)
			{
				$("#ss_slider_handle_cover").css("opacity", 1-(parseInt($("#ss_slider_handle_cover").css("left"))/$dropzone));
				$("#ss_slider_handle").css("opacity", 1);
				$("#ss_slider_handle").css("left" , parseInt($("#ss_slider_handle_cover").css("left")));
			},
			stop: function(e,ui)
			{
				if($("#ss_slider_handle").position().left == $dropzone ) 
				//drop success!
				{
					$('#ss_slide_error').html("");
					$("#ss_wrapper").css("display","none");
					$("#ss_load_gif").css("display","block");
	
					ss_submit();
				} else {
				//animate back!
					$backspeed = 500; //speed of the slide back animation
					$("#ss_slider_handle_cover").animate({left: 0}, $backspeed );
					$("#ss_slider_handle").animate({left: 0}, $backspeed );
					$("#ss_slider_handle_cover").css("opacity", 1);
					$("#ss_slider_handle").css("opacity", 0);
				}
			}
		});
	
		var ss_submit = function(){
			// simple ajax submit		
			var inputs = [];
			$(':input', $('#ss_form')).each(function() {
				inputs.push(this.name + '=' + escape(this.value));
			})
			jQuery.ajax({
				data: inputs.join('&'),
				url: 'php/slidesubmit.php',
				timeout: 20000, //20 sec timout
				error: function() {
					//ERROR!
					$("#ss_wrapper").css("display","block");
					$("#ss_load_gif").css("display","none");
					$("#ss_slider_handle_cover").css( "left" , "0" );
					$("#ss_slider_handle_cover").css( "opacity" , "1" );
					$("#ss_slider_handle").css( "left" , "0" );
					$('#ss_slide_error').html("<b>Error sending, please try again.</b>");
				},
				success: function() { 
					$("#ss_orig").css("display","none");
					$("#ss_response").css("display","block");
				}
			});
			return false;
		}
	}
});