function resizePage(){
	var w, h, contW, contH;
	var d = document;
	var cont = d.getElementById("container");
	if (window.innerWidth) {
		w = window.innerWidth;
		h = window.innerHeight;
	} else {
		w = d.documentElement.clientWidth;
		h = d.documentElement.clientHeight;
	}
	if (h <= 630) {
		contW = 920;
		contH = 690;
	} else if (w > 1920) {
		contW = 1200;		
		contH = 900;
	} else {
		contH = h - 50;
		contW = (contH / 6) * 8;
	}	
	if (contW) cont.style.width = contW + "px";
	if (contH) cont.style.height = contH + "px";
}

function showImage(id){
	if (!window[id]){
		var src = "/images/"+id+".jpg";
		window[id] = new Image();
		window[id].src = src;
		window[id].onclick = function (){
			popup('popUpDiv');
		}
	}
	var popUpDiv = document.getElementById("popUpDiv");
	popUpDiv.innerHTML = "";
	popUpDiv.appendChild(window[id]);
	popup('popUpDiv');
}

function blanket_size(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportheight = window.innerHeight;
	} else {
		viewportheight = document.documentElement.clientHeight;
	}
	if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
		blanket_height = viewportheight;
	} else {
		if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
			blanket_height = document.body.parentNode.clientHeight;
		} else {
			blanket_height = document.body.parentNode.scrollHeight;
		}
	}
	var blanket = document.getElementById('blanket');
	blanket.style.height = blanket_height + 'px';
	var popUpDiv = document.getElementById(popUpDivVar);
	var img = popUpDiv.getElementsByTagName("IMG")[0];
	if(img.height == 0) img.height = 480;
	popUpDiv_height = blanket_height / 2 - (img.height / 2);//150 is half popup's height
	popUpDiv.style.top = popUpDiv_height + 'px';
}

function window_pos(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerHeight;
	} else {
		viewportwidth = document.documentElement.clientHeight;
	}
	if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
		window_width = viewportwidth;
	} else {
		if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
			window_width = document.body.parentNode.clientWidth;
		} else {
			window_width = document.body.parentNode.scrollWidth;
		}
	}
	var popUpDiv = document.getElementById(popUpDivVar);
	var img = popUpDiv.getElementsByTagName("IMG")[0];
	if(img.width == 0) img.width = 640;
	window_width = window_width / 2 - (img.width / 2);//150 is half popup's width
	popUpDiv.style.left = window_width + 'px';

}

function popup(windowname) {
	blanket_size(windowname);
	window_pos(windowname);
	toggle('blanket');
	toggle(windowname);		
}

function toggle(id) {
	var el = document.getElementById(id);
	if (el.style.display == 'none') el.style.display = 'block';
	else el.style.display = 'none';
}