window.addEvent('domready', function(){
	new Fx.SmoothScroll();
	
	var manual = false;
	var thumbs = new Element('div.thumbs').inject(document.id('head'));
    var slideshow = new SlideShow(document.getElement('.hero'), {
        transition: 'fade',
        duration: 1500,
        autoplay: true,
        delay: 10000,
        onShow: function(){
            thumbs.getChildren().filter('.active').removeClass('active');
            if(!manual){
            	curIndex = this.slides.indexOf(this.nextSlide());
            }
            thumbs.getChildren()[curIndex].addClass('active');
            manual = false;
        },
        onShowComplete: function(){
            var img = this.nextSlide();
			if(!img.get('src')){
				img.set('src', img.get('rel'));
			}
        }
    });
    
	(2).times(function(i){
		slideshow.slides[i] && slideshow.slides[i].set('src', slideshow.slides[i].get('rel'));
	});    
	
	(document.getElements('.hero img').length).times(function(i){
		new Element('div').inject(thumbs).addEvent('click', function(e){
			e.stop();
			slideshow.pause();
			manual = true;
			curIndex = i;
			var curPic = slideshow.slides[i];
			if(!curPic.get('src')){
				curPic.addEvent('load', function(){
					slideshow.show(i);
					this.removeEvent('load', arguments.callee);
				}).set('src', curPic.get('rel'));
			}
			else{
				slideshow.show(i);
			}
		});
	});
	thumbs.getFirst().addClass('active');
});