// JavaScript Document

$(document).ready(function() {
	
	// highlight the correct nav tab
	if ( $("body").hasClass("TABhome") )
	{
		$("#nav1").addClass("tabON1");
		//$("#nav1 a").addClass("tabON2");
	}
	
	if ( $("body").hasClass("TABsearch") )
	{
		$("#nav2").addClass("tabON1");
		//$("#nav2 a").addClass("tabON2");
	}
	
	if ( $("body").hasClass("TABrent") )
	{
		$("#nav3").addClass("tabON1");
		//$("#nav3 a").addClass("tabON2");
	}
	
	if ( $("body").hasClass("TABvaluations") )
	{
		$("#nav4").addClass("tabON1");
		//$("#nav4 a").addClass("tabON2");
	}
	
	if ( $("body").hasClass("TABmortgages") )
	{
		$("#nav5").addClass("tabON1");
		//$("#nav5 a").addClass("tabON2");
	}
    
	if ( $("body").hasClass("TABinsurance") )
	{
		$("#nav6").addClass("tabON1");
		//$("#nav6 a").addClass("tabON2");
	}
	
	if ( $("body").hasClass("TABcontact") )
	{
		$("#nav7").addClass("tabON1");
		//$("#nav6 a").addClass("tabON2");
	}
	
});


function checkContact()
{
	var myName = $("input#name").val();
	var myEmail = $("input#email").val();
	var myPhone = $("input#phone").val();
	var myMailing = $("textarea#mailing").val();
	
	if ( (myName == "") || (myEmail == "") || (myPhone == "") )
    {
		$("#errorContact").show();
		return false;
	}
	else
	{
		var my_ajx_url = '/property-for-sale/contact_submit.cgi?submit=1&name='+$('#name').val();
        my_ajx_url += '&email='+$('#email').val();
        my_ajx_url += '&propertyid='+ $(document).getUrlParam("prop_id");
        my_ajx_url += '&phone='+$('#phone').val();
        my_ajx_url += '&mailing='+escape($('#mailing').val());
        my_ajx_url += '&comments='+escape($('#comments_to_us').val());
		my_ajx_url += '&viewing='+$('#viewing:checked').val();
        my_ajx_url += '&schedule='+ $('#schedule:checked').val();
        my_ajx_url += '&appraise='+$('#appraise:checked').val();
        my_ajx_url += '&mortgage='+$('#mortgage:checked').val();
        my_ajx_url += '&information='+$('#information:checked').val();
        my_ajx_url += '&goingto='+escape($('#goingto').val());

        $.get(my_ajx_url,function(ajax_data){
            // alert(ajax_data);
            contactThanks();
		});

		return false;
    }
}

function checkSendFriend()
{
	var myName = $("input#your_name").val();
	var myEmail = $("input#your_email").val();
	var myName2 = $("input#friends_name").val();
	var myEmail2 = $("input#friends_email").val();
	
	if ( (myName == "") || (myEmail == "") || (myName2 == "") || (myEmail2 == "") )
    {
		$("#errorSendFriend").show();
		return false;
	}
	else
	{
    	var my_ajx_url = '/property-for-sale/email_friend.cgi?submit=1&your_name='+$('#your_name').val();
	  	my_ajx_url += '&your_email='+$('#your_email').val();
     	my_ajx_url += '&propertyid='+ $(document).getUrlParam("prop_id");
     	my_ajx_url += '&friends_name='+$('#friends_name').val();
     	my_ajx_url += '&friends_email='+$('#friends_email').val();
     	my_ajx_url += '&comments='+escape($('#comments_to_friend').val());


  		$.get(my_ajx_url,function(ajax_data){
        	// alert(ajax_data);
        	emailFriendThanks();
		});
     	return false;
    }
}

function checkValuation()
{
	var myName = $("input#name").val();
	var myPropertyAddress = $("textarea#propertyaddress").val();
	var myTelephone = $("input#telephone").val();
	
	if ( (myName == "") || (myPropertyAddress == "") || (myTelephone == "") )
    {
		$("#errorValuation").show();
		return false;
	}
	else
	{
    	return true;
    }
}



/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/

var w=1
var h=1

if (document.getElementById || document.all)
document.write('<div id="trailimageid"><img id="ttimg" src="/images/s.gif" /></div>')

function gettrailobj()
{
	if (document.getElementById) return document.getElementById("trailimageid").style
	else if (document.all) return document.all.trailimagid.style
}

