$().ready(function(){

    var s = $('#slideshow img').slideshow({autostart: false});
    
    $('.controls .next').click(function(){ s.next(); return false; });
    $('.controls .prev').click(function(){ s.prev(); return false; });

    $('a.buy').click(function(){
        var attributes = {};
        
        $('.attributes select').each(function(){
            var $this = $(this);
            var id = $this.attr('name').match(/\d+/);
            var id = id[0];
            attributes[id] = $this.val();
            
        });
        var data = {
            'product_id': this.id.substr(this.id.lastIndexOf('-')+1),
            'quantity': 1,
            'attributes': attributes
        }
        
        $.post(Ctrl.Config.baseUrl + '/cart/add/', {data : JSON.stringify(data) }, function(resp) {
            $.flashMessenger('Product added to cart.');
        });
        return false;
    });

    var overlay = $('#product .image .overlay');
    $('#product .image').hover( function(){ overlay.fadeIn(); }, function(){ overlay.fadeOut(); } );
    
});


$().ready(function(){
    var dialog = new Ctrl_Dialog_Ajax({
        dialogClass: 'gallery',
        resizable: false,
        draggable: true,
        show: 'fade',
        hide: 'fade',
        autoLoad: false,
        width: 600,
        height: 600,
        position: ['center', 106]
        
    });
    //dialog.window.find('.ui-dialog-titlebar').hide();
    
    var ss;
    
    $('#slideshow').click(function(){
        var id = $('a.buy').attr('id');
        id = id.substr(id.lastIndexOf('-')+1);
        
        dialog.setSrc(Ctrl.Config.baseUrl + '/product/gallery/id/' + id + '/format/html', function(){
            ss = $('ul.images li', this.elem).slideshow({
                delay: 6000,
                autostart: false
            });
            /*
            var l = [];
            ss.elem.each(function(i){
                l.push('<a href="#slideshow-' + i +'">•</a>')
            });
            var lW = l.length * 17;
            l = $('<div id="index">'+ l.join('') +'</div>').css({width: lW, left: 300 - (lW/2)});
            l.find('a').click(function(){ ss.stop().to(this.hash.replace(/[^0-9]/gmi, '')); return false; }).eq(0).addClass('active');
            
            ss.elem.bind('slideshow-post-in', function(){ l.find('a').eq(ss.pointer).addClass('active').siblings().removeClass('active'); })
            */
            $('#gallery', this.elem).append($('<a id="next" href="#" title="Next Page">Next</a>').click(function(){ ss.stop().next(); return false; }).hide())
            .append($('<a id="prev" href="#" title="Previous Page">Back</a>').click(function(){ ss.stop().prev(); return false; }).hide())
            .hover(function(){ $('#next, #prev').fadeIn(); }, function(){ $('#next, #prev').fadeOut(); });
                                  
            this.window.css({overflow: 'visible'});
            
            this.open(); 
        });
        
        return false;
    });    
    
});