$(document).ready(function() {
	try {
		if (typeof layout != 'undefined') {
			redisplay(layout);
		}
	} catch(error) {
		
	}
});

var movable = false;

function makeFlexi() {
	if (!movable) {
		$(".content-sortable").sortable({
			placeholder: 'flexi-placeholder', 
			connectWith: '.content-sortable',
			handle: '.flexi-anchor',
			update: function(event, ui) {
				var o = {};
				o.layout = "content";
				o.areas = new Array();
				var a = 0;
				$(".content-sortable").each(function(index) {
					var id = this.id;
					o.areas[a] = {};
					o.areas[a].name = this.id;
					o.areas[a].panels = new Array();
					var p=0;
					$(this).children("div").each(function(index2) {
						o.areas[a].panels[p++] = this.id;
					});
					a++;
				});
				$("#flexi-msgs").val("<script>var layout="+JSON.stringify(o)+"</script>");
			}
		});
		$(".content-sortable>div").toggleClass("flexi-box");
		$(".flexi-anchor").clone(true).prependTo($(".content-sortable>div"));
		//$(".content-sortable>div").resizable({xcontainment: '.content-sortable', maxWidth: '100%', minWidth: '100%'});
		$("<textarea id='flexi-msgs' class='flexi-msgs'>").appendTo("#footer-wrapper");
	} else {
		$(".content-sortable>div").toggleClass("flexi-box");
		$(".content-sortable .flexi-anchor, .flexi-msgs").remove();
		$(".content-sortable").sortable("destroy");
		//$(".content-sortable>div").resizable("destroy");
	}
	movable = !movable;
}

function editContent() {
	//alert($(this).attr("id"));
}

function redisplay(layout) {
	for (var a=0; a<layout.areas.length; a++) {
		var area = layout.areas[a];
		var panels = area.panels
		for (var p=0; p<panels.length; p++) {
			var panel = panels[p];
			try {
				$("#"+panel).appendTo($("#"+area.name));
			} catch (error) {}
		}
	}
}