//=================================================================================================================================
//Author : Prasanna Jathan (www.prasannajathan.com)
//Created : 13-Sep-2007
//=================================================================================================================================
var Timer = "3000"
var DivIndex='';
var StrBuilder = new String();
StrBuilder ="" 
StrBuilder +="<table width='1000px' border='0' cellpadding='0' cellspacing='1' bgcolor='#666666'>"
StrBuilder +="<tr>"
StrBuilder +="<td><img src='MenuImg/strip.gif' width=352px height='30px'></td>"

StrBuilder +="<td><img src='MenuImg/home_n.gif' style='cursor:pointer' onmouseover=FnMouseOver(this,'home_o.gif') onmouseOut=FnMouseOut(this,'home_n.gif') onclick=FnNavaigate('home.html')></td>"
StrBuilder +="<td><img src='MenuImg/aboutus_n.gif' style='cursor:pointer' onmouseover=FnMouseOver(this,'aboutus_o.gif') onmouseOut=FnMouseOut(this,'aboutus_n.gif') onclick=FnNavaigate('aboutus.html')></td>"
StrBuilder +="<td><img src='MenuImg/projects_n.gif' style='cursor:pointer' onmouseover=FnMouseOver(this,'projects_o.gif') onmouseOut=FnMouseOut(this,'projects_n.gif') onclick=FnNavaigate('#')></td>"
//StrBuilder +="<td><img src='MenuImg/jointv_n.gif' style='cursor:pointer' onmouseover=FnMouseOver(this,'jointv_o.gif') onmouseOut=FnMouseOut(this,'jointv_n.gif') onclick=FnNavaigate('home.html')></td>"
StrBuilder +="<td><img src='MenuImg/qualitypolicy_n.gif' style='cursor:pointer' onmouseover=FnMouseOver(this,'qualitypolicy_o.gif') onmouseOut=FnMouseOut(this,'qualitypolicy_n.gif') onclick=FnNavaigate('qualitypolicy.html')></td>"
//StrBuilder +="<td><img src='MenuImg/testimonials_n.gif' style='cursor:pointer' onmouseover=FnMouseOver(this,'testimonials_o.gif') onmouseOut=FnMouseOut(this,'testimonials_n.gif') onclick=FnNavaigate('home.html')></td>"
StrBuilder +="<td><img src='MenuImg/enquiry_n.gif' style='cursor:pointer' onmouseover=FnMouseOver(this,'enquiry_o.gif') onmouseOut=FnMouseOut(this,'enquiry_n.gif') onclick=FnNavaigate('enquiry.html')></td>"
//StrBuilder +="<td><img src='MenuImg/careers_n.gif' style='cursor:pointer' onmouseover=FnMouseOver(this,'careers_o.gif') onmouseOut=FnMouseOut(this,'careers_n.gif') onclick=FnNavaigate('home.html')></td>"
StrBuilder +="<td><img src='MenuImg/contactus_n.gif' style='cursor:pointer' onmouseover=FnMouseOver(this,'contactus_o.gif') onmouseOut=FnMouseOut(this,'contactus_n.gif') onclick=FnNavaigate('contactus.html')></td>"
StrBuilder +="<td><img src='MenuImg/memberslogin_n.gif' style='cursor:pointer' onmouseover=FnMouseOver(this,'memberslogin_o.gif') onmouseOut=FnMouseOut(this,'memberslogin_n.gif') onClick=window.open('http://mail.midmacdevelopers.com/exchange/');></td>"
StrBuilder +="</tr>"
StrBuilder +="</table>"
StrBuilder +="<Div Id='DivSub1' style='position:absolute; display:none' onmouseout=FnDivSub1Hide()></div>"
StrBuilder +="<Div Id='DivSub2' style='position:absolute; display:none' onmouseout=FnDivSub2Hide()></div>"
StrBuilder +="<Div Id='DivSub3' style='position:absolute; display:none' onmouseout=FnDivSub3Hide()></div>"
StrBuilder +="<Div Id='DivSub4' style='position:absolute; display:none'></div>"
document.write(StrBuilder)
//=================================================================================================================================
function FnMouseOver(oImg, ImgName) 
{   oImg.src = "MenuImg/"+ImgName; 
    if (ImgName == "projects_o.gif") 
    {   Bool = true; 
        document.getElementById("DivSub1").style.display='inline'; 
        document.getElementById("DivSub4").style.display='none'; 
    }
    else if (ImgName == "bussines_o.gif")
    {   Bool = true; 
        document.getElementById("DivSub4").style.display='inline'; 
        document.getElementById("DivSub1").style.display='none'; 
        document.getElementById("DivSub2").style.display='none'; 
        document.getElementById("DivSub3").style.display='none'; 
    }
}    
function FnMouseOut(oImg, ImgName) 
{   oImg.src = "MenuImg/"+ImgName; 
    if (ImgName == "projects_n.gif") 
    {    Bool = false;
        setTimeout("FnHide()", Timer) 
    }
    if (ImgName == "bussines_n.gif") 
    {    Bool = false;
    setTimeout("FnHide()", Timer) 
    }
}    
function FnNavaigate(url) { document.location.href=url; }
//=================================================================================================================================
function FnBuildDiv()
{   var StrSubString = new String();
    StrSubString = "<table cellpadding='0' cellspacing='0' bgcolor='#666666' style='border:1px solid #000000'>"
    StrSubString +="<tr><td class='Menu' onmouseover=DivSub1_MouseOver(this,'1') onmouseout=DivSub1_MouseOut(this,'1') onclick=FnNavaigate('completed_projects.html')>Completed Projects </td></tr>"
    StrSubString +="<tr><td style='background-image: url(images/arrw_over.gif); background-repeat:no-repeat; background-position:right;' class='Menu' onmouseover=DivSub1_MouseOver(this,'2') onmouseout=DivSub1_MouseOut(this,'2')>Ongoing Projects</td></tr>"
    StrSubString +="</table>"  
    document.getElementById("DivSub1").innerHTML = StrSubString 
    document.getElementById("DivSub1").style.display='none'
    document.getElementById("DivSub1").style.top='225px'
    document.getElementById("DivSub1").style.left='492px'
    
    StrSubString = "<table cellpadding='0' cellspacing='0' bgcolor='#666666' style='border:1px solid #000000'>"
  /*StrSubString +="<tr><td style='background-image: url(images/arrw_over.gif); background-repeat:no-repeat; background-position:right;' class='Menu' onmouseover=DivSub2_MouseOver(this,'0') onmouseout=DivSub2_MouseOut(this,'0') >Windsor Park</td></tr>"*/
    StrSubString +="<tr><td style='background-image: url(images/arrw_over.gif); background-repeat:no-repeat; background-position:right;' class='Menu' onmouseover=DivSub2_MouseOver(this,'0') onmouseout=DivSub2_MouseOut(this,'0')>Hilton Park</td></tr>"
    StrSubString +="<tr><td style='background-image: url(images/arrw_over.gif); background-repeat:no-repeat; background-position:right;' class='Menu' onmouseover=DivSub2_MouseOver(this,'1') onmouseout=DivSub2_MouseOut(this,'1')>Langford Garden</td></tr>"
    StrSubString +="<tr><td style='background-image: url(images/arrw_over.gif); background-repeat:no-repeat; background-position:right;' class='Menu' onmouseover=DivSub2_MouseOver(this,'2') onmouseout=DivSub2_MouseOut(this,'2')>Midford Garden</td></tr>"
 /* StrSubString +="<tr><td style='background-image: url(images/arrw_over.gif); background-repeat:no-repeat; background-position:right;' class='Menu' onmouseover=DivSub2_MouseOver(this,'4') onmouseout=DivSub2_MouseOut(this,'4')>Cox Town</td></tr>" */
	StrSubString +="<tr><td style='background-image: url(images/arrw_over.gif); background-repeat:no-repeat; background-position:right;' class='Menu' onmouseover=DivSub2_MouseOver(this,'3') onmouseout=DivSub2_MouseOut(this,'3')>Palm Meadows</td></tr>"
	StrSubString +="<tr><td style='background-image: url(images/arrw_over.gif); background-repeat:no-repeat; background-position:right;' class='Menu' onmouseover=DivSub2_MouseOver(this,'4') onmouseout=DivSub2_MouseOut(this,'4')>Metro Park</td></tr>"
	StrSubString +="<tr><td style='background-image: url(images/arrw_over.gif); background-repeat:no-repeat; background-position:right;' class='Menu' onmouseover=DivSub2_MouseOver(this,'5') onmouseout=DivSub2_MouseOut(this,'5')>Central Park</td></tr>" 
	StrSubString +="<tr><td style='background-image: url(images/arrw_over.gif); background-repeat:no-repeat; background-position:right;' class='Menu' onmouseover=DivSub2_MouseOver(this,'6') onmouseout=DivSub2_MouseOut(this,'6')>White Field</td></tr>" 
    StrSubString +="</table>"  
	document.getElementById("DivSub2").innerHTML = StrSubString 
    document.getElementById("DivSub2").style.display='none'
    document.getElementById("DivSub2").style.top='245px'
    document.getElementById("DivSub2").style.left='650'
    
    
    StrSubString = "<table cellpadding='0' cellspacing='1' bgcolor='#666666' style='border:1px solid #000000'>"
    StrSubString +="<tr><td class='Menu' onmouseover=DivSub3_MouseOver(this,'0') onmouseout=DivSub3_MouseOut(this,'0') onclick=FnNavaigateSub('1')>Project Overview</td></tr>"
    StrSubString +="<tr><td class='Menu' onmouseover=DivSub3_MouseOver(this,'1') onmouseout=DivSub3_MouseOut(this,'1') onclick=FnNavaigateSub('2')>Salient Features</td></tr>"
    StrSubString +="<tr><td class='Menu' onmouseover=DivSub3_MouseOver(this,'2') onmouseout=DivSub3_MouseOut(this,'2') onclick=FnNavaigateSub('3')>Layout Plan</td></tr>"
    StrSubString +="<tr><td class='Menu' onmouseover=DivSub3_MouseOver(this,'3') onmouseout=DivSub3_MouseOut(this,'3') onclick=FnNavaigateSub('4')>Enquiry</td></tr>"
    StrSubString +="</table>"  
    document.getElementById("DivSub3").innerHTML = StrSubString 
    document.getElementById("DivSub3").style.display='none'
    document.getElementById("DivSub3").style.top='296px'
    document.getElementById("DivSub3").style.left='792px'
    
    
    StrSubString = "<table cellpadding='0' cellspacing='0' bgcolor='#666666' style='border:1px solid #000000'>"
    StrSubString +="<tr><td class='Menu' onmouseover=DivSub4_MouseOver(this,'1') onmouseout=DivSub4_MouseOut(this,'1') onclick=window.open('http://www.midwestinfotech.com')>Midwest Infotech</td></tr>"
    StrSubString +="<tr><td class='Menu' onmouseover=DivSub4_MouseOver(this,'2') onmouseout=DivSub4_MouseOut(this,'2') onclick=window.open('http://www.sidvincoretech.com')>Sidvin</td></tr>"
    StrSubString +="</table>"  
    document.getElementById("DivSub4").innerHTML = StrSubString 
    document.getElementById("DivSub4").style.display='none'
    document.getElementById("DivSub4").style.top='249px'
    document.getElementById("DivSub4").style.left='535px'  
}

