var loadingImage = "../IMAGES/MYNOTE/PROGRESS/LoadingProgressBar.gif";

function showDialog(vis){

	//hidden scroll bar
	/*if(vis == "block"){ 
		//document.body.scroll= "no";
		document.body.style.overflow="hidden"
	}else{
		//document.body.scroll= "yes";
		document.body.style.overflow=""
	}*/
	var objLoadingImage = new Image();
	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();

	objLoadingImage.src = loadingImage;
	// Retrieve width and height of client browser.
	var cw = (arrayPageSize[0] + 'px');
	var ch = (arrayPageSize[1] + 'px');
	var ct = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - objLoadingImage.height) / 2);
	var cl = ((arrayPageSize[0] - 20 - objLoadingImage.width) / 2);

	// Disable background
	var bg = document.getElementById("bgDisable");
	bg.style.width = cw;
	bg.style.height = ch;
	bg.style.display = vis;

	//Show dialog at the center of screen.
	dialog.style.top = ct;
	dialog.style.left = cl;
	dialog.style.display = vis;
}

function getPageScroll(){

	var yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}

	arrayPageScroll = new Array('',yScroll) 
	return arrayPageScroll;
}


function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}


	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}

function initLoading(){

	//<div id="bgDisable" style="display:none; position:absolute; top:0px; left:0px; filter:alpha(opacity:40);-moz-opacity:0.2;background-color:black"></div>
	var objBody = document.getElementsByTagName("body").item(0);
	
	// create overlay div and hardcode some functional styles (aesthetic styles are in CSS file)
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','bgDisable');
 	objOverlay.className = 'displayProcess';

	objBody.insertBefore(objOverlay, objBody.firstChild);

//	<!--div id="dialog" style="display:none; position:absolute; padding:0px; font:12px Arial;" align="center">
//	<A HREF="javascript:;" onClick="showDialog('none')"><IMG SRC="../IMAGES/MYNOTE/PROGRESS/loading6.gif" BORDER="0" ALT=""></A>
//	</div-->

	var box = document.createElement("div");
	box.setAttribute("id","dialog");
	box.style.postion = 'absolute';
	box.style.display = 'none';
	box.style.padding = '1px';

	var imgPreloader = new Image();

	imgPreloader.onload = function(){
		var objLoadingImageLink = document.createElement("a");
		objLoadingImageLink.setAttribute('href','javascript:;');
		objLoadingImageLink.onclick = function () {showDialog('none'); return false;}
		objOverlay.appendChild(objLoadingImageLink);
		
		var objLoadingImage = document.createElement("img");
		objLoadingImage.src = loadingImage;
		objLoadingImage.setAttribute('id','dialog');
		objLoadingImage.style.position = 'absolute';
		objLoadingImage.style.zIndex = '150';
		objLoadingImageLink.appendChild(objLoadingImage);

		imgPreloader.onload=function(){};	//	clear onLoad, as IE will flip out w/animated gifs

		return false;

	}
	imgPreloader.src = loadingImage;
	//objBody.insertBefore(box, objOverlay.nextSibling);*/


	/*var objBox = document.createElement("div");
	objBox.id = "dialog";
	objBox.style.position = "absolute";
	objBox.style.display = "none";
	objBox.style.padding = "1";
	objBox.style.blackgroud = "white";
	objBox.align = "center";
	var linkImage = document.createElement("a");
	linkImage.src = "javascript:;";
	linkImage.onclick = function(){showDialog('none'); return false;};
	var imgPreLoader = document.createElement("img");
	imgPreLoader.src = loadingImage;
	imgPreLoader.id = "loadimage";
	imgPreLoader.style.position = "absolute";
	linkImage.appendChild(imgPreLoader);
	objBox.appendChild(linkImage);
	objBody.insertBefore(objBox, objOverlay.nextSibling);*/
}