function imagebox (src, title, effectIn, effectOut, speedIn, speedOut, opacity) {
$(document).ready(function() {
      if(title == "") content = '<img src="' + src + '" alt="image"/><p>Obrázek uzavřete <a href="javascript:void(0);" onclick="$(\'#image_dialog\').dialog(\'close\');">zde</a>, klávesou ESC nebo kliknutím mimo obrázek.</p>';
      else content = '<img src="' + src + '" alt="image" /><p>Obrázek uzavřete <a href="javascript:void(0);" onclick="$(\'#image_dialog\').dialog(\'close\');">zde</a>, klávesou ESC, kliknutím na ikonku "X" nebo mimo obrázek.</p>';
      $("body").append("<div id='image_dialog'>" + content + "</div>");
           $("#image_dialog").css("visibility", "hidden");
      $(window).load(function() {

		   var pic = $('#image_dialog img');
           pic.removeAttr("width");
           var width = pic.width();
           if(title == "")
               {
                  $("#image_dialog").dialog({ 
										create: function(event, ui) {	$("#image_dialog").css("visibility", "visible");},											
										modal: true, 
										show:  {effect: effectIn, duration: speedIn},
										hide: {effect: effectOut, duration: speedOut},
										position: 'center',
										resizable: false,
										dialogClass: 'no-title',
										width: width
										});
               } else {
                  $("#image_dialog").dialog({ 	
										create: function(event, ui) {	$("#image_dialog").css("visibility", "visible");},
										modal: true,
										show:  {effect: effectIn, duration: speedIn},
										hide: {effect: effectOut, duration: speedOut},
										position: 'center',
										resizable: false,
										title: title,
										width: width
										});
               }
               $(".ui-widget-overlay").css("opacity", opacity);
               $(".ui-widget-overlay").click(function(){
                   $("#image_dialog").dialog('close');
               });
            });
	  
   });
}