// JavaScript Document
function fnshow(arg,hid)
{
   	document.getElementById('img'+arg).style.display='block';	
	document.getElementById('img'+hid).style.display='none';	
	document.getElementById('prefbox').style.display='none';		
}
function fnhide(arg)
{
	document.getElementById('img'+arg).style.display='none'
	document.getElementById('prefbox').style.display='block';	
}

	var ie=(document.all)?1:0;
	var str=""
		str+="<style>";	
		if(ie)
		{
			str+="#img1{filter:alpha(opacity=100);position:absolute;top:407px;left:97px;z-index:10;}";
			str+="#img2{filter:alpha(opacity=100);position:absolute;top:407px;left:97px;z-index:10;}";
			str+="#img3{filter:alpha(opacity=100);position:absolute;top:407px;left:97px;z-index:10;}";
			str+="#img4{filter:alpha(opacity=100);position:absolute;top:407px;left:97px;z-index:10;}";
		}
		else
		{
			str+="#img1{filter:alpha(opacity=100);position:absolute;top:407px;left:100px;z-index:10;}";
			str+="#img2{filter:alpha(opacity=100);position:absolute;top:407px;left:100px;z-index:10;}";	
			str+="#img3{filter:alpha(opacity=100);position:absolute;top:407px;left:100px;z-index:10;}";
			str+="#img4{filter:alpha(opacity=100);position:absolute;top:407px;left:100px;z-index:10;}";
		}	
		str+="</style>";
		document.write(str);
		
		str+="<div style='display:none;' class='sit_plan' id='img1'>";
		str+="<div style='float:left; padding:490px 0px 0px 17px;'><span  class='blueDark1'>site plan: Flat 1 Woodleigh Court</span> &nbsp; <img src='../images/ornge_aero.gif' /> <a href='javascript:void(0)' onClick='javascript:fnshow(2,1)' class='blueDark1'>view floor plan</a></div>";
		str+="<div style='float:right; padding:493px 7px 0px 0px;' id='close'><a href='#' class='close' onclick='fnhide(1)'>close window <img src='../images/close_mark.jpg' border='0' align='absmiddle' style='padding:0px 0px 2px 17px;'/></a></div></div>";
	
	   /* floor plan available image*/
		
		str+="<div style='display:none;' class='floor_plan'id='img2'>";
		str+="<div style='float:left; padding:490px 0px 0px 17px;'><span  class='blueDark1'>floor plan: Flat 1 Woodleigh Court</span> &nbsp; <img src='../images/ornge_aero.gif' /> <a href='javascript:void(0)' onClick='javascript:fnshow(1,2)' class='blueDark1'>view site plan</a></div>";
		str+="<div style='float:right; padding:493px 7px 0px 0px;' id='close'><a href='#' class='close' onclick='fnhide(2)'>close window <img src='../images/close_mark.jpg' border='0' align='absmiddle' style='padding:0px 0px 2px 17px;'/></a></div></div>";
	    		   		   
		   /* siteplan sold image*/
			 
			 
		str+="<div style='width:810px; margin:0px; display:none;' class='sitplan_sold' id='img3'>";
		str+="<div style='float:left; width:100%; height:488px;'></div>";
		str+="<div style='float:left; margin:0px; padding:0px 0px 0px 17px;'><font style='margin:0px;' class='blueDark1'>floor plan: Flat 1 Woodleigh Court</font> &nbsp; <a style='background:url(../images/ornge_aero.gif) no-repeat left; padding:0px 0px 0px 15px' class='imglink' href='javascript:void(0)' onClick='javascript:fnshow(4,3)'>view floor plan</a></div>";
		str+="<div style='padding:0px 0px 0px 0px; width:810px; clear:both; height:65px'>";
		str+="<div style='float:left; padding:5px 0px 0px 17px;'>";
		str+="<ul class='orngaero4'>";
		str+="<li><a href='#' class='blueDark1'>view optional plan</a></li>";
		str+="<li><a href='#' class='blueDark1'>view optional plan</a></li>";
		str+="<li><a href='#' class='blueDark1'>view optional plan</a></li>";
		str+=" </ul>";
		str+="</div>";
		str+="<div style='float:right; padding:57px 5px 0px 0px; height:14px;' id='close'><a href='#' class='close' onclick='fnhide(3)'>close window <img src='../images/close_mark.jpg' border='0' align='absmiddle' style='padding:0px 0px 2px 17px;'/></a></div>";
		str+="</div>";
		str+="</div>";

		
		/* floor plan sold image*/
		
		str+="<div style='margin:0px; display:none;' class='floor_plan_sold' id='img4'>";
		str+="<div style='float:left; width:100%; height:488px;'></div>";
		str+="<div style='float:left; margin:0px; padding:0px 0px 0px 17px;'><font style='margin:0px;' class='blueDark1'>floor plan: Flat 1 Woodleigh Court</font> &nbsp; <a style='background:url(../images/ornge_aero.gif) no-repeat left; padding:0px 0px 0px 15px' class='imglink' href='javascript:void(0)' onClick='javascript:fnshow(3,4)'>view site plan</a></div>";
		str+="<div style='padding:0px 0px 0px 0px; width:810px; clear:both; height:65px'>";
		str+="<div style='float:left; padding:5px 0px 0px 17px;'>";
		str+="<ul class='orngaero4'>";
		str+="<li><a href='#' class='blueDark1'>view optional plan</a></li>";
		str+="<li><a href='#' class='blueDark1'>view optional plan</a></li>";
		str+="<li><a href='#' class='blueDark1'>view optional plan</a></li>";
		str+=" </ul>";
		str+="</div>";
		str+="<div style='float:right; padding:48px 5px 0px 0px; height:14px;' id='close'><a href='#' class='close' onclick='fnhide(4)'>close window <img src='../images/close_mark.jpg' border='0' align='absmiddle' style='padding:0px 0px 2px 17px;'/></a></div>";
		str+="</div>";
		str+="</div>";

		document.write(str);

 function disp(arg)
 {
	 for(i=1; i<=4; i++)
	 {
		 if(i==arg)
		 	 document.getElementById('cont'+i).style.display='block';
		else
			 document.getElementById('cont'+i).style.display='none';
	 }
	 
 }
 
 function imghid(arg)
 {
	if(arg==1)
	{
	   document.getElementById('hide'+arg).style.display='none';	   
	   document.getElementById('hide'+2).style.display='block';
	}
	if(arg==2)
	{
	   document.getElementById('hide'+1).style.display='block';	   
	   document.getElementById('hide'+arg).style.display='none';
	}
	
	
 }