function test(id){

	alert('id: ' +id);

}





function selectNavBar(path) {



	//var url= window.parent.mainFrame.document.location.href;

	var nav="none";



	if((path=="")||(path==null)) {

		var url = document.location.href;

		if (url.indexOf('/') != -1) {



			while (url.indexOf('/') != -1) {

				url = url.substring((url.indexOf('/')+1),url.length);

			}

			nav=url;

		}

	}

	else nav = path;



	//alert("url:" +nav);

	 

	var theLink;

	

		switch (nav) {



		//	case "index.html": theLink=document.getElementById('root_00'); break;

		

		// hot wire home to be first commercial page

			case "home.html": theLink=document.getElementById('c8'); break;

			//case "commercial.html": theLink=document.getElementById('root_02; break;

			case "commercial.html": theLink=document.getElementById('c8'); break; // set it to bring up first page

			case "commercial_01.html": theLink=document.getElementById('c1'); break;

			case "commercial_02.html": theLink=document.getElementById('c2'); break;

			case "commercial_03.html": theLink=document.getElementById('c3'); break;

			case "commercial_04.html": theLink=document.getElementById('c4'); break;
			
			case "commercial_05.html": theLink=document.getElementById('c5'); break;
			
			case "commercial_06.html": theLink=document.getElementById('c6'); break;
			
			case "commercial_07.html": theLink=document.getElementById('c7'); break;
			
			case "commercial_08.html": theLink=document.getElementById('c8'); break;
			
			case "commercial_09.html": theLink=document.getElementById('c9'); break;
			
			case "commercial_10.html": theLink=document.getElementById('c10'); break;
			
			
			
			
				//case "residential.html": theLink=document.getElementById('root_01; break;

			

			case "residential.html": theLink=document.getElementById('r1'); break; // set it to bring up first page

			case "residential_01.html": theLink=document.getElementById('r1'); break;

			case "residential_02.html": theLink=document.getElementById('r2'); break;

			case "residential_03.html": theLink=document.getElementById('r3'); break;

			case "residential_04.html": theLink=document.getElementById('r4'); break;

			
			

			case "profile.html": theLink=document.getElementById('root_03'); break;

			

			//case "publications.html": theLink=document.getElementById('root_04'); break;

			

			case "publications.html": theLink=document.getElementById('p1'); break; // set it to bring up first page

			case "publications_01.html": theLink=document.getElementById('p1'); break;

			case "publications_02.html": theLink=document.getElementById('p2'); break;

			case "publications_03.html": theLink=document.getElementById('p3'); break;

			case "publications_04.html": theLink=document.getElementById('p4'); break;



			default: theLink=document.getElementById('root_00'); break;

		}

		

		theLink.className="selected";

		theLink.active=true;

		//theLink.focus();

	}







function buildLogoBar(){

	document.write('<div class="logo">');

	document.write('<span>ARCHITECTURE AND DESIGN</span><br />');

	document.write('<span>1820 ASHMORE PLACE</span><br />');

	document.write('<span>LOS ANGELES, CA 90026</span><br />');

	document.write('<span>323.644.9867</span><br />');

	document.write('<a href="mailto:info@wickarch.com"><span>INFO@WICKARCH.COM</span></a>');

	document.write('</div>');

}







