// WHITEOUT

function ajaxPost(url,element,vars){

	var myAjax = new Ajax.Updater(element, url, {
		method: 'post', 
		postBody: vars, 
		evalScripts: true
		});
}

function getMap(map) {
	postvars = "";
	ajaxPost(map+".php","popupcontent",postvars);
	whiteOut(500,500);
}

function whiteOut(width,height,top){
    whiteoutTop = top;
    $('popupbox').style.height = height + "px";
    $('popupbox').style.width = width + "px";
	$('lightbox').style.height = $('page_wrapper').offsetHeight + 50 + "px";
    $('lightbox').show();
    center('popupbox');
    return false;
}

function hidePopupBox(){
    $('popupcontent').innerHTML = " ";
    $('popupbox').hide();
    $('lightbox').hide();
    return false;
}

function center(element){
    try{
        element = $(element);
    }catch(e){
        return;
    }

    var my_width  = 0;
    var my_height = 0;

    if ( typeof( window.innerWidth ) == 'number' ){
        my_width  = window.innerWidth;
        my_height = window.innerHeight;
    }else if ( document.documentElement && 
             ( document.documentElement.clientWidth ||
               document.documentElement.clientHeight ) ){
        my_width  = document.documentElement.clientWidth;
        my_height = document.documentElement.clientHeight;
    }
    else if ( document.body && 
            ( document.body.clientWidth || document.body.clientHeight ) ){
        my_width  = document.body.clientWidth;
        my_height = document.body.clientHeight;
    }

    element.style.position = 'absolute';
    element.style.zIndex   = 999;

    var scrollY = 0;

    if ( document.documentElement && document.documentElement.scrollTop ){
        scrollY = document.documentElement.scrollTop;
    }else if ( document.body && document.body.scrollTop ){
        scrollY = document.body.scrollTop;
    }else if ( window.pageYOffset ){
        scrollY = window.pageYOffset;
    }else if ( window.scrollY ){
        scrollY = window.scrollY;
    }

    var elementDimensions = Element.getDimensions(element);

    var setX = ( my_width  - elementDimensions.width  ) / 2;
    var setY = ( my_height - elementDimensions.height ) / 2 + scrollY - 50;  // RAISE UP 50 PIXELS FROM CENTER
	if(whiteoutTop) {
		setY = whiteoutTop;
		whiteoutTop = '';
	}
    setX = ( setX < 0 ) ? 0 : setX;
    setY = ( setY < 0 ) ? 0 : setY;

    element.style.left = setX + "px";
    element.style.top  = setY + "px";
    element.style.display  = 'block';
}