/*
		description:	intializes control by showing first tab: hot issues
		parameters:		
		notes:			body onload= "initialize()"
*/		
	function initialize()
	{
		showTab("highlights", 0);
		showTab("events", 2);
	}	
	
	/*
	description:	toggles tabs for control
	parameters:		tabName(name of tab corresponding to tabArray value), rolloverIndex (index value corresponding to tabImgOvr index)
	notes:			
	*/

	function showTab(tabName, rolloverIndex, imgPath) 
	{
		var tabArray = new Array('highlights', 'lineup', 'comps');
		var tabImg = new Array('content_tab_01.gif','content_tab_02.gif','content_tab_03.gif');
		var tabImgOvr = new Array('content_tab_01_ovr.gif','content_tab_02_ovr.gif','content_tab_03_ovr.gif');
		
		//var imgPath = ""; /*-- images/ */
		for (i=0; i < tabArray.length; i++) 
		{
			document.getElementById("td" + tabArray[i]).innerHTML= "<IMG border='0' alt='' width='100%' src='" + imgPath + tabImg[i] + " '>" ;	//image
			document.getElementById(tabArray[i]).style.display = 'none';															//div
		}
		
		document.getElementById("td" + tabName).innerHTML= "<IMG border='0' alt='' width='100%' src=' " + imgPath + tabImgOvr[rolloverIndex] + " '>" ;	//image
		document.getElementById(tabName).style.display = '';//div
	}
	
	

	/*
	description:	toggles tabs for control
	parameters:		tabName(name of tab corresponding to tabArray value), rolloverIndex (index value corresponding to tabImgOvr index)
	notes:			
	*/
	function showTab2(tabName, rolloverIndex, imgPath) 
	{
		var tabArray = new Array('news', 'sports', 'events');
		var tabImg = new Array('content_tab_06.gif','content_tab_07.gif','content_tab_08.gif');
		var tabImgOvr = new Array('content_tab_06_ovr.gif','content_tab_07_ovr.gif','content_tab_08_ovr.gif');
		
		//var imgPath = "";
		for (i=0; i < tabArray.length; i++) 
		{
			document.getElementById("td" + tabArray[i]).innerHTML= "<IMG border='0' alt='' width='100%' src=' " + imgPath + tabImg[i] + " '>" ;	//image
			document.getElementById(tabArray[i]).style.display = 'none';															//div
		}
					
		document.getElementById("td" + tabName).innerHTML= "<IMG border='0' alt='' width='100%' src=' " + imgPath + tabImgOvr[rolloverIndex] + " '>" ;	//image
		document.getElementById(tabName).style.display = '';																				//div
	}