$(document).ready(function() {

  var browser = navigator.appName;
   if(browser == "Microsoft Internet Explorer") {
     $("#css").attr("href", "style_ie.css");
   } else if(browser == "Opera") {
     $("#css").attr("href", "style_opera.css");
     }
   
  $(".odkaz").hover(function() {
    var number = $(this).attr("name");
    $("#kocka_"+number+"").attr("src", "layout/menu/kocka_orange_blur.png");
    var id = $(this).attr("id");
    $(this).attr("src", "layout/menu/"+id+"_hover.png");
  }, function() {
    var number = $(this).attr("name");
    $("#kocka_"+number+"").attr("src", "layout/menu/kocka_orange.png");
    var id = $(this).attr("id");
    $(this).attr("src", "layout/menu/"+id+".png");
  });
  
  $(".menulink").click(function() {
    $("#vnorenie").slideUp(800);
  });
  
  $("#web").click(function() {
  $("#cifernik").slideUp();
  setTimeout(function() {
    $("#vnorenie").slideToggle(800);
    }, 500);
  });
  
  $(".odkaz2").hover(function() {
    var number = $(this).attr("name");
    $("#kocka_"+number+"").attr("src", "layout/menu/kocka2_blur.png");
  }, function() {
    var number = $(this).attr("name");
    $("#kocka_"+number+"").attr("src", "layout/menu/kocka2.png");
  });
  
  $.fn.pause = function(milli,type) {
	milli = milli || 1000;
	type = type || "fx";
	return this.queue(type,function(){
		var self = this;
		setTimeout(function(){
			$.dequeue(self);
		},milli);
	});
};

$.fn.clearQueue = $.fn.unpause = function(type) {
	return this.each(function(){
		type = type || "fx";
		if(this.queue && this.queue[type]) {
			this.queue[type].length = 0;
		}
	});
};

$(".cislo").click(function() {
$(".cislo").css("color", "white");
$(this).css("color", "#f7951c");
});

$("#footer").click(function() {
  setTimeout(function() {
    $("#container").fadeOut("slow");
    $("#login").fadeIn("slow");
  }, 700);
});

$("#login_close").click(function() {
  setTimeout(function() {
    $("#login").fadeOut("slow");
    $("#container").fadeIn("slow");
  }, 700);
});

$("#edit").click(function() {
  var code = $("#obsah").html();
  $("#obsah").slideUp("slow");
  setTimeout(function() {
    $("#obsah").html("<textarea name='code' id='code' cols='50' rows='20'>"+code+"</textarea>");
    $("#obsah").slideDown("slow");
    $("#edit").fadeOut("slow");
    $("#edit_hide").fadeIn("slow");
    $("#edit_hide_save").fadeIn("slow");
  }, 500);
  $("#edit_hide").click(function() {
  $("#obsah").slideUp("slow");
  setTimeout(function() {
    $("#obsah").html(code);
    $("#obsah").slideDown("slow");
    $("#edit_hide").fadeOut("slow");
    $("#edit_hide_save").fadeOut("slow");
    $("#edit").fadeIn("slow");
  }, 500);
  });
  $("#edit_hide_save").click(function() {
  $("#obsah").slideUp("slow");
  setTimeout(function() {
    var page = $("#code").val();
    var wich = $("#page_name").val();
    var attempt = $.ajax({ url: "editpage.php", type: "get", data: ({ code: page, wich: wich }) , success: function(data) { $("#obsah").html(data); }});
  }, 1000);
  });
});

$("#edit_gallery").click(function() {
  $("#obsah").slideUp("slow");
  setTimeout(function() {
    var attempt = $.ajax({ url: "editgal.php", type: "get", data: "what=echo", success: function(data) { $("#obsah").html(data); }});
    $("#content").html("<div id='Scrollbar-Container'><div class='Scrollbar-Track'><img class='Scrollbar-Handle' src='layout/handler.png'></div></div><div class='Container'><div id='Scroller'><div class='Scroller-Container'><p id='obsah'></p></div></div></div>");
    var browser = navigator.appName;
           if(browser == "Microsoft Internet Explorer") var height = 445; else var height = 410;
		         $("#content").css("text-align", "left").css("padding-top", "20").css("height", ""+height+"");
             $("#Scrollbar-Container, .Scrollbar-Track, .Scrollbar-Handle").fadeIn();
             $("#obsah").css("width", "440").css("text-align", "justify");
    $("#cifernik").slideUp();
    var scroller  = null;
          var scrollbar = null;
          var wrapper = null;
          var barWrapper = null;
          function makeScroller() {
            wrapper = document.getElementById("Scroller");
            barWrapper = document.getElementById("Scrollbar-Container");
            scroller  = new jsScroller(wrapper, 0, -2200);
            scrollbar = new jsScrollbar(barWrapper, scroller, true);
          }
          makeScroller();
    $("#obsah").slideDown("slow");
    var content = $("#obsah").html();
  }, 500);
});

});