// -- COMPONENT CONFIGURATION --
var tab_names = "Jobs";
var tabs = tab_names.split(',');
var tabQty = tabs.length;
var tab_numbers = new Array(tabQty);
var randomTab = tabs[Math.ceil(tabQty*Math.random())-1];

for (i=0;i<tabs.length;i++) {
	tab_numbers[tabs[i]]=i;
}

function turnOnTab(tabName) {
	// first, display the selected content, and change the content area's color
	document.getElementById(tabName).style.display = 'block'
	document.topBoxImage.src = 'http://media.mnginteractive.com/media/paper82/TL'+ tabName +'Top.gif'
	document.bottomBoxImage.src = 'http://media.mnginteractive.com/media/paper82/TL'+ tabName +'Bottom.gif'
	document.getElementById(tabName).style.background = "#C8C5AC"; // color of the unselected tab
	
	// then, updated the style of the selected tab
	selectedTabStyle=document.getElementById('nav_' + tabName).style;
	selectedTabStyle.background = "#DDDDEE"; // color of the selected tab
	selectedTabStyle.fontWeight = 'bold';
	selectedTabStyle.borderStyle = 'solid none none solid';
	selectedTabStyle.borderWidth = '1px 0px 0px 1px';
	if (tab_numbers[tabName] == 0) {
		selectedTabStyle.borderStyle = 'solid none none none';
		selectedTabStyle.borderWidth = '1px 0px 0px 0px';
	}
}

function turnOffTab(tabName) {
	// first, hide the selected content
	document.getElementById(tabName).style.display = 'none';

	// then, update the style of the UNselected tab
	selectedTabStyle=document.getElementById('nav_'+ tabName).style;
	selectedTabStyle.background = "#C8C5AC";
	selectedTabStyle.fontWeight = 'normal';
	selectedTabStyle.borderStyle = 'solid none solid solid';
	selectedTabStyle.borderWidth = '1px 0px 1px 1px';
	if (tab_numbers[tabName] == 0) {
		selectedTabStyle.borderStyle = 'solid none solid none';
		selectedTabStyle.borderWidth = '1px 0px 1px 0px';
	}
}

function initializeTabs () {
	selectTab (randomTab);
}

function selectTab (tabName) {
	for (i=0; i<tabQty; i++) {
		turnOffTab(tabs[i])
	}
	turnOnTab(tabName);	
}

function openListing(ListingID, PaperID, Preview) {
	newWindow = open("http://www.mngitoplistings.com/Listing.asp?listingid="+ ListingID +"&paperID="+ PaperID +"&preview="+ Preview +"&testing=", 
								"Listings","width=450,height=350,toolbar=0,location=0,directories=0,status=0,menuBar=0,scrollBars=1,resizable=1"); 
	newWindow.focus();
}

