/*
    @author   : Igor "SkAZi" Potapov <igor@potapoff.org>
    @copyright: Plan-B Ltd.
    @requires : Mootools 1.2
*/

new Loader([
    '/media/img/gallery/pager-right.gif',
    '/media/img/gallery/pager-left.gif',
    '/media/img/gallery/pager-right-hover.gif',
    '/media/img/gallery/pager-left-hover.gif',
]);

window.addEvent('domready', function(){
    
    var allPreviews = $$('#gallery-preview-line > a.pic');
    var allTexts = {};
    
    var selectPicture = function( what ){
        
        var selected = this;
        
        if(what=='next')
            selected = $$('#gallery-preview-line > a.pic.selected')[0].getNext('a.pic');
        if(what=='prev')
            selected = $$('#gallery-preview-line > a.pic.selected')[0].getPrevious('a.pic');
        if(typeof(what)=='number')
            selected = allPreviews[ what ];
            
        if(!selected || selected.hasClass('selected')) return false;
        
        $('gallery-preview-prev').fade('in');
        $('gallery-preview-next').fade('in');
        allPreviews.each(function( item ){ item.removeClass('selected'); });
        selected.fireEvent('mouseleave');
        selected.addClass('selected');
        
        $('gallery-photo-text').fade('out');
        $('gallery-main-pic').set('text', '');
        if(/swf$/.test(selected.get('href'))){
            
            new Swiff(selected.get('href'), {
                container: 'gallery-main-pic',
                width: "600",
                height: "400",
                id: 'flash-panram'
            })
            
        } else {
            
            new Element('img', {
                'src': selected.get('href'),
                'alt': '*',
                'title': '',
                'styles':{
                    'opacity': 0,
                    'visibility': 'hidden'
                }
            }).inject( $('gallery-main-pic') ).fade('in');
            
        }
        
        (function(){
            var text = allTexts[ selected ];
            $('gallery-photo-text').set('html', '<h3>'+(text[0] || '')+'</h3><p>'+(text[1] || '')+'</p>').fade('in');
        }).delay(400);
        
        if(selected == allPreviews[0])
            $('gallery-preview-prev').fade('out');
        if(selected == allPreviews.getLast())
            $('gallery-preview-next').fade('out');
            
        return false;
    }
    
    
    
    var showPreview = function(){
        if(!this.hasClass('selected'))
            this.getElements('img')[0].fade('in');
    }



    var hidePreview = function(){
        if(!this.hasClass('selected'))
            this.getElements('img')[0].fade('out');
    }
    
    
    
    selectPicture(0);

    $('gallery-preview-prev').setStyles({'opacity': 0, 'visibility': 'hidden'});
    allPreviews.each(function( item ){
        allTexts[ item ] = item.get('title');
        if(allTexts[ item ])
            allTexts[ item ] = allTexts[ item ].split(' | ');
        else
            allTexts[ item ] = ['',''];
          
        if(item.hasClass('panram'))  
            new Element('ins', {'html': gettext('Панорамное<br />фото')}).inject(item, 'top')
            
        item.set('title', '').set('fade', {'duration': 100}).getElements('img')[0].setStyle('opacity', 0);
        item.addEvents({
            'click': selectPicture,
            'mouseenter': showPreview,
            'mouseleave': hidePreview
        });
    });
    
    $('gallery-preview-prev').addEvent('click', function(){ return selectPicture('prev'); });
    $('gallery-preview-next').addEvent('click', function(){ return selectPicture('next'); });

});