$(document).ready(function(){

      var css1 = {
        position: "absolute",
        left: "5px",
        top: "0",
        width: "300px"
      }
      var css2 = {
        position: "absolute",
        left: "30px",
        top: "250px",
        width: "600px"
      }
$("#bar .open").hide();

$("#bar .close").text("zavřít (X)").click(function(){ 
$("#popup .add").slideUp("100");
$(this).hide();
$("#bar .open").show();
$("#popup").css(css1); 
});

$("#bar .open").text("ukázat (v)").click(function(){ 
$("#popup .add").slideDown("100"); 
$(this).hide();
$("#bar .close").show();
$("#popup").css(css2);
});




// ready function end
});