// -- WRITE OUT COMPONENT --
document.write(
'<link type="text/css" rel="stylesheet" href="http://www.insidebayarea.com/s-ang-includes/toplistings.css">'+
'<table cellpadding="0" cellspacing="0" class="TLBox">'+
'	<tr>'+
'		<td align=center><img name="topBoxImage" border="0"></td>'+
'	</tr>'+
'	<tr>'+
'		<td>'+
'			<!-- TABS -->'+
'			<table cellpadding="0" cellspacing="0" class="TLContent">'+
'				<tr>'+

'					<td id="nav_Jobs" align="center"><a href="#" style="color:#A80909;font-family:Verdana;font-size:10px;text-decoration:none;border-style:none" onClick="selectTab(\'Jobs\'); return false;">Jobs</a></td>'+

'				</tr>'+
'			</table>'+

	'			<div id="Jobs" style="padding:0px; overflow:hidden; border-width:0px ; width:100%; border-style:solid solid solid none; display:block;">'+
	'			<table cellpadding="0" cellspacing="0" class="TLContent">'+
	'				<tr><td>&nbsp;</td></tr>'+

		'				<tr>'+
		'					<td><a class="TLTitle" href="javascript:openListing(\'19217\',\'82\',\'\')">TAX PREPARER  </a></td>'+
		'				</tr>'+
		'				<tr>'+
		'					<td class="TLCompany">Click for details. </td>'+
		'				</tr>'+
		'				<tr>'+
		'				   <td colspan="2"><hr class="TLLine"></td>'+
		'				</tr>'+
				
		'				<tr>'+
		'					<td><a class="TLTitle" href="javascript:openListing(\'19228\',\'82\',\'\')">MECHANIC </a></td>'+
		'				</tr>'+
		'				<tr>'+
		'					<td class="TLCompany">Click for details.  </td>'+
		'				</tr>'+
		'				<tr>'+
		'				   <td colspan="2"><hr class="TLLine"></td>'+
		'				</tr>'+
				
		'				<tr>'+
		'					<td><a class="TLTitle" href="javascript:openListing(\'19222\',\'82\',\'\')">SECURITY </a></td>'+
		'				</tr>'+
		'				<tr>'+
		'					<td class="TLCompany">Click for details.  </td>'+
		'				</tr>'+
		'				<tr>'+
		'				   <td colspan="2"><hr class="TLLine"></td>'+
		'				</tr>'+
				
		'				<tr>'+
		'					<td><a class="TLTitle" href="javascript:openListing(\'19218\',\'82\',\'\')">TECHNICAL SUPERVISOR</a></td>'+
		'				</tr>'+
		'				<tr>'+
		'					<td class="TLCompany">Click for details.  </td>'+
		'				</tr>'+
		'				<tr>'+
		'				   <td colspan="2"><hr class="TLLine"></td>'+
		'				</tr>'+
				
		'				<tr>'+
		'					<td><a class="TLTitle" href="javascript:openListing(\'19226\',\'82\',\'\')">ADMINISTRATIVE ASST  </a></td>'+
		'				</tr>'+
		'				<tr>'+
		'					<td class="TLCompany">Click for details.</td>'+
		'				</tr>'+
		'				<tr>'+
		'				   <td colspan="2"><hr class="TLLine"></td>'+
		'				</tr>'+
				
		'				<tr>'+
		'					<td><a class="TLTitle" href="javascript:openListing(\'19223\',\'82\',\'\')">Truck Driver</a></td>'+
		'				</tr>'+
		'				<tr>'+
		'					<td class="TLCompany">Click for details.  </td>'+
		'				</tr>'+
		'				<tr>'+
		'				   <td colspan="2"><hr class="TLLine"></td>'+
		'				</tr>'+
				
		'				<tr>'+
		'					<td><a class="TLTitle" href="javascript:openListing(\'19219\',\'82\',\'\')">LEGAL  </a></td>'+
		'				</tr>'+
		'				<tr>'+
		'					<td class="TLCompany">Click for details.</td>'+
		'				</tr>'+
		'				<tr>'+
		'				   <td colspan="2"><hr class="TLLine"></td>'+
		'				</tr>'+
				
		'				<tr>'+
		'					<td><a class="TLTitle" href="javascript:openListing(\'19215\',\'82\',\'\')">DENTAL </a></td>'+
		'				</tr>'+
		'				<tr>'+
		'					<td class="TLCompany">Click for details.</td>'+
		'				</tr>'+
		'				<tr>'+
		'				   <td colspan="2"><hr class="TLLine"></td>'+
		'				</tr>'+
				
		'				<tr>'+
		'					<td align="center"><br><a onClick="window.location=(\'http://www.oaklandtribune.com/Stories/0,1413,82~30116~,00.html?domain=\'+ document.domain);" href="#" class="TLMoreListings">All Listings</a></td>'+
		'				</tr>'+
	
		'			</table>'+
		'			</div>'+
		
'		</td>'+
'	</tr>'+
'	<tr>'+
'		<td align=center><img name="bottomBoxImage" border="0"></td>'+
'	</tr>'+
'</table>'+
'
<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
  return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script>initializeTabs();</script>'
);

<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
  window.open = SymWinOpen;
  if(SymRealOnUnload != null)
     SymRealOnUnload();
}

function SymOnLoad()
{
  if(SymRealOnLoad != null)
     SymRealOnLoad();
  window.open = SymRealWinOpen;
  SymRealOnUnload = window.onunload;
  window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>