/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


/*****************************************************************************
Scroll de noticias. Script creado por Tunait! (21/8/2003)
Última modificación 27/3/04 se añade la opción de omitir las fechas
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
No autorizo a publicar y ofrecer el código en sitios de script sin previa autorización
Si quieres publicarlo, por favor, contacta conmigo.
http://javascript.tunait.com/
tunait@yahoo.com 
 ******************************************************************************/
var ancho = 100 //anchura del cuadro
var alto = 53 //altura del noticia
var altoCuadro = 106 //altura del cuadro
var marco = 0 //0 para que notenga marco (borde)
var fondo = '#FFFFFF' //color de fondo del cuadro
var pausilla = 2000 //tiempo de la pausa en milisegundos (2000 = 2 segundos)
var cursor = "default;"  //cursor que se quiera sobre el cuadro
var colTitular = '#990000' //color del texto del titular
var colTexto = '#999999' // color del texto de la noticia
var colFecha = '#E49603' //color del texto de la fecha
var colEnlace = '#660000' //color del texto del enlace
var fuente = "arial" //fuente para los textos 
var tamTitular = '13' //tamaño de la fuente del titular
var tamTexto = '10' //tamaño de la fuente del texto de la noticia
var tamFecha = '10' // tamaño de la fuente de la fecha
var tamEnlace = '10' // tamaño de la fuente del enlace 
var tamEspacio = '5' // tamaño de la fuente del enlace 
var marginTop = '3'
var masInfo = true //Determina si se usa o no el enlace. true para usarlo. false para omitirlo
var poneFecha = false //true para poner fecha. false para omitirla. Si no se quiere fecha, dejar las comillas vacías ""
var poneTexto = false //true para poner texto. false para omitirla. Si no se quiere fecha, dejar las comillas vacías ""


function noticia(titular,texto,fecha,enlace,destino){
    this.titular = titular;
    this.texto = texto;
    this.fecha= fecha;
    this.enlace = enlace;
    this.destino = destino;
}
var noticias = new Array();

function cargarNoticia(i,titulo){    
    noticias[i] = new noticia(titulo,"","","http://www.csma.es/ControladorNoticias.do?metodo=listarNoticiasActualidad&enlaceMenuIzquierda=actualidad&menu=menunoticias","_blank");
    //alert(i);
}


//function cargarNoticia(i,titulo,fecha){
//    noticias[i] = new noticia(titulo,"",fecha,"http://www.csma.es/ControladorNoticias.do?metodo=listarNoticiasActualidad&enlaceMenuIzquierda=actualidad&menu=menunoticias","_blank");
//    //alert(i);
//}