function truebody()
{
	return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function hidetrail()
{
	document.onmousemove=""
	document.getElementById('ttimg').src='/images/s.gif'
	gettrailobj().visibility="hidden"
	gettrailobj().left=-1000
	gettrailobj().top=0
}


function showtrail(width,height,file)
{
	if(navigator.userAgent.toLowerCase().indexOf('opera') == -1)
	{
		w=width
		h=height

		// followmouse()

		document.getElementById('ttimg').src=file
		document.onmousemove=followmouse
		gettrailobj().visibility="visible"
		gettrailobj().width=w+"px"
		gettrailobj().height=h+"px"


	}
}


function followmouse(e)
{

	if(navigator.userAgent.toLowerCase().indexOf('opera') == -1)
	{
		var xcoord=20
		var ycoord=20

		if (typeof e != "undefined")
		{
			xcoord+=e.pageX
			ycoord+=e.pageY
		}
		else if (typeof window.event !="undefined")
		{
			xcoord+=truebody().scrollLeft+event.clientX
			ycoord+=truebody().scrollTop+event.clientY
		}

		var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
		var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)

		if (xcoord+w+3>docwidth)
		xcoord=xcoord-w-(20*2)

		if (ycoord-truebody().scrollTop+h>truebody().clientHeight)
		ycoord=ycoord-h-20;

		gettrailobj().left=xcoord+"px"
		gettrailobj().top=ycoord+"px"

	}

}

// END




//details page options swap stuff

function scheduleSwap()
{
	var contactText = "<span>Contact us about this property</span>";

	$('#scheduleImage').hover(
							  function()
							  {
								  $('#iconSchedule').css({background: '#98002d'});
								  $('#iconContact').css({background: 'none'});
								  $('#iconText').find('span').replaceWith("<span>Download the schedule for this property</span>");
							  },
							  function()
							  {
								  $('#iconSchedule').css({background: 'none'});
								  $('#iconContact').css({background: '#98002d'});
								  $('#iconText').find('span').replaceWith(contactText);
							  }
							  );

	$('#printImage').hover(
							  function()
							  {
								  $('#iconPrint').css({background: '#98002d'});
								  $('#iconContact').css({background: 'none'});
								  $('#iconText').find('span').replaceWith("<span>Print this page</span>");
							  },
							  function()
							  {
								  $('#iconPrint').css({background: 'none'});
								  $('#iconContact').css({background: '#98002d'});
								  $('#iconText').find('span').replaceWith(contactText);
							  }
							  );

	$('#mapImage').hover(
							  function()
							  {
								  $('#iconMap').css({background: '#98002d'});
								  $('#iconContact').css({background: 'none'});
								  $('#iconText').find('span').replaceWith("<span>View this property on a map</span>");
							  },
							  function()
							  {
								  $('#iconMap').css({background: 'none'});
								  $('#iconContact').css({background: '#98002d'});
								  $('#iconText').find('span').replaceWith(contactText);
							  }
							  );

	$('#friendImage').hover(
							  function()
							  {
								  $('#iconFriend').css({background: '#98002d'});
								  $('#iconContact').css({background: 'none'});
								  $('#iconText').find('span').replaceWith("<span>Email a friend about this property</span>");
							  },
							  function()
							  {
								  $('#iconFriend').css({background: 'none'});
								  $('#iconContact').css({background: '#98002d'});
								  $('#iconText').find('span').replaceWith(contactText);
							  }
							  );

	$('#virtualImage').hover(
							  function()
							  {
								  $('#iconVirtual').css({background: '#98002d'});
								  $('#iconContact').css({background: 'none'});
								  $('#iconText').find('span').replaceWith("<span>Take a virtual tour of this property</span>");
							  },
							  function()
							  {
								  $('#iconVirtual').css({background: 'none'});
								  $('#iconContact').css({background: '#98002d'});
								  $('#iconText').find('span').replaceWith(contactText);
							  }
							  );

}

// END







// details page - show larger image when thumb is clicked

