$(document).ready(function(){
	$.fn.loadContentList = function() {
		$('#dragcontlist ul li, #dragcontlist .nolist').remove();
		$.ajax({type: "POST", url:"slidepick/ajax.php",dataType:"json", data:({ ac: "getlistitems" }), 
			success: function(data){
			  if(data.pics == null) {	
				$('#dragcontlist').append('<span class="nolist">pic en bild och dra den här</span>');
				$('#genslidebutton').hide();
				$('#dragcontlist').css({'height':380, 'width':'200px'});
			  } else {
				 var data = data.pics;
				for(i=0; i< data.length; i++) {
					if(data[i].s_ts == 1) {
					$('#dragcontlist ul').append('<li id="ss_'+data[i].s_id+'"><img src="slidepick/images/tslide_thumb.gif" width="50" height="50"/><span class="delete"><a href="javascript:$().deleteFromList('+data[i].s_id+');"><img src="slidepick/cross.png" /></a></span></li>');	
					}else if(data[i].s_ts == 2) {
					$('#dragcontlist ul').append('<li id="ss_'+data[i].s_id+'"><img src="slidepick/image2.php?src=slidepick/uploads/'+data[i].s_external+'" width="50" height="50"/><span class="delete"><a href="javascript:$().deleteFromList('+data[i].s_id+');"><img src="slidepick/cross.png" /></a></span></li>');
					} else {
					$('#dragcontlist ul').append('<li id="ss_'+data[i].s_id+'"><img src="upload_gal/thumb/thumb_'+data[i].pictures+'" width="50" height="50"/><span class="delete"><a href="javascript:$().deleteFromList('+data[i].s_id+');"><img src="slidepick/cross.png" /></a></span></li>');
					}
					$('#dragcontlist li:even').addClass('alt'); 
				}
				$('#dragcontlist').css({'height':355, 'width':'195px'});
				$('#genslidebutton').show().html('<button type="button" onClick="javascript:$().genSlide()">generera bildspel</button>');
			  }
		}});
	}
	
	$().loadContentList();
	
	$.fn.genSlide = function() {
		$.ajax({type: "POST", url:"slidepick/ajax.php",dataType:"json", data:({ ac: "genslide"}), 
							success: function(data){
								$.cookie('editmode', 'new');
								$.cookie('editmodeid', null);
								$.cookie('mtab', 'tab5', {expires:1});
								$.cookie('stab', 'projects', {expires:1});
								window.location = "konstkonsult.php#tab4";
			}});
	}
	
	$( "#dragcontlist ul" ).sortable({
			placeholder: "sort-highlight",
			update:  function () { 
			
			var items = $(this).sortable('toArray');  
			$.ajax({type: "POST", url:"slidepick/ajax.php",dataType:"json", data:({ ac: "sort", sorti:items}), 
							success: function(data){
			}});
			
			}
		});
	$( "#dragcontlist ul" ).disableSelection();

	
	$.fn.deleteFromList = function(id) {
		var conf = confirm("Är du säker på att du vill ta bort detta objekt från listan?");
		if(conf) {
		$.ajax({type: "POST", url:"slidepick/ajax.php",dataType:"json", data:({ ac: "deleteitem", picid:id}), 
							success: function(data){
								$().loadContentList();
		}});
		}
	}
	
	if($.cookie('popcont') == 'open') {
		$('#dragcont').animate({top: '0' }, 300);
		$('#dragconthandle a').text('dölj');
	} else {
		$('#dragcont').animate({top: '-381px' }, 300);
		$('#dragconthandle a').text('släpp bilder här');
	}
	
	
	$(".slidedrag img").draggable({
		start: function(event, ui) { $('#dragcont').popContOpen(); },
		containment: 'document',
		opacity: 0.6,
		revert: 'invalid',
		helper: 'clone',
		zIndex: 100
	});	
	
	
	$("#dragcont").droppable({
			drop: function(e, ui){
						var param = $(ui.draggable).attr('name');
						$.ajax({type: "POST", url:"slidepick/ajax.php",dataType:"json", data:({ ac: "additem", picid:param}), 
							success: function(data){
								$().loadContentList();
						}});	
					}
	
	});
	
	$.fn.popContOpen = function() {
	$(this).animate({top: '0' }, 300);
	$('#dragconthandle a').text('dölj');
	$.cookie('popcont', 'open');
	}
	
	$.fn.popContClose = function() {
	$(this).animate({top: '-381px' }, 300);
	$('#dragconthandle a').text('släpp bilder här');
	$.cookie('popcont', 'close');
	}
	
	$("#dragconthandle a").click(function () {
		if($.cookie('popcont') == 'open') {
			$('#dragcont').popContClose();	
		} else {
			$('#dragcont').popContOpen();
		}
	}); 
//------------------------------------------------------------------
//FAVOURITES
//-----------------------------------------------------------------
$.fn.removeFavourites = function(id) {
	$.ajax({type: "POST", url:"slidepick/fav_ajax.php", data:({ ac: "removefav", picid:id}), 
		success: function(){
	var favcount = parseFloat($('#favcounter').text()) - 1;		
	$('#fav_'+id+' a').attr("onClick", "$().addFavourites("+id+");");
	$('#fav_'+id+' a img').attr("title", "Lägg till favoriter");
	$('#fav_'+id+' a img').attr("src", "images/star-white16.png");
	$('#favcounter').text(parseFloat(favcount));
	$('#removefavtr_'+id).remove();
	}});
}

$.fn.addFavourites = function(id) {
	$.ajax({type: "POST", url:"slidepick/fav_ajax.php", data:({ ac: "setfavuser", picid:id}), 
		success: function(){
	var favcount = parseFloat($('#favcounter').text()) + 1;				
	$('#fav_'+id+' a').attr("onClick", "$().removeFavourites("+id+");");
	$('#fav_'+id+' a img').attr("title", "Ta bort från favoriter");
	$('#fav_'+id+' a img').attr("src", "images/star-gold16.png");
	$('#favcounter').text(parseFloat(favcount));
	}});
}
	
});