var det = false
function escribe(){
    document.write ('<div id="mami" style="width:' + ancho + '%; height:' + altoCuadro + 'px; position:relative;  overflow:hidden ">')
    document.write('<table bgcolor="' + fondo + '" border = "' + marco + '" width="' + ancho + '%" height="100%"><tr><td valign="top">')
    document.write ('<div id="uno" style="top:' + alto*2 +'px; width:' + ancho + '%; height:' + alto + 'px;  ">')
    document.write ('<div class="titular">')
    document.write (noticias[0].titular)
    document.write ('</div>')
    //document.write ('<span class="texto">Fecha de publicaci&oacute;n: </span>')
    if(poneFecha == true){
        document.write ('<span class="fecha">')
        document.write (noticias[0].fecha)
        //document.write ('</span>')
    }
    if(poneTexto == true){
        document.write ('<div class="texto">')
        document.write (noticias[0].texto)
        document.write ('</div>')
    }
    document.write ('<div class="texto2">')
    if(masInfo == true){
        document.write ('<a class="enlace" href="')
        document.write (noticias[0].enlace)
        document.write ('" target="' + noticias[0].destino + '">M&aacute;s informaci&oacute;n</a>')
    }
    document.write ('</div>')
    document.write ('</div>')
    document.write ('<div id="dos" style="top:' + (alto*3) +'px; width:' + ancho + '%; height:' + alto + 'px; ">')
    document.write ('<div class="titular">')
    document.write (noticias[1].titular)
    document.write ('</div>')
    //document.write ('<span class="texto">Fecha de publicaci&oacute;n: </span>')
    if(poneFecha == true){
        document.write ('<span class="fecha">')
        document.write (noticias[1].fecha)
        //document.write ('</span>')
    
    }
    if(poneTexto == true){
        document.write ('<div class="texto">')
        document.write (noticias[1].texto)
        document.write ('</div>')
    }
    document.write ('<div class="texto2">')
    if(masInfo == true){
        document.write ('<a class="enlace" href="')
        document.write (noticias[1].enlace)
        document.write ('" target = "' + noticias[1].destino + '">M&aacute;s informaci&oacute;n</a>')
    }
    document.write ('</div>')
    document.write ('</div>')
    document.write ('<div id="tres" style="top:' + (alto*4) +'px; width:' + ancho + '%; height:' + alto + 'px; ">')
    document.write ('<div class="titular">')
    document.write (noticias[2].titular)
    document.write ('</div>')
    //document.write ('<span class="texto">Fecha de publicaci&oacute;n: </span>')
    if(poneFecha == true){
        document.write ('<span class="fecha">')
        document.write (noticias[2].fecha)
        //document.write ('</span>')
    
    }
    if(poneTexto == true){
        document.write ('<div class="texto">')
        document.write (noticias[2].texto)
        document.write ('</div>')
    }
    document.write ('<div class="texto2">')
    if(masInfo == true){
        document.write ('<a class="enlace" href="')
        document.write (noticias[2].enlace)
        document.write ('" target = "' + noticias[2].destino + '">M&aacute;s informaci&oacute;n</a>')
    }
    document.write ('</div>')
    document.write ('</div>')
    document.write('</td></tr></table>')
    document.write ('</div>')
    if(navigator.appName == "Netscape")
    {altoUno = document.getElementById('uno').offsetHeight}
    else
    {altoUno = document.getElementById('uno').clientHeight}
    document.getElementById('uno').onmouseover =function(){
        det = true
        clearTimeout(tiempo)
    }
    document.getElementById('uno').onmouseout =function(){
        det = false;
        clearTimeout(tiempo)
        escrolea()
    }
    
    document.getElementById('dos').onmouseover =function(){
        det = true
        clearTimeout(tiempo)
    }
    document.getElementById('dos').onmouseout =function(){
        det = false;
        clearTimeout(tiempo)
        escrolea()
    }
    document.getElementById('tres').onmouseover =function(){
        det = true
        clearTimeout(tiempo)
    }
    document.getElementById('tres').onmouseout =function(){
        det = false;
        clearTimeout(tiempo)
        escrolea()
    }
}


function escribe1(){
    document.write ('<div id="mami" style="width:' + ancho + '%; height:' + altoCuadro + 'px; position:relative;  overflow:hidden ">')
    document.write('<table bgcolor="' + fondo + '" border = "' + marco + '" width="' + ancho + '%" height="100%"><tr><td valign="top">')
    document.write ('<div id="uno" style="top:0px;">')
    document.write ('<div class="titular">')
    document.write (noticias[0].titular)
    document.write ('</div>')
    //document.write ('<span class="texto">Fecha de publicaci&oacute;n: </span>')
    if(poneFecha == true){
        document.write ('<span class="fecha">')
        document.write (noticias[0].fecha)
        //document.write ('</span>')
    }
    if(poneTexto == true){
        document.write ('<div class="texto">')
        document.write (noticias[0].texto)
        document.write ('</div>')
    }
    document.write ('<div class="texto2">')
    if(masInfo == true){
        document.write ('<a class="enlace" href="')
        document.write (noticias[0].enlace)
        document.write ('" target="' + noticias[0].destino + '">M&aacute;s informaci&oacute;n</a>')
    }
    document.write ('</div>')
    document.write ('</div>')
    document.write('</td></tr></table>')
    document.write ('</div>')
    
}


