$(document).ready(function () {

  
  images = [ 
  "includes/img/feature-image04.jpg", 
  "includes/img/feature-image02.jpg", 
  "includes/img/feature-image03.jpg",
  "includes/img/feature-image01.jpg" ,
  "includes/img/feature-image05.jpg",
  "includes/img/feature-image06.jpg" ,
  "includes/img/feature-image07.jpg"
  ] 

  
  
  var image_box = $("#main_image"); 

  image_box.css({'position' : 'relative', 'height': '320px'} ); 
  var image_html = ""; 
  for(var i = 0; i < images.length; i++) { 
    image_html += '<img style="position:absolute;top:0; z-index:' + 
    (images.length - i) + '" src="' + images[i] + '" id="image_' + i + '"/>'; 
  };

  image_box.html(image_html); 

  
  
    var i = 0; 
    var delay_in_miliseconds = 5000;
    
    setInterval(function(){ 
      $("#image_" + i).animate({ opacity: 0}, 3000);
      i++; 
      if(i == images.length) i = 0; 
      $("#image_" + i).animate({ opacity: 1}, 3000);
    },delay_in_miliseconds); 
  

});