﻿$(document).ready(function() {	
	
	// LOADING POPUP
		// Click the button event!
		$("#button_pop").click(function() {
			// centering with css
				centerPopup();
				// load popup
				loadPopup();
			});

		// CLOSING POPUP
		// Click the x event!
		$("#popupLoginClose").click(function() {
			disablePopup();
		});
		$("#popupLoginClose2").click(function() {
			disablePopup();
		});	
		$("#popupHomeClose").click(function() {
			disablePopup();
		});			
		// Click out event!
		$("#backgroundPopup").click(function() {
			disablePopup();
			// centerPopup();
				// loadPopup();
			});
		// Press Escape event!
		$(document).keypress(function(e) {
			if (e.keyCode == 27 && popupStatus == 1) {
				disablePopup();
			}
		});

	    jQuery.validator.addMethod("phoneUS", function(phone_number, element) {
	        phone_number = phone_number.replace(/\s+/g, ""); 
	        return this.optional(element) || phone_number.length > 9 &&
	            phone_number.match(/^(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/);
	    }, "Enter a valid phone number like 777-777-7777");		
	    
		$("#serviceForm").validate({			
			rules: {
				name:{
					required: true,
					minlength: 2
				},
				lname:{
					required: true,
					minlength: 2
				},				
				phone:{
					required: true,
					phoneUS: true                
				},			
				mail: {
					required: true,
					email: true
				},
				year:{
					required: true,
					number: true,
					minlength: 4				
				},
				make: "required",
				model: "required",
				date: "required",
				time: "required"
			},
			messages: {
				name: "Enter your name",			
				lname: "Enter your last name",
				mail: "Enter a valid email address",
				phone: {
					required: "Fill in num of phone",
					// minlength: "Your area code should be 3 digits long"
				},				
				year: {
						required: "Enter a year",
						minlength: "Code consist min 4 characters",
						number: "Only numbers allowed"			

						},				
				make: "Enter make",
				model: "Enter model",
				date: "Enter date",
				time: "Enter time"

			}
		});		

});
function openHomePopup() {
	loadHomePopup();
	centerHomePopup();
}		

function openwindow3() {
	loadPopup2();
	centerPopup2();
}