$(document).ready(function() {
	
	totalSlides = $('#homepage-slider > #homepage-slides > .homepage-slide').length;	
	for(i=0; i<totalSlides; i++) {
		$("#homepage-points").append('<a href="javascript: void(0);" title="" onclick="showSlide(\''+i+'\');" id="homepage-slide-point-'+i+'"></a>');
	}
	
	//Prev and Next buttons
	$("#homepage-slider-prev").click(function() { showPrevSlide(); return false; })
	$("#homepage-slider-next").click(function() { showNextSlide(); return false; })
	
	showSlide(0);
	
});

var totalSlides = 0;
var currentSlide = 0;
var hpSliderTimeout = null;

function showSlide(i) {
	$('#homepage-slider > #homepage-slides > .homepage-slide').each(function(index, element) {		
		if(i == index) {			
			$("#homepage-slider-content-sub").fadeOut(700, function() {
				$("#homepage-slider-content-sub").html($(element).html());
				$("#homepage-slider-content-sub").fadeIn(2000);				
			});
			
			$("#homepage-points > a").removeClass('current');
			$("#homepage-points > a#homepage-slide-point-"+i).addClass('current');
			
			currentSlide = i;
			
			var seconds = $(this).children('a').attr('rel');
			clearTimeout(hpSliderTimeout);
			hpSliderTimeout = setTimeout("showNextSlide()", seconds * 1000);
		}
	});
}

function showPrevSlide() {
	if(currentSlide > 0) { showSlide(parseInt(currentSlide)-1); }
	else { showSlide(parseInt(totalSlides)-1); }
}

function showNextSlide() {
	if(currentSlide < totalSlides-1) { showSlide(parseInt(currentSlide)+1); }
	else { showSlide(0); }
}