$(document).ready(function(){

    $("#level1").hide();
    $("#level2").hide();
    $("#level3").hide();
    fadeROI(0);

});

function fadeROI(count) {
  if(count == 0) {
    setTimeout('fadeROI('+(count+1)+')', 500);
  } else {
    if(count == 1) {
      $('#ROIMain').find('img:eq(2)').addClass('one');
      $('#ROIMain').find('img:eq(1)').addClass('three');
    
      $('#ROIMain').find('img:eq(2)').fadeIn('slow');
      setTimeout('fadeROI('+(count+1)+')', 3000);
    } else if(count == 2) {
      //keep level one bumped into place
      $('#ROIMain').find('img:eq(2)').removeClass('one');
      $('#ROIMain').find('img:eq(2)').addClass('two');
      
      //Level 2
      $('#ROIMain').find('img:eq(1)').fadeIn('slow');
      
      setTimeout('fadeROI('+(count+1)+')', 3000);
    } else if(count == 3) {
      //show level 3
      $('#ROIMain').find('img:eq(0)').fadeIn('slow');
      //return it all to normal
      $('#ROIMain').find('img:eq(2)').removeClass('two');
      $('#ROIMain').find('img:eq(1)').removeClass('three');
    }
  }
}