﻿
$(document).ready(function() {

  if($('div.image:visible').next('div').hasClass('image'))
  {
    setInterval(function () {
      changeImage();
    }, 5000);
  }


  function changeImage()
  {
    var visibleImage = $('div.image:visible');
    visibleImage.fadeOut(1200);
    //visibleImage.children('span').fadeOut(500);
    if(visibleImage.next('div').hasClass('image'))
    {
      visibleImage.next('div.image').fadeIn(1200, function(){
        //visibleImage.next('div.image').children('span').slideDown(300);
      });
    }
    else
    {
      $('div.firstImage').fadeIn(1200, function(){
        //$('div.firstImage').children('span').slideDown(300);
      });
    }
  }

});