function initTooltip() {
	$('.orpheline').tooltip({
		delay: 0,
		showURL: false,
		extraClass: 'ui-corner-all',
		bodyHandler: function() {
			var src = $(this).find("img").attr("src");
			src = src.replace("minithumb", "tooltip");
			return $("<img/>").attr("src", src);
		}
	});
}

function initTabs() {
	$('#tabs').tabs();
}

function initSortables(url, catalogue_id) {
	var sourceImage;
	var sourceImageMain;
	
	$('.principale-div').droppable({
		drop: function( event, ui ) {
			$('.overlay').css({opacity: 0.5}).show();
			$.ajax({
				type: "POST",
				url: url,
				data: "ajaxAction=setmain&catalogue=" + $('.ui-state-active').attr('id') + "&photo=" + ui.draggable.attr('id'),
				success: function(msg){
					$('.overlay').hide();
				}
			});
			$(this).html(ui.draggable.html());
		}
	});
	
	$('#corbeille').droppable({
		drop: function( event, ui ) {
			$('.overlay').css({opacity: 0.5}).show();
			$.ajax({
				   type: "POST",
				   url: url,
				   data: "ajaxAction=delete&photo=" + ui.draggable.attr('id'),
				   success: function(msg){
					   $('.overlay').hide();
					   var length = $(".orpheline").length;
						$('#photo_count_total').html(length);
				   }
				 });
			ui.draggable.remove();
		}
	});
	
	var $tab_items = $( "#tabs ul:first li").droppable({
    accept: ".catalogue li",
    hoverClass: "ui-state-hover",
    drop: function( event, ui ) {
      var $item = $( this );
      var $list = $($item.find("a").attr("href")).find(".catalogue");

      ui.draggable.hide( "slow", function() {
        $('#tabs').tabs( "select", $tab_items.index( $item ) );
        $(this).appendTo( $list ).show( "slow" );
        
        updateCatalogue(url, $list);
      });
    }
  });
	
  $('.catalogue').sortable({
    connectWith: [$('#orpheline_liste'),$('.principale-div'),$('.catalogue')],
    /*revert: true,*/
    start: function(event, ui) {
      //console.log('.catalogue start');
      var principaleDiv = "#principale-" + $('.ui-state-active').attr('id');
      sourceImage = $(principaleDiv).find("div").html();
      $(principaleDiv).find("div").html("");
      $('#corbeille').html("Glisser ici pour supprimer");
    },
    stop: function(event, ui) {
      //console.log('.catalogue stop');
      var principaleDiv = "#principale-" + $('.ui-state-active').attr('id');
      if($(principaleDiv).find("div").html() == "")
        $(principaleDiv).find("div").html(sourceImage);
      $('#corbeille').html("");
    },
    update: function(event, ui) {
      //console.log('.catalogue update');
      updateCatalogue(url, $(this));
    }
  });
	
	$('#orpheline_liste').sortable({
		connectWith: $('.catalogue'),
		/*revert: true,*/
		start: function(event, ui) {
		  //console.log('#orpheline_liste start');
			var mainDiv = "#principale-" + catalogue_id;
			sourceImageMain = $(mainDiv).find("div").html();
			$(mainDiv).find("div").html("");
			$('#corbeille').html("Glisser ici pour supprimer");
		},
		stop: function(event, ui) {
		  //console.log('#orpheline_liste stop');
			var mainDiv = "#principale-" + catalogue_id;
			if($(mainDiv).find("div").html() == "")
				$(mainDiv).find("div").html(sourceImageMain);
			$('#corbeille').html("");
		},
		update: function(event, ui) {
		  //console.log('#orpheline_liste receive');
		  $('.overlay').css({opacity: 0.5}).show();
		  if(jQuery.trim(ui.item.html()) == jQuery.trim(sourceImage)) {
		    sourceImage = "";
		  }
		  $.ajax({
		    type: "POST",
		    url: url,
		    data: "ajaxAction=outOfCatalog&photo=" + ui.item.attr('id'),
		    success: function(msg){
		      $('.overlay').hide();
		    }
		  });
		  //console.log('#orpheline_liste update');
		  
			var length = $("#orphelines").find("li").length;
			$('#photo_count_unpublished').html(length);
		}
	});
}

function updateCatalogue($url, $list)
{
  $('.overlay').css({opacity: 0.5}).show();
  var positions = $list.sortable('toArray');
  $.ajax({
    type: "POST",
    url: $url,
    data: "ajaxAction=update&catalogue=" + $('.ui-state-active').attr('id') + "&positions=" + positions,
    success: function(msg){
      $('.overlay').hide();
    }
  });
  
  $('#tabs ul:first li').each(function($i, $tab)
  {
    var catalogue_id = $($tab).attr('id');
    var length = $("#fragment-" + catalogue_id).find("li").length;
    $('#photo_count_' + catalogue_id).html(length);  
  });
}