$(document).ready(function() {
	//$("#draggable").draggable({ handle: 'div' });
	$("#draggable2").draggable({ containment: '#containment-wrapper', cancel: "div.ui-widget-header", cancel: "#merkzettelinhalt" });
		
	// cookie period
	var days = 1;
	
	// load positions & status form cookies
	$("#draggable2").each( function( index ){
		$(this).css( "left", 
		$.cookie( "im_" + this.id + "_left") );
		$(this).css( "top", 
		$.cookie( "im_" + this.id + "_top") );
		// close if cookie says "closed"
		if ($.cookie("merkzettelStatus") == "closed")
		{
			merkzettelClose();
		}
	});
	
	// make draggable, show, bind event
	//$("#draggable2").draggable({cursor: "move"});
	$('#draggable2').show(); 
	$('#draggable2').bind('dragstop', savePos);
	
	// save positions into cookies
	function savePos( event, ui ){
		$.cookie("im_" + this.id + "_left", 
		$(this).css("left"), { path: '/', expires: days });
		$.cookie("im_" + this.id + "_top", 
		$(this).css("top"), { path: '/', expires: days });
	}
	
	$("a#merkzettelShow").click(function(){
		merkzettelShow();
		// store cookie
		$.cookie("merkzettelStatus", 
		"open", { path: '/', expires: days });
	});
	$("a#merkzettelClose").click(function(){
		merkzettelClose();
		// store cookie
		$.cookie("merkzettelStatus", 
		"closed", { path: '/', expires: days });
	});
	
	function merkzettelShow() {
		$("#merkzettelinhalt").show();
		$("#draggable2").css("backgroundImage", "url(/fileadmin/templates/seiten/drag/hg_offen.png)");
	}
	function merkzettelClose() {
		$("#merkzettelinhalt").hide();
		$("#draggable2").css("backgroundImage", "url(/fileadmin/templates/seiten/drag/hg_geschlossen.png)");
	}
	
	// blocks all div or p tags for selection
	//$("div, p").disableSelection();
});