﻿// Archivo JScript de menu
var noticiaInicial = 0;
var eventoInicial = 0;
var totalEventos = 4;
var total = 4;
var bRollonNoticias = true;
var bRollonEventos = true;
var bRollonNoticiasGlobal = true;
var bRollonEventosGlobal = true;
var bPausarNoticias = false;
var bPausarEventos = false;
var temporizacion = 5000;
var ancho = 270;
var pasoFadeOut = 10;
var noticiasVisibles = 3;
var eventosVisibles = 3;
var eventos = 3;
var pasoRollonVertical = 10;
var pasoRollonLateral = 10;
var textoNoticias = "rollingNoticias";
var textoEventos = "rollingEventos";

var velocidad = 0;
var identificador;
var tope = -120;


function TopeRoll(num)
{
    tope = num;
    alert(tope);
    
}
function descargarTriptico(idioma)
{
    if(idioma==1)
    {
        //Catalogo en español
       
        window.open("ftp://www.cojali.com/triptico-es.pdf");
        
    }
    else if(idioma==2)
    {
        //Catalogo en ingles
         window.open("ftp://www.cojali.com/triptico-en.pdf");
    }
    else if(idioma==4)
    {
        //Catalogo en frances
        document.location = "ftp://www.cojali.com/triptico-fr.pdf";
    }
    else if(idioma==5)
    {
        //Catalogo en italiano
         window.open("ftp://www.cojali.com/triptico-it.pdf");
    }
}
function descargarManual(idioma)
{
    if(idioma==1)
    {
        //Catalogo en español
       
        window.open("ftp://www.cojali.com/manual.pdf");
        
    }
    else if(idioma==2)
    {
        //Catalogo en ingles
         window.open("ftp://www.cojali.com/manual.pdf");
    }
    else if(idioma==4)
    {
        //Catalogo en frances
        document.location = "ftp://www.cojali.com/manual.pdf";
    }
    else if(idioma==5)
    {
        //Catalogo en italiano
         window.open("ftp://www.cojali.com/manual.pdf");
    }
}
function OcultarFlecha()
{
    document.getElementById("flechaUp").style.visibility = "hidden";
}

function Sube()
{
    if(velocidad > tope)
    {
        document.getElementById("flechaDown").style.visibility = "visible";
        velocidad = velocidad - 5;
        document.getElementById("texto").style.top = velocidad + "px";
        identificador = self.setTimeout("Sube()",90);
    }
}

function Stop()
{
  clearInterval(identificador);

}

function Baja()
{
   
    if(velocidad<0)
    {
    
        velocidad = velocidad + 5;
        document.getElementById("texto").style.top = velocidad + "px";
        identificador = self.setTimeout("Baja()",90);
    }

}

function mostrarEvento(idEvento)
{
    //alert(idEvento);
    //document.getElementById("frameNoticia").src = "JaltestEvento.aspx?idEvento=" + idEvento;
    document.location = "JaltestEvents.aspx#img"+idEvento;
}

function mostrarNoticia(idNoticia)
{
    //document.getElementById("frameNoticia").src = "JaltestNoticias.aspx?idNoticia=" + idNoticia;
    document.location = "JaltestNews.aspx#img"+idNoticia;
}

function seleccionarNoticias()
{
    document.getElementById("textoCabeceraNoticias").className="textoTituloSeccionSeleccionado";
   
    pausarRollonNoticias();
}

function deseleccionarNoticias()
{
    document.getElementById("textoCabeceraNoticias").className="textoTituloSeccionNoticia";
    reanudarRollonNoticias();
}

function seleccionarClientes()
{
    document.getElementById("textoCabeceraClienteIzquierda").className="textoTituloSeccionSeleccionado";
    pausarRollonNoticias();
}

function deseleccionarClientes()
{
    document.getElementById("textoCabeceraClienteIzquierda").className="textoTituloSeccionNoticia";
    reanudarRollonNoticias();
}

function seleccionarDistribuidores()
{
    document.getElementById("textoCabeceraDistribuidorIzquierda").className="textoTituloSeccionSeleccionado";
    pausarRollonNoticias();
}

function deseleccionarDistribuidores()
{
    document.getElementById("textoCabeceraDistribuidorIzquierda").className="textoTituloSeccionNoticia";
    reanudarRollonNoticias();
}

function seleccionarEventos()
{
    document.getElementById("textoCabeceraEventos").className="textoTituloSeccionSeleccionado";
    pausarRollonEventos();
}

