$(document).ready(function() {

	// Startpage screen
	if($('#showcase'))
	{
		var
		slides = $('#showcase .item'),
		curSlide = $('#showcase .item.first'),
		timeout = null,
		buttonbar = $('<div class="dots"></div>')
						.css('opacity', .5)
						.mouseenter(function(){$(this).css('opacity', 1);})
						.mouseleave(function(){$(this).css('opacity', .5);})
						.appendTo($('#showcase')),
		viewSlide = function(index) {
			if (index == slides.index(curSlide)) return;
			curSlide.fadeOut(800);
			curSlide = $(slides.get(index)).fadeIn(800);
			$(buttonbar.children('.dot').removeClass('selected').get(index)).addClass('selected');
		},
		nextSlide = function() {
			var i = slides.index(curSlide) + 1;
			if (i >= slides.length) i = 0;
			viewSlide(i);
			timeout = setTimeout(nextSlide, 4000);
		};
		
		if(slides.length > 1)
		{
			slides.each(function(index, slide) {
	
				$('<div class="dot"></div>').click(function(e) {
					e.preventDefault();
					clearTimeout(timeout);
					viewSlide(index);
				}).appendTo(buttonbar);
		    });
    
			$(buttonbar.children('.dot').get(0)).addClass('selected');
		}

		timeout = setTimeout(nextSlide, 4000);
	}

});