$(document).ready(function () {
	
	i = 0;
	
	elements = $('#home-slideshow').children('img');
	
	num_imgs = elements.length;
	
	elements.each(function() {
		
		$(this).attr('id', 'slide-'+i);
		
		i++;
		
	});
	
	$('#home-slideshow-controls').append(function() {
		
		html = '';
		
		for(e=0; e < num_imgs; e++) {
			html += '<li><a href="javascript:" rel="slide-'+e+'" id="img-'+e+'">'+(e+1)+'</a>';
		}
		
		return '<ul>'+html+'</ul>';
	
	});

	$('#img-0').css('background-color', '#fff');	
	$('#img-0').css('color', '#000');
				
	currentItem = 0;
	fadeItem = 1;
		
	function startSlideshow() {
			
		for(l=0; l < num_imgs; l++) {
			$('#img-'+l).css('background-color', 'transparent');	
			$('#img-'+l).css('color', '#fff');
		}
		
		if (currentItem == num_imgs-1) {
			fadeItem = 0;
		}
		
		$('#slide-'+currentItem).fadeOut(1000);
		$('#slide-'+fadeItem).fadeIn(1000);
		$('#img-'+fadeItem).css('background-color', '#fff');
		$('#img-'+fadeItem).css('color', '#000');
			
		if (fadeItem == 0) {
			currentItem = fadeItem;
		} else {
			currentItem++;
		}
		
		fadeItem++;
				
	}
	
	$('#home-slideshow-controls a').click(function () {
			
		clearInterval(slideInterval);
		
		itemID = $(this).attr('id').split('-');
		
		for(l=0; l < num_imgs; l++) {
			$('#img-'+l).css('background-color', 'transparent');	
			$('#img-'+l).css('color', '#fff');
		}
		
		$('#img-'+itemID[1]).css('background-color', '#fff');	
		$('#img-'+itemID[1]).css('color', '#000');
		$('#slide-'+currentItem).fadeOut(1000);
		$('#slide-'+itemID[1]).fadeIn(1000);
		
		currentItem = itemID[1];
	
		if (itemID[1] == num_imgs-1) {
			fadeItem = 0;
		} else {
			fadeItem = parseInt(itemID[1]) + 1;
		}
		
		slideInterval = setInterval(startSlideshow, 5000);
		
	});
	
	$('#slide-0').css('display', 'block');
	
	slideInterval = setInterval(startSlideshow, 5000);
	
});