$(document).ready(function(){
	// Réglage des options
	$('body').append('<a href="#links" id="links-menu"><img src="images/interface/link_edit.png" /></a><div style="display:none;"><div id="links"></div></div>');
	$('#menu-bar').prepend($('#links-menu'));
	$('#links').append('<h3>Quel lien &agrave; ajouter?</h3><br/><input type="text" id="linkChoice" name="linkChoice"/><span id="links-submit" class="green-button">Enregistrer</span>');
	$('#links-menu').fancybox({
		'zoomSpeedIn'		: 600,
		'zoomSpeedOut'		: 500,
		'easingIn'			: 'easeOutBack',
		'easingOut'			: 'easeInBack',
		'hideOnContentClick': false,
		'padding'			: 15
	});
	$('#links-submit').live('click', function(){
		var link = $('#linkChoice').val();
		if(link != '' || link != null){
			$.get('ajax/update.php', {id:'links', link: link}, function(msg){
					location.reload();
			});
		}else{
			$('#links').append('<span class="error">links can\'t be empty.</span>');
		}
	});
	
	// Mouvement des liens avec enregistrement
	$(".iconlist").sortable(
		{
			//distance: 45,
			connectWith: '.iconlist', 
			update: function(event,ui){
				var linkOrder 	= $(this).sortable('toArray').toString();
				var label		= $(ui.item).parent()[0].id;
				var itemMoved 	= $(ui.item)[0].id;
				$.post("ajax/update-links-order.php", {order: linkOrder, label : label, itemMoved: itemMoved});
			},
			start: function(e) {
				// have to remvoe click handler off item so drop doesn't click
				$("a.popup").unbind("click");
			},
			stop: function(e) {			
				//$("a.popup").bind("click", function(e){ itemClickHandler(e, $(this)); });
				//$("a.popup").click(itemClickHandler);
			}
		}
	).disableSelection().mouseout(function(){
					// reattach the item click handler
					$('a.popup').unbind("click").bind("click", function(e){
						e.preventDefault();
						var url = $(this).attr('href');
						spawnURL(url);
					});
				});
	
	
	
});