// Modal Window Code

var modal;
var modalcontent;

var modaltop;
var modalbottom;

var modalbg;

var returnContainer;
var contentContainer;

var cssPositionClass = "";

$(document).ready(function() {

	modal = $("#modal");
	modalcontent = $("#modal_content");

	modaltop = $("#modal_top");
	modalbottom = $("#modal_bottom");

	modalbg = $("#screen");

});

function DisplayModalAdvanced(content, width, cssClass, currButton) {
	modal.addClass(cssClass);
	cssPositionClass = cssClass;

	DisplayModal(content, width);

	var position = $(currButton).position();
}

function DisplayModal(content, width) {

	if (modal.css("display") == "block")
	{
		HideModal();
	}

	$(modalcontent).empty();

	contentContainer = $("#" + content);

	modalcontent.append(contentContainer).html();

	contentContainer.css("display", "block");

	returnContainer = content;

	modal.css("width", width.toString() + "px");
	modaltop.css("width", (width - 60).toString() + "px");

	modalbottom.css("width", (width - 44).toString() + "px");
	modalcontent.css("width", (width - 50).toString() + "px");

	var size = new Object();

	size.x = document.documentElement.clientWidth;
	size.y = (document.documentElement.clientHeight / 2) + document.documentElement.scrollTop;

	var mt = (size.y - (modal.height() / 2));

	modal.css("margin-left", (size.x / 3) + "px");
	modal.css("margin-top", mt.toString() + "px");



	modalbg.css("height", $(window).height() + "px");
	modalbg.css("display", "block");

	modal.css("margin-top", mt);
	modal.css("display", "block");

}

function HideModal() {


	var mt = (($(window).height() / 2) - (modal.height() / 2));

	modal.css("display", "none");
	modalbg.css("display", "none");

	contentContainer.css("display", "none");
	contentContainer.appendTo("body");

	if (cssPositionClass != "") {
		modal.removeClass(cssPositionClass);
		cssPositionClass = "";
	}
}