function switchImg() {
    var element = $("#slider .active");
    
    element.fadeOut("fast", function() {
      $(this).removeClass("active"); 
      
      if (element.next('img').length) {
        element.next('img').fadeIn("slow", function() {
            $(this).addClass("active");
            
        });     
         
        } else {
        $('#slider img:first').fadeIn("slow", function() {
            $(this).addClass("active");
            
        });     
            
        }
    });
    
    
        
        
    setTimeout('switchImg()', 4000);  
    
}


$(document).ready(function() {
	$.preLoadImages(['indexImg3.jpg', 'indexImg4.jpg', 'indexImg5.jpg'], '/user/public/default/images/');
    
    
    setTimeout('switchImg()', 4000);  
    
    
});