/* SVN FILE: $Id$ */

$(function() {

/**
 * Attach to any link with the class auth
 * Runs on first load
 */

	$('a.auth, li.auth a').click(function() {
		return doModal(this);
	});

	$('a.confirm').addClass('dialog modal');
	$('.dialogs a, a.dialog, .popup a, a.popup, a.popout').click(function() {
		return doModal(this);
	});

/**
 * contain method
 *
 * Contain both links and forms to the defined base dom element
 *
 * @return void
 * @access public
 */
	function contain(base) {
		containLinks(base);
		containForms(base);
	}

/**
 * containLinks
 *
 * For the passed base dom element, find any links within it and pass to doModal
 */
	function containLinks(base) {
		var base = $(base);
		$('a', base).click(function() {
			return doModal($(this), base);
		});
	}

/**
 * containForms method
 *
 * For the passed base dom element, find any forms and ajax load into the same container
 * For any links that are within the base - force to open in a (new/orphan) dialog
 */
	function containForms(base) {
		var base = $(base);
		$('form', base).bind('submit', function() {
			base.block();
			$(this).ajaxSubmit({
				target: base,
				success: function(r) {
					base.unblock();
					base.html(r);
					containForms(base);
					$('a', base).click(function() {
						return doModal($(this));
					});
				},
			});
			return false;
		});
	}

/**
 * doModal method
 *
 * For the passed link dom element
 * 	Use the link title attribute if set, or the link text if not, as the dialog title
 * 	If the link has the class 'breakout' do not do anything (load the link normally)
 * 	If no base is defined (links found on first page load & links inside an ajax-form) load the contents
 * 	into a dialog window and display it
 * 		Any links or forms inside the dialog will be recursively handled in the same manner
 * 	If a base is defined, load the link's contents into the base
 *
 * Modal window properties can be modfied by adding css classes to the a tags:
 * 	breakout - prevent the link target from being loaded into the base if appropriate
 * 	confirm|modal - force a modal window. defaults to none-modal
 * 	noResize - prevent users from being able to resize the window
 * 	noDrag - prevent users from being able to move the window
 *
 * E.g. to create a link which is a modal, none-resizable, none-movable dialog, you'd create:
 * 	<a href="source url" class="popup modal noResize noDrag">Click here to be forced to read/choose/etc. something</a>
 * E.g. to use for a div already in the source:
 * 	<a href="#sourceId" class="popup">Click here to see something quickly</a>
 *
 * The result of loading GET requests by ajax is 'cached' such that there is only one ajax request per dialog -
 * 	a link within a dialog however, will override this caching mechanism.
 *
 */
	function doModal(a, base) {
		a = $(a);
		if (base) {
			base = $(base);
		}
		var title = a.attr('title');
		if (!title) {
			title = a.text();
		}
		var targetId = a.attr('href');
		if (targetId[0] == '#') {
			targetId = targetId.replace(/[#]/g, "");
		} else {
			targetId = 'mialog-' + targetId.replace(/[\/]/g, "");
		}
		if (base && a.hasClass('breakout')) {
			return;
		} else if (!base || a.hasClass('popout')) {
			var el = $('#' + targetId);
			if (el.length) {
				if (!el.parent('.ui-dialog').length) {
					el.attr('title', title)
						.dialog({
							width: '600px',
							height: 'auto',
							modal: a.hasClass('modal')?true:false,
							resizable: a.hasClass('noResize')?false:true,
							draggable: a.hasClass('noDrag')?false:true
						});
				}
				el.dialog('open');
				return false;
			}
			if (!base) {
				$.blockUI();
			}
			el = $('<div class="dialog"></div>');
			el
				.attr('title', title)
				.attr('id', targetId)
				.appendTo('body')
				.load(a.attr('href') + '.ajax?layout=dialog', function(res) {
					$.unblockUI();
					contain(el);
					el.dialog({
						width: '600px',
						height: 'auto',
						modal: a.hasClass('modal')?true:false,
						resizable: a.hasClass('noResize')?false:true,
						draggable: a.hasClass('noDrag')?false:true
					});
				});
		} else {
			/* Invasion of the dialog snatchers, change the id, fix the height and width so it doesn't resize on load */
			var titleBar = $('.ui-dialog-titlebar', base.parent());
			base
				.block()
				.attr('id', targetId)
				.css('width', base.width() + 'px')
				.css('height', base.height() + 'px')
				.load(a.attr('href') + '.ajax?layout=dialog', function(res) {
					$('.ui-dialog-title', titleBar).text(title);
					$('.leavePopup', titleBar)
						.attr('href', a.attr('href'))
						.attr('title', sprintf(__('Open in a new window (%s)'), a.attr('href')))
					contain(base);
				})
				.unblock();
		}
		return false;
	}
});