function deseleccionarEventos()
{
    document.getElementById("textoCabeceraEventos").className="textoTituloSeccionNoticia";
    reanudarRollonEventos();
}

function seleccionarIdioma()
{
    document.getElementById("textoCabeceraIdioma").className="textoTituloSeccionSeleccionado";
}

function deseleccionarIdioma()
{
    document.getElementById("textoCabeceraIdioma").className="textoTituloSeccionNoticia";
}

function pausarRollonNoticias()
{
    bPausarNoticias = true;
}

function reanudarRollonNoticias()
{
    bPausarNoticias = false;
}

function pausarRollonEventos()
{
    bPausarEventos = true;
}

function reanudarRollonEventos()
{
    bPausarEventos = false;
}

//Obtenemos el numero de noticias que hay y iniciamos el rollon
function iniciarRollon()
{  
    
    var contador = 0;
    var contadorEventos = 0;
    
    while(document.getElementById(textoNoticias+contador) != null)
    {
        contador++;
    }
    total = contador;
    
    while(document.getElementById(textoEventos+contadorEventos) != null)
    {
        contadorEventos++;
    }
    totalEventos = contadorEventos;
    
    bRollonNoticiasGlobal = (total > noticiasVisibles);
    //bRollonNoticias = (total > noticiasVisibles);
    bRollonEventosGlobal = (totalEventos > eventosVisibles);
    //bRollonEventos = (totalEventos > eventosVisibles);
    
    if (bRollonNoticiasGlobal || bRollonEventosGlobal)
    {
        self.setTimeout('rollonNews(' + noticiaInicial + ',' + eventoInicial + ')', temporizacion);
    }
}

function rollonNews(idActual, idEventoActual)
{
    /*
     *  El funcionamiento del rollon será:
     *  - Fade out del primer elemento
     *  - Subir 2 elementos siguientes (de uno en uno)
     *  - Aparición desde la derecha del último
     */
    bRollonNoticias = !bPausarNoticias && bRollonNoticiasGlobal;
    bRollonEventos = !bPausarEventos && bRollonEventosGlobal;
    fadeOutNoticia(idActual, 100, idEventoActual);
}

function fadeOutNoticia(idNoticia, opacityActual, idEvento)
{
    var div = document.getElementById(textoNoticias+idNoticia);
    if (bRollonNoticias)
    {
        div.style.filter = "alpha(opacity=" + --opacityActual + ");"
        div.style.MozOpacity = (opacityActual / 100); 
    }
    
    var divEvento = document.getElementById(textoEventos+idEvento);
    if (bRollonEventos)
    {
        divEvento.style.filter = "alpha(opacity=" + --opacityActual + ");"
        divEvento.style.MozOpacity = (opacityActual / 100); 
    }
    
    if (opacityActual>0)
    {
        self.setTimeout('fadeOutNoticia(' + idNoticia + ',' + opacityActual + ',' + idEvento + ')', 5);
    }
    else
    {
        var x = obtenerWidth(div);
        var xEvento = obtenerWidth(divEvento);
        
        if (bRollonNoticias)
        {  
            div.style.left = x + "px";
            div.style.filter = "alpha(opacity=" + 100 + ");"
            div.style.MozOpacity = 1;
        }
        
        if (bRollonEventos)
        {  
            divEvento.style.left = xEvento + "px";
            divEvento.style.filter = "alpha(opacity=" + 100 + ");"
            divEvento.style.MozOpacity = 1;
        }
        
        idNoticia = (idNoticia+1)%total;
        idEvento = (idEvento+1)%totalEventos;
        var div2 = document.getElementById(textoNoticias+idNoticia);
        var y = obtenerHeight(div2);
        rollonUpNoticia(idNoticia, 1, y, idEvento);
    }
}

