
function framon() {

	b = document.getElementsByTagName('body')[0];
	a = '<link rel="shortcut icon" href="images/maryicon.png" /> <table style="width: 750px; background: url(\'images/bg.png\') no-repeat;" cellspacing="0" cellpadding="3" align="center"> <tr><td><table cellpadding="0" cellspacing="0"><tr> 	<td style="max-height: 75px; width: 280px"></td> 	<td style="height: 75px; width: 470px;" valign="bottom"> 	<table style="width: 100%; max-height:30px;" cellpadding="4" cellspacing="0"> 		<tr><td style="max-height:45px;"></td></tr> 		<tr> 			<td valign="middle" class="home" onmouseover="over(this.className);" onclick="over(this.className);" onmouseout="out(\'home\');"><a href="index.htm" style="text-decoration:none;"><table id="_home" name="tab" style="width: 100%; height:30px" cellspacing="0" cellpadding="0" class="styleOne"> 				<tr> 					<td width="10" id="lhome" class="l">&nbsp;</td> 					<td valign="bottom"><a href="index.htm" style="text-decoration:none; color:#006699">Home</a></td> 					<td width="10" id="rhome" class="r">&nbsp;</td> 				</tr> 			</table></a> 			</td> 			<td valign="bottom" class="comm" onmouseover="over(this.className);" onclick="over(this.className);" onmouseout="out(\'comm\');"><a href="javascript: over(\'comm\');" style="text-decoration:none;"><table id="_comm" name="tab" style="width: 100%; height:30px" cellspacing="0" cellpadding="0" class="styleOne"> 				<tr> 					<td width="10" class="l" id="lcomm">&nbsp;</td> 					<td valign="bottom">Community</td> 					<td width="10" class="r" id="rcomm">&nbsp;</td> 				</tr> 			</table></a></td> 			<td valign="bottom" class="chap" onmouseover="over(this.className);" onclick="over(this.className);" onmouseout="out(\'chap\');"><a href="javascript: over(\'chap\');" style="text-decoration:none;"><table id="_chap" name="tab" style="width: 100%; height:30px" cellspacing="0" cellpadding="0" class="styleOne"> 				<tr> 					<td width="10" class="l" id="lchap">&nbsp;</td> 					<td valign="bottom">Archives</td> 					<td width="10" class="r" id="rchap">&nbsp;</td> 				</tr> 			</table></a></td> 			<td valign="bottom" class="cont" onmouseover="over(this.className);" onclick="over(this.className);" onmouseout="out(\'cont\');"><a href="javascript: over(\'cont\');" style="text-decoration:none;"><table id="_cont" name="tab" style="width: 100%; height:30px" cellspacing="0" cellpadding="0" class="styleOne"> 				<tr> 					<td width="10" class="l" id="lcont">&nbsp;</td> 					<td valign="bottom">Contact</td> 					<td width="10" class="r" id="rcont">&nbsp;</td> 				</tr> 			</table></a></td> 		</tr> 	</table> 	</td> </tr> <tr> 	<td colspan="2" valign="top" class="styleFour"> 	<div name="subl" id="home" style="display:none;" onmouseover="over(this.id);" onmouseout="out(this.id);"></div> 	<div name="subl" id="comm" style="display:none;" onmouseover="over(this.id);" onmouseout="out(this.id);"><a href="school.htm"><div>Sunday School</div></a><a href="mgocsm.htm"><div>MGOCSM</div></a><a href="samajam.htm"><div>M M Samajam</div></a><a href="officer.htm"><div>Officers</div></a><a href="link.htm"><div>Links</div></a></div> 	<div name="subl" id="chap" style="display:none;" onmouseover="over(this.id);" onmouseout="out(this.id);"><a href="news.htm"><div>Newsletter</div></a><a href="pics.php"><div>Event Pictures</div></a><a href="file.htm"><div>Files</div></a></div> 	<div name="subl" id="cont" style="display:none;" onmouseover="over(this.id);" onmouseout="out(this.id);"><a href="achen.htm"><div>Fr. P. Abraham</div></a><a href="contact.htm"><div>Webmaster</div></a><a href="location.htm"><div>Locations</div></a></div> 	</td> </tr></table></td></tr> <tr> 	<td colspan="2" valign="top">';
	d = '</td> </tr> <tr><td style="height:20px; background-image:url(\'images/bgbot.png\'); background-repeat:no-repeat; background-color:#FFFFFF" id="bot" ></td></tr></table><table style="width: 740px;" cellspacing="0" cellpadding="0" align="center"> <tr> 	<td align="center" valign="top" class="styleFive"><p id="fool">       <a href="location.htm" onclick="void();" onmouseover="this.style.backgroundColor=\'#dddddd\';" onmouseout="this.style.backgroundColor=\'transparent\';"> 	<img src="images/loc.gif" width="16" height="18" class="styleSeven" border="0" align="absbottom"/> 5320 Fallbrook Avenue, Woodland Hills, CA 91364 (American Legion Post 826) </a>&nbsp;&nbsp;<a href="location.htm" onclick="void();" onmouseover="this.style.backgroundColor=\'#dddddd\';" onmouseout="this.style.backgroundColor=\'transparent\';"><img src="images/time.gif" width="16" height="16" align="absbottom" border="0" />  	Qurbana on Sundays @ 8:30AM </a>&nbsp;&nbsp;&nbsp;<a href="javascript: mapon();"  onclick="mapon();" onmouseover="this.style.backgroundColor=\'#dddddd\';" onmouseout="this.style.backgroundColor=\'transparent\';"><img src="images/map.gif" width="16" height="16" border="0" align="absbottom" /> Site Map </a>&nbsp;</p> 	  <table style="width: 735px; display:none;" border="0" id="smap" cellspacing="0" cellpadding="0"> 		<tr> 			<td style="width: 115px">&nbsp;</td> 			<td style="width: 90px; background-color:#fafafa;" class="styleNine"><strong> 			Home</strong></td> 			<td style="width: 120px; background-color:#fafafa;" class="styleNine"><strong> 			Community</strong></td> 			<td style="width: 160px; background-color:#fafafa;" class="styleNine"><strong> 			Archives</strong></td> 			<td style="width: 110px; background-color:#fafafa;" class="styleNine"><strong> 			Contact</strong></td> 			<td style="width: 20px;"  name="x" id="x" class="x"><a href="javascript: mapoff();" onclick="mapoff();" style="text-decoration:none;"><strong style="font-size:small; color:#ab0000;" id="x2" onmouseover="document.getElementById(\'x\').style.backgroundColor = \'#ab0000\'; document.getElementById(\'x2\').style.color = \'#ffffff\';" onmouseout="document.getElementById(\'x\').style.backgroundColor = \'#fafafa\'; document.getElementById(\'x2\').style.color = \'#ab0000\';"> 			X</strong></a></td> 			<td style="width: 90px">&nbsp;</td> 		</tr> 		<tr> 			<td style="width: 115px">&nbsp;</td> 			<td style="width: 90px; background-color:#fafafa;" valign="top"><a href="index.htm"> 			Home</a></td> 			<td style="width: 120px; background-color:#fafafa;" valign="top"><a href="school.htm"> 			Sunday School</a><br /><a href="mgocsm.htm"> 			MGOCSM</a><br /><a href="samajam.htm"> 			M M Samajam</a><br /><a href="officer.htm"> 			Officers</a><br /><a href="link.htm"> 			Links</td> 			<td style="width: 160px; background-color:#fafafa;" valign="top"><a href="news.htm"> 			Newsletter</a><br /><a href="pics.php"> 			Event Pictures</a><br /><a href="file.htm"> 			Files</a></td> 			<td style="width: 100px; background-color:#fafafa;" valign="top"><a href="achen.htm"> 			Fr. P. Abraham</a><br /><a href="contact.htm"> 			Webmaster</a><br /><a href="location.htm"> 			Locations</a></td> 			<td style="width: 20px; background-color:#fafafa;">&nbsp;</td> 			<td style="width: 90px">&nbsp;</td> 		</tr> 	</table> 	<p class="styleEight">&copy; 2011 St. Mary\'s Malankara Orthodox Syrian Church | San Fernando Valley, Los Angeles, California. &nbsp;All rights reserved.<br /> 	This parish is a registered non-profitable religious organization. All donations made to it are tax exempt.<br /></p> 	</td></tr></table>'
	b.innerHTML = a + b.innerHTML + d;
	tabber();
}

