var referenzen = new Array();



$(function() {
/*
 if(navigator.userAgent.search(/Firefox\/3.0/) != -1)
 {
  document.getElementById("ph").style.marginLeft = "-3px";
 }
*/
 if($("#referenzen").length != 0) {
    $("#referenzen").html('');
    var i = 0;
    var img = new Array();
    var width = 0;
    var row = 0;
    while(referenzen[i])
    {
      if(width >= 4320 || i == 48) break;
          rw = referenzen[i]['width'];
          if(rw == 179) rw = 180;
         if(row +  rw <= 720)
         {
            
            var img = '<div role="' + referenzen[i]['path'] + '" id="r' + i + '" style="float:left;height:58px;width:'+rw+'px;background:url(' + referenzen[i]['path'] + ') 0px -1px no-repeat;" height="58"  width="' + rw+'"></div>';
            width +=  rw;
            row +=  rw;
            $("#referenzen").append(img);
         }
      if(row >= 720) row = 0;
      if(width >= 4320 || i == 48) break;
      i++;
    }
    window.setTimeout(function(){test(referenzen);},1000);
    window.setTimeout(function(){test(referenzen);},0);
 }
});

 
 
function test(referenzen)
{
 var i = zufall((referenzen.length - 1));
 var ii = zufall((document.getElementById('referenzen').childNodes.length - 1));

 if($('#r' + ii).width() == referenzen[i]['width'])
 {
  if(!pathTest(referenzen[i]['path']) && $('#r' + ii).css('background-image') != referenzen[i]['path'])
  {
     $('#r' + ii).attr('role',referenzen[i]['path']);
     $('#r' + ii).animate({opacity: 0.0},1000, function(){
        $('#r' + ii).css('background-image', 'url(' + referenzen[i]['path'] + ')');
        $('#r' + ii).animate({opacity: 1.0},1000, function(){
           window.setTimeout(function(){test(referenzen);},1000);
        });
    });
  }else {
    test(referenzen);
  }
 }
 else 
 {
   window.setTimeout(function(){test(referenzen);},0);
 }
}


function zufall(bereich)
{
 var bereich;
 var zahl = Math.round(Math.random()/(1/bereich));
 return zahl;
}


function pathTest(path)
{
 var i = 0;
 while(document.getElementById('r' + i))
 {
   if($('#r' + i).attr('role')  ==  path)   
   {
    return true;
   }
   i++;
 }
 return false;
}