var CssStartTag = '<STYLE>';
/*
*/
var PageOverlayDivStyle = '\
.page_overlay {\
	position: absolute;\
    z-index:9997;\
    width:0%;\
    height:0%;\
    top: 0;\
    left: 0;\
    margin:1px;\
    padding:1px;\
    color:black;\
	background-color:#FFF;\
    filter:alpha(opacity=80);\
    -moz-opacity: 0.7;\
    opacity: 0.7;\
}';
var PageOverlayDivBoxStyle = '\
.page_overlay_box{\
	border:0px solid #999999;\
	width:0%;\
	height:0%;\
	z-index:9999;\
    padding:0px;\
    position:absolute;\
    background-color:white;\
}';

var CssEndTag = '</STYLE>';

var PageOverlayDiv = '<div id="page_overlay" name="page_overlay" style="display:none;" class="page_overlay" onclick="Cancel(req)"></div>';

var PageOverlayDivBox = '<div id="page_overlay_box" name="page_overlay_box" style="display:none;" class="page_overlay_box"></div>';

var ImageOverlayDiv = '\
<div id="image_overlay" name="image_overlay" style="position: absolute;display:none;z-index:9998;width:220px;height:19px;">\
	<img border="0" src="templates/tmpl_uni/images/ajax-loader.gif" width="220" height="19">\
</div>';

document.write(CssStartTag);
document.write(PageOverlayDivStyle );
document.write(PageOverlayDivBoxStyle );
document.write(CssEndTag );
document.write(PageOverlayDiv);
document.write(PageOverlayDivBox);
document.write(ImageOverlayDiv);

//setTimeout('showBox();showCenter(300,100);',2000 );
//setTimeout('hideBox();hideCenter();',4000 );

function showBox(){
	OnClientShow();
    $('page_overlay').show();
    overlayReload();
    center('image_overlay',220,19);
    $('image_overlay').show();
    return false;
}

function overlayReload()
{
    if (window.innerHeight && window.scrollMaxY || window.innerWidth && window.scrollMaxX) {    
        yScroll = window.innerHeight + window.scrollMaxY;
        xScroll = window.innerWidth + window.scrollMaxX;
        var deff = document.documentElement;
        var wff = (deff&&deff.clientWidth) || document.body.clientWidth || window.innerWidth || self.innerWidth;
        var hff = (deff&&deff.clientHeight) || document.body.clientHeight || window.innerHeight || self.innerHeight;
        xScroll -= (window.innerWidth - wff);
        yScroll -= (window.innerHeight - hff);
    } else if (document.body.scrollHeight > document.body.offsetHeight || document.body.scrollWidth > document.body.offsetWidth){ // all but Explorer Mac
        yScroll = document.body.scrollHeight;
        xScroll = document.body.scrollWidth;
    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
        yScroll = document.body.offsetHeight+200;
        xScroll = document.body.offsetWidth+50;
      }
    $('page_overlay').style.height = yScroll+'px';
    $('page_overlay').style.width = xScroll+'px';
}

function center(window_name, _width, _height) {
    var successWin = $(window_name);
    var pagesize = getPageSize();    
    var arrayPageScroll = getPageScrollTop();
    
    _left = Math.round(arrayPageScroll[0] + (pagesize[0] - _width)/2);
    _top = Math.round(arrayPageScroll[1] + (pagesize[1] - _height)/3)

    successWin.style.left = _left+'px';
    successWin.style.top = _top+'px';
}

function getPageSize(){
    var de = document.documentElement;
    var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
    var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight
    arrayPageSize = new Array(w,h) 
    return arrayPageSize;
}

function getPageScrollTop(){
    var yScrolltop;
    var xScrollleft;
    if (self.pageYOffset || self.pageXOffset) {
        yScrolltop = self.pageYOffset;
        xScrollleft = self.pageXOffset;
    } else if (document.documentElement && document.documentElement.scrollTop || document.documentElement.scrollLeft ){     // Explorer 6 Strict
        yScrolltop = document.documentElement.scrollTop;
        xScrollleft = document.documentElement.scrollLeft;
    } else if (document.body) {// all other Explorers
        yScrolltop = document.body.scrollTop;
        xScrollleft = document.body.scrollLeft;
    }
    arrayPageScroll = new Array(xScrollleft,yScrolltop) 
    return arrayPageScroll;
}

function hideBox(){
    $('page_overlay').hide();
    $('image_overlay').hide();
    OnClientClose();
    return false;
}

function OnClientShow()
{
	/*if(document.documentElement && document.documentElement.scrollTop)
	{
		var oTop = document.documentElement.scrollTop;
		document.documentElement.scroll = "no";
		document.documentElement.style.overflow = "hidden";
		//document.documentElement.scrollTop = oTop;
	}
	else if(document.body)
	{
		var oTop = document.body.scrollTop;
		document.body.scroll = "no";
		document.body.style.overflow = "hidden";
		//document.body.scrollTop = oTop;
	}*/
}
function OnClientClose()
{
	/*if(document.documentElement && document.documentElement.scrollTop)
	{
		document.documentElement.scroll = "yes";
		//document.documentElement.scroll = "";
		document.documentElement.style.overflow = "";
	}
	else if(document.body)
	{
		document.body.scroll = "yes";
		//document.body.scroll = "";
		document.body.style.overflow = "";
	}*/
}