function DivSub1_MouseOver(oTD, index)
{   document.getElementById("DivSub1").style.display='inline' 
    oTD.className='MenuOver'
    Bool = true;  
    if (index == 2) 
    {   Bool = true;   
        document.getElementById("DivSub2").style.display='inline' 
        document.getElementById("DivSub3").style.display='none'; 
    }   
    else
    {
        document.getElementById("DivSub2").style.display='none' 
        document.getElementById("DivSub3").style.display='none'; 
    } 
   
}
function DivSub1_MouseOut(oTD, index)
{   oTD.className='Menu' 
    Bool = false;
    setTimeout("FnHide()", Timer)
}

function DivSub2_MouseOver(oTD, index)
{   document.getElementById("DivSub1").style.display='inline' 
    document.getElementById("DivSub2").style.display='inline'    
    document.getElementById("DivSub3").style.display='inline'    
    document.getElementById("DivSub3").style.top = parseFloat(document.getElementById("DivSub2").style.top)+(index*22) 
    oTD.className='MenuOver' 
    Bool = true; 
    DivIndex=index;
}
function DivSub2_MouseOut(oTD, index)
{   oTD.className='Menu' 
    Bool = false;
    setTimeout("FnHide()", Timer)
}

function DivSub3_MouseOver(oTD, index)
{   oTD.className='MenuOver' 
    document.getElementById("DivSub1").style.display='inline' 
    document.getElementById("DivSub2").style.display='inline'   
    document.getElementById("DivSub3").style.display='inline'   
    Bool = true; 
    
}   
function DivSub3_MouseOut(oTD, index)
{   oTD.className='Menu' 
    Bool = false;
    setTimeout("FnHide()", Timer) 
    
}
function DivSub4_MouseOver(oTD, index)
{   oTD.className='MenuOver' 
    Bool = true;
    document.getElementById("DivSub4").style.display='inline'   
    
}
function DivSub4_MouseOut(oTD, index)
{   oTD.className='Menu' 
    Bool = false;
    setTimeout("FnHideLast1()", Timer) 
}

