var loader = $('<div id="loadingdiv"><p>Loading... Please wait!</p></div>');

$(document).ready(function() 
{
	loader.prependTo('body');
	$('#page').fadeOut(1);
	
	$('#header').hover ( 
		function() 
		{ 
			$('#hright').removeClass('hright-nml').addClass('htxthgl');
		}, 
		function()
		{
			$('#hright').removeClass('htxthgl').addClass('hright-nml');
		} );
	
	$('#footer').css('top', $(window).height() - 25);
	
	$('#logo').hover (
		function()
		{ 
			$('#whgl-logo').stop().animate({ width: "600px" }, "fast");
			$("#logopng").fadeOut("fast");
		},
		function()
		{
			$("#logopng").fadeIn("fast");
			$('#whgl-logo').stop().animate({width: "0px"}, "fast"); 
		}
	);	
	$("#logo").click(function(){ $('#whgl-logo').css({'width': '0px'}); $("#logopng").fadeIn("fast"); window.location=$(this).find("a").attr("href"); return false; });
	$('#lgabout').hover (
		function()
		{ 
			$('#whgl-lgabout').stop().animate({ width: "130px" }, "fast").removeClass("wnml-lgabout","fast").addClass("lgabouthgl", "fast");
			$("#lgaboutpng").fadeOut("fast");
		},
		function()
		{
			$("#lgaboutpng").fadeIn("fast");
			$('#whgl-lgabout').stop().animate({width: "0px"}, "fast").removeClass("lgabouthgl").addClass("wnml-lgabout","fast"); 
		}
	);
	$("#lgabout").click(function(){ $('#whgl-lgabout').css({'width': '0px'}); $("#lgaboutpng").fadeIn("fast"); window.location=$(this).find("a").attr("href"); return false; });
	$('#lginv').hover (
		function()
		{ 
			$('#whgl-lginv').stop().animate({ width: "210px" }, "fast").removeClass("wnml-lginv","fast").addClass("lginvhgl", "fast");
			$("#lginvpng").fadeOut("fast");
		},
		function()
		{
			$("#lginvpng").fadeIn("fast");
			$('#whgl-lginv').stop().animate({width: "0px"}, "fast").removeClass("lginvhgl").addClass("wnml-lginv","fast"); 
		}
	);
	$("#lginv").click(function(){ $('#whgl-lginv').css({'width': '0px'}); $("#lginvpng").fadeIn("fast"); window.location=$(this).find("a").attr("href"); return false; });
	
	$('#content').css({'width': '0px', 'left': $('#page').width(),'top': ($(window).height()-465)/2});
	if($('#cnt-form').length) $('#cnt-form').jScrollPane({scrollbarWidth: 10, scrollbarMargin: 10, animateTo:true});
	
	if($('.date-pick').length)
	{	
		$('.date-pick').datePicker();
		$('#movedate').bind( 'dpClosed', function(e, selectedDates)	{ var d = selectedDates[0]; if (d) { d = new Date(d); }	} );
	}
	
	$('input,textarea,select').addClass("txtbk-nml");
	$('input,textarea,select').focus
	(
		function()
		{
			$(this).removeClass("txtbk-nml").addClass("txtbk-hgl");
		}
	);
	$('input,textarea,select').blur
	(
		function()
		{
			$(this).removeClass("txtbk-hgl").addClass("txtbk-nml");
		}
	);
	
	$(':input','#frm-cnt').not(':button, :submit, :reset, :hidden').val('').removeAttr('checked').removeAttr('selected');
	
	$("#frm-cnt").submit
	(
		function()
		{
			$("#msg-status").html('<p><span class="msg-stat">Sending Message, Please wait.</span></p>');
			if( $("#name").val() == "" || $("#emailid").val() == "" || $("#phone").val() == "" || $("#leasetype").val() == "0" || $("#leaselength").val() == "" || $("#homestyle").val() == "0" || $("#movedate").val() == "" || $("#noofbeds").val() == "" || $("#noofbaths").val() == "" || $("#location").val() == "" || $("#pricefrom").val() == "" || $("#priceto").val() == "" || $("#specialfeatures").val() == "0" || $("#message").val() == "" || $("#scode").val() == "" )
			{
				$("#msg-status").html('<p><span class="msg-stat-err">Some fields are missing. Please check the fields.</span></p>');
			}
			else
			{
				var str = $(this).serialize();
				$.ajax(
				{
					type: "POST",
					url: "sendmail.php",
					data: str,
					success: 
					function(msgStatus)
					{
						$("#msg-status").ajaxComplete(function(event, request, settings)
						{
							$(this).html(msgStatus);
							//$("#cnt-form")[0].scrollTo($("#cnt-form").offset().top);
						});
					}
				});
			}
			$("#securecode").attr("src", "securecode.php?" +  Math.floor(Math.random()*100));
			return false;
		}
	);
	
});

$(window).load(function() 
{
	loader.remove(); 
	$('#page').fadeIn(1);
	$('#content').animate({'left': $('#page').width() - 420, 'width': '400px'}, "slow"); 
});

$(window).bind('resize', 
function () 
{
	$('#content').css({'left': $('#page').width() - 420});
	$('#footer').css({'top': $(window).height()- 25}); 
});