var autoplayInterval;
var removeFirstItem = true;
function startSliderAutoplay(){
	// autoplay (next image every 10 seconds = 10000 milliseconds)
	autoplayInterval = window.setInterval(function(){
		if ( jQuery('#slider-trigger li.active').next().length == 1 ) {
			jQuery('#slider-trigger li.active').next().trigger('click');
		} else {
			jQuery('#slider-trigger li:first').trigger('click');
		}
	}, 10000);
}
jQuery(document).ready(function(){
	jQuery('#slider-images').bind({
		'mouseover': function(){
			clearInterval(autoplayInterval);
		},
		'mouseout': function(){
			startSliderAutoplay();
		}
	});
	jQuery('#slider-images li').each(function(i, el){
		var self = jQuery(this);
		if ( self.is(':first-child') ) {
			self.show();
			jQuery(".eyecatcher", self).delay(1000).fadeIn(1000);
		} else {
			self.hide();
			jQuery(".eyecatcher", self).hide();
		}
	});
	jQuery('#slider-trigger li').each(function(i, el){
		var self = jQuery(this);
		self.bind({
			'click': function(){
				jQuery('#slider-trigger li.active').removeClass('active');
				jQuery(this).addClass('active');
				
				jQuery('#slider-images li:visible').fadeOut(500, function(){
					var $this = jQuery(this);
					jQuery(".eyecatcher", $this).hide();
					// if ( removeFirst ) $this.remove();
					jQuery('#slider-images li:eq('+(i+1)+')').fadeIn(500, function(){
						var $this = jQuery(this);
						jQuery(".eyecatcher", $this).delay(500).fadeIn(1000);
						// restart slider autoplay
						clearInterval(autoplayInterval);
						startSliderAutoplay();
					});
				});
			}
		});
	});
	startSliderAutoplay();
});