/* JavaScript Document */
$(document).ready(function(){
	$('#submit').remove();
	$('#submitContainer').hide().show();

	var serviceType = $('#serviceType');
		firstName 	= $('#firstName');
		lastName 	= $('#lastName');
		address		= $('#address');
		city		= $('#city');
		zip			= $('#zip');
		email		= $('#email');
		phone		= $('#phone');
		bags		= $('#bags');
		frequency   = $('#frequency');
		comments	= $('#comments');
		isValid = false;
		
	$('.button').click(function(){
		firstName.validate();
		lastName.validate();
		address.validate();
		city.validate();
		zip.validate();
		email.validate();
		if(serviceType.val()=='Curbside'){
		 bags.validate();
		}
					
		if(isValid===true){
			$('.button').fadeOut();
			$('#form').fadeOut();
			$('#container').animate({height:'150px'},function(){
				$('#results').hide().addClass('loader').html('Please Wait...').fadeIn();
			});
			
			setTimeout(function(){
			$.post('/resources/php/serviceRequest.php',{
				serviceType: serviceType.val(),
				firstName: firstName.val(),
				lastName: lastName.val(),
				address: address.val(),
				city: city.val(),
				zip: zip.val(),
				email: email.val(),
				phone: phone.val(),
				bags: bags.val(),
				frequency: frequency.val(),
				comments: comments.val(),
				submit: 'submit'
			},
			function(html){
				
				if(html=="success"){
					$('#results').animate({height:'60px',lineHeight:'60px'});
					$('#results').removeClass().addClass('success').html('Submission Successful').fadeIn();
				}
				if(html=="email"){
					$('#results').animate({height: '75px',lineHeight:'75px'});
					$('#results').removeClass().addClass('error').html('Invalid Email').fadeIn();
				}
				if(html=="error"){
					$('#results').animate({height: '75px',lineHeight:'75px'});
					$('#results').css('text-align','right','padding-right','15px');
					$('#results').removeClass().addClass('error').html('Invalid Submission').fadeIn();
				}
				
			});
		},3000)
		}
		
	})

	$.fn.validate = function(){
		if($(this).val() == ''){
			$(this).css('background-image','none !important');
			$(this).animate({backgroundColor: '#F99'});
			$(this).animate({borderColor: 'red'});
			return isValid = false;
		}else{
			$(this).css('background','url(/media/elements/textBoxGradient.gif) !important');
			return isValid = true;}
	}
	
})