function escribe2(){
    document.write ('<div id="mami" style="width:' + ancho + '%; height:' + altoCuadro + 'px; position:relative;  overflow:hidden ">')
    document.write('<table bgcolor="' + fondo + '" border = "' + marco + '" width="' + ancho + '%" height="100%"><tr><td valign="top">')
    document.write ('<div id="uno" style="top:0px;">')
    document.write ('<div class="titular">')
    document.write (noticias[0].titular)
    document.write ('</div>')
    document.write ('<div class="texto2">')
    if(masInfo == true){
        document.write ('<a class="enlace" href="')
        document.write (noticias[0].enlace)
        document.write ('" target="' + noticias[0].destino + '">M&aacute;s informaci&oacute;n</a>')
    }
    document.write ('</div>')
    document.write ('</div>')
    document.write ('<div id="dos" style="top:' + (alto) +'px;">')
    document.write ('<div class="titular">')
    document.write (noticias[1].titular)
    document.write ('</div>')
    document.write ('<div class="texto2">')
    if(masInfo == true){
        document.write ('<a class="enlace" href="')
        document.write (noticias[1].enlace)
        document.write ('" target = "' + noticias[1].destino + '">M&aacute;s informaci&oacute;n</a>')
    }
    document.write ('</div>')
    document.write ('</div>')
    document.write('</td></tr></table>')
    document.write ('</div>')
    
}
    

    
desp = 1
var cont = 1
var cont2 =2
var pos,pos2,pos3
function escrolea(){
    pos = document.getElementById('uno').style.top
    pos = pos.replace(/px/,"");
    pos = pos.replace(/pt/,"");
    pos = new Number(pos);
    pos2 = document.getElementById('dos').style.top
    pos2 = pos2.replace(/px/,"");
    pos2 = pos2.replace(/pt/,"");
    pos2 = new Number(pos2);
    pos3 = document.getElementById('tres').style.top
    pos3 = pos3.replace(/px/,"");
    pos3 = pos3.replace(/pt/,"");
    pos3 = new Number(pos3);
    pos -= desp
    pos2 -= desp
    pos3 -= desp

    var titulo11 = noticias[cont].titular.replace(/&quot;/g,'\"');
    var titulo12 = titulo11.replace(/&amp;/g,'\&');
    var titulo1 = titulo12.replace(/&#39;/g,'\'');

    var titulo21 = noticias[cont2].titular.replace(/&quot;/g,'\"');
    var titulo22 = titulo21.replace(/&amp;/g,'\&');
    var titulo2 = titulo22.replace(/&#39;/g,'\'');

    if (pos == desp){
        var contenidos = ""
        document.getElementById('dos').style.top = alto + "px"

       

        document.getElementById('dos').childNodes[0].firstChild.nodeValue  = titulo1;//noticias[cont].titular.replace(/&quot;/g,'\"');
        document.getElementById('tres').childNodes[0].firstChild.nodeValue  = titulo2;//noticias[cont2].titular.replace(/&quot;/g,'\"');
        document.getElementById('uno').style.top =0
        document.getElementById('tres').style.top =altoCuadro + "px"
        if(cont == noticias.length-1)
        {cont=0}
        else{
            cont++
        }
        if(cont2 == noticias.length-1)
        {cont2=0}
        else{
            cont2++
        }
        pausa()
        return false
    }
    else{
        if (pos2 == desp){            
            var contenidos = ""
            document.getElementById('tres').style.top = alto + "px"

            

            document.getElementById('tres').childNodes[0].firstChild.nodeValue  = titulo1;//noticias[cont].titular.replace(/&quot;/g,'\"');
            document.getElementById('uno').childNodes[0].firstChild.nodeValue  = titulo2;//noticias[cont2].titular.replace(/&quot;/g,'\"');
            document.getElementById('dos').style.top = 0
            document.getElementById('uno').style.top =altoCuadro + "px"
            if(cont == noticias.length-1)
            {cont=0}
            else{
                cont++
            }
            if(cont2 == noticias.length-1)
            {cont2=0}
            else{
                cont2++
            }
            pausa()
            return false
        }
        else{
            if (pos3 == desp){
                var contenidos = ""
                document.getElementById('uno').style.top = alto + "px"

               

                document.getElementById('uno').childNodes[0].firstChild.nodeValue  = titulo1;//noticias[cont].titular.replace(/&quot;/g,'\"');
                document.getElementById('dos').childNodes[0].firstChild.nodeValue  = titulo2;//noticias[cont2].titular.replace(/&quot;/g,'\"');
                document.getElementById('tres').style.top = 0
                document.getElementById('dos').style.top =altoCuadro + "px"
                if(cont == noticias.length-1)
                {cont=0}
                else{
                    cont++
                }
                if(cont2 == noticias.length-1)
                {cont2=0}
                else{
                    cont2++
                }
                pausa()
                return false
            }
            else{
                document.getElementById('uno').style.top = pos + "px"
                document.getElementById('dos').style.top = pos2 + "px"
                document.getElementById('tres').style.top = pos3 + "px"
            }
        }
    }
    tiempo = window.setTimeout('escrolea()',50)
}
var tiempo
function pausa()
{
    clearTimeout(tiempo)
    if (det == false){
        tiempo = setTimeout ('continuar()',2000)
    }
}


function continuar()
{
    if(det == false)
    {escrolea()}
}

document.write('<style type="text/css">')
document.write ('#uno {')
document.write ('color: #006699;')
if(cursor == "pointer" || cursor == "hand"){
    cursor = (navigator.appName == "Netscape")?'pointer;':'hand;';
}
document.write ('cursor:' + cursor + ";")
document.write ('position:absolute;}')
document.write ('#dos {')
document.write ('color: #006699;')
document.write ('cursor:' + cursor + ";")
document.write ('position:absolute;}')
document.write ('#tres {')
document.write ('color: #006699;')
document.write ('cursor:' + cursor + ";")
document.write ('position:absolute;}')
document.write ('.titular{')
document.write ('color:' + colTitular +';')
document.write ('font-family:' + fuente + ';')
document.write ('padding-top:' + marginTop + 'px;')
document.write ('padding-bottom :' + tamEspacio + 'px;')
document.write ('font-size :' + tamTitular + 'px;font-weight:bold}')
document.write ('.texto{')
document.write ('color:' + colTexto + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamTexto + 'px;')
document.write ('padding-bottom :' + tamEspacio + 'px;')
document.write ('margin-top :' + tamEspacio + 'px;}')
document.write ('.texto2{')
document.write ('color:' + colTexto + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamTexto + 'px;')
//document.write ('margin-top :' + marginTop + 'px;')
document.write ('padding-bottom :' + tamEnlace + 'px;}')

document.write ('.fecha{')
document.write ('color:' + colFecha +';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size :' + tamFecha + 'px;font-weight:bold;')
document.write ('padding-bottom :' + tamEspacio + 'px;')
document.write ('margin-top :' + tamEspacio + 'px;}')
if(poneFecha == true){
    document.write ('.fecha{')
    document.write ('color:' + colFecha +';')
    document.write ('font-family:' + fuente + ';')
    document.write ('font-size :' + tamFecha + 'px;font-weight:bold;')
    document.write ('padding-bottom :' + tamEspacio + 'px;')
    document.write ('padding-top :' + tamEspacio + 'px;}')
}
else{
    document.write ('.fecha{display: none;}')
}
document.write ('.enlace{')
document.write ('color:' + colEnlace + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamEnlace + 'px;}')
document.write ('</style>')



function cargaEnlace() {
    
    var direccion = "http://www.csma.es/download/"+document.getElementById('archivo').value+"?id=noticias";
    //var direccion = "http://localhost:8084/WebConservatorio/download/"+document.getElementById('archivoF').value+"?id=noticias";
    var fila2 = document.createElement("DIV");
    var contenedor = document.getElementById("capaEnlace");

    fila2.innerHTML="<div class='campo_formulario floatIzquierda'>"+
                    "<div class='color_texto_titulo etiqueta_formulario imagen_fondo_etiqueta_formulario color_texto_etiqueta_formulario margenIzquierda10px'>"+
                    "<label for='titulo' class='color_texto_titulo'>Direcci&oacute;n del fichero</label>"+
                    "</div>"+
                    "<div class='imagen_palito margenDerecha5px'></div>"+
                    "<div class='texto_enlace fuente_controles_formulario color_texto_etiqueta_formulario'>"+
                    "<span class='color_texto_titulo mispan'> "+direccion+" </span>"+
                    "</div>"+
                    "</div>";
                contenedor.appendChild(fila2);
   
    


    
}