$(document).ready(function() {

  var current = 1;
  var slideTimeout;
  var interval = 3000;

  var counter = 4;


  // Preload all images
  $.preloadImages("upload/slideshow/1.jpg",
                  "upload/slideshow/2.jpg",
                  "upload/slideshow/3.jpg",
                  "upload/slideshow/4.jpg");

  timeout = setTimeout(function() {prepareReplace();}, 5000);

  function prepareReplace() {
      $('img#slideshow-image').hide().css('margin-top', '0px');
      replaceimage();
  }

  function replaceimage() {

    var imgfile = 'upload/slideshow/'  + current + '.jpg';

    $('img#slideshow-image').show().ImageSwitch({Type:"FlyOut", NewImage:imgfile});

    current++;
    if (current > counter) {
      current = 1;
    }
    slideTimeout = setTimeout(function(){replaceimage();}, interval);
  }


});