$(document).ready(function(){
	$("#form-for-order").hide();
	$("#form-order").css('height', '0px');
	$("#order-button").toggle(
		function(){
			$("#form-for-order").show();
			$("#form-order").stop().animate({height:225}, 1700, "easeOutQuart");
		},
		function(){
			$("#form-order").stop().animate({height:0}, 1700, "easeOutBounce", function(){$("#form-for-order").hide();} );
		}
	);
	//Order Form Starting
			$("#pages-select").change(
				function(){
		          $("#pages-select option:selected").each(function () {
		          		var noOfPages=$("#pages-select").attr("selectedIndex");
		          		var pricePerExtraPage = 50;
		          		var priceForFirstPage = 100;
		          		var priceUpdate = '$'+(priceForFirstPage+(noOfPages)*pricePerExtraPage);
						$(".price").text(""+priceUpdate);
	              });
				}
			);
			var options = {
    			beforeSubmit:  	function(){
       				return $('#contactForm').validate().form();
       			},
       			success:		function(){
					$('.thanks').text("Successfully ordered ! We will get back to you within 24 hours...");
					$('h2.price').text("$100");
       			},
       			// other available options:
       			//url:       url         // override for form's 'action' attribute
       			//type:      type        // 'get' or 'post', override for form's 'method' attribute
       			//dataType:  null        // 'xml', 'script', or 'json' (expected server response type)
       			//clearForm: true        // clear all form fields after successful submit
       			resetForm: true        // reset the form after successful submit
 		    	// $.ajax options can be used here too, for example:
 		   	   	//timeout:   3000
			};
			$('#contactForm').ajaxForm(options);
			$('#contactForm').validate();
});