// JavaScript Document 
var sel_tit="presenta";
var sel_opc="presenta1";
function cambia_titulo(titulo)
 {
	sel_tit=titulo;
	switch(titulo){
		case "presenta":
			strHtml="<li id='presenta1' onclick='cambia_presenta(\"presenta1\")' onmouseover='sobre_opcion(\"presenta1\")' onmouseout='sale_opcion(\"presenta1\")'>Raz&oacute;n de ser</li>";
			strHtml=strHtml + "<li id='presenta2' onclick='cambia_presenta(\"presenta2\")' onmouseover='sobre_opcion(\"presenta2\")' onmouseout='sale_opcion(\"presenta2\")'>Jornadas</li>";
			strHtml=strHtml + "<li id='presenta3' onclick='cambia_presenta(\"presenta3\")' onmouseover='sobre_opcion(\"presenta3\")' onmouseout='sale_opcion(\"presenta3\")'>C&oacute;mo proceder</li>";
			strHtml=strHtml + "<li id='presenta4' onclick='cambia_presenta(\"presenta4\")' onmouseover='sobre_opcion(\"presenta4\")' onmouseout='sale_opcion(\"presenta4\")'>Proyecto Final</li>";
			document.getElementById('opciones').innerHTML=strHtml;
			cambia_presenta("presenta1");			
		break;
		case "organiza":
			strHtml="<li id='organiza1' onclick='cambia_organiza(\"organiza1\")' onmouseover='sobre_opcion(\"organiza1\")' onmouseout='sale_opcion(\"organiza1\")'>Editores</li>";
			strHtml=strHtml + "<li id='organiza2' onclick='cambia_organiza(\"organiza2\")' onmouseover='sobre_opcion(\"organiza2\")' onmouseout='sale_opcion(\"organiza2\")'>Consejo Editorial</li>";
			document.getElementById('opciones').innerHTML=strHtml;
			cambia_organiza("organiza1");
		break;

		case "estructura":

			strHtml="<li id='estructura1' onclick='cambia_estructura(\"estructura1\")' onmouseover='sobre_opcion(\"estructura1\")'  onmouseout='sale_opcion(\"estructura1\")'>Micro 1</li>";
			strHtml=strHtml+"<li id='estructura2' onclick='cambia_estructura(\"estructura2\")' onmouseover='sobre_opcion(\"estructura2\")'  onmouseout='sale_opcion(\"estructura2\")'>Micro 2</li>";
			strHtml=strHtml+"<li id='estructura3' onclick='cambia_estructura(\"estructura3\")' onmouseover='sobre_opcion(\"estructura3\")'  onmouseout='sale_opcion(\"estructura3\")'>Micro 3</li>";
			strHtml=strHtml+"<li id='estructura4' onclick='cambia_estructura(\"estructura4\")' onmouseover='sobre_opcion(\"estructura4\")'  onmouseout='sale_opcion(\"estructura4\")'>Micro 4</li>";
			document.getElementById('opciones').innerHTML=strHtml;
			cambia_estructura("estructura1");

		break;

		case "jornadas":
			strHtml="<li id='jornadas1' onclick='cambia_jornadas(\"jornadas1\")' onmouseover='sobre_opcion(\"jornadas1\")' onmouseout='sale_opcion(\"jornadas1\")'>Cu&aacute;ndo y d&oacute;nde</li>";
			strHtml=strHtml + "<li id='jornadas2' onclick='cambia_jornadas(\"jornadas2\")' onmouseover='sobre_opcion(\"jornadas2\")' onmouseout='sale_opcion(\"jornadas2\")'>C&oacute;mo</li>";
			strHtml=strHtml + "<li id='jornadas3' onclick='cambia_jornadas(\"jornadas3\")' onmouseover='sobre_opcion(\"jornadas3\")' onmouseout='sale_opcion(\"jornadas3\")'>Idea</li>";
			strHtml=strHtml + "<li id='jornadas4' onclick='cambia_jornadas(\"jornadas4\")' onmouseover='sobre_opcion(\"jornadas4\")' onmouseout='sale_opcion(\"jornadas4\")'>Participar</li>";
			strHtml=strHtml + "<li id='jornadas5' onclick='cambia_jornadas(\"jornadas5\")' onmouseover='sobre_opcion(\"jornadas5\")' onmouseout='sale_opcion(\"jornadas5\")'>Inscripci&oacute;n</li>";			
			document.getElementById('opciones').innerHTML=strHtml;
			cambia_jornadas("jornadas1");

		break;
		case "ejemplo":

			strHtml="<li id='ejemplo1' onclick='cambia_ejemplo(\"ejemplo1\")' onmouseover='sobre_opcion(\"ejemplo1\")' onmouseout='sale_opcion(\"ejemplo1\")'>Ejemplo</li>";
			document.getElementById('opciones').innerHTML=strHtml;
			cambia_ejemplo("ejemplo1");

	}

	cambia_fondo(titulo);
  }
  
function cambia_presenta(tit_presenta)
  {
	sel_opc=tit_presenta;	
	strHtml="";
	switch(tit_presenta){
		case "presenta1":
			strHtml="<iframe src='razondeser.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='razondeser.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";

		break;

	case "presenta2":
			strHtml="<iframe src='jornadas.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px; opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='jornadas.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";

		break;
	
	case "presenta3":
			strHtml="<iframe src='comoproceder.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='comoproceder.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";
		
		break;

	case "presenta4":
			strHtml="<iframe src='proyectofinal.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='proyectofinal.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";
		
		break;
	}

	document.getElementById('centro').innerHTML=strHtml;
//	ventana.location.reload();
	document.getElementById('presenta1').style.color="";
	document.getElementById('presenta2').style.color="";
	document.getElementById('presenta3').style.color="";
	document.getElementById('presenta4').style.color="";
	document.getElementById(tit_presenta).style.color="#cc00cc";
  }

