function fadeSlide(oldSlide, newSlide)
{		
	$('#slide' + newSlide).css({'z-index' : '99'});
	$('#slide' + newSlide).fadeIn('1000', function() { 
		$('#slide' + oldSlide).fadeOut(); 
	});

	$('#slide' + newSlide).css({'z-index' : '1'});
}

$(document).ready(function () {
    var activeSlide = 1;
    var refreshInterval = setInterval(loop, 8000);
    
    $('#slide2').hide();
    $('#slide3').hide();
    $('#slide4').hide();        

    function loop() {
        if (activeSlide < 4) { 
        	fadeSlide(activeSlide, activeSlide + 1); 
        	activeSlide++;
        } 
        else { 
        	fadeSlide(4, 1); 
        	activeSlide = 1;
        }
    }
});
