var currentImage;
    var currentIndex = -1;
    var interval;
    function showImage(index){
        if(index<$('photoViewer').getElements('img').length){
        	var indexImage = $$('#photoViewer img')[index]
            if(currentImage){   
            	if(currentImage != indexImage ){
                    $(currentImage).setStyle('z-index',2);
                    $clear(myTimer);
                    var myFx = new Fx.Tween(currentImage, {
                    	duration: 800,
                        onComplete:function(){
                            $(this).setStyles({'display':'none','z-index':1});
							//myTimer = showNext.delay(3000);
                        }.bind(currentImage)
                    }).start('opacity',0);
                }
            }
            indexImage.setStyles({'display':'block', 'opacity':1});
            currentImage = indexImage;
            currentIndex = index;
            $$('#thumbs li').removeClass('active').getElement('img').setStyle('opacity', 1);
            $$('#thumbs li')[index].addClass('active').getElement('img').setStyle('opacity', 0.1);
			
        }
    }
    
    function showNext(){
        var len = $('photoViewer').getElements('img').length;
        var next = currentIndex < (len-1) ? currentIndex + 1 : 0;
        showImage(next);
    }
    
    var myTimer;
	window.addEvent('domready',function(){
		//myTimer = showNext.delay(3000);
		showNext(); // Loads first image
        $('thumbs').getElements('li').addEvent('click',function(e){
        	var count = this.get('rel');
        	showImage(parseInt(count)-1);
        });
	});