$(document).ready(function() {
  $('img.popup').click(function() {
    var title = $(this).attr('title');
    var foo = $(this).attr('src');
    var pathElements = foo.split('/');

    var bar = pathElements[(pathElements.length - 1)];
    var idElements = bar.split('_');
    var targetID = idElements[0];

    $.get('/system/ajax/full-image.php', {id: targetID}, function(data) {
      tb_show(title,data);
    })


  });

  $('.image_tooltip').tooltip({
    delay: 0,
    showURL: false,
    track: true,
    extraClass: 'image_tip',
    bodyHandler: function() {
      foo = this.tooltipText.split("|");
      result = '<img src="'+foo[1]+'" title="" />';
      result = "<h2>"+foo[0]+"</h2>"+result;
      return result;
    }
  });


  $('input.textinput').focus(function() {
    $(this).addClass('active');
  });

  $('input.textinput').blur(function() {
    $(this).removeClass('active');
  });


});