var delays = Array(3500, 5000); // time to display each intro image

function init()
{
  delay = 0;
  end = $('.hm_intro_images').length - 1;
  $('.hm_intro_images').each(function(idx) {
    delay += delays[idx];
    setTimeout("change_intro(" + idx + ")", delay);
  });
  setTimeout("blend_em()", delay);
}

function change_intro(idx)
{
  idx++;
  $('#hm_intro_img' + idx).fadeOut(2500);
}

function blend_em()
{
   setTimeout("blend_it(1)", 3000);
   setTimeout("blend_it(2)", 6000);
   setTimeout("blend_it(3)", 9000);
   setTimeout("blend_em()", 9000);
}

function blend_it(img_num) 
{
   var td_id  = "hm_pic" + img_num;

   var $active = $('#' + td_id + ' img.active');
   if ($active.length == 0) {
      $active = $('#' + td_id + ' img:last');
   }
   var $next = $active.next().length ? $active.next() : $('#' + td_id + ' img:first');
   $active.addClass('last-active');

   $next.css({opacity: 0.0})
      .addClass('active')
      .animate({opacity: 1.0}, 2000, function() {
        $active.removeClass('active last-active');
      });
}