var timers = [];

$(document).ready(function() {
  $("a.zoom").fancybox({ "overlayShow": false });        
  $("div.article_images .image a").fancybox({ "overlayShow": false });
  $("a.blank").click(function() { this.target="_blank" });
  
  $("#ft .first").height($("#ft").height());
  
  $("#search_box input[type=text]").focus(function() { this.select(); });
  
  $("ul.menu ul").css({display: "none"}); // Opera Fix
  $("ul.menu li").hover(function() {
    clearTimer(generateUniqueID(this));
    $(this).parent().find('li > ul:not(#' + this.id + ')').hide();
    $(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).show();
  }, function() {
    setTimer(generateUniqueID(this), "$('#" + this.id + "').find('ul:first').hide();", 1000);
  });
});

function setTimer(name, func, miliseconds) 
{
  if(!timers[name]) {
    timers[name] = setTimeout(func, miliseconds);
  }
}

function clearTimer(name) 
{
  if(timers[name]) {
    clearTimeout(timers[name]);
    timers[name] = null;
  }
}

function generateUniqueID(element)
{
  if(!element.id) {
    element.id = "autoId" + ((new Date()).getTime() + "" + Math.floor(Math.random() * 1000000)).substr(0, 18);
  }
  return element.id;  
}

$(document).ready(function() {
  $('#product_list .gifts .container').append(
    '<div class="corner corner_tl"></div><div class="corner corner_tr"></div>' + 
    '<div class="corner corner_bl"></div><div class="corner corner_br"></div>' +
    '<div class="shadow shadow_top"></div><div class="shadow shadow_bottom"></div>' +
    '<div class="shadow shadow_left"></div><div class="shadow shadow_right"></div>'
   );

  $('#product_list .gifts').append('<img class="gift_icon" alt="Dárek" src="/images/hcc/gift.gif" onmouseover="showGifts(this)" />');      
});  

function showGifts(el) {   
  var info = $(el).parent();
    info = $(info).attr('id');
    info = '#' + info;
  
  $(el).parent().parent().css('z-index', '50');
   
  $(info + ' .container').css({
    display: 'block'
  });
  $(info).mouseout(function () {
    $(info + ' .container').css('display', 'none');    
    $(el).parent().parent().css('z-index', '1');
  });
 
  return this;
};
