// JavaScript Document
GRCDispImg = {
	bImg:null,
	initDone:false,
	visible:'visible',
	hidden:'hidden',
	ovlyId:'LargePic',
	srcImgId:'',
	sizeType:'w',
	imgSize:0,
	imgSizeDiff:16,
	sizeId:'SideMenu',
	ovlyDiv:null,
	ovlyPos:null,
	ovlyImg:null,
	ovlyH:null,
	sizeSrcDiv:null,
	hide:false,
	getPos:function(obj)
	{
		var x=y=0;
		
		if (obj.offsetParent)
		{
			do {
				x+=obj.offsetLeft;
				y+=obj.offsetTop;
			} while (obj=obj.offsetParent);
		}
		return([x,y]);
	},
	switchDiv:function(pdisp)
	{
		if (!GRCDispImg.initDone)
			if (!GRCDispImg.init()) return(false);
		with (GRCDispImg)
		{
			var setDisp=pdisp.toLowerCase();
			if (setDisp=='switch')
			{
				if (ovlyDiv.style.visibility==visible)
					setDisp=hidden;
				else
					setDisp=visible;
			}
			ovlyDiv.style.visibility=setDisp;
			return (true);
		}	//	with
	},
	hideAll:function()
	{
		GRCDispImg.switchDiv(GRCDispImg.hidden);
	},
	showAll:function()
	{
		GRCDispImg.switchDiv(GRCDispImg.visible);
	},
	setImg:function(e)
	{
		if (!GRCDispImg.switchDiv(GRCDispImg.visible)) return(false);
		with (GRCDispImg)
		{
			var src=DOMhelp.getTarget(e);
			var img=new Image();
			var ratio;
			
			img.src=src.src;
			ovlyImg.src=src.src;
			ovlyImg.alt=src.alt;
			if (sizeType=='w')
			{
				ratio=imgSize/img.width;	//	set by width
			}
			else
			{
				ratio=imgSize/img.height;	//	set by height
			}
			ovlyImg.width=Math.round(img.width*ratio);
			ovlyImg.height=Math.round(img.height*ratio);
			if (ovlyH)
			{
				ovlyH.innerHTML=src.alt;
				if ((src.alt=="") && (src.title!=""))
				{
					ovlyH.innerHTML=src.title;
				}
			}
		}	//	with
	},
	positionOverlay:function()
	{
		with (GRCDispImg)
		{
			ovlyDiv=document.getElementById(ovlyId);
			sizeSrcDiv=document.getElementById(sizeId);
			if (!ovlyDiv || !sizeSrcDiv)
				return(false);
			ovlyPos=getPos(sizeSrcDiv);
			ovlyDiv.style.width=sizeSrcDiv.clientWidth + 'px';
			if (imgSize==0)
				imgSize = sizeSrcDiv.clientWidth - imgSizeDiff;
			ovlyDiv.style.left=ovlyPos[0] + 'px';
			ovlyDiv.style.top=ovlyPos[1] + 'px';
		}	//	with
		return(true);
	},
	init:function()
	{
		dom=(document.getElementById) && (document.createTextNode);
		with (GRCDispImg)
		{
			var imgs;
			if (!positionOverlay())
				return(false);
			DOMhelp.addEvent(window,'resize',GRCDispImg.positionOverlay,false);
			imgs=ovlyDiv.getElementsByTagName('IMG');
			if (!imgs)
				return(false);
			ovlyImg=imgs[0];
			ovlyH=ovlyDiv.getElementsByTagName('H4');
			if (ovlyH)
				ovlyH=ovlyH[0];
			initDone=true;
		}	//	with
		return(GRCDispImg.initDone);
	},
	prepareAll:function(pSourceId,pTargetId,pSizeId,pHide,pSize,pSizeType)
	{
		var	imgSrcDiv;
		
		with (GRCDispImg)
		{
			srcImgId=pSourceId;
			ovlyId=pTargetId;
			sizeId=pSizeId;
			hide=pHide;
			imgSize=pSize;
			switch (pSizeType)
			{
				case 'w':
				case 'h':
					sizeType=pSizeType;
					break;
				default:
					alert("pSizeType must be 'h' or 'w'");
			}
			init();
			imgSrcDiv=document.getElementById(pSourceId);
			if (imgSrcDiv)
			{
				var	srcImgs=imgSrcDiv.getElementsByTagName('IMG');
				var i;
				for (i=0; i<srcImgs.length; i++)
				{
					DOMhelp.addEvent(srcImgs[i],'mouseover',GRCDispImg.setImg,false);
					if (hide)
					{
						DOMhelp.addEvent(srcImgs[i],'mouseout',GRCDispImg.hideAll,false);
					}
				}
			}
		}	//	with
	}
}