$(document).ready(function()
{
		$(".chColor").click(function(event){	$("#admDropzone").css("border-color", "#CCCCCC" );	});

		$("#admDropzone").draggable({ containment: '#admKasten' }).resizable();

    	// ** DIV SHIRT = Dropzone ** //
  		$("#admKasten").droppable(
		{
      		// OnDrop:
	  		drop: function(event, ui)
      		{			  
			  	var kpos = $("#admKasten").position();   
      		    		
      			var dPos = ui.draggable.position();
    	    	var dXpos = dPos.left - kpos.left; 	// Add kasten.Xpos
    	    	var dYpos = dPos.top - kpos.top;	// Add kasten.Ypos
    	    	var dHeight = ui.draggable.height();
    	    	var dWidth = ui.draggable.width();
				    	
				$("[name=dWidth]").val(dWidth);
    	    	$("[name=dHeight]").val(dHeight);
    	    	$("[name=dXpos]").val(dXpos);
    	    	$("[name=dYpos]").val(dYpos);    	    	
    	    	$("#gridSettigns").html("Grid W:"+dWidth+" H:"+dHeight+" Xpos:"+dXpos+" Ypos:"+dYpos);
      		}
		});
});