function cambia_organiza(tit_organiza)
  {
	strHtml="";
	sel_opc=tit_organiza;
	switch(tit_organiza){
	case "organiza1":
			strHtml="<iframe src='editores.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='editores.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";

		break;

	case "organiza2":
			strHtml="<iframe src='ceditorial.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='ceditorial.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";

		break;
	}
	document.getElementById('centro').innerHTML=strHtml;
	document.getElementById('organiza1').style.color="";
	document.getElementById('organiza2').style.color="";
	document.getElementById(tit_organiza).style.color="#cc00cc";

  }

function cambia_estructura(tit_estructura)
  {
	sel_opc=tit_estructura;	
	strHtml="";
	switch(tit_estructura){
		case "estructura1":
			strHtml="<iframe src='micro1.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='micro1.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";

		break;

	case "estructura2":
			strHtml="<iframe src='micro2.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px; opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='micro2.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";

		break;
	
	case "estructura3":
			strHtml="<iframe src='micro3.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='micro3.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";
		
		break;

	case "estructura4":
			strHtml="<iframe src='micro4.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='micro4.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";
		
		break;
	}

	document.getElementById('centro').innerHTML=strHtml;
//	ventana.location.reload();
	document.getElementById('estructura1').style.color="";
	document.getElementById('estructura2').style.color="";
	document.getElementById('estructura3').style.color="";
	document.getElementById('estructura4').style.color="";
	document.getElementById(tit_estructura).style.color="#cc00cc";
  }

function cambia_jornadas(tit_jornadas)
  {
	sel_opc=tit_jornadas;	
	strHtml="";
	switch(tit_jornadas){
		case "jornadas1":
			strHtml="<iframe src='cuando.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='jornadas1.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";

		break;

	case "jornadas2":
			strHtml="<iframe src='como.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px; opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='como.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";

		break;
	
	case "jornadas3":
			strHtml="<iframe src='idea_form.php' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='idea.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";
		
		break;

	case "jornadas4":
			strHtml="<iframe src='part_form.php' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='participar.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";
		
		break;
	case "jornadas5":
			strHtml="<iframe src='inscripcion.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='inscripcion.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";
		
		break;


	}

	document.getElementById('centro').innerHTML=strHtml;
//	ventana.location.reload();
	document.getElementById('jornadas1').style.color="";
	document.getElementById('jornadas2').style.color="";
	document.getElementById('jornadas3').style.color="";
	document.getElementById('jornadas4').style.color="";
	document.getElementById('jornadas5').style.color="";
	document.getElementById(tit_jornadas).style.color="#cc00cc";
  }

function cambia_ejemplo(tit_ejemplo)
  {
	strHtml="";
	sel_opc=tit_ejemplo;
	switch(tit_ejemplo){
	case "ejemplo1":
			strHtml="<iframe src='ejemplo.htm' id='ventana' name='ventana' frameborder='0' AllowTransparency scrolling='auto' style='height:380px; width:730px;opacity:.80;'>";
			strHtml=strHtml + "Si ves este texto es porque tu navegador no permite iframe.<a href='ejemplo.htm' target='_blank'>Pincha aqu&iacute</a></iframe>";

		break;
	}
	document.getElementById('centro').innerHTML=strHtml;
	document.getElementById(tit_ejemplo).style.color="#cc00cc";
  }



function sobre_titulo(origen) {
	document.body.style.cursor = 'pointer';
	if (sel_tit!=origen) {document.getElementById(origen).style.backgroundColor="#eeaaee";}
}


function sale_titulo(origen) {
	document.body.style.cursor = 'default';
	if (sel_tit!=origen) {document.getElementById(origen).style.backgroundColor="";}
}

function sobre_opcion(origen) {
	document.body.style.cursor = 'pointer';
	if (sel_opc!=origen) {document.getElementById(origen).style.color="#333333";}
}


function sale_opcion(origen) {
	document.body.style.cursor = 'default';
	if (sel_opc!=origen) {document.getElementById(origen).style.color="#ffffff";}
}

function cambia_fondo(celda){

	document.getElementById('presenta').style.backgroundColor="";
	document.getElementById('organiza').style.backgroundColor="";
	document.getElementById('estructura').style.backgroundColor="";
	document.getElementById('jornadas').style.backgroundColor="";
	document.getElementById('ejemplo').style.backgroundColor="";
//	window.alert(celda);
	document.getElementById(celda).style.backgroundColor="#cc00cc";
}

function mayusculas(input){
	input.value = input.value.toUpperCase();
} 

function sube(){
	parent.document.location.href="index.html";
	cambia_jornadas('jornada1');
}

function marca_globe(celda){
	document.getElementById('seleccion').value = celda;
	document.getElementById('T1').className = "tabla_globe";
	document.getElementById('T2').className = 'tabla_globe';
	document.getElementById('T3').className = 'tabla_globe';
	document.getElementById('T4').className = 'tabla_globe';
	document.getElementById('T5').className = 'tabla_globe';
	document.getElementById('T6').className = 'tabla_globe';
	document.getElementById('T7').className = 'tabla_globe';
	document.getElementById('T8').className = 'tabla_globe';
	document.getElementById('T9').className = 'tabla_globe';
	document.getElementById('T10').className = 'tabla_globe';
	document.getElementById(celda).className = "tabla_globe_selec";
}