﻿function ShowProgress()
    {
        
        document.getElementById("ProgressPopup").style.visibility  = "";
        document.getElementById("ProgressPopup").style.zIndex = "100";
        document.getElementById("divIframe").style.visibility  = "";
        document.getElementById("image").src = "";
        document.getElementById("image").src = "Images/processing3.gif";
        centerElement("image","ProgressPopup");
        setTimeout("ReloadImage()",500);
        centerElement("image","ProgressPopup");
    }
    function ReloadImage()
    {
        document.getElementById("image").src = "";
        document.getElementById("image").src = "Images/processing3.gif";
    }
    function f_clientWidth() 
    {
	
	return f_filterResults (
		window.innerWidth ? window.innerWidth : 0,
		document.documentElement ? document.documentElement.clientWidth : 0,
		document.body ? document.body.clientWidth : 0
	);
   }
   function f_clientHeight() {
	return f_filterResults (
		window.innerHeight ? window.innerHeight : 0,
		document.documentElement ? document.documentElement.clientHeight : 0,
		document.body ? document.body.clientHeight : 0
    );
 }
function f_scrollLeft() {
	return f_filterResults (
		window.pageXOffset ? window.pageXOffset : 0,
		document.documentElement ? document.documentElement.scrollLeft : 0,
		document.body ? document.body.scrollLeft : 0
	);
}
function f_scrollTop() {
	return f_filterResults (
		window.pageYOffset ? window.pageYOffset : 0,
		document.documentElement ? document.documentElement.scrollTop : 0,
		document.body ? document.body.scrollTop : 0
	);
}
function f_filterResults(n_win, n_docel, n_body) {
	var n_result = n_win ? n_win : 0;
	if (n_docel && (!n_result || (n_result > n_docel)))
		n_result = n_docel;
	return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}
function centerProgressElement(elementId, scrollContainerId)
{
   
    
    if(document.getElementById(elementId) != null && document.getElementById(scrollContainerId) != null)
    {
		win_width=f_clientWidth();
		win_height=f_clientHeight();
		scroll_left=f_scrollLeft();
		scroll_top=f_scrollTop();
		pic_width=document.getElementById(elementId).width;
		pic_height=document.getElementById(elementId).height;
		document.getElementById(scrollContainerId).style.left = (win_width/2) - (pic_width)  + scroll_left;
		document.getElementById(scrollContainerId).style.top = (win_height/2) - (pic_width) + scroll_top;
		//alert("Window Width:" + win_width + " Window Height:" + win_height + " Left:" + document.getElementById(scrollContainerId).style.left+ " top:" + document.getElementById(scrollContainerId).style.top );
    }		
}


