window.addEvent('domready', function(){
    if (!window.magazineLayout) {
        return;
    }
    var data = window.magazineLayout;
    var totalPages = data.length;
    
    var updateText = function(i, total) {
        var start = i;
        start = (start).toString();
/*
        while (start.length < 2) {
            start = '0' + start;
        }
*/
        $('z343').innerHTML = start + ' de ' + total;
        $('z344').innerHTML = start + ' de ' + total;
    };
    
    var cache = {};
    cache[1] = $('mag-container').innerHTML;
    
    var holder = $('h3145');
    var totalBoxes = window.magazineLayout.length + 1;
    var current = 1;
    
    var nextEvent = function(){
        var size = $$('.magazine-image')[0].getSize().size;
        var overlay = new Element('div', {
            styles: {
                'width': size.x + 'px',
                'height': size.y + 'px',
                'position': 'absolute',
                'top': 0,
                'left': 0,
                'background-color': '#CCC4BB',
                'opacity': 0.85
            }
        });
        var loaderGif = new Element('img', {
            'src': 'plugins/flexicontent_fields/magazinelayout/ajax-loader.gif',
            styles: {
                'display': 'block',
                'width': '66px',
                'height': '66px',
                'margin': '0 auto',
                'margin-top': ((size.y / 2) - 33) + 'px'
            }
        });
        loaderGif.injectInside(overlay);
        $('mag-container').setStyle('position', 'relative');
        overlay.injectInside($('mag-container'));
        
        if ( current < totalBoxes ) {
            if (cache[current+1]) {
                 $('mag-container').setHTML(cache[current+1]);
                 new MultiBox('mbg', {useOverlay: true});
                 new Fx.Scroll(window).toTop();
            }
            else {
                var page = Json.toString(data[current - 1]);
                (function(current, overlay){
                    new Ajax('index.php?option=com_jumi&fileid=7&no_html=1', {
                        method: 'post',
                        data: 'json=' + encodeURIComponent(page),
                        onComplete: function(responseText){
                            //console.log(responseText);
                            //console.log('Setting cache entry for: ' + (current + 1));
                            cache[current + 1] = responseText;
                            $('mag-container').setHTML(responseText);
                            new MultiBox('mbg', {useOverlay: true});
                            $$('.mbg').each(function(el){
                                //console.log('Adding event handler');
                                el.addEvent('mouseenter', function(ev){
                                    if(this.getProperty('title') != '') {
                                        this.setProperty('xtitle', this.getProperty('title'));
                                        this.setProperty('title', '');
                                    }
                                });
                            });
                            new Fx.Scroll(window, {onComplete: function(){overlay.remove();}}).toTop();
                        }
                    }).request()
                })(current, overlay);
                
                // Actualizar Imagenes
            }
            
            
            current++;
		    updateText(current, totalBoxes);
		    $('prevImgGallery').setStyle('display', 'block');
		    $('prevImgGallery2').setStyle('display', 'block');
        }
        
        if (current == totalBoxes) {
            $('nextImgGallery').setStyle('display', 'none');
            $('nextImgGallery2').setStyle('display', 'none');
        }
    };
    
    $('nextImgGallery').addEvent('click', nextEvent);
    $('nextImgGallery2').addEvent('click',nextEvent);
    
    
    var prevEvent = function(){
        
        if ( current > 1 ) {
            $('mag-container').setHTML(cache[current - 1]);
            new Fx.Scroll(window).toTop();
            // Actualizar Imagenes
            
            current--;
            updateText(current, totalBoxes);
            $('nextImgGallery').setStyle('display', 'block');
            $('nextImgGallery2').setStyle('display', 'block');
            $$('.mbg').each(function(el){
                //console.log('Adding event handler');
                el.addEvent('mouseenter', function(ev){
                    if(this.getProperty('title') != '') {
                        this.setProperty('xtitle', this.getProperty('title'));
                        this.setProperty('title', '');
                    }
                });
            });
            new MultiBox('mbg', {useOverlay: true});
        }
         
        if (current == 1) {
            $('prevImgGallery').setStyle('display', 'none');
            $('prevImgGallery2').setStyle('display', 'none');
        }
    };
    
    $('prevImgGallery').addEvent('click', function(){prevEvent('')});
    $('prevImgGallery2').addEvent('click', function(){prevEvent('2')});
});