function showPic()
{
	$('#thumb1').click(function()
								{
									$("#mainPic1").css({display: 'block'});
									$("#mainPic2").css({display: 'none'});
									$("#mainPic3").css({display: 'none'});
									$("#mainPic4").css({display: 'none'});
									$("#mainPic5").css({display: 'none'});
									$("#mainPic6").css({display: 'none'});
									$("#mainPic7").css({display: 'none'});
									$("#mainPic8").css({display: 'none'});
								}
								);

	$('#thumb2').click(function()
								{
									$("#mainPic1").css({display: 'none'});
									$("#mainPic2").css({display: 'block'});
									$("#mainPic3").css({display: 'none'});
									$("#mainPic4").css({display: 'none'});
									$("#mainPic5").css({display: 'none'});
									$("#mainPic6").css({display: 'none'});
									$("#mainPic7").css({display: 'none'});
									$("#mainPic8").css({display: 'none'});
								}
								);

	$('#thumb3').click(function()
								{
									$("#mainPic1").css({display: 'none'});
									$("#mainPic2").css({display: 'none'});
									$("#mainPic3").css({display: 'block'});
									$("#mainPic4").css({display: 'none'});
									$("#mainPic5").css({display: 'none'});
									$("#mainPic6").css({display: 'none'});
									$("#mainPic7").css({display: 'none'});
									$("#mainPic8").css({display: 'none'});
								}
								);

	$('#thumb4').click(function()
								{
									$("#mainPic1").css({display: 'none'});
									$("#mainPic2").css({display: 'none'});
									$("#mainPic3").css({display: 'none'});
									$("#mainPic4").css({display: 'block'});
									$("#mainPic5").css({display: 'none'});
									$("#mainPic6").css({display: 'none'});
									$("#mainPic7").css({display: 'none'});
									$("#mainPic8").css({display: 'none'});
								}
								);

	$('#thumb5').click(function()
								{
									$("#mainPic1").css({display: 'none'});
									$("#mainPic2").css({display: 'none'});
									$("#mainPic3").css({display: 'none'});
									$("#mainPic4").css({display: 'none'});
									$("#mainPic5").css({display: 'block'});
									$("#mainPic6").css({display: 'none'});
									$("#mainPic7").css({display: 'none'});
									$("#mainPic8").css({display: 'none'});
								}
								);

	$('#thumb6').click(function()
								{
									$("#mainPic1").css({display: 'none'});
									$("#mainPic2").css({display: 'none'});
									$("#mainPic3").css({display: 'none'});
									$("#mainPic4").css({display: 'none'});
									$("#mainPic5").css({display: 'none'});
									$("#mainPic6").css({display: 'block'});
									$("#mainPic7").css({display: 'none'});
									$("#mainPic8").css({display: 'none'});
								}
								);

	$('#thumb7').click(function()
								{
									$("#mainPic1").css({display: 'none'});
									$("#mainPic2").css({display: 'none'});
									$("#mainPic3").css({display: 'none'});
									$("#mainPic4").css({display: 'none'});
									$("#mainPic5").css({display: 'none'});
									$("#mainPic6").css({display: 'none'});
									$("#mainPic7").css({display: 'block'});
									$("#mainPic8").css({display: 'none'});
								}
								);

	$('#thumb8').click(function()
								{
									$("#mainPic1").css({display: 'none'});
									$("#mainPic2").css({display: 'none'});
									$("#mainPic3").css({display: 'none'});
									$("#mainPic4").css({display: 'none'});
									$("#mainPic5").css({display: 'none'});
									$("#mainPic6").css({display: 'none'});
									$("#mainPic7").css({display: 'none'});
									$("#mainPic8").css({display: 'block'});
								}
								);
}

// END




// details page - show contact form

function showContact()
{
	$('#detailsBotRight').css({display: 'none'});
	$('#detailsOptions').css({display: 'none'});
	$('#contactForm').css({display: 'block'});
	$('#contactOptions').css({display: 'block'});
}

function hideContact()
{
	$('#detailsBotRight').css({display: 'block'});
	$('#detailsOptions').css({display: 'block'});
	$('#contactForm').css({display: 'none'});
	$('#contactOptions').css({display: 'none'});
	$('#emailFriend').css({display: 'none'});
	$('#myContactForm').resetForm();
}

// END




// details page - show contact thank you message

function contactThanks()
{
	$('#detailsOptions').css({display: 'none'});
	$('#detailsBotRight').css({display: 'none'});
	$('#contactOptions').css({display: 'none'});
	$('#contactForm').css({display: 'none'});
	$('#contactThanks').css({display: 'block'});
}

// END





// details page - show friend form

function showFriend()
{
	$('#detailsBotRight').css({display: 'none'});
	$('#detailsOptions').css({display: 'none'});
	$('#emailFriend').css({display: 'block'});
	$('#contactOptions').css({display: 'block'});
}

function hideFriend()
{
	$('#detailsBotRight').css({display: 'block'});
	$('#detailsOptions').css({display: 'block'});
	$('#emailFriend').css({display: 'none'});
	$('#contactOptions').css({display: 'none'});
	$('#emailFriendForm').resetForm();
}

// END



// details page - show friend thank you message

function emailFriendThanks()
{
	$('#detailsOptions').css({display: 'none'});
	$('#detailsBotRight').css({display: 'none'});
	$('#contactOptions').css({display: 'none'});
	$('#emailFriend').css({display: 'none'});
	$('#emailFriendThanks').css({display: 'block'});
}

// END










// details page - show property details

function showDetails()
{
	$('#detailsOptions').css({display: 'block'});
	$('#detailsBotRight').css({display: 'block'});
	$('#contactOptions').css({display: 'none'});
	$('#contactForm').css({display: 'none'});
	$('#emailFriend').css({display: 'none'});
	$('#contactThanks').css({display: 'none'});
	$('#emailFriendThanks').css({display: 'none'});
	$('#myContactForm').resetForm();
	$('#emailFriendForm').resetForm();
}

