var UI_PAGEMANAGER_URL = null;

var UI_PAGEMANAGER_LANG = {

	'position' : {

		'actions' : {

			'showChildrens' : 'Untergeordnete Seiten anzeigen',
			'create' : 'Unterseite erstellen',
			'edit' : 'Position bearbeiten',
			'delete' : 'Position löschen'
		}

	},

	'page' : {

		'actions' : {
			'showChildrens' : 'Untergeordnete Seiten anzeigen',
			'open' : 'Link öffnen',
			'create' : 'Unterseite erstellen',
			'edit' : 'Seite bearbeiten',
			'move' : 'Seite verschieben',
			'delete' : 'Seite löschen'
		}
	
	

	}

};

$('.ui-pageManager-positions').ready(function() {

	if (UI_PAGEMANAGER_URL != null)
		$.post(UI_PAGEMANAGER_URL, {
			action : 'positionList',
			position : "1"
		}, function(data) {

			$(data).each(function(i, v) {

				ui_pageManager_createPosition(v);

			});
		}, "json");

});

function ui_pageManager_createPosition(data) {

	var position = $(
			'<li/>',
			{
				'positionID' : data.id,
				class : 'ui-pageManager-positions-item',
				html : '<div class="ui-pageManager-positions-item-structure">'
						+ ''
						+ '<div class="ui-pageManager-positions-item-actions-first">'
						+ ''
						+ '<a href="#" title="' + UI_PAGEMANAGER_LANG['position']['actions']['showChildrens'] + '"><div class="ui-pageManager-positions-item-actions-icon"><div class="ui-pageManager-positions-item-actions-open"></div></div></a>'
						+ ''
						+ '</div>'
						+ ''
						+ '<div class="ui-pageManager-positions-item-name">'
						+ data.name
						+ '</div>'
						+ '<div class="ui-pageManager-positions-item-actions">'
						+ ''
						+ '<a actionType="create" href="#" rel="dialog" title="' + UI_PAGEMANAGER_LANG['position']['actions']['create'] + '"><div class="ui-pageManager-positions-item-actions-icon"><div class="ui-pageManager-positions-item-actions-createSub"></div></div></a>'
						+ '<a actionType="edit" href="#" rel="dialog" title="' + UI_PAGEMANAGER_LANG['position']['actions']['edit'] + '"><div class="ui-pageManager-positions-item-actions-icon"><div class="ui-pageManager-positions-item-actions-edit"></div></div></a>'
						+ '<a actionType="delete" href="#" title="' + UI_PAGEMANAGER_LANG['position']['actions']['delete'] + '"><div class="ui-pageManager-positions-item-actions-icon"><div class="ui-pageManager-positions-item-actions-delete"></div></div></a>'
						+ ''
						+ '</div>'
						+ '<div class="floatClear"></div>'
						+ '</div>'
						+ '<div class="ui-pageManager-positions-links"><ul class="ui-pageManager-items" style="display: none;"></ul></div>'
						+ '</li>'

			});
	$('.ui-pageManager-positions').append(position);

	ui_pageManager_preapareSortable(position.children(
			'.ui-pageManager-positions-links').children('ul'));

	$(position)
			.ready(
					function() {

						var firstActionIcons = $(position)
								.children(
										'.ui-pageManager-positions-item-structure')
								.children(
										'.ui-pageManager-positions-item-actions-first')
								.children('a')
								.children(
										'.ui-pageManager-positions-item-actions-icon');
						var actionIcons = $(position)
								.children(
										'.ui-pageManager-positions-item-structure')
								.children(
										'.ui-pageManager-positions-item-actions');

						firstActionIcons
								.children(
										'.ui-pageManager-positions-item-actions-open')
								.click(
										function() {

											var itemList = $(position)
													.children(
															'.ui-pageManager-positions-links')
													.children('ul');

											if ($(position).attr('expanded') == null
													|| $(position).attr(
															'expanded') == 'false') {

												$
														.post(
																UI_PAGEMANAGER_URL,
																{
																	action : 'linkList',
																	position : $(
																			position)
																			.attr(
																					'positionID')
																},
																function(data) {

																	itemList
																			.html('');
																	$(data)
																			.each(
																					function(
																							i,
																							v) {

																						ui_pageManager_createLink(
																								v,
																								itemList);

																					});
																	ui_pageManager_preapareList(itemList);

																	itemList
																			.fadeIn();

																}, "json");

												$(position).attr('expanded',
														'true');
												$(this)
														.attr('expanded',
																'true');
											} else {

												itemList.fadeOut(function() {
													itemList.html('');
												});

												$(position).attr('expanded',
														'false');
												$(this).attr('expanded',
														'false');
												ui_pageManager_preapareList(itemList);
											}
										});

						// Sub-Create
						actionIcons.children(
								'a[actionType="create"][rel="dialog"]').click(
								ui_pageManager_dialog_createLink);

						// Edit
						actionIcons
								.children('a[actionType="edit"][rel="dialog"]')
								.click(
										function() {

											var dialogItem = $(this)
													.parents(
															'.ui-pageManager-positions-item');

											$
													.mbox(
															{

																key : 'ui-pageManager-position-item-edit-'
																		+ dialogItem
																				.attr('positionID'),
																dialogType : 'saveAbort',
																title : $(this)
																		.attr(
																				'title'),
																closeAble : false,
																resizeAble : true,
																style : {
																	width : '500px'
																},
																request : {
																	url : UI_PAGEMANAGER_URL,
																	data : {
																		action : "edit",
																		type : 'position',
																		id : dialogItem
																				.attr('positionID')
																	}
																},

																events : {

																	dialogResult : {

																		save : function() {

																			var mbox = $
																					.mbox('ui-pageManager-position-item-edit-'
																							+ dialogItem
																									.attr('positionID'));
																			var form = mbox.control
																					.find('form[name="editForm"]');

																			data_ = {

																				action : "edit",
																				id : dialogItem
																						.attr('positionID'),
																				type : 'position',

																				"saveEntry" : true,

																				entryID : $(
																						form)
																						.find(
																								'[name="entryID"]')
																						.val(),
																				nameText : $(
																						form)
																						.find(
																								'[name="nameText"]')
																						.val(),
																				descriptionText : $(
																						form)
																						.find(
																								'[name="descriptionText"]')
																						.val()

																			};

																			$
																					.post(
																							UI_PAGEMANAGER_URL,
																							data_,
																							function(
																									data) {

																								ui_pageManager_editPosition(data);

																								if (data.complete == true)
																									$
																											.mbox(
																													'ui-pageManager-position-item-edit-'
																															+ dialogItem
																																	.attr('positionID'))
																											.close();

																							},
																							"JSON");

																		},
																		abort : function() {
																		}
																	}
																}

															}).show();

											return false;

										});

						// Delete
						actionIcons.children('a[actionType="delete"]').click(
								function() {

									var dialogItem = $(this).parents(
											'.ui-pageManager-positions-item');

									ui_pageManager_deletePosition({
										id : dialogItem.attr('positionID')
									});

								});
					});

	/*	*/

}

