// Author: Ron Grafe grafer@columbus.rr.com http://www.gdevresources.com/Pages/Scripts/BottomSlider/bottomslider.htm
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
 <!-- Browser Check -->
iens6=document.all||document.getElementById
ns4=document.layers
<!--GLOBAL VARIABLES-->
var thename
var theobj
var thetext
var winHeight
var winPositionFromTop
var winWidth
var startH=2
var openTimer
<!--END GLOBAL VARIABLES-->
<!--DEFINE MOUSEOVER CONTENT-->
var textArray = new Array
textArray[1]="<form action='find/plans/index.pl' method='get'><input type='hidden' name='order_by' value='class'> <input type='hidden' name='order' value='321'><table style='margin-right:10px;' width='450' border='0' cellpadding='0' cellspacing='0'> <tr><td width='8' height='18'><img src='images/design/search_topleft.gif' width='8' height='18' border='0' /></td><td align='left' background='images/design/search_top.gif'>&nbsp;</td><td width='11'><img src='images/design/search_topright.gif' width='11' height='18' border='0' /></td> </tr> <tr><td background='images/design/search_left.gif'>&nbsp;</td> <td><table border='0' cellpadding='5' cellspacing='0'> <tr><td width='76' height='30' align='center' valign='middle'><a href='find/plans/index.pl?order_by=class&order=321&class=3'><img src='images/design/btn_lifestyle.gif' alt='Lifestyle Collection' width='76' height='30' border='0' /></a></td> <td height='30' align='right' valign='middle'><strong><label for='class'>collection</label> </strong></td><td height='30' align='left' valign='middle'><select name='class' size='1'><option></option><option value='3'>Lifestyle</option><option value='2'>Signature</option><option value='1'>Essence</option></select></td><td height='30' align='left' valign='middle'></td> <td height='30' align='left' valign='middle'></td> <td rowspan='3'><label for='Go'></label><input name='Go' type='submit' class='triangle' id='Go' value='.' /></td></tr><tr><td height='30' align='center' valign='middle'><a href='find/plans/index.pl?order_by=class&order=321&class=2'><img src='images/design/btn_signature.gif' alt='Signature Collection' width='76' height='30' border='0' /></a></td><td height='30' align='right' valign='middle'><strong><label for='Style'>style</label></strong> </td><td height='30' align='left' valign='middle'><select name='Style' size='1'><option></option><option value='Ranch'>Ranch</option><option value='Two'>Two-Story</option><option value='Cape'>Cape Cod</option></select></td><td height='30' align='right' valign='middle'><strong><label for='Bedrooms'>bed</label></strong> </td><td height='30' align='left' valign='middle'><select name='Bedrooms' size='1'><option></option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option></select></td> </tr><tr valign='middle'><td height='30' align='center'><a href='find/plans/index.pl?order_by=class&order=321&class=1'><img src='images/design/btn_essence.gif' alt='Essence Collection' width='76' height='30' border='0' /></a></td><td height='30' align='right'><strong><label for='SquareFeet'>sq. ft.</label></strong> </td><td height='30' align='left'><select name='SquareFeet' size='1'><option></option><option value='ez_range(1001,1500)'>1001-1500</option><option value='ez_range(1501,2000)'>1501-2000</option><option value='ez_range(2001,2500)'>2001-2500</option><option value='ez_range(2500,50000)'>2500+</option></select></td><td height='30' align='right'><strong><label for='Baths'>bath</label> </strong> </td><td height='30' align='left'><select name='Baths' size='1'><option></option><option value='1'>1</option><option value='2'>2</option><option value='2.5'>2.5</option></select></td></tr></table></td><td background='images/design/search_right.gif'>&nbsp;</td></tr><tr><td height='12'><img src='images/design/search_bottomleft.gif' width='8' height='12' border='0' /><br /></td><td background='images/design/search_bottom.gif'></td><td><img src='images/design/search_bottomright.gif' width='11' height='12' border='0' /><br /></td></tr></table></form><div style='position:absolute;top:0;right:5;width:20;border:1px solid #000000;background-color:#ffffff;' align='center'><h3 style='margin-bottom:0px;margin-top:0px;padding:2px;'><a href='javascript:void(0)' onclick='clearTimeout(openTimer);stopIt()'>X</a></h3></div>"
textArray[2]="<form action='../find/plans/index.pl' method='get'><input type='hidden' name='order_by' value='class'> <input type='hidden' name='order' value='321'><table style='margin-right:10px;' width='450' border='0' cellpadding='0' cellspacing='0'> <tr><td width='8' height='18'><img src='../images/design/search_topleft.gif' width='8' height='18' border='0' /></td><td align='left' background='../images/design/search_top.gif'>&nbsp;</td><td width='11'><img src='../images/design/search_topright.gif' width='11' height='18' border='0' /></td> </tr> <tr><td background='../images/design/search_left.gif'>&nbsp;</td> <td><table border='0' cellpadding='5' cellspacing='0'> <tr><td width='76' height='30' align='center' valign='middle'><a href='../find/plans/index.pl?order_by=class&order=321&class=3'><img src='../images/design/btn_lifestyle.gif' alt='Lifestyle Collection' width='76' height='30' border='0' /></a></td> <td height='30' align='right' valign='middle'><strong><label for='class'>collection</label> </strong></td><td height='30' align='left' valign='middle'><select name='class' size='1'><option></option><option value='3'>Lifestyle</option><option value='2'>Signature</option><option value='1'>Essence</option></select></td><td height='30' align='left' valign='middle'></td> <td height='30' align='left' valign='middle'></td> <td rowspan='3'><label for='Go'></label><input name='Go' type='submit' class='triangle' id='Go' value='.' /></td></tr><tr><td height='30' align='center' valign='middle'><a href='../find/plans/index.pl?order_by=class&order=321&class=2'><img src='../images/design/btn_signature.gif' alt='Signature Collection' width='76' height='30' border='0' /></a></td><td height='30' align='right' valign='middle'><strong><label for='Style'>style</label></strong> </td><td height='30' align='left' valign='middle'><select name='Style' size='1'><option></option><option value='Ranch'>Ranch</option><option value='Two'>Two-Story</option><option value='Cape'>Cape Cod</option></select></td><td height='30' align='right' valign='middle'><strong><label for='Bedrooms'>bed</label></strong> </td><td height='30' align='left' valign='middle'><select name='Bedrooms' size='1'><option></option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option></select></td> </tr><tr valign='middle'><td height='30' align='center'><a href='../find/plans/index.pl?order_by=class&order=321&class=1'><img src='../images/design/btn_essence.gif' alt='Essence Collection' width='76' height='30' border='0' /></a></td><td height='30' align='right'><strong><label for='SquareFeet'>sq. ft.</label></strong> </td><td height='30' align='left'><select name='SquareFeet' size='1'><option></option><option value='ez_range(1001,1500)'>1001-1500</option><option value='ez_range(1501,2000)'>1501-2000</option><option value='ez_range(2001,2500)'>2001-2500</option><option value='ez_range(2500,50000)'>2500+</option></select></td><td height='30' align='right'><strong><label for='Baths'>bath</label> </strong> </td><td height='30' align='left'><select name='Baths' size='1'><option></option><option value='1'>1</option><option value='2'>2</option><option value='2.5'>2.5</option></select></td></tr></table></td><td background='../images/design/search_right.gif'>&nbsp;</td></tr><tr><td height='12'><img src='../images/design/search_bottomleft.gif' width='8' height='12' border='0' /><br /></td><td background='../images/design/search_bottom.gif'></td><td><img src='../images/design/search_bottomright.gif' width='11' height='12' border='0' /><br /></td></tr></table></form><div style='position:absolute;top:0;right:5;width:20;border:1px solid #000000;background-color:#ffffff;' align='center'><h3 style='margin-bottom:0px;margin-top:0px;padding:2px;'><a href='javascript:void(0)' onclick='clearTimeout(openTimer);stopIt()'>X</a></h3></div>"
textArray[3]="<form action='../../find/plans/index.pl' method='get'><input type='hidden' name='order_by' value='class'> <input type='hidden' name='order' value='321'><table style='margin-right:10px;' width='450' border='0' cellpadding='0' cellspacing='0'> <tr><td width='8' height='18'><img src='../../images/design/search_topleft.gif' width='8' height='18' border='0' /></td><td align='left' background='../../images/design/search_top.gif'>&nbsp;</td><td width='11'><img src='../../images/design/search_topright.gif' width='11' height='18' border='0' /></td> </tr> <tr><td background='../../images/design/search_left.gif'>&nbsp;</td> <td><table border='0' cellpadding='5' cellspacing='0'> <tr><td width='76' height='30' align='center' valign='middle'><a href='../../find/plans/index.pl?order_by=class&order=321&class=3'><img src='../../images/design/btn_lifestyle.gif' alt='Lifestyle Collection' width='76' height='30' border='0' /></a></td> <td height='30' align='right' valign='middle'><strong><label for='class'>collection</label> </strong></td><td height='30' align='left' valign='middle'><select name='class' size='1'><option></option><option value='3'>Lifestyle</option><option value='2'>Signature</option><option value='1'>Essence</option></select></td><td height='30' align='left' valign='middle'></td> <td height='30' align='left' valign='middle'></td> <td rowspan='3'><label for='Go'></label><input name='Go' type='submit' class='triangle' id='Go' value='.' /></td></tr><tr><td height='30' align='center' valign='middle'><a href='../../find/plans/index.pl?order_by=class&order=321&class=2'><img src='../../images/design/btn_signature.gif' alt='Signature Collection' width='76' height='30' border='0' /></a></td><td height='30' align='right' valign='middle'><strong><label for='Style'>style</label></strong> </td><td height='30' align='left' valign='middle'><select name='Style' size='1'><option></option><option value='Ranch'>Ranch</option><option value='Two'>Two-Story</option><option value='Cape'>Cape Cod</option></select></td><td height='30' align='right' valign='middle'><strong><label for='Bedrooms'>bed</label></strong> </td><td height='30' align='left' valign='middle'><select name='Bedrooms' size='1'><option></option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option></select></td> </tr><tr valign='middle'><td height='30' align='center'><a href='../../find/plans/index.pl?order_by=class&order=321&class=1'><img src='../../images/design/btn_essence.gif' alt='Essence Collection' width='76' height='30' border='0' /></a></td><td height='30' align='right'><strong><label for='SquareFeet'>sq. ft.</label></strong> </td><td height='30' align='left'><select name='SquareFeet' size='1'><option></option><option value='ez_range(1001,1500)'>1001-1500</option><option value='ez_range(1501,2000)'>1501-2000</option><option value='ez_range(2001,2500)'>2001-2500</option><option value='ez_range(2500,50000)'>2500+</option></select></td><td height='30' align='right'><strong><label for='Baths'>bath</label> </strong> </td><td height='30' align='left'><select name='Baths' size='1'><option></option><option value='1'>1</option><option value='2'>2</option><option value='2.5'>2.5</option></select></td></tr></table></td><td background='../../images/design/search_right.gif'>&nbsp;</td></tr><tr><td height='12'><img src='../../images/design/search_bottomleft.gif' width='8' height='12' border='0' /><br /></td><td background='../../images/design/search_bottom.gif'></td><td><img src='../../images/design/search_bottomright.gif' width='11' height='12' border='0' /><br /></td></tr></table></form><div style='position:absolute;top:0;right:5;width:20;border:1px solid #000000;background-color:#ffffff;' align='center'><h3 style='margin-bottom:0px;margin-top:0px;padding:2px;'><a href='javascript:void(0)' onclick='clearTimeout(openTimer);stopIt()'>X</a></h3></div>"
textArray[4]="<form action='../home/find/plans/index.pl' method='get'><input type='hidden' name='order_by' value='class'> <input type='hidden' name='order' value='321'><table style='margin-right:10px;' width='450' border='0' cellpadding='0' cellspacing='0'> <tr><td width='8' height='18'><img src='../home/images/design/search_topleft.gif' width='8' height='18' border='0' /></td><td align='left' background='../home/images/design/search_top.gif'>&nbsp;</td><td width='11'><img src='../home/images/design/search_topright.gif' width='11' height='18' border='0' /></td> </tr> <tr><td background='../home/images/design/search_left.gif'>&nbsp;</td> <td><table border='0' cellpadding='5' cellspacing='0'> <tr><td width='76' height='30' align='center' valign='middle'><a href='../home/find/plans/index.pl?order_by=class&order=321&class=3'><img src='../home/images/design/btn_lifestyle.gif' alt='Lifestyle Collection' width='76' height='30' border='0' /></a></td> <td height='30' align='right' valign='middle'><strong><label for='class'>collection</label> </strong></td><td height='30' align='left' valign='middle'><select name='class' size='1'><option></option><option value='3'>Lifestyle</option><option value='2'>Signature</option><option value='1'>Essence</option></select></td><td height='30' align='left' valign='middle'></td> <td height='30' align='left' valign='middle'></td> <td rowspan='3'><label for='Go'></label><input name='Go' type='submit' class='triangle' id='Go' value='.' /></td></tr><tr><td height='30' align='center' valign='middle'><a href='../home/find/plans/index.pl?order_by=class&amp;order=321&amp;Style=&amp;Bedrooms=&amp;Baths=&amp;SquareFeet=&amp;class=2'><img src='../home/images/design/btn_signature.gif' alt='Signature Collection' width='76' height='30' border='0' /></a></td><td height='30' align='right' valign='middle'><strong><label for='Style'>style</label></strong> </td><td height='30' align='left' valign='middle'><select name='Style' size='1'><option></option><option value='Ranch'>Ranch</option><option value='Two'>Two-Story</option><option value='Cape'>Cape Cod</option></select></td><td height='30' align='right' valign='middle'><strong><label for='Bedrooms'>bed</label></strong> </td><td height='30' align='left' valign='middle'><select name='Bedrooms' size='1'><option></option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option></select></td> </tr><tr valign='middle'><td height='30' align='center'><a href='../home/find/plans/index.pl?order_by=class&amp;order=321&amp;Style=&amp;Bedrooms=&amp;Baths=&amp;SquareFeet=&amp;class=1'><img src='../home/images/design/btn_essence.gif' alt='Essence Collection' width='76' height='30' border='0' /></a></td><td height='30' align='right'><strong><label for='SquareFeet'>sq. ft.</label></strong> </td><td height='30' align='left'><select name='SquareFeet' size='1'><option></option><option value='ez_range(1001,1500)'>1001-1500</option><option value='ez_range(1501,2000)'>1501-2000</option><option value='ez_range(2001,2500)'>2001-2500</option><option value='ez_range(2500,50000)'>2500+</option></select></td><td height='30' align='right'><strong><label for='Baths'>bath</label> </strong> </td><td height='30' align='left'><select name='Baths' size='1'><option></option><option value='1'>1</option><option value='2'>2</option><option value='2.5'>2.5</option></select></td></tr></table></td><td background='../home/images/design/search_right.gif'>&nbsp;</td></tr><tr><td height='12'><img src='../home/images/design/search_bottomleft.gif' width='8' height='12' border='0' /><br /></td><td background='../home/images/design/search_bottom.gif'></td><td><img src='../home/images/design/search_bottomright.gif' width='11' height='12' border='0' /><br /></td></tr></table></form><div style='position:absolute;top:0;right:5;width:20;border:1px solid #000000;background-color:#ffffff;' align='center'><h3 style='margin-bottom:0px;margin-top:0px;padding:2px;'><a href='javascript:void(0)' onclick='clearTimeout(openTimer);stopIt()'>X</a></h3></div>"
<!--END DEFINE MOUSEOVER CONTENT-->
<!--GLOBAL FUNCTIONS-->
function setObj(elementpos,theswitch,inwidth,inheight) {
	thetext=textArray[elementpos]
	if(iens6){
		thename = "viewer"
		theobj=document.getElementById? document.getElementById(thename):document.all.thename
		winHeight=100
			if(iens6&&document.all) {
				//winPositionFromTop=document.body.clientHeight
				winPositionFromTop=-150
				winWidth=(document.body.clientWidth-document.body.leftMargin)
			}
			if(iens6&&!document.all) {
				//winPositionFromTop=window.innerHeight
				winPositionFromTop=-150
				winWidth=(window.innerWidth-(document.body.offsetLeft+20))
			}
			if(theswitch=="override") {
				winWidth=inwidth
				winHeight=inheight
			}
		theobj.style.width=winWidth
		theobj.style.height=150
			if(iens6&&document.all) {
				theobj.style.top=document.body.scrollTop+winPositionFromTop
				theobj.innerHTML = ""
				theobj.insertAdjacentHTML("BeforeEnd","<table cellspacing=0 width="+winWidth+" height="+winHeight+"><tr><td width=100% valign=top>"+thetext+"</td></tr></table>")
			}
			if(iens6&&!document.all) {
				theobj.style.top=window.pageYOffset+winPositionFromTop
				theobj.innerHTML = ""
				theobj.innerHTML="<table cellspacing=0 width="+winWidth+" height="+winHeight+"><tr><td width=100% valign=top>"+thetext+"</td></tr></table>"
			}
	}
	if(ns4){
		thename = "nsviewer"
		theobj = eval("document."+thename)
		winPositionFromTop=window.innerHeight
		winWidth=window.innerWidth
		winHeight=100
			if(theswitch=="override") {
				winWidth=inwidth
				winHeight=inheight
			}
		theobj.moveTo(0,eval(window.pageYOffset+winPositionFromTop))
		theobj.width=winWidth
		theobj.clip.width=winWidth
		theobj.document.write("<table cellspacing=0 width="+winWidth+" height="+winHeight+"><tr><td width=100% valign=top>"+thetext+"</td></tr></table>")
		theobj.document.close()
	}
	viewIt()
}

function viewIt() {
	if(startH<=winHeight) {
		if(iens6) {
			theobj.style.visibility="visible"
				if(iens6&&document.all) {
					theobj.style.top=(document.body.scrollTop+winPositionFromTop)+startH
				}
				if(iens6&&!document.all) {
					theobj.style.top=(window.pageYOffset+winPositionFromTop)+startH
				}
			//theobj.style.height=startH
			startH+=2
			openTimer=setTimeout("viewIt()",10)
		}
		if(ns4) {
			theobj.visibility = "visible"
			theobj.moveTo(0,(eval(window.pageYOffset+winPositionFromTop)+startH))
			//theobj.height=startH
			//theobj.clip.height=(startH)
			startH+=2
			openTimer=setTimeout("viewIt()",10)
		}
	}else{
		clearTimeout(openTimer)
	}
}

function stopIt() {
	if(iens6) {
		theobj.innerHTML = ""
		theobj.style.visibility="hidden"
		startH=2
	}
	if(ns4) {
		theobj.document.write("")
		theobj.document.close()
		theobj.visibility="hidden"
		theobj.width=0
		theobj.height=0
		theobj.clip.width=0
		theobj.clip.height=0
		startH=2
	}
}
<!--END GLOBAL FUNCTIONS-->