$(document).ready(function() {
	
	// CONTENT SLIDER
	$('#slider-nav li').click(function() {
		
		var clicked = $(this);
		var slide = $(clicked).index();
		var nextSlide = $('#slide-' + parseInt(slide + 1));
		
		// Change button colors
		$('#slider-nav li')
			.removeClass('active');
		$(clicked)
			.addClass('active');
			
		// Show corresponding div
		$('#content-slider div')
			.not('#slider-nav')
			.hide();
		$(nextSlide)
			.slideDown();
		
	});
	
	// Mask phone input
	$('#contact input[name=phone]')
		.mask('(999) 999-9999');
	
	// Moving between form steps
	$('#contact .form-button').click(function() {
		
		var button = $(this);
		var currentStep = $(button).parent().attr('id').substring(10);
		
		// Validate signup form on keyup and submit
		var v = $('#contact').validate({
			errorClass: "error",
			onkeyup: false,
			onblur: false,
			rules: {
				quest3: 'required',
				quest2: 'required',
				quest4: 'required',
				quest5: 'required',
				fname: 'required',
				lname: 'required',
				email: {
					required: true,
					email: true
				},
				phone: {
					required: true,
					phoneUS: true
				},
				address1: 'required',
				city: 'required',
				state: 'required',
				zip: {
					required: true,
					minlength: 5,
					maxlength: 12
				}
			},
			messages: {
				quest3: 'Please choose what your idea is for.',
				quest2: 'Select a product category.',
				quest4: 'Select if you have a patent.',
				quest5: 'Select if you are 18.',
				fname: 'Please enter your first name.',
				lname: 'Please enter your last name.',
				email: 'Please enter a valid email.',
				phone: 'Please enter a phone number.',
				address1: 'Please enter an address.',
				city: 'Please enter a city.',
				state: 'Please select a state.',
				zip: 'Please enter a Zip code.'
			},
			errorPlacement: function(error, element) { 
				if (element.is(':radio')) 
					error.insertAfter(element.parent('label').next().next());
				else
					error.insertAfter(element);
			},
			submitHandler: function(form) {
				
				// Hide form fields, show/hide loading image
				$('#form-step-2')
					.hide();
				$('#form-loading')
					.show();
				
				$.ajax({
					// Posting the form data
					type: 'POST',
					data: $('#contact').serialize(),
					url: 'post.php',
					success: function(msg) {
						$('#post-results').ajaxComplete(function(event, request, settings) {
							// Form data processed --- Show the 'Thank You' message and hide loading image
							if (msg.search(/delinquencyfail/i) == -1) 
							{
								result = 'Your request has been sent. <br />Thank you!';
								// Fire conversion tracking with iframe
								var iframe = document.createElement('iframe');
								iframe.style.width = '0px';
								iframe.style.height = '0px';
								document.body.appendChild(iframe);
								iframe.src = 'http://www.inventionidea.info/thank-you.php';
							}
							else
							{
								result = 'There was an error with your request. Sorry!';
							}
							$('#form-loading')
									.hide();
							$('#post-results')
								.html(result)
								.fadeIn('fast');
						});
					}
					
				}); // CLOSING .ajax
				
			} // CLOSING submitHandler
			
		}); // CLOSING .validate
		
		// If next button was clicked
		if ($(button).hasClass('next'))
		{
		
			var isValid = 
				$('#contact input[name=quest3]').valid() &&
				$('#contact select[name=quest2]').valid() &&
				$('#contact input[name=quest4]').valid() &&
				$('#contact input[name=quest5]').valid();
			
			if (isValid)
			{
				$('#form-steps')
					.addClass('second-step');
				$('#form-steps div')
					.toggleClass('active');
				$('#tagline')
					.hide();
				$('#form-step-1')
					.hide();
				$('#form-step-2')
					.fadeIn();
			}
				
			return false;
		}
		// If submit button was clicked
		else
		{
			if (v.form())
				return true;
			else
				return false;
		}
		
	});
	
	// Hide loading image and show form
	$('#form-loading')
		.hide();
	$('#form-step-1')
		.show();
	
});