// JavaScript Document
// all the jQuery code goes into document.ready()!!!!!!!!!!!!!!!!!!!!!!!! 
$(document).ready(function(){
	//conditional statement to change bgd according to screen width
	var bodyBgd = $('body');
	if(screen.width <= 1280) {
		bodyBgd.addClass('bg1280');
	}
	if(screen.width > 1280 && screen.width <=1360){
		bodyBgd.addClass('bg1360');
	}
	if(screen.width > 1360 && screen.width <=1440){
		bodyBgd.addClass('bg1440');
	}
	if(screen.width > 1440 && screen.width <=1680){
		bodyBgd.addClass('bg1680');
	}
	if(screen.width > 1680) {
		bodyBgd.addClass('bg1920');
	}
	//
	$('#demotable').dataTable({
						
						"aaSorting": [[ 0, "asc" ]],
						"bJQueryUI": true,
						"bStateSave": false,
						"sPaginationType": "full_numbers"


									  });
	//
	//
	$('#demotable1').dataTable({
						
						//"aaSorting": [[ 0, "asc" ]],
						"bJQueryUI": true,
						"bStateSave": false,
						"sPaginationType": "full_numbers"


									  });
	//
	//contact form validation
	$('#contactForm').validate({
		rules:{
			name: 'required',
			address: 'required',
			phone: 'required',
			email: 
				{
					required: true,
					email: true
					},
			subject: {required: true},
			message: 'required'		
		}, //end of rules
		 messages: {
			 name: "<br/>Please enter your name",
			 subject: "<br/>Please select the subject of the message",
			 address: "<br/>Please enter your address",
			 phone: '<br/>Please enter your phone number',
			 email: {
				 required: "<br/>Please supply an e-mail address",
				 email: "<br/>This is not a valid email address"
			   },
			 message: "<br/>Please enter your message" 
		 }, //end of messages
		errorPlacement: function(error, element) { 
          error.insertAfter(element);
        }
	}); //end of validate
	//$('#contactForm input').addClass('required');
	$('#contactForm #email').addClass('email');
	//
}); // end of document.ready - jQuery