/*
 * Main Javascript Functions
 */

function viewDetail(i)
{
	document.location.href = "?listing="+i;
	return true;
}

function ShowRequestInfo()
{
	document.getElementById("RequestInfo").style.display = "block";
	document.getElementById("RequestInfo").style.marginLeft = "-"+parseInt(document.getElementById("RequestInfo").offsetWidth / 2)+"px";
	document.getElementById("RequestInfo").style.marginTop = "-"+parseInt(document.getElementById("RequestInfo").offsetHeight / 2)+"px";
	return true;
}
function HideRequestInfo()
{
	document.getElementById("RequestInfo").style.display = "none";
	return true;
}
function ValidateInfoForm()
{
	var isgood = true;
	if (document.getElementById("RequestInfoForm").FirstName.value == "")
	{	
		document.getElementById("FirstNameRow").style.backgroundColor="#F00";
		isgood = false;
	}
	if (document.getElementById("RequestInfoForm").LastName.value == "")
	{
		document.getElementById("LastNameRow").style.backgroundColor="#F00";
		isgood = false;
	}
	var email = document.getElementById('RequestInfoForm').EmailAddress;
	var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	if (!filter.test(email.value))
	{
		document.getElementById("EmailRow").style.backgroundColor="#F00";
		isgood = false;
	}
	if (document.getElementById("RequestInfoForm").BestTime.value == "")
	{
		document.getElementById("BestTimeRow").style.backgroundColor="#F00";
		isgood = false;
	}
	if (document.getElementById("RequestInfoForm").Realtor.value == "")
	{
		document.getElementById("RealtorRow").style.backgroundColor="#F00";
		isgood = false;
	}
	if (isgood == true)
	{
		alert("Your info has been submitted. Thanks!");
		return true;
	}
	return false;
}
function ShowImageBox(id,num)
{
	document.getElementById("DisplayedImage").src="http://www.hfrellc.com/images/home_images/"+id+"_"+num+".jpg";
	setTimeout('document.getElementById("ImageBox").style.display="block";',5);
	setTimeout("SizeImageBox();",10);
	return true;
}
function HideImageBox()
{
	document.getElementById("ImageBox").style.display="none";
}
function ChangeImage(i)
{
	var images = document.getElementById("ImageColumn").getElementsByTagName("img");
	numimages = images.length;
	currentimage = document.getElementById("DisplayedImage").src;
	currentimage = currentimage.substring(currentimage.search("[0-9]_")+2,(currentimage.length)-4);
	currentimage = parseInt(currentimage);
	if (currentimage+i > numimages)
		toshow = 1;
	else if (currentimage+i < 1)
		toshow = numimages;
	else
		toshow = currentimage+i;
	
	document.getElementById("DisplayedImage").src = document.getElementById("DisplayedImage").src.replace(currentimage+".jpg",toshow+".jpg");
	setTimeout("SizeImageBox()",50);
	
}
function SizeImageBox()
{
	var winW = 630, winH = 460;
	if (document.body && document.body.offsetWidth) 
	{
		winW = document.body.offsetWidth;
		winH = document.body.offsetHeight;
	}
	if (document.compatMode=='CSS1Compat' && document.documentElement && document.documentElement.offsetWidth ) 
	{
		winW = document.documentElement.offsetWidth;
		winH = document.documentElement.offsetHeight;
	}
	if (winW && window.innerHeight) 
	{
		winW = winW;
		winH = window.innerHeight;
	}
	
	var imgW = 640, imgH = 480;
	if (document.getElementById("DisplayedImage").currentStyle)
	{
		imgW = document.getElementById("DisplayedImage").width;
		imgH = document.getElementById("DisplayedImage").height;
	}
	else
	{
		imgW = parseInt(window.getComputedStyle(document.getElementById("DisplayedImage"),null).getPropertyValue("width"));
		imgH = parseInt(window.getComputedStyle(document.getElementById("DisplayedImage"),null).getPropertyValue("height")); 
	}
	
	//alert("IMG:\n\tW:"+imgW+"\n\tH:"+imgH+"\nWindow:\n\tW:"+winW+"\n\tH:"+winH);
	
	if ((imgW > (winW-10)) || (imgH > (winH-75)))	
	{
		sizeratio = ((winW-10) / imgW);
		if (((winH-75) / imgH) < sizeratio)
			sizeratio = ((winH-75) / imgH);
		document.getElementById("DisplayedImage").style.width = (imgW * sizeratio)+"px";
		document.getElementById("DisplayedImage").style.height = (imgH * sizeratio)+"px";
		document.getElementById("ImageBox").style.width = (imgW*sizeratio+10+"px");
		document.getElementById("ImageBox").style.height = (imgH*sizeratio+65+"px");
	}
	else
	{
		document.getElementById("ImageBox").style.width = parseInt(document.getElementById("DisplayedImage").width)+10+"px";
		document.getElementById("ImageBox").style.height = parseInt(document.getElementById("DisplayedImage").height)+65+"px";
	}
	//document.getElementById("ImageBox").style.offsetLeft = ((winW) - (document.getElementById("DisplayedImage").width))/2+"px";
	//document.getElementById("ImageBox").style.offsetTop = (winH - document.getElementById("DisplayedImage").height-65)/2+"px";
	document.getElementById("ImageBox").style.marginLeft = "-"+parseInt(document.getElementById("ImageBox").offsetWidth / 2)+"px";
	document.getElementById("ImageBox").style.marginTop = "-"+parseInt(document.getElementById("ImageBox").offsetHeight / 2)+"px";
	document.getElementById("DisplayedImage").style.offsetLeft = 5+"px";
	document.getElementById("DisplayedImage").style.offsetTop= 25+"px";
}
function GoToPage(page)
{
	document.getElementById("SearchForm").page.value = page;
	document.getElementById("SearchForm").submit();
	
	return true;
}
function ChangePerPage(i)
{
	PerPage = document.getElementById("PerPage"+i).value;
	CurrentPage = document.getElementById("SearchForm").page.value;
	CurrentPerPage = document.getElementById("SearchForm").perpage.value;
	NewPage = Math.ceil(CurrentPage * CurrentPerPage / PerPage);
	
	document.getElementById("SearchForm").perpage.value = PerPage;
	document.getElementById("SearchForm").page.value = NewPage;
	document.getElementById("SearchForm").submit();
}
function SelectArea(area)
{
	var start=0,end=0,i=0;
	if (area == "Albuquerque")
	{
		start=1;
		end=29;
	}
	else if (area == "RioRancho")
	{
		start=31;
		end=39;
	}
	else if (area == "EastMountains")
	{
		start=42;
		end=52;
	}
	else
	{
		return false;
	}
	for (i=start;i<end;i++)
	{
		document.getElementById('AreaSelect').options[i].selected='true';
	}
	return true;
}
function ClearArea(area)
{
	for (i=0;i<document.getElementById('AreaSelect').options.length;i++)
	{
		document.getElementById('AreaSelect').options[i].selected='false';
	}
}