//mootools.js + cargar.js
//Pasamos 2 argumentos, el div donde cargaremos los datos y la ruta a cargar.
var cargar = function(elem, ruta) {
        //mientras este cargando no enviamos mas peticiones
        if($(elem).hasClass('loading')) return false;
        $(elem).toggleClass('loading');
        //estamos cargando
        $(elem).set('html', "<img src='http://www.enclave-ele.es/web/themes/enclave/imagenes/loading.gif' />");// <span class='cargando'>Cargando datos...</span>
        var peticion = new Request({
                method:         'get',
                url:            ruta,
                onSuccess:      function(texto, xmlrespuesta) {
                                        elemento = $(elem);
                                        elemento.toggleClass('loading');
                                        //actualizamos contenedor
                                        elemento.empty();
                                        jQelem = '#'+elem;
                                        jQuery(jQelem).html(texto);
                                        // para que se cargue una unica vez añadimos clase
                                        elemento.addClass('loaded');
                                },
                onFailure:      function() {
                                        alert('Fallo al cargar portadas.');
                                }
        }).send();
        return false;
}

function cajametodos(flecha, estado, destino) {
        cuadro= 'cuadro-'+flecha;
        if (estado == 'show') {
                $('logo-contenedor-metodos-2').setStyle('display', 'none');
		if(! $(cuadro).hasClass('loaded'))
			cargar(cuadro, '../themes/enclave/portadas.php?cat='+destino);
                $(cuadro).setStyle('display', 'block');
        } else {
                if (estado == 'hide') {
                        $('logo-contenedor-metodos-2').setStyle('display', 'block');
                        $(cuadro).setStyle('display', 'none');
                } else {
                        alert('Estado erroneo');
                }
        }
}

function cajamateriales(flecha, estado, destino) {
        cuadro= 'cuadro-'+flecha;
        if (estado == 'show') {
                $('logo-contenedor-materiales').setStyle('display', 'none');
		if(! $(cuadro).hasClass('loaded'))
			cargar(cuadro, '../themes/enclave/portadas.php?cat='+destino);
                $(cuadro).setStyle('display', 'block');
        } else {
                if (estado == 'hide') {
                        $('logo-contenedor-materiales').setStyle('display', 'block');
                        $(cuadro).setStyle('display', 'none');
                } else {
                        alert('Estado erroneo');
                }
        }
}