window.addEvent('domready', function(){
    var el = $('contenidos').getElements('.ficha .panel .campos .grupo img');
    el.each(function(item, index){

        // Evitar las img del slideshow...
        if (item.getParent('[class=slideshow]')) {
            return;
        }

        // Se dibuja el borde blanco de 5px...
        item.setStyles({border: '5px solid #FFF'});

        // Tema alinenamiento...
        if (item.getProperty('align')) {
            var alineamiento = item.getProperty('align').substring(1 + item.getProperty('align').lastIndexOf('='), item.getProperty('align').length);
            item.removeProperty('align');
        }

        // Se obtiene el ancho de la imagen y se le suma el ancho del borde...
        var ancho = 10 + parseInt(item.getProperty('width'));

        // Se genera el borde exterior...
        var elDiv = new Element('div');
        elDiv.setProperty('class', 'imgext');
        elDiv.setStyle('width', ancho);
        elDiv.setStyle('margin', 10);
        if (alineamiento != '') {
            elDiv.setStyle('float', alineamiento);
        }
        elDiv.wraps(item);

        // Se obtiene info de la imagen...
        var fichero = item.getProperty('src').substring(1 + item.getProperty('src').lastIndexOf('/'), item.getProperty('src').length);
        var jsonRequest = new Request.JSON({url: "http://75aniversario.radiovigo.com/model/programas/infoImagen.php", onComplete: function(datos){
            item.setProperty('alt', datos.imagen);
            item.setProperty('title', datos.imagen);

            // Tema pie de foto...
            if (datos.descripcion) {
                var elPie = new Element('div');
                elPie.setProperty('class', 'imgpie');
                elPie.set('text', datos.descripcion);
                elPie.inject(item, 'after');
            }
        }}).get({'fichero': fichero});
    });
    
    var el = $('contenidos').getElements('.ficha .imagen');
    el.each(function(item, index){
        if (!index) return;
        if (Math.random() > 0.5) {
            var lado    = 'right';
            var izq     = '10px';
            var dcha    = '0px';
        } else {
            var lado    = 'left';
            var izq     = '0px';
            var dcha    = '10px';
        }
        item.setStyle('float', lado);
        item.setStyle('margin-right', dcha);
        item.setStyle('margin-left', izq);
    });
    
});