var im = new Array();
im[0] = document.getElementById("rank[0]");
im[1] = document.getElementById("rank[1]");
im[2] = document.getElementById("rank[2]");

var holder = new Array();
holder[0] = document.getElementById("holder[0]");
holder[1] = document.getElementById("holder[1]");
holder[2] = document.getElementById("holder[2]");

var span = new Array();
span[0] = document.getElementById("text[0]");
span[1] = document.getElementById("text[1]");
span[2] = document.getElementById("text[2]");

var position = new Array();
position[0] = 2;
position[1] = 2;
position[2] = 2;

var visible = new Array();
visible[0] = true;
visible[1] = true;
visible[2] = true;
  
function setup_interesting_zaps()
{
  im[0].src = "http://pets.neopets.com/cp/"+codes[0][0]+"/1/2.png";
  im[1].src = "http://pets.neopets.com/cp/"+codes[1][0]+"/1/2.png";
  im[2].src = "http://pets.neopets.com/cp/"+codes[2][0]+"/1/2.png";
  
  holder[0].style.backgroundImage = "url('http://pets.neopets.com/cp/"+codes[0][1]+"/1/2.png')";
  holder[1].style.backgroundImage = "url('http://pets.neopets.com/cp/"+codes[1][1]+"/1/2.png')";
  holder[2].style.backgroundImage = "url('http://pets.neopets.com/cp/"+codes[2][1]+"/1/2.png')";
  
  span[0].innerHTML = html[0][0];
  span[1].innerHTML = html[1][0];
  span[2].innerHTML = html[2][0];
}

function show_interesting_zaps(r)
{  
  var id = "rank["+r+"]";
  
  if(im[r] && codes[r].length > 1)
  {
  
    position[r] = position[r] % codes[r].length;
    
      if(visible[r])
      {
        holder[r].style.backgroundImage = "url('http://pets.neopets.com/cp/"+codes[r][position[r]]+"/1/2.png')";
        span[r].innerHTML = html[r][position[r]];
        for(x=1;x>=0;x-=0.02)
        {
          setTimeout("set_opacity('"+id+"', "+x+")", 2000-(2000*x));
        }
      }
      else
      {
      
        im[r].src = "http://pets.neopets.com/cp/"+codes[r][position[r]]+"/1/2.png";
        span[r].innerHTML = html[r][position[r]];
        for(x=0;x<=1;x+=0.02)
        {
          setTimeout("set_opacity('"+id+"', "+x+")", 2000*x);
        }
      }
      
      visible[r] = !visible[r];
      
      if(++position[r] > (codes[r].length-1))
      {
        position[r] = 0;
        setTimeout("show_interesting_zaps("+(++r)%3+")", 5000);
      }
      else
      {
        setTimeout("show_interesting_zaps("+r+")", 3000);
      }
  }
  else
  {
    setTimeout("show_interesting_zaps("+(++r)%3+")", 1000);
  }
}

function set_opacity(id, value)
{
  var obj = document.getElementById(id).style;
  obj.opacity = value;
  obj.filter = "alpha(opacity="+value*100+")";  
  var text_holder = document.getElementById(id.replace("rank", "text"));
  //text_holder.innerHTML = text_holder.innerHTML + '<br>'+parseInt(value*100);
}