function buildNavBar(buildThis){



	// buildLogoBar();



	var nav="none";



	// if no build this argument, use the URL to determin what to build

	// this code isn't completely working yet

	if((buildThis=="")||(buildThis==null)) {

		var url = document.location.href;



		if (url.indexOf('/') != -1) {



			while (url.indexOf('/') != -1) {

				url = url.substring((url.indexOf('/')+1),url.length);

			}

			nav=url;

		}

	}

	else nav = buildThis;



	//alert("nav:" +nav);

	

	document.write('<div class="navBar">');

//	document.write('<a class="MenuBarItem" id="root_00" name="root_00" target="_self" href="home.html" ><span>HOME</span></a><br />');

	document.write('<a class="MenuBarItem" id="root_01" name="root_01" target="_self" href="commercial_08.html"><span>COMMERCIAL</span></a><br />');

	// if(nav=="commercial") {

		 document.write('<div class="MenuBarItemList" id="sub_list_1">');

			 document.write('<a class="MenuBarSubItem" id="c8" target="_self" href="commercial_08.html">WESTIME</a> <br />');
			 
			 document.write('<a class="MenuBarSubItem" id="c1" target="_self" href="commercial_01.html">JOE\'S JEANS RETAIL STORE</a> <br />');
			 
			 document.write('<a class="MenuBarSubItem" id="c5" target="_self" href="commercial_05.html">JOE\'S JEANS OUTLET</a> <br />');

			 document.write('<a class="MenuBarSubItem" id="c6" target="_self" href="commercial_06.html">PINK ROOM NIGHTCLUB</a> <br />');
			 
			 document.write('<a class="MenuBarSubItem" id="c2" target="_self" href="commercial_02.html">BISAZZA</a> <br />');
			 
			 document.write('<a class="MenuBarSubItem" id="c9" target="_self" href="commercial_09.html">HUBLOT SHOWROOM</a> <br />');
			 
			 document.write('<a class="MenuBarSubItem" id="c10" target="_self" href="commercial_10.html">MAX STUDIO.COM</a> <br />');
			 
			 document.write('<a class="MenuBarSubItem" id="c7" target="_self" href="commercial_07.html">ALGODON MANSION</a> <br />');

			 document.write('<a class="MenuBarSubItem" id="c3" target="_self" href="commercial_03.html">CHURCH AND STATE</a> <br />');

			 document.write('<a class="MenuBarSubItem" id="c4" target="_self" href="commercial_04.html">750ml</a> <br />');

  		document.write('</div>')

	// }


	 document.write('<a class="MenuBarItem" id="root_02" name="root_02" target="_self" href="residential_01.html" ><span>RESIDENTIAL</span></a><br />');

	// if(nav=="residential") {

     	document.write('<div class="MenuBarItemList"  id="sub_list_2">');	

			document.write('<a class="MenuBarSubItem" id="r1" target="_self" href="residential_01.html">OAK PASS RESIDENCE</a> <br />');

			document.write('<a class="MenuBarSubItem" id="r3" target="_self" href="residential_03.html">JACOBSON RESIDENCE</a> <br />');		
			
			document.write('<a class="MenuBarSubItem" id="r4" target="_self" href="residential_04.html">PIRTLE RESIDENCE</a> <br />');
			
			document.write('<a class="MenuBarSubItem" id="r2" target="_self" href="residential_02.html">AIDNER RESIDENCE</a> <br />');
		
	//		document.write('<a class="MenuBarSubItem" id="r4" target="_self" href="residential_04.html">PIRTLE RESIDENCE</a> <br />');
			
	//		document.write('<a class="MenuBarSubItem" id="r4" target="_self" href="residential_04.html">PIRTLE RESIDENCE</a> <br />');

 		document.write('</div>')

	// }



	document.write('<a class="MenuBarItem" id="root_03" name="root_03" target="_self" href="profile.html" ><span>PROFILE</span></a><br />');

	

	document.write('<a class="MenuBarItem" id="root_04" name="root_04" target="_self" href="publications_01.html" ><span>PUBLICATIONS</span></a><br />');

	

	 if(nav=="publications") {

		 document.write('<div class="MenuBarItemList" id="sub_list_3">');

			 document.write('<a class="MenuBarSubItem" id="p1" target="_self" href="publications_01.html">LOS ANGELES TIMES MAGAZINE: OAK PASS</a> <br />');

			 document.write('<a class="MenuBarSubItem" id="p2" target="_self" href="publications_02.html">SURFACE: OAK PASS</a> <br />');

			 document.write('<a class="MenuBarSubItem" id="p3" target="_self" href="publications_03.html">944: CHURCH AND STATE</a> <br />');

			 document.write('<a class="MenuBarSubItem" id="p4" target="_self" href="publications_04.html">WESTWAYS: 750ml</a> <br />');

  		document.write('</div>')

	 }

	 

 	document.write('</div>');



	selectNavBar();

}





/******* div vertical centering code *************/



function align()

{

	var lmt = document.getElementById('center');	 

	var container = document.documentElement;



//alert("lmt: " +lmt+ " container: " +container);



	if(lmt && container){

		

	    var containerHeight;

		var lmtHeight;

			

	    if (container.innerWidth) containerHeight = container.innerHeight;

		else containerHeight = container.clientHeight;

	

	    

		if (lmt.innerWidth) lmtHeight = lmt.innerHeight;

		else lmtHeight = lmt.offsetHeight;

		

		var y = Math.ceil((containerHeight - lmtHeight) / 2);

		if(y < 0) y = 0;



		lmt.style.position = "relative";

		lmt.style.top = y + "px";

	}

	

	

	if (document.getElementById) document.body.style.visibility = 'visible';

 	document.getElementById('center').style.visibility = 'visible'; 

}





function addevent(obj,evt,fn,capt){

	

	if(obj.addEventListener){

		obj.addEventListener(evt, fn, capt);

		return true;

	}

	else if(obj.attachEvent){

		obj.attachEvent('on'+evt, fn);

		return true;

	}

	else return false;

}



/* now add the events to the event manager */



if (document.getElementById && document.getElementsByTagName){

		addevent(window, 'load', align, false);

		addevent(window, 'resize', align, false);

}



/************* dreamweaver javascript *************/



function MM_preloadImages() { //v3.0

 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}



function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}



function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}