$(document).ready(function(){
var logosList = $.ajax({
  type: "GET",
  async: false,
  url: "images.php?name=logos",
  dataType: "text"
 }).responseText;

var logos = [];
var limgs = [];
getLogos = function(list){
  files = list.split("\n");
  for (i=0;i<files.length-1;i++) {
	logos.push('logos/'+files[i]);
    imgx = new Image();
    imgx.src = 'logos/'+files[i];
    limgs.push(imgx);
  }
}
getLogos(logosList);

var delay = 20000;
var transition = 2000;

var i = 0;
var l = logos.length-1;

getLogo = function(x){
  return {
   background: 'url(' + limgs[x].src + ') no-repeat center center',
   width:      '943',
   height:     '289',
   left:       '0px',
   top:        '0px'
  }
 }
 
 nextLogo = function(){
   var oldImg = getLogo(i);
   i++;
   if (i > l) i = 0;
   var newImg = getLogo(i);
   $('.display2').css(oldImg).show();
   $('.display1').hide().css(newImg).fadeIn(transition);
   $('.display2').fadeOut(transition);
   setTimeout( function(){ nextLogo() }, delay );
 }
 nextLogo();
});