vox.gallery = {
    intervalTime: 2900,
    interval: null,
    slideNum: 0,
    numOfSlides: 0,
    slideWidth: 864,
    init: function(){
        $('.haccordion').haccordion();
        vox.gallery.numOfSlides = $('#slideshow_mask').children('ul').children('li').length;
        vox.gallery.interval = setInterval(vox.gallery.next, vox.gallery.intervalTime);
        
        $('#left_arrow').live('click', vox.gallery.clickPrev);
        $('#right_arrow').live('click', vox.gallery.clickNext);
        $('.haccordion .header:last').click();
    },
    slide: function(id){
        vox.gallery.slideNum = id;
        
        if(vox.gallery.slideNum == vox.gallery.numOfSlides)
            vox.gallery.slideNum = 0;
        else if(vox.gallery.slideNum == -1)
            vox.gallery.slideNum = vox.gallery.numOfSlides-1;
            
        $('#slideshow_mask').children('ul').animate({'left':'-'+(vox.gallery.slideWidth*vox.gallery.slideNum)+'px'});
    },
    clickNext: function(e){
        e.preventDefault();
        clearInterval(vox.gallery.interval);
        
        vox.gallery.next();
    },
    next: function(){
        vox.gallery.slide(vox.gallery.slideNum+1);
    },
    clickPrev: function(e){
        e.preventDefault();
        clearInterval(vox.gallery.interval);
        
        vox.gallery.slide(vox.gallery.slideNum-1);
    }
};

$(document).ready(vox.gallery.init);