<!-- Original:  Jacob Lukas (jacoblukas@netscape.net) -->
<!-- Web Site:  http://home.frontiernet.net/ -->
<!-- Version modificada: Jose Luis Angeli (joseluisangeli@gmail.com) -->

var timerID = 0;
//Defino los tabs que utilizare
var tabs = [
				//primer tab
				[
					//imagen unselected
					'tab1unselected.png',
					//imagen selected
					'tab1selected.png',
					//datos tab
					'<img name="tab1" src="tab1.gif" width="875" height="130" border="0" id="tab1" usemap="#m_tab1" alt="" /><map name="m_tab1" id="m_tab1"><area shape="rect" coords="19,15,169,113" href="curso.html" alt="" /><area shape="rect" coords="357,101,388,118" href="javascript:;" alt="" /></map>'],
				//segundo tab
				[
					'tab2unselected.png',
					'tab2selected.png',
					'<img name="tab2" src="tab2.gif" width="875" height="130" border="0" id="tab2" usemap="#m_tab2" alt="" /><map name="m_tab2" id="m_tab2"><area shape="rect" coords="19,15,169,113" href="curso.html" alt="" /><area shape="rect" coords="357,98,388,115" href="javascript:;" alt="" /></map>'],
				//tercer tab
				[
					'tab3unselected.png',
					'tab3selected.png',
					'<img name="tab3" src="tab3.gif" width="875" height="130" border="0" id="tab3" usemap="#m_tab3" alt="" /><map name="m_tab3" id="m_tab3"><area shape="rect" coords="19,15,169,113" href="curso.html" alt="" /><area shape="rect" coords="625,96,656,113" href="javascript:;" alt="" /></map>'],
				//cuarto tab
				[
					'tab4unselected.png',
					'tab4selected.png',
					'<img name="tab4" src="tab4.gif" width="875" height="130" border="0" id="tab4" usemap="#m_tab4" alt="" /><map name="m_tab4" id="m_tab4"><area shape="rect" coords="19,15,169,113" href="http://www.tmforum.org/about" alt="" /><area shape="rect" coords="558,98,589,115" href="javascript:;" alt="" /></map>']];
				//pueden tenerse mas tabs si asi se desea

//Si tiene espacio vacio entre los tabs, ajuste este valor a un numero menor
var width = 0;

function preloadImages() {
	for (var y = 0; y < 2; y++) {
		for (var x = 0; x < tabs.length; x++) {
			image = new Image();
			image.src = tabs[x][y];
		}
	}
}

function drawTabs() {
	document.write("<table cellspacing=0 cellpadding=0 border=0><tr>");
	for (var x = 0; x < tabs.length; x++) {
		document.write("<td width="+width+"><a href='javascript:switchTab("+x+")' onmouseover='javascript:moveOver("+x+")' onmouseout='javascript:resetTimer()'><img name='tab"+x+"' border=0 src="+tabs[x][0]+"></a></td>");
	}
	
	document.write("</td><td></td></tr><tr><td id=currentTab colspan="+(tabs.length+1)+">");
	document.write(tabs[0][2]);
	document.write("</td></tr></table>");
	document.images["tab0"].src = tabs[0][1];
}

function switchTab(tab) {
	for (var x = 0; x < tabs.length; x++) {
		if (x != tab)
			document.images["tab"+x].src = tabs[x][0];
	}
	document.images["tab"+tab].src = tabs[tab][1];
	document.getElementById("currentTab").innerHTML = tabs[tab][2];
}

function resetTimer(){
	clearTimeout(timerID);	
}

function moveOver(tab) {
	timerID = setTimeout("switchTab("+tab+")",500);
}

preloadImages();
