(function($){
	var updateUpDown = function(sortable){
		$('dl:not(.ui-sortable-helper)', sortable)
			.removeClass('first').removeClass('last')
			.find('.up, .down').removeClass('disabled').end()
			.filter(':first').addClass('first').find('.up').addClass('disabled').end().end()
			.filter(':last').addClass('last').find('.down').addClass('disabled').end().end();
	};
	
	var moveUpDown = function(){
		var link = $(this),
			dl = link.parents('dl'),
			prev = dl.prev('dl'),
			next = dl.next('dl');
	
		if(link.is('.up') && prev.length > 0)
			dl.insertBefore(prev);
	
		if(link.is('.down') && next.length > 0)
			dl.insertAfter(next);
	
		updateUpDown(dl.parent());
	};
	
	var increaseSize = function(){
		var sWidth = $(this).parents('.ui-sortable').css("width");
		sWidth=(pxNumberToNumber(sWidth)+10)+"px";
		$(this).parents('.ui-sortable').css("width",sWidth);
		//alert($(this).parents('.ui-sortable').find('h2').find('ColumnWidth').name );
		//alert(ui.element.children().width());
		//var x=$(this).parents('.ui-sortable').find('h2').find('ColumnWidth');
		//alert(x.value );
		//alert($(this).parents('.ui-sortable').id);
	};
	var decreaseSize = function(){
		var sWidth = $(this).parents('.ui-sortable').css("width");
		sWidth=(pxNumberToNumber(sWidth)-10)+"px";
//		if((pxNumberToNumber(content1.style.width)-10)>150){
			$(this).parents('.ui-sortable').css("width",sWidth);
//		}
	};

	var editParameters = function(){
		    alert("xxx");
		  	//window.open( 'PageDesignerObjectEditor.do?ObjectName='+sObjectName+"&ObjectID="+sObjectID,
			//			 'ObjectEditor',
			//			 'width=502,height=325');
	};
	
	var emptyTrashCan = function(item){
		item.remove();
	};
	
	var sortableChange = function(e, ui){

		if(ui.sender){
			var w = ui.element.width();
			ui.placeholder.width(w);
			ui.helper.css("width",ui.element.children().width());
		}
	};
	
	var sortableUpdate = function(e, ui){
		if(ui.element[0].id == 'trashcan'){
			emptyTrashCan(ui.item);
		} else {
			updateUpDown(ui.element[0]);
			if(ui.sender)
				updateUpDown(ui.sender[0]);
		}
	};
	
	$(document).ready(function(){
		var els = [ '#content0', '#content1', '#content2', '#content3', '#content4', '#content5', '#content6', '#content7', '#content8', '#content9', '#divMisc', '#divContent', '#divContentLists', '#divWidgets', '#divSystem', '#divCustomObject','#divFeaturedContent'];
		var $els = $(els.toString());

		$('h2', $els.slice(0,-1)).append('');		
		//$('h2', $els.slice(0,-1)).append('<span class="options"><a class="decrease"><img src="pagedesignerjquery/minus.GIF"></a><a class="increase"><img src="pagedesignerjquery/plus.GIF"></a></span>');
		//$('dt', $els).append('<span class="options"><a class="edit"><img src="pagedesignerjquery/blank.GIF"></a></span>');
		
		$('a.increase').bind('click', increaseSize);
		$('a.decrease').bind('click', decreaseSize);
		$('a.edit').bind('click', editParameters);
		$els.each(function(){
			updateUpDown(this);
		});
		
		$els.sortable({
			items: '> dl',
			handle: 'dt',
			cursor: 'copy',
			//cursorAt: { top: 2, left: 2 },
			//opacity: 0.8,
			//helper: 'clone',
			appendTo: 'body',
			//placeholder: 'clone',
			//placeholder: 'placeholder',
			connectWith: els,
			start: function(e,ui) {
				ui.helper.css("width", ui.item.width());
			},
			change: sortableChange,
			update: sortableUpdate
		});
	});
	
	$(window).bind('load',function(){
		setTimeout(function(){
			$('#overlay').fadeOut(function(){
				$('body').css('overflow', 'auto');
			});
		}, 750);
	});
})(jQuery);
function pxNumberToNumber(sNumber){
    var length = sNumber.length-2;
    var sNumber2=sNumber.substr(0,length);
    return Number(sNumber2);
}
function getXML(sContainer){
	var sXML="<screen>\n";
	var curAttrib="";
	var curContainer=document.getElementById(sContainer);
	
	sXML = sXML + "   <width>"+ curContainer.style.width +"</width>\n";
	sXML = sXML + "   <MaxRecordsToQuery>"+ document.getElementById("MaxRecordsToQuery").value +"</MaxRecordsToQuery>\n";
	sXML = sXML + "   <SystemToolLayout>"+ document.getElementById("SystemToolLayout").value +"</SystemToolLayout>\n";
	
	for (i=0; i<curContainer.childNodes.length; i++){
		if (curContainer.childNodes[i].nodeName=="DIV"){
			sXML=sXML+"   <column>\n";
			var curColumn= curContainer.childNodes[i];
			if(curColumn.style.width!=""){
				curAttrib="<width>"+curColumn.style.width+"</width>";
				sXML=sXML+"      " + curAttrib +"\n";
			}
			for (j=0; j<curColumn.childNodes.length; j++){
				var curItem=curColumn.childNodes[j];
				if (curItem.nodeName=="H2"){
					for (k=0; k<curItem.childNodes.length; k++){
						curAttrib=curItem.childNodes[k];
//						alert(curAttrib.id);
						if(curAttrib.id!="" && curAttrib.value!="" && curAttrib.id!="undefined" && curAttrib.id!=undefined){
							sAttribute="<"+curAttrib.id+">"+curAttrib.value+"</"+curAttrib.id+">";
							sXML=sXML+"      " + sAttribute +"\n";
						}
					}
				}
				if (curItem.nodeName=="DL"){
					sXML=sXML+"      <item" + curItem.childNodes[0].id + ">\n";
					for (k=0; k<curItem.childNodes[0].childNodes.length; k++){
						curAttrib=curItem.childNodes[0].childNodes[k];
						if(curAttrib.name!=null &&curAttrib.name!="undefined" && curAttrib.name!="" && curAttrib.value!=""){
							sAttribute="<"+curAttrib.name+"><![CDATA["+curAttrib.value+"]]></"+curAttrib.name+">";
							sXML=sXML+"         " + sAttribute +"\n";
						}
					}
					sXML=sXML+"      </item>\n";
				}
			}
			sXML=sXML+"   </column>\n"
		}
	}
	sXML=sXML+"   </screen>\n"
	return sXML;
}