$(document).ready(function(){
	$('body').append('<img style="display:none;" src="/images/loading.gif" alt="" />');
	$('#popcloser').css('cursor', 'pointer');
	setTimeout(function(){
		$('#popInner').html($('#pop-page1').html());				
	}, 500);
	$('body').append('<div id="pop-bg" style="display:none;"></div><div id="pop-up" style="display:none;"></div>');
	var SW = $(window).width();
	var SH = $(window).height();
	var DH = $().height();
	var PW = $('#popover').width();
	var PH = $('#popover').height();
	var PT = (SH - PH)/2;
	var PL = (SW - PW)/2;
	$('#popover').css({position:'fixed', top:PT, left:PL, 'z-index':100}).show();
	$('#popbg').css({width:SW, height:DH, background:'#000', 'opacity':0.5, position:'absolute', top:'0px', left:'0px', 'z-index':50}).show();
	$('#further').click(function(){
		$('#popInner').html($('#pop-page2').html());
		$('#fur-div').fadeOut();
	});
	$('#name, #email, #msg').css({'background': '#FFF', 'border':'1px solid #000', '-moz-border-radius':'4px', '-webkit-border-radius':'4px'});
	$('#popbg, #popcloser').click(function(){
		$('#pop-bg, #pop-up, #popbg, #popover').fadeOut();
	})
});	
function submit_form(){
		var error=0;
		var name = $('#name');
		var email = $('#email');
		var subj = $('#subj');
		var msg = $('#msg');
		if (name.val()==''){
			error=1;
			name.css({'background': '#ffd8d8', 'border':'1px solid #ff0000', '-moz-border-radius':'4px', '-webkit-border-radius':'4px'});
		}else{
			name.css({'background': '#d8ffd8', 'border':'1px solid #00bd00', '-moz-border-radius':'4px', '-webkit-border-radius':'4px'});
		};
		if (email.val()==''){
			error=1;
			email.css({'background': '#ffd8d8', 'border':'1px solid #ff0000', '-moz-border-radius':'4px', '-webkit-border-radius':'4px'});
		}else{
		   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		   if(reg.test(email.val()) == false) {
			  error=1;
			  email.css({'background': '#ffd8d8', 'border':'1px solid #ff0000', '-moz-border-radius':'4px', '-webkit-border-radius':'4px'});
		   }else{
			  email.css({'background': '#d8ffd8', 'border':'1px solid #00bd00', '-moz-border-radius':'4px', '-webkit-border-radius':'4px'});
		   };
		};
		if (msg.val()==''){
			error=1;
			msg.css({'background': '#ffd8d8', 'border':'1px solid #ff0000', '-moz-border-radius':'4px', '-webkit-border-radius':'4px'});
		}else{
			msg.css({'background': '#d8ffd8', 'border':'1px solid #00bd00', '-moz-border-radius':'4px', '-webkit-border-radius':'4px'});
		};
		if (error!=1){
			$('#popInner').html('<br /><br /><br /><div align="center">Sending mail, Please wait...<br /><img style="display:none;" src="/images/loading.gif" alt="" /></div>');
			var scW=$(window).width();
			var scH=$().height();
			var popW=400;
			var popH=200;
			var popT=($(window).height()-popH)/2+$().scrollTop();
			var popL=(scW-popW)/2
			$('#pop-bg').css({'width':scW, 'height':scH, 'background':'#000', 'opacity':0.5, 'position':'absolute', 'top':'0px', 'left':'0px'}).fadeIn();
			$('#pop-up').css({'width':popW, 'height':popH, 'background':'#FFF', 'position':'absolute', 'top':popT, 'left':popL, 'border':'1px solid #0500d6', '-moz-border-radius':'4px', '-webkit-border-radius':'4px', 'padding':'20px', 'color':'#000'}).fadeIn();
			$('#pop-up').html('<span style="float:right;"><a href="javascript: void(0);" id="close-pop">Close</a></span><h3 style="color:#000;">Sending...</h3><img src="/images/loading.gif" alt="Loading" /><br/>Please wait...');
			$.ajax({
			   type: "POST",
			   url: "contact.php",
			   data: "name="+name.val()+"&email="+email.val()+"&subj="+subj.val()+"&msg="+msg.val(),
			   success: function(reply){
				 $('#pop-bg').css({'width':scW, 'height':scH, 'background':'#000', 'opacity':0.5, 'position':'absolute', 'top':'0px', 'left':'0px', 'z-index':150}).fadeIn();
				 $('#pop-up').css({'width':popW, 'height':popH, 'background':'#FFF', 'position':'absolute', 'top':popT, 'left':popL, 'border':'1px solid #0500d6', '-moz-border-radius':'4px', '-webkit-border-radius':'4px', 'padding':'20px', 'color':'#000', 'z-index':200}).fadeIn();
				 $('#pop-up').html('<span style="float:right;"><a href="javascript: void(0);" id="close-pop">Close</a></span><h3 style="color:#000;">Thankyou !</h3>'+reply);
				$('#pop-bg, #close-pop').click(function(){
					$('#pop-bg, #pop-up, #popbg, #popover').fadeOut();
				});
			   }
			});
		}
};
	function reset_form(){
		$('#name').val('');
		$('#email').val('');
		$('#msg').val('');
		$('#name, #email, #msg').css({'background': '#FFF', 'border':'1px solid #000', '-moz-border-radius':'4px', '-webkit-border-radius':'4px'});
	};