function ui_pageManager_editPosition(data) {

	$('.ui-pageManager-positions-item[positionID="' + data.id + '"]').attr(
			'positionID', data.id);

	$('.ui-pageManager-positions-item[positionID="' + data.id + '"]').children(
			'.ui-pageManager-positions-item-structure').fadeOut(
			function() {

				$(
						'.ui-pageManager-positions-item[positionID="' + data.id
								+ '"]').find(
						'.ui-pageManager-positions-item-name').text(data.name);

				$(this).fadeIn();

			});

}

function ui_pageManager_editLink(data) {

	var item = $('.ui-pageManager-positions-links-item[linkID="' + data.id
			+ '"]');

	item.attr('linkID', data.id);

	item.parents('.ui-pageManager-positions-item').attr('positionID',
			data.position);

	item
			.children('.ui-pageManager-positions-links-item-structure')
			.fadeOut(
					function() {

						$(
								$(this)
										.parent()
										.find(
												'.ui-pageManager-positions-links-item-name')[0])
								.text(data.name);
						$(
								$(this)
										.parent()
										.find(
												'.ui-pageManager-positions-links-item-childAmount')[0])
								.text('+' + data.childrenAmount);

						$(this).fadeIn();

					});

}

function ui_pageManager_refreshLink(data) {

	if (data != null && data.id != null) {

		$('.ui-pageManager-positions-links-item[linkID="' + data.id + '"]')
				.attr('id', 'ui-pageManager-link-' + data.id);

		$(
				$(
						'.ui-pageManager-positions-links-item[linkID="'
								+ data.id + '"]').find(
						'.ui-pageManager-positions-links-item-childAmount')[0])
				.text(
						'+'
								+ $(
										'.ui-pageManager-positions-links-item[linkID="'
												+ data.id + '"]')
										.children(
												'.ui-pageManager-positions-links-item-links')
										.children('ul').children('li').length);

	}
}

