$(document).ready(function(){
	
	// Tooltip	
	var xOffset = 26;
	var yOffset = 20;		
		
	$(".onhover li").hover(function(e){
		var t = $(this).children('.desc').text();
		$("body").append('<p id="tooltip"><span class="top">'+t+'</span><span class="bottom"></span></p>');
		$("#tooltip").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX + yOffset) + "px").fadeIn("fast");											
	},
	function(){
		$("#tooltip").remove();
	});	
	$("li").mousemove(function(e){
		$("#tooltip").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX + yOffset) + "px");
	});
	
	// Avbryt sparande av nyckelord
	$('#cancel img').live("click", function() {
		var keywords = $('#newwords').attr('value');
		$('#keywords').empty().append('<em>Sökord:</em> <span>'+keywords+'</span> <img src="/style/img/change_se.png" alt="Ändra sökord" id="change" />');
	});
			
			
	$('#save img').live("click", function() {
		var keywords = $('#newwords').attr('value');
		var password = $('#password').attr('value');
		
		if (keywords.length < 2) {
			alert('Du måste fylla i minst ett nyckelord.');
		} else {
		
			$.get("/includes/change-keywords.php", { keywords: keywords, password: password, client: window.location.pathname },
			function(response){
				if (response == 'password') {
					alert('För att ändra sökorden måste du fylla i rätt lösenord.');
				} else if (response == 'ok') {
					// Byt tillbaka till att visa sökord
					$('#keywords').empty().append('<em>Sökord:</em> <span>'+keywords+'</span> <img src="/style/img/change_se.png" alt="Ändra sökord" id="change" />');
					alert('Sökorden är ändrade, men det kan dröja upp till 120 minuter innan nya flöden hämtas.');
				} else {
					alert(response);
				}
			});
		}
	});
			
			
							
	// Ändra nyckelord
	$('#change').live("click", function() {
		var edit = $(this).siblings('span').text();
		//edit = escape(edit);
		//console.log(edit);
		$('#keywords').html('<em>Byt sökord:</em> <input id="newwords" type="text" value="'+edit+'" /> Lösenord: <input id="password" type="text" /> <span id="save"><img src="/style/img/save_se.png" alt="Spara nyckelord" /></span> <span id="cancel"><img src="/style/img/cancel_se.png" alt="Avbryt" /></span>');
		$('#newwords').attr('value', edit);
	});

});

