// JavaScript Document
$(document).ready(function(){
	$("#order-key-cutting-btn").click(function(event){
		
		event.preventDefault();
	
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

		var ck_name = $("#Contact-Name").val();
		if(ck_name == '' || ck_name == 'Contact name') {
			$("#Contact-Name").after('<p class="ck_err">You forgot to enter your name.</p>');
			hasError = true;
		}

		var ck_email = $("#Email-Address").val();
		if(ck_email == '' || ck_email == 'E-mail address') {
			$("#Email-Address").after('<p class="ck_err">You forgot to enter your email.</p>');
			hasError = true;
		} else if(!emailReg.test(ck_email)) {
			$("#Email-Address").after('<p class="ck_err">Enter a valid email address please.</p>');
			hasError = true;
		}
		
		var ck_phone = $("#Telephone-Number").val();
		if(ck_phone == '' || ck_phone == "Telephone number") {
			$("#Telephone-Number").after('<p class="ck_err">You forgot to enter your phone.</p>');
			hasError = true;
		}

		var ck_params = $('#key-cutting-form').serialize();
		// $("#serija").after('<p class="ck_err">'+ ck_params +'</p>');

		if(hasError == false) {
			$.post("/key-cutting-processor.php",
   				ck_params,
   					function(data){
							$("#slide_up").slideUp("slow", function() {
								$("#main").append('<div id="email-sent"><h3>Thank you for using our online service.</h3><p>Your key cutting order has been sent.</p><p>We will contact you as soon as possible.</p></div>');
								$('html, body').animate({scrollTop: $("#main").offset().top}, 2000);
							});
					}
			 );
		}
		return false;
	});
	
	function add_more_rows() {
    row_number = $('input#more_keys').val();
	
    row_number=parseInt(row_number)+1;
    $('input#more_keys').val(row_number);
	
    $('#last_row').parents('table').append( '<tr><td><label>Lock '+row_number+'</label><input type="text" name="Lock'+row_number+'" id="Lock'+row_number+'" value="Lock'+row_number+'"></td><td><label>Key '+row_number+'</label><input type="text" name="Key'+row_number+'" id="Key'+row_number+'" value="Key'+row_number+'"></td><td><label>Qty '+row_number+'</label><input type="text" name="Qty'+row_number+'" id="Qty'+row_number+'" value="Qty'+row_number+'"></td></tr>');
	}

	$(document).ready(function(){
		$('input#add_more_keys').click(add_more_rows);
	});
	
	
	$('a[href="#online-key-cutting"]').click(function(event){	
		event.preventDefault();
		if($.browser.opera){
			$('html').animate({scrollTop: $("#online-key-cutting").offset().top}, 2000);
		}
		else {
			$('html, body').animate({scrollTop: $("#online-key-cutting").offset().top}, 2000);
		}		
	});
	
	   $('a[href="#lock-description"]').click(function(event){   
	        event.preventDefault();
	        if($.browser.opera){
	            $('html').animate({scrollTop: $("#lock-description").offset().top}, 2000);
	        }
	        else {
	            $('html, body').animate({scrollTop: $("#lock-description").offset().top}, 2000);
	        }       
	    });
	
	   $('a[href="#lock-number"]').click(function(event){   
	        event.preventDefault();
	        if($.browser.opera){
	            $('html').animate({scrollTop: $("#lock-number").offset().top}, 2000);
	        }
	        else {
	            $('html, body').animate({scrollTop: $("#lock-number").offset().top}, 2000);
	        }       
	    });
	
	   $('a[href="#number-of-keys-required"]').click(function(event){   
	        event.preventDefault();
	        if($.browser.opera){
	            $('html').animate({scrollTop: $("#number-of-keys-required").offset().top}, 2000);
	        }
	        else {
	            $('html, body').animate({scrollTop: $("#number-of-keys-required").offset().top}, 2000);
	        }       
	    });
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
});