$(document).ready(function(){
    $(".modlet-drop-area").sortable({
    	/* Changed because of "flickering" when dragging a modlet.
		 * is ul really not required?
		 *items: "li, ul",
		 * */
    	items: "li",
	   	connectWith: [".modlet-drop-area"],
    	placeholder:'modlet-droppable-space-active',
    	dropOnEmpty: true,
    	handle: '.modlet-drag-handle',
		update: function(event, ui) {
			var vContainer = $(this).find("ul").attr("id").toString();
			vContainer = vContainer.substr(vContainer.lastIndexOf("-")+1);

			var vModletInstances = $(this).sortable("toArray").toString().replace(/,,/, ',').replace(/[,]*$/, '').replace(/^[,]*/, '');

			if (vModletInstances != ""){
				PAF_AdminTools.sortModlets(vContainer, vModletInstances);
			}
		}
    });

 });

 function addModlet(aContainer){
 	var vText;
 	
 	vText = "";
 	vText =	vText + '<li id="modlet1" class="modlet-container">';
	vText =	vText + '	<div class="modlet-title">';
	vText =	vText + '		<div class="modlet-admin-iconbar">';
	vText =	vText + '			<span class="modlet-drag-handle">';
	vText =	vText + '				<img alt="Move Modlet" src="/PAF/design/classic/img/arrow_out.png"/>';
	vText =	vText + '			</span>';
	vText =	vText + '		</div>';
	vText =	vText + '		TITLE';		
	vText =	vText + '	</div>';
	vText =	vText + '	<div class="modlet-content">';
	vText =	vText + '		Neues Modlet';
	vText =	vText + '	</div>';
	vText =	vText + '</li>';
 	
 	$("#" + aContainer).append(vText);
 }
 
 function savePreferences(ModletUID, SelectBoxID){
 	var ChosenDS = getMultiple(document.getElementById(ModletUID + "_select_data_sources"));
 	$.get("/PAF/ajax.php?website=default&page_collection=default&page=Startseite&parameters=kernel__action/SaveModletPreferences/kernel__muid/" + ModletUID + "/kernel__data/" + ChosenDS, function(text){
   		//alert(text);
   		location.reload();
	});
 }