var menu_names = new Array('home','about','repertoire','media','meetus','alumni','hire','contact','links');
var link_names = new Array('index.php','about-air.html','air-rep.php','air-media.html','meet-air.php','air-alumni.html','hire-air.html','contact-air.html','air-links.html');
var prefix = '';

function drawHeader(num) {
	if(num > 8)	prefix = '../';

	// random number generator for rotating images
	var n = Math.floor(Math.random()*8) + 1;

	// draw top header
	document.write("<center><div style=\"width: 750; background-color: white; border: 5px #221e1f solid;\">");
	document.write("<table width=100% border=0 cellpadding=0 cellspacing=0>");
	//document.write("<tr height=244><td><img src=\""+prefix+"images/rotation/rotate0"+n+".gif\">");
	//document.write("<td><img src=\""+prefix+"images/banner.gif\"></table>");
	document.write("<tr height=255><td><img src=\""+prefix+"images/banner_new.gif\"></table>");
	// end header
	
	// draw menu
	document.write("<table width=750 border=0 cellpadding=0 cellspacing=0>");
	document.write("<tr valign=top><td width=200 style=\"background:#00244C;>");
	document.write("<div style=\"width:189px;\">");
	
	// draw menu links
	for(i=0;i<9;i=i+1) {
		if(i == num) {
			document.write("<img src=\""+prefix+"images/menu/"+menu_names[i]+"-over.gif\" name=\"menu"+i+"\"><br>");
		} else {
			document.write("<a class=\"menu\" href=\""+prefix+link_names[i]+"\"><img src=\""+prefix+"images/menu/"+menu_names[i]+".gif\" name=\"menu"+i+"\" onmouseover=\"menuOver("+i+")\" onmouseout=\"menuOut("+i+")\"></a><br>");
		}
	}
	document.write("<img src=\""+prefix+"images/menu/blank.gif\" usemap=\"#members\" ismap=\"ismap\" border=\"0\">");
	document.write("<map name=\"members\"><area shape=\"rect\" coords=\"40,72,70,82\" href=\""+prefix+"protected/\">");
	document.write("</div>");
	// end menu

	document.write("<center><br><a href=\"http://www.facebook.com/pages/Artists-in-Resonance/6515114375\" target=\"link\"><img src=\""+prefix+"images/facebook.gif\"></a>");
	document.write("<br><br><a href=\"http://www.youtube.com/artistsinresonance\" target=\"link\"><img src=\""+prefix+"images/youtube.gif\"></a></center>");

	// start content cell
	document.write("<td class=\"border\" width=5><td><div style=\"padding:10px;\">");
}

function drawFooter(num) {
	if(num > 8)	prefix='../';
	// close off content cell
	document.write("</div><td class=\"right\" width=10></table></table>");

	// draw bottom of page
	document.write("<table width=750 border=0 cellpadding=0 cellspacing=0><tr align center><td height=21 style=\"background-image:url('"+prefix+"images/bottom2.gif');\">");
}


function menuOver(num)	{
	switch(num) {
		case 0:	document.menu0.src=prefix+"images/menu/"+menu_names[num]+"-over.gif";	break;
		case 1:	document.menu1.src=prefix+"images/menu/"+menu_names[num]+"-over.gif";	break;
		case 2:	document.menu2.src=prefix+"images/menu/"+menu_names[num]+"-over.gif";	break;
		case 3:	document.menu3.src=prefix+"images/menu/"+menu_names[num]+"-over.gif";	break;
		case 4:	document.menu4.src=prefix+"images/menu/"+menu_names[num]+"-over.gif";	break;
		case 5:	document.menu5.src=prefix+"images/menu/"+menu_names[num]+"-over.gif";	break;
		case 6:	document.menu6.src=prefix+"images/menu/"+menu_names[num]+"-over.gif";	break;
		case 7:	document.menu7.src=prefix+"images/menu/"+menu_names[num]+"-over.gif";	break;
		case 8:	document.menu8.src=prefix+"images/menu/"+menu_names[num]+"-over.gif";	break;
	}
}

function menuOut(num)	{
	switch(num) {
		case 0:	document.menu0.src=prefix+"images/menu/"+menu_names[num]+".gif";	break;
		case 1:	document.menu1.src=prefix+"images/menu/"+menu_names[num]+".gif";	break;
		case 2:	document.menu2.src=prefix+"images/menu/"+menu_names[num]+".gif";	break;
		case 3:	document.menu3.src=prefix+"images/menu/"+menu_names[num]+".gif";	break;
		case 4:	document.menu4.src=prefix+"images/menu/"+menu_names[num]+".gif";	break;
		case 5:	document.menu5.src=prefix+"images/menu/"+menu_names[num]+".gif";	break;
		case 6:	document.menu6.src=prefix+"images/menu/"+menu_names[num]+".gif";	break;
		case 7:	document.menu7.src=prefix+"images/menu/"+menu_names[num]+".gif";	break;
		case 8:	document.menu8.src=prefix+"images/menu/"+menu_names[num]+".gif";	break;
	}
}

function fixImgPositions()	{
	document.getElementById('blah').style.left = "7";
}