function ui_pageManager_deleteLink(data_) {

	$.post(UI_PAGEMANAGER_URL, {
		action : 'delete',
		type : 'link',
		id : data_.id
	},
			function(data) {

				if (data.complete == true) {

					$(
							'.ui-pageManager-positions-links-item[linkID="'
									+ data_.id + '"]').fadeOut(
							function() {

								$(
										'.ui-pageManager-positions-links-item[linkID="'
												+ data_.id + '"]').remove();

							});

				}

			}, "json");

}

function ui_pageManager_deletePosition(data_) {

	$.post(UI_PAGEMANAGER_URL, {
		action : 'delete',
		type : 'position',
		id : data_.id
	}, function(data) {

		if (data.complete == true) {

			$('.ui-pageManager-positions-item[positionID="' + data_.id + '"]')
					.fadeOut(
							function() {

								$(
										'.ui-pageManager-positions-item[positionID="'
												+ data_.id + '"]').remove();

							});

		}

	}, "json");

}

function ui_pageManager_createLink(data, list) {

	if (data.childAmount == null)
		data.childAmount = '0';

	if (data.href == null)
		data.href = "";

	var link = $(
			'<li/>',
			{
				class : 'ui-pageManager-positions-links-item',
				linkID : data.id,
				id : 'ui-pageManager-link-' + data.id,
				itemType : 'link',
				html : '<div class="ui-pageManager-positions-links-item-structure">'
						+ ''
						+ '<div class="ui-pageManager-positions-links-item-actions-first">'
						+ ''
						+ '<a href="#" title="' + UI_PAGEMANAGER_LANG['page']['actions']['showChildrens'] + '"><div class="ui-pageManager-positions-links-item-actions-icon"><div class="ui-pageManager-positions-links-item-actions-open"></div></div></a>'
						+ ''
						+ '</div>'
						+ ''
						+ '<div class="ui-pageManager-positions-links-item-name">'
						+ data.name
						+ '</div>'
						+ '<div class="ui-pageManager-positions-links-item-childAmount">+'
						+ data.childAmount
						+ '</div>'
						+ '<div class="ui-pageManager-positions-links-item-actions">'
						+ ''
						+ '<a href="'
						+ PAGE['rootPath']
						+ data.url
						+ '" target=\"_blank\" title="' + UI_PAGEMANAGER_LANG['page']['actions']['open'] + '"><div class="ui-pageManager-positions-links-item-actions-icon"><div class="ui-pageManager-positions-links-item-actions-openLink"></div></div></a>'
						+ '<a actionType="create" rel="dialog" href="#" title="' + UI_PAGEMANAGER_LANG['page']['actions']['create'] + '"><div class="ui-pageManager-positions-links-item-actions-icon"><div class="ui-pageManager-positions-links-item-actions-createSub"></div></div></a>'
						+ '<a actionType="edit" rel="dialog" href="#" title="' + UI_PAGEMANAGER_LANG['page']['actions']['edit'] + '"><div class="ui-pageManager-positions-links-item-actions-icon"><div class="ui-pageManager-positions-links-item-actions-edit"></div></div></a>'
						+ '<a actionType="move" href="#" title="' + UI_PAGEMANAGER_LANG['page']['actions']['move'] + '"><div class="ui-pageManager-positions-links-item-actions-icon"><div class="ui-pageManager-positions-links-item-actions-move"></div></div></a>'
						+ '<a actionType="delete" href="#" title="' + UI_PAGEMANAGER_LANG['page']['actions']['delete'] + '"><div class="ui-pageManager-positions-links-item-actions-icon"><div class="ui-pageManager-positions-links-item-actions-delete"></div></div></a>'
						+ ''
						+ '</div>'
						+ '<div class="floatClear"></div>'
						+ '</div>'
						+ '<div class="ui-pageManager-positions-links-item-links">'
						+ '<ul class="ui-pageManager-items"></ul>' + '</div>'

			});
	

	list.append(link);

	var firstActionIcons = $(link).children(
			'.ui-pageManager-positions-links-item-structure').children(
			'.ui-pageManager-positions-links-item-actions-first').children('a')
			.children('.ui-pageManager-positions-links-item-actions-icon');
	var actionIcons = $(link).children(
			'.ui-pageManager-positions-links-item-structure').children(
			'.ui-pageManager-positions-links-item-actions');

	firstActionIcons.children(
			'.ui-pageManager-positions-links-item-actions-open').click(
			function() {

				var itemList = $(link).children(
						'.ui-pageManager-positions-links-item-links').children(
						'ul');

				ui_pageManager_preapareSortable(itemList);

				if ($(link).attr('expanded') == null
						|| $(link).attr('expanded') == 'false') {

					$.post(UI_PAGEMANAGER_URL, {
						action : 'linkList',
						parent : link.attr('linkID')
					}, function(data) {
						itemList.html("");
						$(data).each(function(i, v) {

							ui_pageManager_createLink(v, itemList);

						});

						ui_pageManager_preapareList(itemList);

						itemList.fadeIn();
					}, "json");

					$(link).attr('expanded', 'true');
					$(this).attr('expanded', 'true');

				} else {
					itemList.fadeOut(function() {
						itemList.html('');
					});
					$(link).attr('expanded', 'false');
					$(this).attr('expanded', 'false');
					ui_pageManager_preapareList(itemList);
				}
			});

	// Sub-Create
	actionIcons.children('a[actionType="create"][rel="dialog"]').click(
			ui_pageManager_dialog_createLink);


	
	// Edit
	actionIcons
			.children('a[actionType="edit"][rel="dialog"]')
			.click(
					function() {

						var dialogItem = $(this).parents(
								'.ui-pageManager-positions-links-item');

						var parent = dialogItem.parents(
								'.ui-pageManager-positions-links-item').attr(
								'linkID');
						if (parent == null)
							parent = '0';
						var position = dialogItem.attr('positionID');

						$
								.mbox(
										{

											key : 'ui-pageManager-item-edit-'
													+ dialogItem.attr('linkID'),
											dialogType : 'saveAbort',
											title : $(this).attr('title'),
											closeAble : false,
											resizeAble : true,
											style : {
												width : '760px',
												height : '500px'
											},
											request : {
												url : UI_PAGEMANAGER_URL,
												data : {
													action : "edit",
													type : $(dialogItem).attr(
															'itemType'),
													id : dialogItem
															.attr('linkID'),
													'parent' : parent,
													'position' : position
												}
											},

											events : {

												dialogResult : {

													save : function() {

														var mbox = $
																.mbox('ui-pageManager-item-edit-'
																		+ dialogItem
																				.attr('linkID'));
														var form = mbox.control
																.find('form[name="editForm"]');

														data_ = {

															action : "edit",
															id : dialogItem
																	.attr('linkID'),
															type : $(dialogItem)
																	.attr(
																			'itemType'),
															"saveEntry" : true,

															'parent' : parent,
															'position' : position,

															entryID : $(form)
																	.find(
																			'[name="entryID"]')
																	.val(),
															typeSelect : $(form)
																	.find(
																			'[name="typeSelect"]')
																	.val(),

															nameText : $(form)
																	.find(
																			'[name="nameText"]')
																	.val(),

															descriptionText : $(
																	form)
																	.find(
																			'[name="descriptionText"]')
																	.val(),
															linkAssociationSelect : $(
																	form)
																	.find(
																			'[name="linkAssociationSelect"]')
																	.val(),

															dynamicDescriptionSelect : $(
																	form)
																	.find(
																			'[name="dynamicDescriptionSelect"]')
																	.val(),

															frameStyleSelect : $(
																	form)
																	.find(
																			'[name="frameStyleSelect"]')
																	.val(),

															enabledSelect : $(
																	form)
																	.find(
																			'[name="nameText"]')
																	.val(),
															externSelect : $(
																	form)
																	.find(
																			'[name="moduleKeySelect"]')
																	.val(),

															enabledSelect : $(
																	form)
																	.find(
																			'[name="enabledSelect"]')
																	.val(),
															externSelect : $(
																	form)
																	.find(
																			'[name="externSelect"]')
																	.val(),

															editAbleSelect : $(
																	form)
																	.find(
																			'[name="editAbleSelect"]')
																	.val(),
															tagConvertSelect : $(
																	form)
																	.find(
																			'[name="tagConvertSelect"]')
																	.val(),

															fullScreenSelect : $(
																	form)
																	.find(
																			'[name="fullScreenSelect"]')
																	.val(),
															parentIDSelect : $(
																	form)
																	.find(
																			'[name="parentIDSelect"]')
																	.val(),

															conditionEditText : $(
																	form)
																	.find(
																			'[name="conditionEditText"]')
																	.val(),

															urlText : $(form)
																	.find(
																			'[name="urlText"]')
																	.val(),
															targetFileSelect : $(
																	form)
																	.find(
																			'[name="targetFileSelect"]')
																	.val(),

															pathText : $(form)
																	.find(
																			'[name="pathText"]')
																	.val(),
															rankText : $(form)
																	.find(
																			'[name="rankText"]')
																	.val(),

															icon16Text : $(form)
																	.find(
																			'[name="icon16Text"]')
																	.val(),
															icon32Text : $(form)
																	.find(
																			'[name="icon32Text"]')
																	.val()

														};

														if ($(form)
																.find(
																		'[name="createPageFileCheck"]')
																.attr('checked'))
															data_.createPageFileCheck = $(
																	form)
																	.find(
																			'[name="createPageFileCheck"]')
																	.val();

														var conditions = [];
														$
																.each(
																		$(form)
																				.find(
																						'select[name="conditionSelect"] option'),
																		function(
																				i,
																				v) {

																			if (i > 0) {
																				if ($(
																						v)
																						.text() != "") {

																					conditions
																							.push($(
																									v)
																									.text());
																				}
																			}
																		});

														var groups = [];
														$
																.each(
																		$(form)
																				.find(
																						'select[name="groupSelect"] option:selected'),
																		function(
																				i,
																				v) {

																			if ($(
																					v)
																					.val() != "")
																				groups
																						.push($(
																								v)
																								.val());

																		});

														var frames = [];
														$
																.each(
																		$(form)
																				.find(
																						'select[name="frameSelect"] option:selected'),
																		function(
																				i,
																				v) {

																			if ($(
																					v)
																					.val() != "")
																				frames
																						.push($(
																								v)
																								.val());

																		});

														data_ = $
																.extend(
																		true,
																		{
																			"frames" : frames,
																			"groups" : groups,
																			"conditions" : conditions
																		},
																		data_);

														$
																.post(
																		UI_PAGEMANAGER_URL,
																		data_,
																		function(
																				data) {

																			ui_pageManager_editLink(data);

																			if (data.complete == true)
																				$
																						.mbox(
																								'ui-pageManager-item-edit-'
																										+ dialogItem
																												.attr('linkID'))
																						.close();

																		},
																		"JSON");

													},
													abort : function() {
													}
												}
											}

										}).show();

						return false;

					});

	actionIcons.children('a[actionType="move"]').unbind('hover');
	actionIcons.children('a[actionType="move"]').hover(

	function() {
		$('.ui-pageManager-items').sortable('option', 'disabled', false);
	}, function() {
		$('.ui-pageManager-items').sortable('option', 'disabled', true);
	});

	// Delete
	actionIcons.children('a[actionType="delete"]').click(
			function() {

				var dialogItem = $(this).parents(
						'.ui-pageManager-positions-links-item');
				ui_pageManager_deleteLink({
					id : dialogItem.attr('linkID')
				});

			});

}

