jQuery(document).ready(function(){
			nalozi();
			var stevec = 1;
			$("li").click(function(){oznaci(this);});
			$("#button_dodaj").click(function(){
				var novi = document.createElement("li");
				novi.innerHTML = $("#Input").val();
				$(novi).click(function(){oznaci(this);});
				$("ul").append(novi);
				shrani();
			});
			$("#button_brisi").click(function(){
				$(".active1").remove();
				shrani();
			});
			$("#button_brisi2").click(function(){
				$(".active2").remove();
				shrani();
			});
	function oznaci(kliknjen){
			$(kliknjen).toggleClass("active1");
			var oznaceni = $(".active1");
			for(var i=0;i<oznaceni.length;i++)
			{
				oznaceni[i].classList.remove("active1");
				if(!oznaceni[i].classList.contains("active1"))
				{
					kliknjen.classList.add("active1");
				}
			}
		}
		$("#button_dodaj2").click(function(){
			var novi1 = document.createElement("td");
			novi1.innerHTML = stevec;
			var temp = stevec.toString();
			$(novi1).addClass(temp);
			var novi2 = document.createElement("td");
			novi2.innerHTML = $("#Input2").val();
			$(novi2).addClass(temp);
			var novi3 = document.createElement("td");
			novi3.innerHTML = document.getElementsByClassName("active1").item(0).innerHTML;
			$(novi3).addClass(temp);
			var novi4 = document.createElement("td");
			$(novi4).addClass(temp);
			var d = new Date();
			novi4.innerHTML = d.getFullYear() + "-" + d.getMonth() + "-" + d.getDay() + "T" + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds() + ":" + d.getMilliseconds() + "Z";
			$("tbody").append(document.createElement("tr"), novi1, novi2, novi3, novi4,
			document.createElement("tr"));
			$("." + temp).click(function(){
				$("." + temp).toggleClass("active2");
			});
			stevec++;
			shrani();
		});
		});
		function shrani(){
			localStorage.setItem("tabela1", $("ul").html());
			localStorage.setItem("tabela2", $("table").html());
		}
		function nalozi(){
			if(localStorage.tabela1){
				$("ul").html(localStorage.tabela1);
			}
			if(localStorage.tabela2){
				$("table").html(localStorage.tabela2);
			}
		}