// don't let somebody frame this site
if (self != top) window.open(location.href);

// show the city list
function showCities(selectedItem) {
	var s = "";
	aItems = new Array("Chicago","New York","St. Louis","Tulsa","Toronto");
	aPaths = new Array("chicago/index.html","newyork/index.html","stlouis/index.html","tulsa/index.html","toronto/index.html");
	s = buildList(selectedItem,aItems,aPaths,"styles");
	document.getElementById("menu-sub").innerHTML = s + '</ul>';
}

// show the style list
function showStyles(selectedItem) {
	var s = "";
	aItems = new Array("Classical/Beaux Arts","Chicago School","Art Deco","Modern","Postmodern");
	aPaths = new Array("classical/index.html","chicago-school/index.html","art-deco/index.html","modern/index.html","postmodern/index.html");
	s = buildList(selectedItem,aItems,aPaths,"cities");
	document.getElementById("menu-sub").innerHTML = s + '</ul>';
}

// build the list for cities or styles
function buildList(selectedItem,aItems,aPaths,sType) {
	var s = '<ul id="submenu"><li class="submenuitem"><select onChange="changeList(\'' + sType + '\',\'' + selectedItem + '\');">';
	if (sType=="cities") {
		s = s + '<option>Cities</option><option selected>Styles</option></select></li>';
	} else if (sType=="styles") {
		s = s + '<option>Cities</option><option>Styles</option></select></li>';
	}
	for (i=0;i<aItems.length;i++) {
		if (aItems[i]==selectedItem) {
			s = s + '<li class="submenuitem"><a href="index.html" class="selecteditem">' + selectedItem + '</a></li>';
		} else if (selectedItem=="") {
			s = s + '<li class="submenuitem"><a href="' + aPaths[i] + '">' + aItems[i] + '</a></li>';
		} else {
			s = s + '<li class="submenuitem"><a href="../' + aPaths[i] + '">' + aItems[i] + '</a></li>';
		}
	}
	return s;
}

function changeList(sType,selectedItem) {
	if (sType=="cities") {
		showCities(selectedItem);
	} else if (sType=="styles") {
		showStyles(selectedItem);
	}
}

// show the menu-top div
function showMenuTop() {
	var s = '<div id="menu-top">';
	s = s + '<ul>';
	s = s + '	<li class="topmenuitem"><a href="../links.html">Links</a></li>';
	s = s + '	<li class="topmenuitem"><a href="../bibliography.html">Bibliography</a></li>';
	s = s + '	<li class="topmenuitem"><a href="../contact.html">Contact Me</a></li>';
	s = s + '	<li class="topmenuitem"><a href="../index.html">Home</a></li>';
	s = s + '</ul>';
	s = s + '<span class="title">Michael\'s Architecture Page</span>';
	s = s + '</div> <!-- menu-top -->';
	s = s + '<div id="photoblock">';
	s = s + '<a href="../index.html"><img src="../images/home.jpg" alt="" width="780" height="104" /></a>';
	s = s + '</div> <!-- photoblock -->';
	s = s + '<div id="menu-sub">';
	s = s + '</div> <!-- menu-sub -->';
	document.write(s);
}

// open new zoomed pic window
function launch(sPic,h,v) {
	h = parseInt(h) + 10;
	v = parseInt(v) + 10;
	rc = window.open("images/" + sPic,"popup","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=" + h + ",height=" + v);
}

// show a google map
function showMap (sURL) {
	sURL = encodeURI("http://maps.google.ca/maps?q=" + sURL + "&spn=0.003695,0.005147&hl=en");
	rc = window.open(sURL,"popup","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width=790,height=590,left=20");
}