// JScript File

function AbrirSlide (urlwindow, heightwindow, widthwindow)
{
	
	var win = new Window({className: "alphacube",
					  width:widthwindow, height:heightwindow, resizable: false, draggable: false, minimizable: false, maximizable: false,
					  url: urlwindow, showEffectOptions: {duration:0.8}})
	win.setZIndex (150);
	win.showCenter(true);
	
}

function ActualizarImagen(numero, nombre)
{
    var imagen = document.getElementById("imagenCen");
    Element.extend(imagen);
    var newImagen = new Image();
    newImagen.src = "/data/img/" + nombre;
    $("imagenCen").src = newImagen.src;

    var imagenes = $$('.listaImagen');
    $("imagenCen").alt = imagenes[numero].title;
    $("imagenCen").title = imagenes[numero].title;
    $("marcoCen").alt = imagenes[numero].title;
    $("marcoCen").title = imagenes[numero].title;
    
        
    ResaltarElemento ("linkimagen" + numero, 'cL9', 'cL8', true);
    ResaltarElemento ("imagen" + numero, 'imagenActual', 'listaImagen', false);

    if (numero == 0 && numero != imagenes.length - 1)
    {
        ActivarFlechaImagen(1, 1);
        ActivarFlechaImagen(0, 0);
    }
    
    if (numero == imagenes.length - 1 && numero != 0)
    {
        ActivarFlechaImagen(1, 0);
        ActivarFlechaImagen(0, 1);
    }
    
    if (numero != 0 && numero != imagenes.length - 1)
    {
        ActivarFlechaImagen(1, 1);
        ActivarFlechaImagen(0, 1);
    }
    
    if (numero == 0 && numero == imagenes.length - 1)
    {
        ActivarFlechaImagen(1, 1);
        ActivarFlechaImagen(0, 1);
    }
    
    
}

function ResaltarElemento (numero, claseresaltada, restoclases, eliminaranterior) {
    var elementoresaltado = $$('.' + claseresaltada);
    if (elementoresaltado)
    {
        elementoresaltado[0].removeClassName(claseresaltada);
        elementoresaltado[0].addClassName(restoclases);
    }
    
    if (eliminaranterior)
        $(numero).removeClassName(restoclases);
        
    $(numero).addClassName(claseresaltada);    
}

function SiguienteImagen () {
    var imagenes = $$('.listaImagen');
    var selectedindex = 0;
    for (var index = 0; index < imagenes.length; ++index) {
        var item = imagenes[index];
       
        if (item.hasClassName('imagenActual'))
        {
            selectedindex = index + 1;
        }
    }
    
    if (imagenes.length > selectedindex)
        ActualizarImagen (selectedindex, imagenes[selectedindex].readAttribute('alt'));
        
}

function AnteriorImagen () {
    var imagenes = $$('.listaImagen');
    var selectedindex = 0;
    for (var index = 0; index < imagenes.length; ++index) {
        var item = imagenes[index];
        // Your code working on item here...
        if (item.hasClassName('imagenActual'))
        {
            selectedindex = index - 1;
        }
    }
    
    if (selectedindex >= 0)
        ActualizarImagen (selectedindex, imagenes[selectedindex].readAttribute('alt'));
        
}

function ActivarFlechaImagen (siguiente, activar)
{
    if (siguiente == 1)
        if (activar == 1)
            document.getElementById("cambioImagenSiguiente").src = "/img/Bullet33.gif";
        else
            document.getElementById("cambioImagenSiguiente").src = "/img/Bullet33A.gif";
    else
        if (activar == 1)
            document.getElementById("cambioImagenAnterior").src = "/img/Bullet31.gif";
        else
            document.getElementById("cambioImagenAnterior").src = "/img/Bullet31A.gif";
}

function ActualizarProyecto(idproyecto, idarea, tipoproyecto)
{
    new Ajax.Updater('slide', 'slide.aspx', {
      method: 'post',
      parameters: {id: idproyecto, area: idarea, tipoproyecto: tipoproyecto}
      });
}

function ActualizarNoticia(idnoticia)
{
    new Ajax.Updater('slide', 'slidenoticia.aspx', {
      method: 'post',
      parameters: {id: idnoticia}
      });
}

function CambioArea(area, tipoproyecto)
{
    ActualizarProyecto(null, area, tipoproyecto);
}

function toggleSelectArea()
{
    var selectArea = document.getElementById("selectArea");
    Element.extend(selectArea);
    if ($('selectArea').hasClassName('mostrarselectArea'))
    {
        $('selectArea').removeClassName('mostrarselectArea');
    }
    else
    {
        $('selectArea').addClassName('mostrarselectArea');
    }
}

function MostrarSelectArea()
{
    $('margenArea').addClassName('mostrarselectArea');
    $('selectArea').addClassName('mostrarselectArea');
}

function OcultarSelectArea()
{
    $('margenArea').removeClassName('mostrarselectArea');
    $('selectArea').removeClassName('mostrarselectArea');
}