/*
		Custom functions.
	*/
	/* MOVEOUT EFFECT */

    function moveout(idvieja,idnueva){
        objviejo=document.getElementById(idvieja);
        objnuevo=document.getElementById(idnueva);
        objviejo.style.left="0px";
        ancho=document.getElementById('wrappaginas').offsetWidth;
        alto=document.getElementById('wrappaginas').offsetHeight;
        objnuevo.style.left=ancho+"px";
        objnuevo.style.display="block";
        objnuevo.style.marginLeft="50px";
        if(idnueva>idvieja) objnuevo.style.top="-"+alto+"px";
        else objviejo.style.top="-"+alto+"px";
    
        setTimeout('moveoutTimer("'+idvieja+'","'+idnueva+'",0,1,'+ancho+')',50);
    }

    function moveoutTimer(idvieja,idnueva,posx,vel,ancho){
        objviejo=document.getElementById(idvieja);
        objnuevo=document.getElementById(idnueva);
        posx=posx-vel;
        if(posx+ancho<0)    //por si se pasa, bloqueamos a cero
            posx=-ancho;    

        if((posx+ancho)>(ancho/2))  vel=vel*2;
        else                        vel=vel/2;

        objviejo.style.left=posx+"px";
        objnuevo.style.left=(posx+ancho)+"px";
        if(posx+ancho > 0)
            setTimeout('moveoutTimer("'+idvieja+'","'+idnueva+'",'+posx+','+vel+','+ancho+')',50);
        else{
            objviejo.style.display="none";
            objnuevo.style.top="0px";
            objnuevo.style.marginLeft="0px";
            iLen = idnueva.length;
            nDiv = idnueva.substring(iLen, iLen - 1);
            ocultarCapasHome(nDiv);
        }
    }

    
    /*------------------------------------
        ::   Event Button   ::
        --------------------------------------*/
    var capaActual=1;
    
    function initHome()
    {
        ocultarCapasHome(1);
        var x = document.getElementById('homeBotonera').getElementsByTagName('a');
        for (var i=0;i<x.length-1;i++)
        {
            addEvent(x[i],"click",activarBoton);
        }
    }

    function activarBoton(e)
    {
        desactivarBotones();
        
        iLen = this.childNodes[0].id.length;
        nDiv = this.childNodes[0].id.substring(iLen, iLen - 1);
        if(capaActual!=nDiv)    //to avoid same in and out
            moveout('pagina'+capaActual,'pagina'+nDiv);
        this.className += ' activo';
    }

    function desactivarBotones()
    {
        var x = document.getElementById('homeBotonera').getElementsByTagName('a');
        for (var i=0;i<x.length;i++)
        {
            x[i].className = x[i].className.replace(/activo/g,'');
        }
    }
    
    function ocultarCapasHome(nDiv) // nDiv es la capa que NO se oculta
    {        
        capaActual=nDiv;
        for (var i=1;i<=5;i++){
            var x = document.getElementById('pagina'+i);
            (nDiv==i) ? x.style.display='block' : x.style.display='none';
            //(nDiv==i) ? fadeIn.toggle() : fadeOut.toggle();
        }
        
    }