/**
* @author mryan
*/

var modal;
var modalcontent;

var modaltop;
var modalbottom;

var modalbg;

var returnContainer;

$(document).ready(function()
{
	
	modal = $("#modal");
    modalcontent = $("#modal_content");

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

    modalbg = $("#screen");
	
});

function DisplayModal(content, width)
{
    $(modalcontent).empty();
	
	modalcontent.html($("#" + content).html());
	
    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 = $(window).height();

	//alert(size.x);

	size.y = (document.documentElement.clientHeight / 2) + document.documentElement.scrollTop;
    
	//alert(modal.height());
	
    var mt = (size.y - (modal.height() / 2));

    //alert(mt);

    //mt = mt / 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");
	

}