var id=null;
var urlI = "img/";
var nameButton = "";
var smName;
var ssmName;
var activeFlag = 0;
var smFlag = 1;
var demoWin;
var unDef;
var loadedImages = new Array ();

var buttonsArray = new Array (
					"CUSTOM HOMES","ch.html","btn_CustomHomes",1,
					"AVAILABLE PROPERTIES","ap.html","btn_AvailProps",1,
					"COMMERCIAL CONSTRUCTION","cc.html","btn_CommercConstrn",1,
					"CLIENT SERVICES","cs.html","btn_ClientServices",1
					);

var sbuttonsArray01 = new Array (
					"Photo Gallery: Current Projects","current_projects.html",0,
					"Photo Gallery: Completed Projects","completed_projects.html",0
					);

var sbuttonsArray02 = new Array (
					"Homes","ap-homes.html",0,
					"Homesites","ap-homesites.html",0
					);

var sbuttonsArray03 = new Array (
					"Shell Construction","cc-sc.html",0,
					"Tenant Improvement","cc-ti.html",0,
					"Photo Gallery: Completed Projects","commercial_projects.html",0
					);

var sbuttonsArray04 = new Array (
					"Design Services","design_services.html",0,
					"Customer Care","customer_care.html",0
					);

function preloadImages() {

	var xImages = new Array ();
                      
 		for (i=0; i < loadedImages.length; i++) {
			xImages[i] = new Image ();
			xImages[i].src = urlI + loadedImages[i];
		}
}

function doName(maxs,numb){
	snumb = ""+numb;
	
	for (k=0; k < maxs-1; k=k+1){		
		if (snumb.length!=maxs) snumb = "0"+snumb;
	}
	
	return snumb;
	
}

function DoMenu() {
var strMenu = "";

	strMenu = strMenu + "<div id=\"menu\">";
	
	for (i=0; i < buttonsArray.length; i=i+4) {
		doOverMItem = (buttonsArray[i+3]) ? buttonsArray[i+2] + "','top-sm" + (i/4+1) : buttonsArray[i+2];
		strMenu = strMenu + "<a href=\"" + buttonsArray[i+1] + "\" onmouseover=\"DoOver('" + doOverMItem +"');\" onmouseout=\"reset();\"><img src=\"img/" + buttonsArray[i+2] + ".gif\" id=\"" + buttonsArray[i+2] + "\" alt=\"" + buttonsArray[i] + "\" /></a>";
		if ((i+4) < buttonsArray.length) strMenu = strMenu + "<img src=\"img/ill_SepLine_mm.gif\" width=\"2\" height=\"27\" alt=\"|\" />";
	}
	
	strMenu = strMenu + "</div>";
	document.writeln(strMenu);

}

function DoSubMenu() {
var strSubMenu = "";
	for (j=0; j < buttonsArray.length; j=j+4) {
		if (buttonsArray[j+3]){
			strSubMenu = strSubMenu + "<div id=\"top-sm" + (j/4+1)+ "\" class=\"top-sm\" onmouseover=\"DoOut(0,'');\" onmouseout=\"DoOut(1);\"><ul>";
			for (m=0; m < eval("sbuttonsArray"+doName(2,(j/4+1))).length; m=m+3) {
				doOverSMItem = (eval("sbuttonsArray"+doName(2,(j/4+1)))[m+2]) ? "onmouseover=\"DoOut(0,'top-ssm" + doName(2,(j/4+1)) + doName(2,(m/3+1)) + "');\" onmouseout=\"DoOut(1,'top-ssm" + doName(2,(j/4+1)) + doName(2,(m/3+1)) + "');\"" :  "onmouseover=\"DoOut(0);\" onmouseout=\"DoOut(1);\"";
				strSubMenu = strSubMenu + "<li><a href=\"" + eval("sbuttonsArray"+doName(2,(j/4+1)))[m+1] + "\" " + doOverSMItem + "title=\"" + eval("sbuttonsArray"+doName(2,(j/4+1)))[m] + "\">" + eval("sbuttonsArray"+doName(2,(j/4+1)))[m] + "</a></li>";
			}
			strSubMenu = strSubMenu + "</ul></div>";
			for (m=0; m < eval("sbuttonsArray"+doName(2,(j/4+1))).length; m=m+3) {
				if (eval("sbuttonsArray"+doName(2,(j/4+1)))[m+2]){
					strSubMenu = strSubMenu + "<div id=\"top-ssm" + doName(2,(j/4+1)) + doName(2,(m/3+1)) + "\" class=\"top-sm\" onmouseover=\"DoOut(0,'top-ssm" + doName(2,(j/4+1)) + doName(2,(m/3+1)) + "');\" onmouseout=\"DoOut(1,'top-ssm" + doName(2,(j/4+1)) + doName(2,(m/3+1)) + "');\"><ul>";
					for (n=0; n < eval("ssbuttonsArray"+doName(2,(j/4+1)) + doName(2,(m/3+1))).length; n=n+2) {
						strSubMenu = strSubMenu + "<li><a href=\"" + eval("ssbuttonsArray"+doName(2,(j/4+1)) + doName(2,(m/3+1)))[n+1] + "\" onmouseover=\"DoOut(0,'top-ssm" + doName(2,(j/4+1)) + doName(2,(m/3+1)) + "');\" onmouseout=\"DoOut(1,'top-ssm" + doName(2,(j/4+1)) + doName(2,(m/3+1)) + "');\" title=\"" + eval("ssbuttonsArray"+doName(2,(j/4+1)) + doName(2,(m/3+1)))[n] + "\">" + eval("ssbuttonsArray"+doName(2,(j/4+1)) + doName(2,(m/3+1)))[n] + "</a></li>";
					}
					strSubMenu = strSubMenu + "</ul></div>";
				}
			}
		}
	}
	document.writeln(strSubMenu);
}

