var imageViewer = {

    // navtypes: 'none' 'basic' 'advanced'
    options: {interval:5000,speed:2000},
    
    api: null,
    
    init: function(selector, options) {
        if(options) {
            $.extend(imageViewer.options,options);
        }

        imageViewer.fade.init(selector);

	}

};

imageViewer.fade = {

    currentIndex: 0,
    
    interval: null,
    
    $els: null,
    
    init: function(selector) {
        
        imageViewer.fade.$els = $(selector + ' .ivItem img');
        
        // setting all to absolute position...
        imageViewer.fade.$els.css('position','absolute').css('left','0').css('top','0');
        
        // fade all but the top image:
        $(selector + ' .ivItem img:not(#ivContainerInner .ivItem img:first)').fadeOut(5);
        
        imageViewer.fade.interval = setInterval(imageViewer.fade.startShow,imageViewer.options.interval);
        
    },
    
    
    startShow: function() {
        
        // fade out current img
        $(imageViewer.fade.$els[imageViewer.fade.currentIndex]).fadeOut(imageViewer.options.speed);

        // increment index
        imageViewer.fade.currentIndex++;
        
        // wrap index around if it's at end of the array
        if(imageViewer.fade.currentIndex==imageViewer.fade.$els.length) {
            imageViewer.fade.currentIndex = 0;
        }
        
        // fade in new image
        $(imageViewer.fade.$els[imageViewer.fade.currentIndex]).fadeIn(imageViewer.options.speed);
            
    },
    
    lastProp:null

};