function ui_pageManager_dialog_createPosition(object) {

	var dialogItem = $(object);

	$
			.mbox(
					{

						key : 'ui-pageManager-position-create',
						dialogType : 'saveAbort',
						title : dialogItem.attr('title'),
						closeAble : false,
						resizeAble : true,
						style : {
							width : '500px'
						},
						request : {
							url : UI_PAGEMANAGER_URL,
							data : {
								action : "edit",
								type : 'position',
								id : '0'
							}
						},

						events : {

							dialogResult : {

								save : function() {

									var mbox = $
											.mbox('ui-pageManager-position-create');
									var form = mbox.control
											.find('form[name="editForm"]');

									data_ = {

										action : "edit",
										id : '0',
										type : 'position',

										"saveEntry" : true,

										entryID : $(form).find(
												'[name="entryID"]').val(),
										nameText : $(form).find(
												'[name="nameText"]').val(),
										descriptionText : $(form).find(
												'[name="descriptionText"]')
												.val()

									};

									$.post(UI_PAGEMANAGER_URL, data_, function(
											data) {

										ui_pageManager_createPosition(data);

									}, 'JSON');

									$.mbox('ui-pageManager-position-create')
											.close();

								},
								abort : function() {
								}
							}
						}

					}).show();

	return false;

}

