$(document).ready(function() {
 document_loaded(); 
});

$(window).resize(function() {
 document_resized(); 
});

function set_click_events(selector)
 {
  var row = $(selector);
  row.click
   (
    function ()
     { 
      var e = $(this);
      var item = e.attr('id');
      item = item.substring(5);
      go(item);
     } 
   );
  row.mouseover
  (
   function ()
    {
     var e = $(this);
     var item = e.attr('id');
     item = item.substring(5);
     go2(item);
    } 
  );  

  row.mouseout
  (
   function ()
    {
     mouseout();
    } 
  ); 
 
 }    

function document_loaded()
 { 
  //go('websites');
  
  set_click_events('.text_link');
  set_click_events('.keyword');
  
  $('#loading_msg').hide();
  $('#container').fadeIn();
 }

function document_resized()
 { 
  if (is_image_item(_curr_item))
   {
    var offset = $('#collage').offset();
    $('#' + _curr_item).css('left', offset.left);
    $('#' + _curr_item).css('top', offset.top);
   } 
 }

//---

function send_stat(item)
 {
  jQuery.get('./stat.php?sid=' + sid + '&item=' + item);
 }

_item = "";
_curr_item = "";
_handle = null;

function is_image_item(name)
 {
  var image_items = new Array('websites', 'acad', 'javascript', 'webapplicatie', 'xml', 'php', 'mysql', 'delphi', 'desktop', 'calc');

  for (i=0; i<image_items.length; i++)
   {
    if (image_items[i] == name)
     {
      return true;
     } 
   }
  return false 
 }

function mouseout()
 {
  _item = "";
  clearTimeout(_handle);
 }

function go(item)
 { 
  document.getElementById('info').innerHTML = document.getElementById('data_' + item).innerHTML;

  if (_curr_item == item)
   {
    return;
   }

  if (_curr_item != '')
   {
    $('#link_' + _curr_item).removeClass('selected');
   }
 
  if (is_image_item(_curr_item))
   {
    $('#' + _curr_item).fadeOut();
   }
   
  if (is_image_item(item))  
   {
    var offset = $('#collage').offset();
    $('#' + item).css('left', offset.left);
    $('#' + item).css('top', offset.top);
    $('#' + item).fadeOut();
    $('#' + item).fadeIn();
   }
   
  _curr_item = item;
  $('#link_' + _curr_item).addClass('selected');
  
  send_stat(item);  
 }

function go2(item)
 {
  _item = item;
  clearTimeout(_handle);
  _handle = setTimeout("go3()", 400);
 }

function go3()
 {
  go(_item);
 }

function show(id)
 {
  e = document.getElementById(id);
  e.style.visibility = 'visible';
 }

function hide(id)
 {
  e = document.getElementById(id);
  e.style.visibility = 'hidden';
 }


splash_screen = new splash_screen();

function hide_info()
 {
  var offset = $('#info').offset();
  $('#more_info').html('');
  $('#more_info').animate({
   opacity: 0,
   left: offset.left,
   width: 200
  }, 200, function() {});
 }

function show_info(content_id)
 {
  if ($('#more_info').html() != '')
   {
    //return;
   } 

  $('#more_info').show();
  var w = $('#' + content_id).width();
  var h = $('#' + content_id).css('height');

  $('#more_info').width(200);
  $('#more_info').height(h);
  var offset = $('#info').offset();

  $('#more_info').css('left', offset.left);
  $('#more_info').css('top', $('#' + content_id).css('top'));

  html = $('#' + content_id).html();

  $('#more_info').animate({
    opacity: 1,
    left: (offset.left - w + 5),
    width: w
   }, 200, function() { $('#more_info').html(html); });
  
  send_stat(content_id);
  }