// JavaScript Document

function show_popin ( img_src ) {
	//alert ( 'show_popin ( img_src:' + img_src + ' );' );
	var o_bkgd 		= document.getElementById ( 'popin-bkgd' );
	var o_cont 		= document.getElementById ( 'popin-container' );
	var o_control 	= document.getElementById ( 'popin-controls' );
	var o_load 		= document.getElementById ( 'popin-loader' );
	var o_img 		= document.getElementById ( 'popin-img' );
	
	o_bkgd.style.display 	= 'block';
	o_img.style.display 	= 'none';
	o_img.src 				= img_src;
	o_img.onload = function () {
		setTimeout ( 'center_popin();', 20 );
	}
}
function center_popin () {
	var o_bkgd 		= document.getElementById ( 'popin-bkgd' );
	var o_cont 		= document.getElementById ( 'popin-container' );
	var o_control 	= document.getElementById ( 'popin-controls' );
	var o_load 		= document.getElementById ( 'popin-loader' );
	var o_img 		= document.getElementById ( 'popin-img' );
	
	o_img.style.display 		= 'block';
	o_load.style.display 		= 'none';
	o_cont.style.marginLeft 	= "-" + Math.round ( o_img.width /2 ) + "px";
	o_cont.style.marginTop 		= "-" + Math.round ( o_img.height /2 ) + "px";
	o_control.style.display 	= 'block';
}
function hide_popin () {
	var o_bkgd 		= document.getElementById ( 'popin-bkgd' );
	var o_cont 		= document.getElementById ( 'popin-container' );
	var o_control 	= document.getElementById ( 'popin-controls' );
	var o_load 		= document.getElementById ( 'popin-loader' );
	var o_img 		= document.getElementById ( 'popin-img' );
	
	o_bkgd.style.display 		= 'none';
	o_cont.style.marginLeft 	= '0px';
	o_cont.style.marginTop 		= '0px';
	o_control.style.display 	= 'none';
	o_load.style.display 		= 'block';
	o_img.src 					= '/images/blank.gif';
}