// JavaScript Document

// Esta función cargará las paginas
var cambiamenu = 0;
var sec = 0;
function callinfo (url, id_contenedor, cm, sm)
{
	sec = sm;
	cambiamenu = cm;
    var pagina_requerida = false;
    if (window.XMLHttpRequest)
    {
        // Si es Mozilla, Safari etc
        pagina_requerida = new XMLHttpRequest ();
    } else if (window.ActiveXObject)
    {
        // pero si es IE
        try 
        {
            pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            // en caso que sea una versión antigua
            try
            {
                pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
            }
            catch (e)
            {
            }
        }
    } 
    else
    return false;
    pagina_requerida.onreadystatechange = function ()
    {
        // función de respuesta
        cargarpagina (pagina_requerida, id_contenedor);
    }
    pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
    pagina_requerida.send (null);
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina (pagina_requerida, id_contenedor)
{
    if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
	{
		document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
		if (cambiamenu == 0){
			var info4 = new OpacityTween(document.getElementById('info'),Tween.regularEaseIn, 1, 100, .6);
			var continfo2 = new Tween(document.getElementById('cont1').style,'left',Tween.regularEaseOut,-700,0,.8,'px');
			if ( sec == 35 ) {
				var cont2entra1 = new Tween(document.getElementById('cont2').style,'left',Tween.regularEaseOut,-700,100,.8,'px');
				continfo2.onMotionFinished = function(){ cont2entra1.start(); };
			}
			if ( sec == 54 ) {
				document.getElementById('cont2').style.left = "100px";
			}
			info4.onMotionFinished = function(){ continfo2.start(); };
			cambiamenu = 0;
//			continfo2.start();
			info4.start();
		}
		if (cambiamenu == 1){
			cambiamenu = 2;
//			var submenuOpac2 = new OpacityTween(document.getElementById('submenu1'),Tween.regularEaseOut, 0, 100, .6);
//			submenuOpac2.start();
			var submenuFuera2 = new Tween(document.getElementById('submenu1').style,'left',Tween.strongEaseOut,-200,0,.6,'px');
			info = "info"+sec+"0.html";
			submenuFuera2.onMotionFinished = function(){ callinfo(info, "info", 2, sec); };
			submenuFuera2.start();
			
		}
		if (cambiamenu == 2){
			cambiamenu = 0;
			if (sec==6) { 
				document.getElementById('info').style.width = "900px";
				document.getElementById('submenu1').style.top = "520px";
			}
			else
			{
				document.getElementById('info').style.width = "700px"; 
				document.getElementById('submenu1').style.top = "120px";
			}
			var continfo1 = new Tween(document.getElementById('cont1').style,'left',Tween.regularEaseOut,-700,0,.6,'px');
			var info2 = new OpacityTween(document.getElementById('info'),Tween.strongEaseIn, 1, 100, .6);
			info2.onMotionFinished = function(){ continfo1.start(); };
			info2.start();
		}

	}
}