document.write("<map name='dmenu'>")
document.write("<area shape='rect' coords='0,0,999,168' href='southern.jpg' title='Click on picture to view a much larger panoramic view of our backyard!'>")
document.write("<area shape='rect' coords='37,169,110,203' href='index.html'>")
document.write("<area shape='rect' coords='124,169,249,203' href='#' onmouseover='showMenu1()' onmouseout='hideMenu1()'>")
document.write("<area shape='rect' coords='263,169,470,203' href='#' onmouseover='showMenu2()' onmouseout='hideMenu2()'>")
document.write("<area shape='rect' coords='484,169,732,203' href='#' onmouseover='showMenu3()' onmouseout='hideMenu3()'>")
document.write("<area shape='rect' coords='746,169,879,203' href='contact.html'>")
document.write("<area shape='rect' coords='893,169,997,203' href='index.html#sbring'>")
document.write("</map>")

document.write("<table cellpadding='0' cellspacing='0' border='0' width='1000'><tr>")
document.write("<td align='center'><img src='sample12.jpg' width='1000' border='0' usemap='#dmenu'></td>")
document.write("</tr></table>")

document.write("<div id='menuA' onmouseover='showMenu1()' onmouseout='hideMenu1()'><table border='0' cellpadding='0' cellspacing='5' background='sb1.jpg'>")
document.write("<tr><td class='menuitems'><a href='#' class='menuitems' onmouseover='showMenu1a()'>Interior Pictures&nbsp;&nbsp;&nbsp;>></a></td></tr>")
document.write("<tr><td class='menuitems'><a href='exterior.html' class='menuitems'>Exterior Pictures</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='around.html' class='menuitems'>Around The House</a></td></tr>")
document.write("</table></div>")

document.write("<div id='menuA2' onmouseover='showMenu1a();showMenu1()' onmouseout='hideMenu1()'><table border='0' cellpadding='0' cellspacing='5' background='sb1.jpg'>")
document.write("<tr><td class='menuitems'><a href='h-main.html' class='menuitems'>Main Section</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='h-lower.html' class='menuitems'>Downstairs Bed, Bath & Office</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='h-upper.html' class='menuitems'>Upstairs Bedrooms</a></td></tr>")
document.write("</table></div>")

document.write("<div id='menuB' onmouseover='showMenu2()' onmouseout='hideMenu2()'><table border='0' cellpadding='0' cellspacing='5' background='sb1.jpg'>")
document.write("<tr><td class='menuitems'><a href='hprogress.html' class='menuitems'>House (Overall)</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='power.html' class='menuitems'>Solar/Wind Power</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='water.html' class='menuitems'>Rain Water Collection</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='floor.html' class='menuitems'>Passive Solar Adobe Floor</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='#' class='menuitems' onmouseover='showMenu2a()'>Earthen/Lime Plaster/Stucco&nbsp;&nbsp;&nbsp;>></a></td></tr>")
document.write("<tr><td class='menuitems'><a href='toilet.html' class='menuitems'>Composting Toilet</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='masonry.html' class='menuitems'>Masonry Heater</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='kitwindow.html' class='menuitems'>Kitchen Window Project</a></td></tr>")
document.write("</table></div>")

document.write("<div id='menuB2' onmouseover='showMenu2a();showMenu2()' onmouseout='hideMenu2()'><table border='0' cellpadding='0' cellspacing='5' background='sb1.jpg'>")
document.write("<tr><td class='menuitems'><a href='learning.html' class='menuitems'>Initial Learning</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='cornerPrep.html' class='menuitems'>Window Corner Prep</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='s-process.html' class='menuitems'>Stucco Process</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='finishStucco.html' class='menuitems'>Daughter's Room</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='mparty07.html' class='menuitems'>Muddin' Party (May '07)</a></td></tr>")
document.write("<tr><td class='menuitems'><a href='plastervideos.html' class='menuitems'>Dragon & Wolf Videos</a></td></tr>")
document.write("</table></div>")
	
