Index: branches/RC/themes/default2009/platform/template_manager/html_head.tpl
===================================================================
diff -u -N -r11661 -r11670
--- branches/RC/themes/default2009/platform/template_manager/html_head.tpl	(.../html_head.tpl)	(revision 11661)
+++ branches/RC/themes/default2009/platform/template_manager/html_head.tpl	(.../html_head.tpl)	(revision 11670)
@@ -1,67 +1,22 @@
-<!--<script type="text/javascript" src="<inp2:m_TemplatesBase module='In-Portal'/>inc/jquery/jquery-ui-personalized-1.5.2.js"></script>-->
+<inp2:m_if check="m_GetConst" name="EDITING_MODE" equals_to="2">
+	<script type="text/javascript" src="<inp2:m_TemplatesBase module='In-Portal'/>inc/jquery/jquery-ui.custom.min.js"></script>
 
-<script type="text/javascript" src="<inp2:m_TemplatesBase module='In-Portal'/>inc/jquery/interface/iutil.js"></script>
-<script type="text/javascript" src="<inp2:m_TemplatesBase module='In-Portal'/>inc/jquery/interface/idrag.js"></script>
-<script type="text/javascript" src="<inp2:m_TemplatesBase module='In-Portal'/>inc/jquery/interface/idrop.js"></script>
-<script type="text/javascript" src="<inp2:m_TemplatesBase module='In-Portal'/>inc/jquery/interface/isortables.js"></script>
-<script type="text/javascript" src="<inp2:m_TemplatesBase module='In-Portal'/>inc/jquery/interface/iautoscroller.js"></script>
+	<style type="text/css" media="all">
+		div.movable-area {
+			min-height: 200px;
+		}
 
-
-<style type="text/css" media="all">
-	.groupWrapper {
-		/*width: 32%;
-		float: left;
-		margin-right: 1%;*/
-		/*border: 1px solid green;*/
-		min-height: 200px;
-	}
-
-	/*.serializer {
-		clear: both;
-	}*/
-
-	/*.groupItem {
-		margin-bottom: 20px;
-	}*/
-
-	<inp2:m_if check="m_GetConst" name="EDITING_MODE" equals_to="2">
-		.groupItem .itemHeader {
+		div.movable-element .movable-header {
 			cursor: move;
+		}
 
-			/*line-height: 28px;
-			background-color: #DAFF9F;
-			border-top: 2px solid #B5EF59;
-			color: #000;
-			padding: 0 10px;
-			font-weight: bold;
-			font-size: 16px;
-			height: 28px;
-			position: relative;*/
+		.sortHelper {
+			border: 3px dashed #666;
+			/*width: auto !important;*/
 		}
-	</inp2:m_if>
+	</style>
+</inp2:m_if>
 
-	/*.groupItem .itemHeader a {
-		position: absolute;
-		right: 10px;
-		top: 0px;
-		font-weight: normal;
-		font-size: 11px;
-		text-decoration: none;
-	}*/
-
-	.sortHelper {
-		border: 3px dashed #666;
-		width: auto !important;
-	}
-
-	/*.groupWrapper p {
-		height: 1px;
-		overflow: hidden;
-		margin: 0;
-		padding: 0;
-	}*/
-</style>
-
 <inp2:m_if check="m_GetConst" name="EDITING_MODE">
 	<div class="extra-toolbar" style="display: none;">
 		<inp2:m_DefineElement name="edit_mode_element" template="" is_last="0">
@@ -110,40 +65,17 @@
 			</inp2:m_if>
 
 			<inp2:m_if check="m_GetConst" name="EDITING_MODE" equals_to="2">
-				$('div.groupWrapper').Sortable(
+				$('div.movable-area').sortable(
 					{
-						accept: 'groupItem',
-						helperclass: 'sortHelper',
-						activeclass : 	'sortableactive',
-						hoverclass : 	'sortablehover',
-						handle: 'td.itemHeader',
-						tolerance: 'pointer',
-						onChange : function(ser)
-						{
-						},
-						onStart : function()
-						{
-							$.iAutoscroller.start(this, document.getElementsByTagName('body'));
-						},
-						onStop : function()
-						{
-							$.iAutoscroller.stop();
-						}
-					}
-				);
-
-				/*$('div.groupWrapper').sortable(
-					{
 						placeholder: 'sortHelper',
-						handle: 'td.itemHeader',
-						appendTo: 'body',
-						connectWith: ['div.groupWrapper'],
-						revert: true,
+						handle: '.movable-header',
+						items: 'div.movable-element',
+						connectWith: ['div.movable-area'],
 						start: function(e, ui) {
-							ui.helper.css('width', ui.item.width());
+							ui.placeholder.height( ui.item.height() );
 						}
 					}
-				);*/
+				);
 			</inp2:m_if>
 		}
 	);