function DoWin(namehtm, widthW, heightW) {
	if ((demoWin != null) && (!demoWin.closed)){demoWin.close()}
	eval("demoWin=window.open('"+namehtm+"', 'demonstrationWin', 'width="+widthW+",height="+heightW+",location=0,top=0,scrollbars=1')");
	demoWin.focus();	
}

function DoOver(iname,smenu){

	if (nameButton != "") {
		if (iname != "") {
			smFlag = 1;
			DoHide();
		}
	}
	
	if (smenu.indexOf("ssm")!=-1) activeSSMenu = 1;	
	
	if (iname == nameButton) smFlag = 0;
	else {
		if (iname != "") nameButton = iname;
		//document.images[nameButton].src = urlI+nameButton+"_a.gif";		
	
		smName = smenu;
		if(smName != undefined) {
			document.getElementById(smName).style.visibility = "visible";
			activeFlag = 1;
		}	
	}	
	
}

function killtimer(){

	if(id!=null){
		clearTimeout(id);
		id=null;		
	}

	return true;
}

function DoHide(){	

	if (smFlag) {

		if(id!=null) {
			killtimer();		
		}
	
		//document.images[nameButton].src = urlI+nameButton+"_p.gif";
		nameButton = "";
		if(smName != undefined) {
			if (ssmName != unDef) document.getElementById(ssmName).style.visibility = "hidden";	
			document.getElementById(smName).style.visibility = "hidden";
			smName = undefined;
			activeFlag = 0;		
		}		
	
	}

}

function reset(){	
	
	killtimer();
	
	if (activeFlag) {	
		id = setTimeout('DoHide()', 500);
	}
	else {
		//document.images[nameButton].src = urlI+nameButton+"_p.gif";
		nameButton = "";
	}
		
}

function  DoOut(aSMflag,SSMname) {	
	if (aSMflag) {
		smFlag = 1;
		reset();
	}
	else {
		smFlag = 0;
		if (SSMname != '') {
		
			if ((SSMname != unDef)&&(SSMname!=ssmName)) {
				document.getElementById(SSMname).style.visibility = "visible";
				ssmName = SSMname;
			}
			else {
				if (ssmName != unDef) document.getElementById(ssmName).style.visibility = "hidden";
				ssmName = unDef;
			}			
		}
	}	
}

  var demoWin2;
  function DoWin2(imgnum,wwin,hwin) {
    if ((demoWin2 != null) && (!demoWin2.closed)){demoWin2.close()}
        eval("demoWin2=window.open('', 'demonstrationWin', 'width="+wwin+",height="+hwin+",location=0,top=0')");
    demoWin2.document.writeln('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"');
    demoWin2.document.writeln('    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">');
    demoWin2.document.writeln('<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">');
    demoWin2.document.writeln('<head>');
    demoWin2.document.writeln('  <title></title>');
    demoWin2.document.writeln('  <style type="text/css">');
    demoWin2.document.writeln('  /*<![CDATA[*/');
    demoWin2.document.writeln('    body  {margin: 0px; padding: 0px}');
    demoWin2.document.writeln('    img   {display: block; margin: 0px auto; padding: 0px; border: none}');
    demoWin2.document.writeln('  /*]]>*/');
    demoWin2.document.writeln('  </style>');
    demoWin2.document.writeln('</head>');
    demoWin2.document.writeln('<body>');
    demoWin2.document.writeln("  <a href=\"#\" onclick=\"self.close(); return false;\" title=\"Click to close\"><img src=\"img/ill_AP"+imgnum+"_big.jpg\" alt=\"\" /></a>'");
    demoWin2.document.writeln('</body>');
    demoWin2.document.writeln('</html>');
    demoWin2.document.close()
    demoWin2.focus();
  }
  function DoChange (imgsrc) {
	parent.document.getElementById('bigImg').innerHTML='<img src="' + imgsrc + '" />';
}

function wo(url, name, bits) {
newWin=window.open(url, name, bits);
newWin.moveTo(0,0);
newWin.focus();
}