/*
  'Ajax' Balloon script 
*/
var balloonClass = 'balloon';
var image_path = '';

function showBalloon(img_obj,e)
{
  var ti=$(img_obj).src.match(/[\/|\\]([^\\\/]+)$/);
  var img_src = ti[1];
  
  if (img_cache != img_src)
  {
   $('balloon_img').hide();
   $('balloon_loading').show();
   load_balloon_img(img_src);
  }

  var pos = [e.pageX, e.pageY];
  var obj = $('balloon_window');
  obj.style.left= (pos[0]+25)+ "px";
  obj.style.top = pos[1]+"px";
  obj.show();
}

function hideBalloon(obj)
{
 $('balloon_window').hide();
}

function initBalloon()
{
  //preload bg image
  var bg_img = new Image();
  bg_img.src='bg.png';

  //add event to images with class
  $$('.'+balloonClass).each(function(o)
  {
   Event.observe(o,'mousemove',function(e){showBalloon(o,e)});
   Event.observe(o,'mouseout',function(){hideBalloon(o)});
  });
}

function load_balloon_img(img_src)
{
  var t_img = new Image();
  t_img.onload = function()
  {
   $('balloon_img').src=t_img.src;
   $('balloon_loading').hide();
   $('balloon_img').show();
   img_cache = img_src;
  }
  t_img.src = image_path+'lg_'+img_src;
}


var img_cache = '';
Event.observe(window,'load',initBalloon);