function ui_pageManager_dialog_createLink() {

	if ($(this).parents('.ui-pageManager-positions-links-item').length > 0) {

		// Parent -> Link
		var dialogItem = $(this)
				.parents('.ui-pageManager-positions-links-item');
		var parent = dialogItem.attr('linkID');
		var firstActionIcons = dialogItem.children(
				'.ui-pageManager-positions-links-item-structure').children(
				'.ui-pageManager-positions-links-item-actions-first').children(
				'a').children(
				'.ui-pageManager-positions-links-item-actions-icon');

		if (dialogItem.attr('expanded') == true
				|| dialogItem.attr('expanded') == null)
			firstActionIcons.children(
					'.ui-pageManager-positions-links-item-actions-open')
					.click();

		var itemList = $(
				$(this).parents('.ui-pageManager-positions-links-item')[0])
				.children('.ui-pageManager-positions-links-item-links')
				.children('ul');
	} else {

		// Parent -> Position
		var dialogItem = $(this).parents('.ui-pageManager-positions-item');
		var parent = '0';
		var position = dialogItem.attr('positionID');
		var firstActionIcons = dialogItem.children(
				'.ui-pageManager-positions-item-structure').children(
				'.ui-pageManager-positions-item-actions-first').children('a')
				.children('.ui-pageManager-positions-item-actions-icon');

		if (dialogItem.attr('expanded') == true
				|| dialogItem.attr('expanded') == null)
			firstActionIcons.children(
					'.ui-pageManager-positions-item-actions-open').click();

		var itemList = $(this).parents('.ui-pageManager-positions-item')
				.children('.ui-pageManager-positions-links').children('ul');

	}

	$
			.mbox(
					{

						key : 'ui-pageManager-item-create',
						dialogType : 'saveAbort',
						title : $(this).attr('title'),
						closeAble : false,
						resizeAble : true,
						style : {
							width : '730px',
							height : '400px'
						},
						request : {
							url : UI_PAGEMANAGER_URL,
							data : {
								action : "edit",
								type : 'link',
								id : '0',
								'parent' : parent,
								'position' : position
							}
						},

						events : {

							dialogResult : {

								save : function() {

									var mbox = $
											.mbox('ui-pageManager-item-create');
									var form = mbox.control
											.find('form[name="editForm"]');

									data_ = {

										action : "edit",
										id : '0',
										type : 'link',

										"saveEntry" : true,

										typeSelect : $(form).find(
												'[name="typeSelect"]').val(),

										nameText : $(form).find(
												'[name="nameText"]').val(),
										moduleKeySelect : $(form).find(
												'[name="moduleKeySelect"]')
												.val(),

										frameStyleSelect : $(form).find(
												'[name="frameStyleSelect"]')
												.val(),

										enabledSelect : $(form).find(
												'[name="nameText"]').val(),
										externSelect : $(form).find(
												'[name="moduleKeySelect"]')
												.val(),

										enabledSelect : $(form).find(
												'[name="enabledSelect"]').val(),
										externSelect : $(form).find(
												'[name="externSelect"]').val(),

										editAbleSelect : $(form).find(
												'[name="editAbleSelect"]')
												.val(),
										tagConvertSelect : $(form).find(
												'[name="tagConvertSelect"]')
												.val(),

										fullScreenSelect : $(form).find(
												'[name="fullScreenSelect"]')
												.val(),

										parentIDSelect : $(form).find(
												'[name="parentIDSelect"]')
												.val(),

										conditionEditText : $(form).find(
												'[name="conditionEditText"]')
												.val(),

										urlText : $(form).find(
												'[name="urlText"]').val(),
										targetFileSelect : $(form).find(
												'[name="targetFileSelect"]')
												.val(),

										pathText : $(form).find(
												'[name="pathText"]').val(),
										rankText : $(form).find(
												'[name="rankText"]').val(),

										icon16Text : $(form).find(
												'[name="icon16Text"]').val(),
										icon32Text : $(form).find(
												'[name="icon32Text"]').val()

									};

									if ($(form).find(
											'[name="createPageFileCheck"]')
											.attr('checked'))
										data_.createPageFileCheck = $(form)
												.find(
														'[name="createPageFileCheck"]')
												.val();

									var conditions = [];
									$
											.each(
													$(form)
															.find(
																	'select[name="conditionSelect"] option'),
													function(i, v) {

														if (i > 0) {
															if ($(v).text() != "") {

																conditions
																		.push($(
																				v)
																				.text());
															}
														}
													});

									var groups = [];
									$
											.each(
													$(form)
															.find(
																	'select[name="groupSelect"] option:selected'),
													function(i, v) {

														if ($(v).val() != "")
															groups.push($(v)
																	.val());

													});

									var frames = [];
									$
											.each(
													$(form)
															.find(
																	'select[name="frameSelect"] option:selected'),
													function(i, v) {

														if ($(v).val() != "")
															frames.push($(v)
																	.val());

													});

									data_ = $.extend(true, {
										"frames" : frames,
										"groups" : groups,
										"conditions" : conditions
									}, data_);

									$.post(UI_PAGEMANAGER_URL, data_, function(
											data) {

										ui_pageManager_createLink(data,
												itemList);
										ui_pageManager_refreshLink({
											id : parent
										});

									}, 'JSON');

									$.mbox('ui-pageManager-item-create')
											.close();

								},
								abort : function() {
								}
							}
						}

					}).show();

	return false;

}

