/// <reference path="UIUtils.js" />
var CanvasViewer = function() {
    var timerId;
    var delay = 15000;
    var currentImageIndex = 0;
    var canvasImage;
    
    return {
        Init: function() {
            canvasImage = UIUtils.Get('canvasImage');
            UIUtils.Get('canvasViewerNext').on('click', CanvasViewer.Next);
            UIUtils.Get('canvasViewerPrevious').on('click', CanvasViewer.Previous);            
        },
        
        Next: function() {
            clearTimeout(timerId);
            currentImageIndex == canvasViewerData.length - 1 ? currentImageIndex = 0 : currentImageIndex++;
            canvasImage.dom.src = canvasViewerData[currentImageIndex];
            UIUtils.Show(canvasImage.id);
            timerId = CanvasViewer.Next.defer(delay);
        },
        
        Previous: function() {           
            clearTimeout(timerId);             
            currentImageIndex == 0 ? currentImageIndex = canvasViewerData.length - 1 : currentImageIndex--;
            canvasImage.dom.src = canvasViewerData[currentImageIndex];
            UIUtils.Show(canvasImage.id);            
            timerId = CanvasViewer.Previous.defer(delay);
        }
        
    }
}();

Ext.onReady(function() { CanvasViewer.Init(); CanvasViewer.Next(); }, this);