// Galeria na Notícia
// Rodrigo Nishino <rodrigo.nsh@gmail.com>

function carregaFoto(ev, item){
    
    if (ev){
        Event.stop(ev);
        var item = Event.findElement(ev);
        }
            
    // compor url
    var anch = item.up("a");
    var corte = anch.href.indexOf("static");
    var imagem = anch.href.substr(corte);
    var imgtpl = "i.php?i="+imagem+"&w=640&h=400";
            
    // considerar imagem atual
    var atual = $("gal_foto").childElements()[0];
    if (atual){
        
        if (atual.src.indexOf(imgtpl) > 0){
            var fadeOut = false;
            var loadImg = false;
            }
        else {
            var fadeOut = true;
            var loadImg = true;
            }
        }
    else{
        var fadeOut = false;
        var loadImg = true;
        }
        
            
    if (fadeOut) new Effect.Fade(atual);
               
    if (loadImg) {
        // alternar classe 'ativo' entre itens
        $$("#gal_th a img").each(function(i,j){i.removeClassName("ativo")});
        item.addClassName("ativo");
        
        // criar imagem
        imagemObj = new Image(640,400);
        imagemObj.onload = function(){
            $("gal_foto").update(imagemObj);
            var nova = $("gal_foto").childElements()[0];
            nova.hide();
            new Effect.Appear(nova);
            };
        
        imagemObj.src = imgtpl;
        
        if (item.alt != ""){
            
            var partes = item.alt.split("---");            
            
            if ($("gal_legenda").innerHTML == ""){
                new Effect.Appear("gal_legenda");
                }
            $("gal_legenda").innerHTML = partes[0];
            $("gal_cred").innerHTML = partes[1];
            }
        else{
            new Effect.Fade("gal_legenda");
            $("gal_legenda").innerHTML = "";
            $("gal_cred").innerHTML = "&nbsp;";
            }
        
        }
    }
    
function deslizarMiniaturas(valor){
    
    var left = parseInt($('gal_th').getStyle('left'));
    var novo = left+valor;
    
    new Effect.Morph('gal_th', {

        style: {left: novo+'px'}, // CSS Properties
        duration: 1.3, // Core Effect properties
        transition: Effect.Transitions.sinoidal
    
        });
    
        
    }
    
function prepararGaleria(ev){
    
    
    var TotalWidth = 0;

    $$("#gal_th a img").each(
        function (item, number){
        
            var largura = item.getWidth();
            TotalWidth = TotalWidth + largura + 20;
            
            // Carregar automaticamente a primeira foto
            if (number == 0) carregaFoto(null, item);
        
            item.observe("click", carregaFoto)
            
            }, this);

    $('gal_th').setStyle({width: TotalWidth+'px'});
    $('gal_esquerdabt').observe('click', function(){deslizarMiniaturas(400)});
    $('gal_direitabt').observe('click', function(){deslizarMiniaturas(-400)});
    
    
    }

Event.observe(window, "load", prepararGaleria);