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);
  max = parseInt(max);
  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('<div class="loading"><img src="images/loading.gif" /></div><img src="'+name+num_str+'.jpg" class="main_pict" /><div class="cleaner"></div>');
  $("#dialog_nav").html('<a id="bt_rev">&nbsp;</a><span class="space">&nbsp;</span><a id="bt_close">&nbsp;</a><span class="space">&nbsp;</span><a id="bt_for" >&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");
  });
  $("#dialog").dialog("open");
  $('img.main_pict').load(function(){
    $('div.loading').hide();
    var pict_width = $('img.main_pict').width();
    var pict_height = $('img.main_pict').height();
    $("#dialog").dialog('option','width',pict_width + 40);
    $("#dialog").dialog('option','height',pict_height + 60);
    $("#dialog").height(pict_height+55);
    $("#dialog").dialog('option','position','center');
    $('img.main_pict').show();
  });

  $.preloadImages(name+next_str+".jpg");
  $.preloadImages(name+prev_str+".jpg"); 
}

$(document).ready(function(){

  $("#subpage").append('<div id="dialog"><div id="dialog_nav"></div><div id="dialog_content"></div></div>')
  $("#dialog").dialog({
    //   width: 685,
    //   height: 483,
    width: 440,
    height: 300,
    modal: true,
    autoOpen: false,
    resizable: false
  });

  $('a').click(function(){
      var param = $(this).attr('href').split("#");
      if(param[0] != $(this).attr('href')){
        var part = param[param.length-1].split("_");
        gallery('images/plane/' + part[0] + '/' + part[0]+'_' ,1,part[1],0);
        return false;
      }
  });
  
  $('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)
    
  });
  
});