// END





function picSlider()
{
	$(".picBG").hover(
					  function()
					  {
						  $(this).find('div').animate({top: '60px'},750);
					  },
					  function()
					  {
						  $(this).find('div').animate({top: '75px'},750);
					  }
					  );

}

function onload_run()
{
	picSlider();
	showPic();
	scheduleSwap();
	form_param();
	show_hide_next_prv();
}

function form_param()
{
	if($(document).getUrlParam("location"))
 	{
 		$("#location").selectOptions($(document).getUrlParam("location"));
 	}
 	if($(document).getUrlParam("propType"))
 	{
 		$("#propType").selectOptions($(document).getUrlParam("propType"));
 	}
 	if($(document).getUrlParam("priceLo"))
 	{
 		$("#from").selectOptions($(document).getUrlParam("priceLo"));
 	}
 	if($(document).getUrlParam("priceHi"))
 	{
 		$("#to").selectOptions($(document).getUrlParam("priceHi"));
 	}

 	if($(document).getUrlParam("minBeds"))
 	{
 		$("#minBeds").selectOptions($(document).getUrlParam("minBeds"));
 	}
 	if($(document).getUrlParam("keywords"))
 	{
 		$("#keywords").val(unescape($(document).getUrlParam("keywords")));
 	}
}

function show_hide_next_prv()
{
	if($("#showX").val() <= '1')
 	{
 		$("#myPrev").css("visibility","hidden");
 	}
	else
 	{
 		$("#myPrev").css("visibility","visible");
	}
	if ($("#showMax").val() == $("#prop_count").val())
 	{
 		$("#myNext").css("visibility","hidden");
 	}
 	else
 	{
 		$("#myNext").css("visibility","visible");
 	}
}

function clickNext()
{
	$("#myNext").click(function(){
 		var next_result = $('#nextUrl').val() + "&ajax_call=1";
 		$("#result_ajax").html("<div id='ajaxLoader'><img src='/images/ajax-loader.gif' alt='' title='' width='66' height='66' /></div>");

 		$.get(next_result,function(ajax_data){
 			$('#result_ajax').html(ajax_data);
 			onload_run();
 			$("#shownum").text("Showing "+$("#showX").val()+" to "+$("#showMax").val());
 			});
 	});
 	$("#myPrev").click(function(){
 		var back_result = $('#backUrl').val()+"&prvClick=1"
 		$("#result_ajax").html("<div id='ajaxLoader'><img src='/images/ajax-loader.gif' alt='' title='' width='66' height='66' /></div>");

 		if( back_result != '')
 		{
 			$.get(back_result,function(ajax_data){
 				$('#result_ajax').html(ajax_data);
 				onload_run();
 				$("#shownum").text("Showing "+$("#showX").val()+" to "+$("#showMax").val());
 			});
 		}
 	});

 	$(window).keypress(function(event){
 		switch(event.keyCode)
 		{
 			case 39:
 			var next_result = $('#nextUrl').val();
 			if(($("#myNext").css("visibility") == "visible"))
 			{
 				$("#result_ajax").html("<div id='ajaxLoader'><img src='/images/ajax-loader.gif' alt='' title='' width='66' height='66' /></div>");
 				$.get(next_result,function(ajax_data){
 					$('#result_ajax').html(ajax_data);
 					onload_run();
 					$("#shownum").text("Showing "+$("#showX").val()+" to "+$("#showMax").val());
 				});
 			}
 			break;
 			case 37:

 			var back_result = $('#backUrl').val()+"&prvClick=1"

 			if( back_result != '' && ($("#myPrev").css("visibility") == "visible"))
 			{
 				$("#result_ajax").html("<div id='ajaxLoader'><img src='/images/ajax-loader.gif' alt='' title='' width='66' height='66' /></div>");
 				$.get(back_result,function(ajax_data){
 					$('#result_ajax').html(ajax_data);
 					onload_run();
 					$("#shownum").text("Showing "+$("#showX").val()+" to "+$("#showMax").val());
 				});
 			}
 			break;
 			default:
 		}
 	});

 	$("#sortProperties").change(function(){

 		var current_url = $('#currentpage').val();

 		current_url.replace(/&ajax_call.*$/gi,'');
 		current_url.replace(/&sort.*$/gi,'');
 		current_url = current_url + "&ajax_call=1&sort=" + $("#sortProperties").val();
 		$("#result_ajax").html("<div id='ajaxLoader'><img src='/images/ajax-loader.gif' alt='' title='' width='66' height='66' /></div>");
 		$.get(current_url,function(ajax_data){
 			$('#result_ajax').html(ajax_data);
 			onload_run();
 		});
 	});
}// END

$(document).ready(
	function()
	{
		onload_run();
		//clickNext();
	}
);