/*
 * M&P CMS
 * Autor: Michal Szwed
 * www.mpagencja.pl
 */
var MainGallery = new Class({
    initialize : function(window)
    {
        this.window = window;
        this.container = window.getElement('.lightbox_container');
        
        this.initButtons();
        this.initSlider();
    },
    initButtons : function()
    {
        this.left = new Element('div', {
            'class' : 'left'
        });

        this.right = new Element('div', {
            'class' : 'right'
        });

        this.left.inject(this.window);
        this.right.inject(this.window);


    },
    initSlider : function()
    {
        this.slider = false;
        
        window.addEvent('load', function(){
            var l = this.container.getElements('.thumb').length;
            var w = this.container.getElement('.thumb').getComputedSize().totalWidth;
            var m = this.container.getLast('.thumb').getStyle('margin-left').toInt();
            
            var totalWidth = (l+1)*w+l*m;
            
            this.container.setStyle('width', totalWidth);
            
            this.slider = new Fx.Tween(this.container, {
                duration: 3000
            });
            
            this.left.addEvent('mouseover', function(){
                this.slider.start('margin-left', 0);
            }.bind(this));
            
            this.right.addEvent('mouseover', function(){
                this.slider.start('margin-left', -this.container.getStyle('width').toInt()+this.window.getStyle('width').toInt());
            }.bind(this));
                
                
            this.left.addEvent('mouseout', this.pause.bind(this));
            this.right.addEvent('mouseout', this.pause.bind(this));
            
        }.bind(this));
    },
    pause : function()
    {
        this.slider.cancel();
    }
});