// initialize when the dom have been loaded
$j(function(){
	sortImageCatalogue.init();
	checkAction('checkAction');
	activateSortables();
});

// sortable list creation and update ajax call
var sortImageCatalogue = {
	init:function(){
		if ($$("div.loggedIn")[0]){
			var sortableElements = $$("ul.sortableList");
			if (sortableElements){
				sortableElements.each(function(el){
					Sortable.create(el,{
						tag: "li",
						overlap: "horizontal",
						handle: "dragHandle",
						constraint: false,
						onUpdate:function(){
							var postString = Sortable.serialize(el);
							new Ajax.Request("/sortpics.aspx", {
								method: "get",
								parameters: postString
							});
						}
					});
				});
			};
		}
	}
};

// aktiver sorterbare elementer
function activateSortables(){
	$j('.jSortableList').sortable({
		handle: '.dragHandle',
		stop: function(){
			$j.ajax({
				url: '/sortpics.aspx',
				data: $j('.jSortableList').sortable('serialize')
			});
		}
	});
}

// tjek om brugeren reelt ønsker at gennemføre den valgte handling.
function checkAction(cssClass){
	$j('.'+cssClass).click(function(e){ if (!confirm(this.rel)) return false; });
}