jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
//    jQuery("<img>").attr("src", arguments[i]);
    jQuery('<img src="'+arguments[i]+'">');
  }
}

/**
 *  Funkce gallery 
 *  vloží do dialogu obrázek a tlačítka pro přepínání mezi obrázky.
 *  Obrázky se musí jmenovat stejně až na očíslování.
 *  Obrázky jsou očíslovány od 01 do max
 *      
 *  @param name: nazev obrazku bez ocislovani
 *  @param num: cislo obrazku
 *  @param max: cislo posledniho obrazku
 *  @param thumb: 0 pro nezobrazeni nahledu, cokoliv jineho pro zobrazeni nahledu 
 */ 
function gallery(name, num, max, thumb){
  num = parseInt(num, 10);
  max = parseInt(max, 10);
  next = ((max+num)%max+1);
  prev = max-(Math.abs(num-max-1)%max);
  
  num_str = num < 10 ? "0"+num : num;
  next_str = next < 10 ? "0"+next : next;
  prev_str = prev < 10 ? "0"+prev : prev;
  
  $("#dialog_content").html('<img src="'+name+num_str+'.jpg" class="main_pict" /><div id="pic_thumb"></div>');
  $("#dialog_nav").html('<a id="bt_rev">&nbsp;</a><span class="space">&nbsp;</span><a id="bt_for" >&nbsp;</a><span class="space">&nbsp;</span><a id="bt_close">&nbsp;</a>');
  var html = "";
  
  if(thumb != 0) {
    for(var i=1; i <= max; i++){
      i_str = i;
      if(i<10) {
        i_str = "0"+i;
      }
      
      html = html+'<img src="'+name+'tn_'+i_str+'.jpg" ';
      if(i == num) {
        html = html+'class="sel_pict" ';
      } else {
        html = html+'class="non_sel_pict" ';
      }
      html = html+'onclick="gallery(\''+name+'\','+i+','+max+');" />';
    }
    
    $("#pic_thumb").html(html);
  }    
  
  $("#bt_for").click(function(){
    gallery(name, next, max, thumb)
  });
  $("#bt_rev").click(function(){
    gallery(name, prev, max, thumb)
  });
  
  $("#bt_close").click(function(){
    $("#dialog").dialog("close")
    });
  //$(".article").hide();
  $("#dialog").dialog("open");
  if(thumb == 0){
    $(".ui-dialog").css("top","84px");
  } else {
    var top = $(".ui-dialog").position();
    top = top.top - 84;
    top = top+"px";
    var left = $(".ui-dialog").position();
    left = left.left + ($(".ui-dialog").width()-$("#header").width());
    left = left+"px";
    $("#header").css("top",top);
    $("#header").css("left",$("#header").offset().left+"px");
    $("#header").css("z-index",2000);
    $(".ui-dialog").css("z-index",2100);
    $("#center").css("position","static");
    $("#main").css("position","static");
  }
  $.preloadImages(name+next_str+".jpg");
  $.preloadImages(name+prev_str+".jpg"); 
}

$(document).ready(function(){

  $("#main").append('<div id="dialog"><div id="dialog_content"></div><div id="dialog_nav"></div></div>')
  $("#dialog").dialog({
    //   width: 685,
    //   height: 483,
    width: 717,
    height: 595,
    modal: true,
    autoOpen: false,
    resizable: false,
    open: function(){
      $(".ui-widget-overlay").height($(".ui-widget-overlay").height()-76);
    },
    close: function(){
      $("#header").css("top","0px");
      $("#header").css("left","0px");
      $("#header").css("z-index",0);
      $("#center").css("position","relative");
      $("#main").css("position","relative");
    },
    position: ['center', 84]
  });
  
  $('a.gallery_open').click(function() {
    var part = this.id.split("_");
    //alert($("#header").offset().left);
    gallery('images/galerie/portfolio/' + part[0] + '/', part[1], part[2], 1);
  });
  
  $('a.picture_open').click(function() {
    var part = this.id.split("_");
    gallery('images/galerie/' + part[0] + '/', part[1], part[2], 0)
    
  });
  
});