document.write("<div id='menuC' onmouseover='showMenu3()' onmouseout='hideMenu3()'><table border='0' cellpadding='0' cellspacing='5' background='sb1.jpg'>")
document.write("<tr class='menuitems'><td><a href='driveway.html' class='menuitems'>Driveway</a></td></tr>")
document.write("<tr class='menuitems'><td><a href='campers.html' class='menuitems'>Temporary Housing</a></td></tr>")
document.write("<tr class='menuitems'><td><a href='storage.html' class='menuitems'>Storage</a></td></tr>")
document.write("<tr class='menuitems'><td><a href='barn.html' class='menuitems'>Goat/Chicken Barn</a></td></tr>")
document.write("<tr class='menuitems'><td><a href='bathhouse.html' class='menuitems'>Bathhouse</a></td></tr>")
document.write("<tr class='menuitems'><td><a href='views.html' class='menuitems'>Awesome Views</a></td></tr>")
document.write("<tr class='menuitems'><td><a href='wolf.html' class='menuitems'>Wolves</a></td></tr>")
document.write("</table></div>")

function showMenu1() {
	var menu=document.getElementById("menuA");
	blindX = document.all? (document.body.clientWidth)/2 : (window.innerWidth)/2 ;
	if (blindX<515) blindX=515;
	menu.style.left = blindX - 385 + "px";
	menu.style.display="block";
	}

function showMenu1a() {
	var menu=document.getElementById("menuA2");
	blindX = document.all? (document.body.clientWidth)/2 : (window.innerWidth)/2 ;
	if (blindX<515) blindX=515;
	menu.style.left = blindX - 248 + "px";
	menu.style.top = 205 + "px";
	menu.style.display="block";
	}
	
function showMenu2() {
	var menu=document.getElementById("menuB");
	blindX = document.all? (document.body.clientWidth)/2 : (window.innerWidth)/2 ;
	if (blindX<515) blindX=515;
	menu.style.left = blindX - 245 + "px";
	menu.style.display="block";
	}
	
function showMenu2a() {
	var menu=document.getElementById("menuB2");
	blindX = document.all? (document.body.clientWidth)/2 : (window.innerWidth)/2 ;
	if (blindX<515) blindX=515;
	menu.style.left = blindX - 30 + "px";
	menu.style.top = 289 + "px";
	menu.style.display="block";
	}
	
function showMenu3() {
	var menu=document.getElementById("menuC");
	blindX = document.all? (document.body.clientWidth)/2 : (window.innerWidth)/2 ;
	if (blindX<515) blindX=515;
	menu.style.left = blindX - 25 + "px";
	menu.style.display="block";
	}

function hideMenu1() {
	var menu=document.getElementById("menuA");
	menu.style.display="none";
	var menu=document.getElementById("menuA2");
	menu.style.display="none";
	}

function hideMenu2() {
	var menu=document.getElementById("menuB");
	menu.style.display="none";
	var menu=document.getElementById("menuB2");
	menu.style.display="none";
	}

function hideMenu3() {
	var menu=document.getElementById("menuC");
	menu.style.display="none";
	}
	
function changePic(img)	{
	img="i/" + img + ".jpg";
	var picSpot=document.getElementById("mainPic");
	picSpot.src=img;
	}
	
document.write("<div id='extraPopup' onclick='hideExtraPop()'><table cellspacing=0 cellpadding=1 border=03 width=410>");
document.write("<tr><td bgcolor=#ffffff><img src='mt.gif' border=0 id='extraPic'>");
document.write("</td></tr></table></div>");

function showExtraPop(img) {
	img="i/" + img + ".jpg";
	var exPicSpot=document.getElementById("extraPic");
	exPicSpot.src=img;
	var extra = document.getElementById("extraPopup");
	extra.style.display="block";
	}
	
function hideExtraPop() {
	var extra = document.getElementById("extraPopup");
	extra.style.display="none";
	}

function switchVid(vidNum) {
	var initPic = document.getElementById("initImg");
	initPic.style.display="none";
	var videos = 4;
	for (var i = 1; i <= videos; i++) {
		var id = "video" + i;
		var videoDiv = document.getElementById(id);
		videoDiv.style.display="none";
		}	
	id = "video" + vidNum;
	videoDiv = document.getElementById(id);
	videoDiv.style.display="block";
	}

function switchVideo(a,b) {
	var initPic = document.getElementById(b);
	initPic.style.display="none";
	videoDiv = document.getElementById(a);
	videoDiv.style.display="block";
	}
	
function hideExtraPop() {
	var extra = document.getElementById("extraPopup");
	extra.style.display="none";
	}