function ui_pageManager_preapareSortable(item) {

	$(item)
			.sortable(
					{
						opacity : 0.6,
						disabled : true,
						cursor : 'move',
						placeholder : 'ui-pageManager-positions-links-item-placeholder',
						connectWith : '.ui-pageManager-items',
						cancel : ".ui-pageManager-positions-links-item-disabled",
						dropOnEmpty : false,
						start : function(event, ui) {

						},
						over : function(event, ui) {
						},
						stop : function(event, ui) {
						},
						update : function(event, ui) {

							var item = $(ui.item);

							var id, type, parentID, parentType;
							if ($(item.parents('li')[0]).hasClass(
									'ui-pageManager-positions-item')) {

								// Position
								parentID = $(item.parents('li')[0]).attr(
										'positionID');
								parentType = 'position';
							} else {

								// Link
								parentID = $(item.parents('li')[0]).attr(
										'linkID');
								parentType = 'link';
							}

							if (item.hasClass('ui-pageManager-positions-item')) {

								id = item.attr('positionID');
								type = 'position';

							} else {

								id = item.attr('linkID');
								type = 'link';

							}

							$.post(UI_PAGEMANAGER_URL, {
								'action' : 'move',
								'id' : id,
								'type' : type,
								'parentID' : parentID,
								'parentType' : parentType,
								'sortList' : $(this).sortable('toArray')
							}, function(data) {

							});// 

							ui_pageManager_preapareList(item
									.parent('ul.ui-pageManager-items'));
							if (ui.sender != null)
								ui_pageManager_preapareList(ui.sender);
						}

					});

}

function ui_pageManager_preapareList(list) {

	list = $(list);

	if (list.children('.ui-pageManager-positions-links-item').length > 0) {
		list
				.children('.ui-pageManager-positions-links-item-placeholder')
				.fadeOut(
						function() {

							list
									.children(
											'.ui-pageManager-positions-links-item-placeholder')
									.remove();

						});

	} else {

		if (list.children('.ui-pageManager-positions-links-item-placeholder').length < 1)
			list.append($('<li />', {
				class : 'ui-pageManager-positions-links-item-placeholder'
			}));

	}

}
