var Preview = new Class({
    initialize: function(pcapa, pImatges, alcada) {
        this.vCapa = $(pcapa);
        this.vimages = $$(pImatges);
        this.contador = 0;
        this.visible1 = "";
        this.visible2 = "";
        this.tamany = alcada;
        
        for (var i = 0; i <= this.vimages.length - 1; i++) {
       
            this.vimages[i].set('opacity', 0);
            this.vimages[i].set('id', i);
            this.vimages[i].setStyle('cursor', 'url("/images/cursorLupa_in.png"), pointer');
            this.vimages[i].addEvent('click', function() {
 
                if ($$(pImatges)[0].getStyle('width') != '680px') {
                    $('CajaPreview').set('class', 'PreviewSimple');
                    this.setStyle('margin', '0'); this.setStyle('width', '680px'); for (var a = 0; a <= $$(pImatges).length - 1; a++) { $$(pImatges)[a].setStyle('cursor', 'url("/images/cursorLupa_in.png"), pointer'); $$(pImatges)[a].setStyle('margin', '0');$$(pImatges)[a].setStyle('border-width', '2px'); $$(pImatges)[a].setStyle('width', '680px'); $$(pImatges)[a].set('opacity', 0); $$(pImatges)[a].setStyle('cursor', 'url("/images/cursorLupa_out.png"), pointer'); } this.fade('in');
                    var aux = $$(pImatges)[0].getStyle('height').toInt() + 20
                    
                    $('CajaPreview').setStyle('height',646)
                }
                else {
                    $('CajaPreview').set('class', 'PreviewDoble')
                    for (var a = 0; a <= $$(pImatges).length - 1; a++) {
                        $$(pImatges)[a].setStyle('width', '340px');
                        if (a % 2 == 0) { $$(pImatges)[a].setStyle('margin-left', '343px');$$(pImatges)[a].setStyle('border-left-width', '1px'); }else{$$(pImatges)[a].setStyle('border-right-width', '1px'); }
                        if ($$(pImatges)[a].get('opacity') == 1) {
                            if (a % 2 == 0) { if ($chk($$(pImatges)[a - 1])) { $$(pImatges)[a - 1].fade('in'); } }
                            else {
                                if ($chk($$(pImatges)[a + 1])) { $$(pImatges)[a + 1].fade('in'); }
                            }
                        }
                    }
                    
                    var aux = $$(pImatges)[0].getStyle('height').toInt() + 20
                    $('CajaPreview').setStyle('height', aux)
                }

            });

            if (i % 2 == 0) { this.vimages[i].setStyle('margin-left', '342px'); }
        }
        this.vimages[this.contador].setStyle('cursor', 'url("/images/cursorLupa_in.png"), pointer')
        this.vimages[this.contador].fade('in');

  
    },
    avancar: function() {

        if (this.vimages[0].getStyle('width') != '680px') {
            $('Ant').set('opacity', 1);
            if ($chk(this.vimages[this.contador])) {
                this.vimages[this.contador].fade('out');
            }
            if ($chk(this.vimages[this.contador - 1])) {
                this.vimages[this.contador - 1].fade('out');
            }
            this.contador = this.contador + 1
            if ($chk(this.vimages[this.contador])) {
                this.vimages[this.contador].fade('in');
                this.contador = this.contador + 1
                if ($chk(this.vimages[this.contador])) {
                    this.vimages[this.contador].fade('in');
                }
            }
            if (!$chk(this.vimages[this.contador + 1])) { $('Sg').set('opacity', 0); }
        }
        else {
            $('Ant').set('opacity', 1);
            if ($chk(this.vimages[this.contador])) {
                if (this.vimages[this.contador].get('opacity') == 0) { this.contador = this.contador - 1 }
                this.vimages[this.contador].fade('out');
            }
            this.contador = this.contador + 1;
            if ($chk(this.vimages[this.contador])) { this.vimages[this.contador].fade('in'); }
            if (!$chk(this.vimages[this.contador + 1])) { $('Sg').set('opacity', 0); }
        }
    },
    retrocedir: function() {

        if (this.vimages[0].getStyle('width') != '680px') {
            $('Sg').set('opacity', 1)
            if ($chk(this.vimages[this.contador])) { this.vimages[this.contador].fade('out'); }
            if ($chk(this.vimages[this.contador - 1])) { this.vimages[this.contador - 1].fade('out'); }
            this.contador = this.contador - 2;
            if ($chk(this.vimages[this.contador])) { this.vimages[this.contador].fade('in'); }
            this.contador = this.contador - 1;
            if ($chk(this.vimages[this.contador])) { this.vimages[this.contador].fade('in'); }
            this.contador = this.contador + 1;
            if (this.contador <= 0) { this.contador = 0; $('Ant').set('opacity', 0); }
        }
        else {
            $('Ant').set('opacity', 1);
            if ($chk(this.vimages[this.contador])) {
                if (this.vimages[this.contador].get('opacity') == 0) { this.contador = this.contador - 1 }
                this.vimages[this.contador].fade('out');
            }
            this.contador = this.contador - 1;
            if ($chk(this.vimages[this.contador])) { this.vimages[this.contador].fade('in'); }
            if (!$chk(this.vimages[this.contador - 1])) { $('Ant').set('opacity', 0); }
        }
    }
});