function over(link) {
document.getElementById(link).style.display = 'block';
document.getElementById('_'+link).className = "stylefun";
}

function out(link) {
document.getElementById(link).style.display = 'none';
document.getElementById('_'+link).className = "styleOne";
}

function mapon() {
document.getElementById('smap').style.display = 'block';
}

function mapoff() {
document.getElementById('smap').style.display = 'none';
}

function mapclose() {
document.getElementById('x').style.backgroundColor = '#ab0000';
}

function address() {
var wind = window.open('','_blank','width=500,height=500');
wind.document.write('<span style="font-family: Arial; font-size:20px; font-weight:bold;">Church Location</span><br /><span style="font-family: Arial; font-size:12px; font-weight:bold;">5320 Fallbrook Avenue, Woodland Hills, CA 91364 (American Legion Post 826)<br /><br /></span><div id="preview"><iframe marginheight="0" marginwidth="0" src="http://maps.google.com/maps?q=5320+Fallbrook+Avenue,+Woodland+Hills,+CA+91364&amp;output=embed" scrolling="no" width="425" frameborder="0" height="350"></iframe><br><small><a href="http://maps.google.com/maps?saddr=&daddr=5320+Fallbrook+Ave,+Woodland+Hills,+CA+91364" style="color: rgb(0, 0, 255); text-align: left;">Get Directions</a></small></div>');
}

function tim() {
var wind = window.open('','_blank','width=200,height=100');
wind.document.write('<p style="font-family: Arial; font-size:12px; font-weight:bold;">Services held every Sunday.<br /> Morning Prayer: 8:30AM<br /> Holy Qurbana: 9:15AM</p>');
}

function tabber() {
var l = document.getElementsByTagName('body')[0].className;
var A = "#d0edf2 url(images/tab.png) repeat-x center";
var B = "transparent url('images/tabl.png') no-repeat left";
var C = "transparent url('images/tabr.png') no-repeat right";
if (l == 'Home') {
	document.getElementById('_home').style.background = A;
	document.getElementById('lhome').style.background = B;
	document.getElementById('rhome').style.background = C;
}
if (l == 'Community') {
	document.getElementById('_comm').style.background = A;
	document.getElementById('lcomm').style.background = B;
	document.getElementById('rcomm').style.background = C;
}
if (l == 'Archives') {
	document.getElementById('_chap').style.background = A;
	document.getElementById('lchap').style.background = B;
	document.getElementById('rchap').style.background = C;
}
if (l == 'Contact') {
	document.getElementById('_cont').style.background = A;
	document.getElementById('lcont').style.background = B;
	document.getElementById('rcont').style.background = C;
}
}
