var kunden_logos = new Array(
  new Array("akf bank", "akf.gif", 100, 50),
  new Array("Apollinaris", "apollinaris.gif", 110, 46),
  new Array("Archimica", "archimica.gif", 110, 38),
  new Array("Babcock Borsig", "babcock.gif", 110, 33),
  new Array("BDF Beiersdorf", "beiersdorf.gif", 91, 50),
  new Array("Beiselen", "beiselen.gif", 110, 38),
  new Array("Beit", "beit.gif", 106, 50),
  new Array("Berliner Flughäfen", "berlinerflughaefen.gif", 110, 39),
  new Array("Berner", "berner-logo.gif", 110, 16),
  new Array("Breuninger", "breuninger.gif", 110, 33),
  new Array("BTI", "bti.gif", 110, 30),
  new Array("BTS Kombiwaggon", "bts-kombiwaggon.gif", 110, 18),
  new Array("CABB", "cabb.gif", 110, 21),
  new Array("CSI Leasing", "csi-leasing.gif", 110, 32),
  new Array("Energie Nordeifel", "energie-nordeifel.gif", 110, 49),
  new Array("FRT", "frt.gif", 110, 38),
  new Array("FUJITSU", "fujitsu.gif", 110, 45),
  new Array("Gesis", "gesis.gif", 110, 27),
  new Array("imagelinx", "imagelinx.gif", 110, 23),
  new Array("Jägermeister", "jaegermeister.gif", 110, 22),
  new Array("Stadtwerke Kempen GmbH", "kempen.gif", 107, 50),
  new Array("Kev", "kev-netz.gif", 110, 30),
  new Array("Kev Netz", "kev.gif", 51, 50),
  new Array("Klosterfrau", "kf-logo.gif", 110, 37),
  new Array("Klett", "klett.gif", 100, 50),
  new Array("Knüppel Verpackung", "knueppel.gif", 110, 33),
  new Array("Kompaktkur", "kompaktkur.gif", 57, 50),
  new Array("LBS", "lbs.gif", 110, 40),
  new Array("Metro Group", "metrogroup.gif", 110, 24),
  new Array("MEWA", "mewa.gif", 110, 21),
  new Array("M.M. Warburg & Co", "mmwarburg.gif", 110, 21),
  new Array("B & S GmbH", "projekt-service.gif", 110, 38),
  new Array("Schoengen", "schoengen.gif", 37, 50),
  new Array("Seestern IT Forum", "seestern_60mm.gif", 110, 22),
  new Array("Sparkasse", "sparkasse.gif", 110, 41),
  new Array("Storck", "storck.gif", 102, 50),
  new Array("tesa", "tesa.gif", 110, 36),
  new Array("verra","verra.gif", 110, 22)
);

//var used_logo = 0; // muss noch zufällig ausgewählt werden per php zugewiesen -> script extern auf index

var active = 1;
var inactive = 2;

function switch_klogo() {
  active = (active == 1) ? 2 : 1;
  inactive = (inactive == 1) ? 2 : 1;
  
  var logo_rand = -1;
  while (logo_rand == -1 || logo_rand == used_logo)
    logo_rand = rand(0, kunden_logos.length-1);

  var logo_img1 = document.getElementById("klogo"+active);
  var logo_img2 = document.getElementById("klogo"+inactive);
  set_pic(logo_img1, used_logo);
  logo_img1.style.opacity = '1';
  logo_img1.style.filter = "Alpha(opacity = 100)";
  logo_img1.style.zIndex = '2';

  logo_img2.style.opacity = '0';
  logo_img2.style.filter = "Alpha(opacity = 0)";
  logo_img2.style.zIndex = '1';

  set_pic(logo_img2, logo_rand);
  used_logo = logo_rand;

  window.setTimeout("change_klogo()", 8000);

}

var logo_step = 0;

function change_klogo() {

  logo_step += 2;
  document.getElementById("klogo"+active).style.opacity = ((100 - logo_step) / 100).toString();
  document.getElementById("klogo"+active).style.filter = "Alpha(opacity = "+(100 - logo_step)+")";
  document.getElementById("klogo"+inactive).style.opacity = (logo_step / 100).toString();
  document.getElementById("klogo"+inactive).style.filter = "Alpha(opacity = "+logo_step+")";

  if (logo_step < 100)
    window.setTimeout("change_klogo()", 20);
  else {
    logo_step = 0;
    switch_klogo();
  }

}

function set_pic(img_node, num_id) {
  img_node.src = "unternehmen/referenzen/img/thumbs/" + kunden_logos[num_id][1];
  img_node.alt = kunden_logos[num_id][0];
  img_node.style.left = (110 - kunden_logos[num_id][2]) / 2 + "px";
  img_node.style.top = (50 - kunden_logos[num_id][3]) / 2 + "px";
  return true;
}


function rand (min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

switch_klogo();