var contactContent;
var mapContent;




function tabClick(name) {
	switch(name) {
		case 'map':
			document.getElementById('tabContent').innerHTML = mapContent;
			document.getElementById('contactTab').className = '';
			document.getElementById('mapTab').className = 'selectedTab';
			break;
		case 'contact':
			document.getElementById('tabContent').innerHTML = contactContent;
			document.getElementById('mapTab').className = '';
			document.getElementById('contactTab').className = 'selectedTab';
			break;
	}
}

function newTabs(contact, map) {

	contactContent = contact;
	mapContent = map;
	
	var markup = "<DIV><TABLE cellSpacing=0 cellPadding=0 width='100%' border=0><TBODY><TR vAlign=top><TD class=content>";
	markup += "<div class='tabs' id='tabs'><ul>";
	markup += "<li id='contactTab'><a href='#' onclick='tabClick(\"contact\"); return false'>Our Contact Information</a></li>";
	markup += "<li id='mapTab'><a href='#' onclick='tabClick(\"map\"); return false'>Map</a></li>";
	markup += "</ul></div><div id='tabContent' class='tabContent'></div>";
	markup += "</TD><TD width=340></TD></TR></TBODY></TABLE></DIV>";

	document.write(markup);

	tabClick('contact');
}