// JavaScript Document
var imgElement;
var loadingImage = new Image();
var picturePlaceholder = document.getElementById('picturePlaceholder');
loadingImage.src = site_root_stripped+"/images/wait.gif";
loadingImage.loop = -1;

function showPicture(url, html_code){
	makeScrollingBody();
	displayWaitMessageBg();
	hideElement('headerFlashBanner');
	var picturePlaceholderDiv = document.getElementById('picturePlaceholderDiv').style;
	picturePlaceholderDiv.display='block';
	picturePlaceholderDiv.visibility='visible';
	
	picturePlaceholder.innerHTML = '';
	
	if(!html_code){
		var image = document.createElement('img');
		image.setAttribute('src',url);
		image.style.border = '2px solid #000000';
		image.style.cursor = 'hand';
		image.onclick = function(){hidePicture();};
		
		picturePlaceholder.appendChild(loadingImage);
		imgElement = image;
		wait4imgLoading();
		resizeImg(url);
	}
	else{
		picturePlaceholder.innerHTML = html_code;
	}
}

function wait4imgLoading(){
	if (!imgElement.complete) {
		window.setTimeout("wait4imgLoading()", 1000);
	}
	else {
		picturePlaceholder.innerHTML = '';
		picturePlaceholder.appendChild(imgElement);
	}
}

function hidePicture(){
	hideWaitMessageBg();
	var picturePlaceholderDiv = document.getElementById('picturePlaceholderDiv').style;
	picturePlaceholderDiv.display='none';
	picturePlaceholderDiv.visibility='hidden';
	makeUnScrollingBody();
	displayElement('headerFlashBanner');
}

function resizeImg(isrc) {
	var oImg = new Image();
	oImg.src = isrc;
	var clientHeight;
	var clientWidth;
	
	if(ie4){
		clientHeight = document.body.clientHeight;
		clientWidth = document.body.clientWidth;
	}
	else{
		clientHeight = window.innerHeight;
		clientWidth = window.innerWidth;
	}
	if (oImg.complete) {
		var xRatio = oImg.width/clientWidth;
		var yRatio = oImg.height/clientHeight;
		var ratio = Math.max(xRatio, yRatio);
		if(ratio > 0.9){
			imgElement.width = parseInt(oImg.width / ratio * 0.9);
			imgElement.height = parseInt(oImg.height / ratio * 0.9);
		}
	}
	else {
		window.setTimeout("resizeImg('"+isrc+"')", 1000);
	}
}