//Metodo utilizado para subir una noticia una posición
function rollonUpNoticia(idNoticia, posicion, restante, idEvento)
{
    if (posicion >= noticiasVisibles)
    {
        var div2 = document.getElementById(textoNoticias+idNoticia);
        var div2Evento = document.getElementById(textoEventos+idEvento);
        
        var y = obtenerWidth(div2);
        var altura = obtenerHeight(div2);
        
        if (bRollonNoticias)
        {  
            div2.style.top = ((noticiasVisibles - 1) * altura) + "px";
            div2.style.left = (-y) + "px";
        }
        
        if (bRollonEventos)
        {  
            div2Evento.style.top = ((noticiasVisibles - 1) * altura) + "px";
            div2Evento.style.left = (-y) + "px";
        }
        
        rollonNoticiaLateral(idNoticia, y, idEvento);
        return;
    }
    
    var div = document.getElementById(textoNoticias+idNoticia);
    var divEvento = document.getElementById(textoEventos+idEvento);
    var x = obtenerTop(div);
    var xEvento = obtenerTop(divEvento);
    
    if (restante > pasoRollonVertical)
    {
        if (bRollonNoticias)
        {  
            div.style.top=(x-pasoRollonVertical)+"px";
        }
        
        if (bRollonEventos)
        {  
            divEvento.style.top=(xEvento-pasoRollonVertical)+"px";
        }
        
        restante = restante - pasoRollonVertical;
    }
    else
    {
        if (bRollonNoticias)
        {  
            div.style.top=(x-restante)+"px";
        }
        
        if (bRollonEventos)
        {  
            divEvento.style.top=(xEvento-restante)+"px";
        }
        
        restante = 0;
    }
    
    if (restante > 0)
    {
        self.setTimeout('rollonUpNoticia(' + idNoticia + ',' + posicion +  ',' + restante + ',' + idEvento + ')', 25);
    }
    else
    { 
        idNoticia = (idNoticia+1)%total;
        idEvento = (idEvento+1)%totalEventos;
        var div2 = document.getElementById(textoNoticias+idNoticia);
        var y = obtenerHeight(div)
        posicion++;
        
        self.setTimeout('rollonUpNoticia(' + idNoticia + ',' + posicion +  ',' + y + ',' + idEvento + ')', 25);
    }
}

function rollonNoticiaLateral(idNoticia, restante, idEvento)
{
    var div = document.getElementById(textoNoticias+idNoticia);
    var divEvento = document.getElementById(textoEventos+idEvento);
    
    var x = obtenerLeft(div);
    var xEvento = obtenerLeft(divEvento);
    
    if (restante > pasoRollonLateral)
    {
        if (bRollonNoticias)
        {  
            div.style.left=(x+pasoRollonLateral)+"px";
        }
        
        if (bRollonEventos)
        {  
            divEvento.style.left=(xEvento+pasoRollonLateral)+"px";
        }
        
        restante = restante - pasoRollonLateral;
    }
    else
    {
        if (bRollonNoticias)
        {  
            div.style.left=(x + restante)+"px";
        }
        
        if (bRollonEventos)
        {  
            divEvento.style.left=(xEvento + restante)+"px";
        }
        restante = 0;
    }
    
    if (restante > 0)
    {
        self.setTimeout('rollonNoticiaLateral(' + idNoticia + ',' + restante + ',' + idEvento + ')', 25);
    }
    else
    { 
        if (bRollonNoticias)
        {  
            noticiaInicial = (noticiaInicial + 1) % total;
        }
        
        if (bRollonEventos)
        {  
            eventoInicial = (eventoInicial + 1) % totalEventos;
        }
        self.setTimeout('rollonNews(' + noticiaInicial + ',' + eventoInicial + ')', temporizacion);
        
    }
}

function obtenerWidth(div)
{
    if (div == null) return 0;
    var y=(document.defaultView && document.defaultView.getComputedStyle) ?
    document.defaultView.getComputedStyle(div,'').getPropertyValue("width") :
    div.currentStyle ? div.currentStyle.width : "";
    
    y= parseInt(y);
    
    return y;
}

function obtenerHeight(div)
{
    if (div == null) return 0;
    var y=(document.defaultView && document.defaultView.getComputedStyle) ?
    document.defaultView.getComputedStyle(div,'').getPropertyValue("height") :
    div.currentStyle ? div.currentStyle.height : "";
    
    y= parseInt(y);
    
    return y;
}

function obtenerTop(div)
{
    if (div == null) return 0;
    var y=(document.defaultView && document.defaultView.getComputedStyle) ?
    document.defaultView.getComputedStyle(div,'').getPropertyValue("top") :
    div.currentStyle ? div.currentStyle.top : "";
    
    y= parseInt(y);
    
    return y;
}

function obtenerLeft(div)
{
    if (div == null) return 0;
    var y=(document.defaultView && document.defaultView.getComputedStyle) ?
    document.defaultView.getComputedStyle(div,'').getPropertyValue("left") :
    div.currentStyle ? div.currentStyle.left : "";
    
    y= parseInt(y);
    
    return y;
}