FnBuildDiv();

function FnDivSub1Hide()
{   //alert("Exit")
    /*document.getElementById("DivSub1").style.display='none'
    document.getElementById("DivSub2").style.display='none'
    document.getElementById("DivSub3").style.display='none'*/
}
function FnDivSub2Hide()
{   /*document.getElementById("DivSub1").style.display='none'
    document.getElementById("DivSub2").style.display='none'
    document.getElementById("DivSub3").style.display='none'*/
}
function FnDivSub3Hide()
{   /*document.getElementById("DivSub1").style.display='none'
    document.getElementById("DivSub2").style.display='none'
    document.getElementById("DivSub3").style.display='none'*/
}
var Bool = new Boolean()
Bool = true;
function FnHide()
{   if (Bool == false)
    {   document.getElementById("DivSub1").style.display='none'
        document.getElementById("DivSub2").style.display='none'
        document.getElementById("DivSub3").style.display='none'
        document.getElementById("DivSub4").style.display='none'
    }
    Bool = true; 
}
function FnHideFirst2()
{   if (Bool == false)
    {   document.getElementById("DivSub1").style.display='none'
        document.getElementById("DivSub2").style.display='none'
        document.getElementById("DivSub3").style.display='none'
    }
    Bool = true; 
}
function FnHideLast1()
{   if (Bool == false)
    {   document.getElementById("DivSub4").style.display='none'
        
    }
    Bool = true; 
}
function FnNavaigate(URL)
{   document.location.href=URL;   
}
function FnNavaigateSub(Subindex)
{ 
    /*if(DivIndex==0)
    {   if(Subindex==1)document.location.href='windsor_project.html'; 
        if(Subindex==2)document.location.href='windsor_salientfeature.html'; 
        if(Subindex==3)document.location.href='windsor_layoutplan.html'; 
        if(Subindex==4)document.location.href='enquiry.html'; 
    }
    else*/
    if(DivIndex==0)
    {   if(Subindex==1)document.location.href='hilton_project.html'; 
        if(Subindex==2)document.location.href='hilton_salientfeature.html'; 
        if(Subindex==3)document.location.href='hilton_layoutplan.html'; 
        if(Subindex==4)document.location.href='enquiry.html'; 
    }
    else
    if(DivIndex==1)
    {   if(Subindex==1)document.location.href='langford_project.html'; 
        if(Subindex==2)document.location.href='langford_salientfeature.html'; 
        if(Subindex==3)document.location.href='langford_layoutplan.html'; 
        if(Subindex==4)document.location.href='enquiry.html'; 
    }
    else
    if(DivIndex==2)
    {   if(Subindex==1)document.location.href='midford_project.html'; 
        if(Subindex==2)document.location.href='midford_salientfeature.html'; 
        if(Subindex==3)document.location.href='midford_layoutplan.html'; 
        if(Subindex==4)document.location.href='enquiry.html'; 
    }
	/*else
    if(DivIndex==4)
    {   if(Subindex==1)document.location.href='coxtown_project.html'; 
        if(Subindex==2)document.location.href='coxtown_salientfeature.html'; 
        if(Subindex==3)document.location.href='coxtown_layoutplan.html'; 
        if(Subindex==4)document.location.href='enquiry.html'; 
    }*/
	else
    if(DivIndex==3)
    {   if(Subindex==1)document.location.href='palm_meadows_project.html'; 
        if(Subindex==2)document.location.href='palm_meadows_salientfeature.html'; 
        if(Subindex==3)document.location.href='palm_meadows_layoutplan.html'; 
        if(Subindex==4)document.location.href='enquiry.html'; 
    }
	else
    if(DivIndex==4)
    {   if(Subindex==1)document.location.href='metro_park_project.html'; 
        if(Subindex==2)document.location.href='metro_park_salientfeature.html'; 
        if(Subindex==3)document.location.href='metro_park_layoutplan.html'; 
        if(Subindex==4)document.location.href='enquiry.html'; 
    }
	else
    if(DivIndex==5)
    {   if(Subindex==1)document.location.href='central_park_project.html'; 
        if(Subindex==2)document.location.href='central_park_salientfeature.html'; 
        if(Subindex==3)document.location.href='central_park_layoutplan.html'; 
        if(Subindex==4)document.location.href='enquiry.html'; 
    }
	else
    if(DivIndex==6)
    {   if(Subindex==1)document.location.href='whitefield_project.html'; 
        if(Subindex==2)document.location.href='whitefield_salientfeature.html'; 
        if(Subindex==3)document.location.href='whitefield_layoutplan.html'; 
        if(Subindex==4)document.location.href='enquiry.html'; 
    }

}