function nextSlide() {
	$current = $('#slider ul li.current');
	$next = $('#slider ul li.current').next();
	if($next/*.children('a')*/.children('img').attr('alt') == undefined) {
		$next = $("#slider ul li:first");
	} else {
		//Do nothing. The $next element exists
	}
	$next.addClass('next').css({ opacity: 0 }).stop().animate({ opacity: 1 }, 600, function() {
		$next.addClass('current').removeClass('next');
		$current.removeClass('current');
	});
}
function autoSlide($time, $stop) {
	$('#slider ul li:first').addClass('current');
	$total_slides = ($('#slider ul li').length);
	$i = 1
	$('#slider ul li').each(function() {
		$(this).addClass('slider_'+$i);
		$i++;
	})
	if(typeof(isClicked) == 'undefined') { var isClicked = 0; }
	if(typeof(isHovered) == 'undefined') { var isHovered = 0; }
	//If no item has been hovered yet, the variable isHovered doesn't exist, so we create it. 
	$("#slider ul li").hover(function() { // Whenever an item is hovered
		isHovered = 1; //Setting isHovered 1, we stop the autsliding from going on
	}, function() {
		isHovered = 0;//Setting isHovered 1, we make the autsliding go on
	});
	setInterval(function() {
		if($stop == 1) {
			if(isHovered == 0 && isClicked == 0) { //It only calls the next item IF no item is hovered
				nextSlide();
			}
		} else if(isClicked == 0) {
			nextSlide();
		}
	}, $time);	
}
function callSlide($slideID) {
	$current = $('#slider ul li.current');
	$next = $('#slider ul li.slider_'+$slideID);
	$next.addClass('next').css({ opacity: 0 }).stop().animate({ opacity: 1 }, 600, function() {
		$next.addClass('current').removeClass('next');
		$current.removeClass('current');																							
	});	
}