// Modal Image Box
// copyright 21st May 2006 by Stephen Chapman
// http://javascript.about.com/
// permission to use this Javascript on your web page is granted
// provided that all of the code in this script (including these
// comments) is used without any alteration
function pageWidth() 
{
	return window.innerWidth != null? window.innerWidth: document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body != null? document.body.clientWidth:null;

}

function pageHeight() 

{
	return window.innerHeight != null? window.innerHeight: document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body != null? document.body.clientHeight:null;

} 

function posLeft() 
{
	return typeof window.pageXOffset != 'undefined' ? window.pageXOffset:document.documentElement && document.documentElement.scrollLeft? document.documentElement.scrollLeft:document.body.scrollLeft? document.body.scrollLeft:0;
}

function posTop() 
{
	return typeof window.pageYOffset != 'undefined' ? window.pageYOffset:document.documentElement && document.documentElement.scrollTop? document.documentElement.scrollTop: document.body.scrollTop?document.body.scrollTop:0;
}

function $(x)
{
	return document.getElementById(x);
}
function scrollFix()
{
	var obol=$('ol');
	obol.style.top=posTop()+'px';
	obol.style.left=posLeft()+'px'
}

function sizeFix()
{
	var obol=$('ol');
	obol.style.height=pageHeight()+'px';
	obol.style.width=pageWidth()+'px';
}

function kp(e)
{
	ky=e?e.which:event.keyCode;
	if(ky==88||ky==120)hm();
	return false
}
function inf(h)
{
	tag=document.getElementsByTagName('select');
	for(i=tag.length-1;i>=0;i--)tag[i].style.visibility=h;
	tag=document.getElementsByTagName('iframe');
	for(i=tag.length-1;i>=0;i--)tag[i].style.visibility=h;
	tag=document.getElementsByTagName('object');
	for(i=tag.length-1;i>=0;i--)tag[i].style.visibility=h;
}

function sm(obl)
{
	var h='hidden';
	var b='block';
	var p='px';
	var obol=$('ol');
	obol.style.height=pageHeight()+p;
	obol.style.width=pageWidth()+p;
	obol.style.top=posTop()+p;
	obol.style.left=posLeft()+p;
	obol.style.display=b;
	im=new Image();
	im.onload=function(){
		$('mbi').src=obl.href;
		var tp=posTop()+((pageHeight()-im.height)/2)+172;
		var lt=posLeft()+((pageWidth()-im.width/2)/2)+52;
		var obbx=$('mbox');
		obbx.style.top=(tp<0?0:tp)+p;
		obbx.style.left=(lt<0?0:lt)+p;
		$('mbd').style.width=im.width/2+p;inf(h);
		obbx.style.display=b;
		document.onkeypress=kp;
		return false
		};
	im.src=obl.href
}

function hm()
{
	var v='visible';
	var n='none';
	$('ol').style.display=n;
	$('mbox').style.display=n;
	inf(v);
	document.onkeypress=''
}

function initmb()
{
	var ab='absolute';
	var n='none';
	if(!document.getElementsByTagName)return;
	var anchors=document.getElementsByTagName('a');
	for(var i=0;i<anchors.length;i++)
	{
		var an=anchors[i];
		if(an.getAttribute('href')&&/gif|jpe?g|png$/.test(an.getAttribute('href')))
		{
			an.onclick=function()
			{
				sm(this);
				return false
			}
		}
	}
	var obody=document.getElementsByTagName('body')[0];
	var frag=document.createDocumentFragment();
	var obol=document.createElement('div');
	obol.setAttribute('id','ol');
	obol.style.display=n;
	obol.style.position=ab;
	obol.style.top=0;
	obol.style.left=0;
	obol.style.zIndex=998;
	obol.style.width='100%';
	frag.appendChild(obol);
	var obbx=document.createElement('div');
	obbx.setAttribute('id','mbox');
	obbx.onclick=function()
	{
		hm();return false
	};
	obbx.style.display=n;
	obbx.style.position=ab;
	obbx.style.zIndex=999;
	var obl=document.createElement('span');
	obbx.appendChild(obl);
	var obbxd=document.createElement('div');
	obbxd.setAttribute('id','mbd');
	obl.appendChild(obbxd);
	var obmbm=document.createElement('div');
	obmbm.setAttribute('id','mbm');
	obmbm.setAttribute('width','450');
	obmbm.innerHTML='X';
	obbxd.appendChild(obmbm);
	var obim=document.createElement('img');
	obim.setAttribute('id','mbi');
	obim.setAttribute('width','450');
	obl.appendChild(obim);
	frag.insertBefore(obbx,obol.nextSibling);
	obody.insertBefore(frag,obody.firstChild);
	window.onscroll = scrollFix;
	window.onresize = sizeFix;
}
window.onload = initmb;