var FADER_SPEED = 3000; // In ms

jQuery.fn.slideFadeIn = function(speed, easing, callback) {
//  this.css({zIndex:999});
  return this.animate({opacity: 'toggle', width: 'toggle'}, speed, easing, callback);  
};

jQuery.fn.slideFadeToggle = function(speed, easing, callback) {
  return this.animate({opacity: 'toggle', width: 'toggle'}, speed, easing, callback);  
};

function animateNextImage(arrImage, idx, firstRun) {
  var prevIndex = ((idx == 0) ? arrImage.length : idx) - 1;
  $(arrImage[idx]).slideFadeIn(300);
  if(!firstRun) $(arrImage[prevIndex]).fadeOut(500);
  if(++idx >= arrImage.length) idx = 0;
  setTimeout(function(){
    animateNextImage(arrImage, idx, false);
  }, FADER_SPEED);
}

$(function(){
  var leftImages = $('#ImageFader .col1 IMG');
  var rightImages = $('#ImageFader .col2 IMG');
  $.each(leftImages, function(idx, img){$(img).hide();});
  $.each(rightImages, function(idx, img){$(img).hide();});
  setTimeout(function(){
    animateNextImage(leftImages, 0, true);
  }, (FADER_SPEED / 2));
  setTimeout(function(){
    animateNextImage(rightImages, 0, true);
  }, FADER_SPEED)
});