//<![CDATA[

	var display_image2_list = new Array();
	
	function displayImage2 (ximg_src, align, width, caption, img_name, xsecond_img_src, second_img_width, second_img_height, img_obj_var, link_text) {
		var img_src=ximg_src;
		var i1_width = width;
		var def_scrn_width = 800;
		display_image2_list.push(new Array(img_name,(width)));
		try {
		    var cur_scrn_width = getAvailWidth();
		    if (cur_scrn_width<def_scrn_width)
			i1_width = Math.round(width * (cur_scrn_width/def_scrn_width));
		}
		catch (ex) {
		    i1_width = width;
		}
		if (img_src.indexOf("/bugweek")==0)
		    img_src="http://raupplab.umd.edu"+img_src;
		var second_img_src=xsecond_img_src;
		if (second_img_src.indexOf("/bugweek")==0)
			second_img_src="http://raupplab.umd.edu"+second_img_src;
		var top_offset = 0;
		var l_text="click *here* to see a larger image.";
		if (link_text) {
			l_text=link_text;
		}
		var second_img_name = img_name+"_lg";
		var caption2;
			caption2 = caption+'  <span style="color:rgb(0,0,211); cursor:pointer;" onclick = \'  document.getElementById("'+second_img_name+'").style.display = "block";\'>'+l_text+'</span>';
		var cmd='<div id="'+img_name+'" class=\"caption\" style="position:relative; margin:5px; float:'+align+'; width:'+i1_width+'px;">';
		cmd += '<div><img src="'+img_src+'" name="'+img_name+'" usemap="#'+img_name+'" border="0" width="'+i1_width+'" /></div>';
		if (second_img_src) {
			cmd += '<div id="'+second_img_name+'" style="position:absolute; cursor:pointer;';
			var nleft = (second_img_width - (Math.round(i1_width/2)))* -1; //-400;
			var ntop = -50 + top_offset;
			if (align.toUpperCase() == "LEFT") {
				ntop = -50 + top_offset;
				nleft = 50;
			}
			cmd += ' left:'+(nleft)+'px; top:'+(ntop)+'px; ';

			cmd += ' display:none; z-index:600;" ';
			cmd += '>';

			cmd += '<div style="position:absolute;float:left; top:-10px; left:-10px; z-index:6000; height:16px;" ><div style="position:relative; float:left; cursor:pointer;"  onclick=\'document.getElementById("'+second_img_name+'").style.display="none";\'><img src="/js/close-btn-14px.png" /></div><div style="position:relative; cursor:pointer; float:left;" onclick=\''+img_obj_var+'.reset();\'><img src="/js/reset-btn-14px.png" /></div></div>';
			cmd += '<script type="text/javascript">';
			cmd += 'var '+img_obj_var+' = new imgViewer("'+second_img_src+'", -15, -15, '+(second_img_width)+', '+(second_img_height)+');';
			cmd +=  img_obj_var+'.init();';
			cmd += 'imgDivMagnifyX ('+img_obj_var+'.getImgDivID(), "+");';
			cmd += 'imgDivMagnifyX ('+img_obj_var+'.getImgDivID(), "+");';
			cmd += 'imgDivMagnifyX ('+img_obj_var+'.getImgDivID(), "+");';
			cmd += '<\/script>';

			cmd += '</div>';
			cmd += '<span class="Caption">'+caption2+'</span>';

		}
		else {
			cmd += '<span class="Caption">'+caption+'</span>';
		}
		cmd += '</div>';
		document.writeln(cmd);
	}


	function imgViewer (url, left, top, width, height){
		this.url = url;
		this.left = left;
		this.top = top;
		this.width = width;
		this.height = height;
		this.display = "block";

		this.kill_code = 0;

		if (!imgViewer.id)
			imgViewer.id = 1;
		else
			imgViewer.id++;
		this.img_wrapper = "imgViewer_w"+(imgViewer.id);
		this.img_div = "imgViewer_div"+(imgViewer.id);
		this.background_color = "rgb(100,100,100)";

		// methods
		this.init = initViewer;
		this.getWrapperID = getImgViewerWrapper;
		this.getImgDivID = getImgViewerDiv;
		this.reset = imgViewerReset;
		/*
		this.imgLeft = imgLeft;
		this.imgRight = imgRight;
		this.imgUp = imgUp;
		this.imgDown = imgDown;
		*/
	}

	function initViewer () {
		var cmd1 = '<div id="'+this.img_wrapper+'" style="position:relative; top:'+(this.top)+'px; left:'+(this.left)+'px; width:'+(this.width)+'px; height:'+this.height+'px; border:4px ridge black; background-color:'+this.background_color+'; overflow:hidden;">';
		cmd1 += '<div id="'+this.img_div+'" style="position:absolute; width:'+this.width+'px; top:0px; left:0px;">';
		cmd1 += '<img src="'+this.url+'" style="width:100%;" />';
		cmd1 += '</div>';
		cmd1 += '<div style="position:absolute; width:'+(this.width)+'px; height:18px; font-size:14px; font-weight:bold; font-family:sans-serif; background-color:black; color:white; text-align:right;">';
		cmd1 += '<span style="margin-left:5px; cursor:pointer;" onmousedown="imgDivLeft(\''+this.img_div+'\',10);" onmouseup="javascript:imgDivStopAction();" onmouseout="javascript:imgDivStopAction();"><img src="/js/arrowhead-left-14px.png" /></span>';
		cmd1 += '<span style="margin-left:5px; cursor:pointer;" onmouseup="javascript:imgDivStopAction();" onmouseout="javascript:imgDivStopAction();" onmousedown="javascript:imgDivRight(\''+this.img_div+'\',10);"><img src="/js/arrowhead-right-14px.png" /></span>';
		cmd1 += '<span style="margin-left:15px; cursor:pointer;" onmouseup="javascript:imgDivStopAction();" onmouseout="javascript:imgDivStopAction();"  onmousedown="javascript:imgDivUp(\''+this.img_div+'\',10);"><img src="/js/arrowhead-up-14px.png" /></span>';
		cmd1 += '<span style="margin-left:5px; cursor:pointer;" onmouseup="javascript:imgDivStopAction();"  onmouseout="javascript:imgDivStopAction();" onmousedown="javascript:imgDivDown(\''+this.img_div+'\',10);"><img src="/js/arrowhead-down-14px.png" /></span>';
		cmd1 += '<span style="margin-left:15px; cursor:pointer;" onmouseup="javascript:imgDivStopAction();" onmouseout="javascript:imgDivStopAction();"  onmousedown="javascript:imgDivMagnify(\''+this.img_div+'\',\'+\');"><img src="/js/plus-14px.png" /></span>';
		cmd1 += '<span style="margin-left:5px; margin-right:5px; margin-top:8px; cursor:pointer;" onmouseup="javascript:imgDivStopAction();" onmouseout="javascript:imgDivStopAction();"  onmousedown="javascript:imgDivMagnify(\''+this.img_div+'\',\'-\');"><img src="/js/minus-14px.png" /></span>';
		cmd1 += '</div>';
		cmd1 += '</div>';
		document.writeln(cmd1);
	}

	function imgViewerReset () {
		imgDivStopAction();
		var d = document.getElementById(this.img_div);
		d.style.width=(this.width)+"px";
		d.style.top="0px";
		d.style.left="0px";
	}

	function imgDivStopAction () {
		window.clearInterval(imgDivStopAction.kill_code);
	}

	/*
	function imgLeft(n) {
	    imgDivLeft(this.img_div,n);
	}
	function imgRight(n) {
	    imgDivRight(this.img_div,n);
	}
	function imgUp(n) {
	    imgDivUp(this.img_div,n);
	}
	function imgDown(n) {
	    imgDivDown(this.img_div,n);
	}
	*/

	function imgDivLeft (id,n) {
		imgDivStopAction();
		imgDivStopAction.kill_code = window.setInterval("imgDivLeftX ('"+id+"',"+(n)+");",50);
	}
	function imgDivLeftX (id,n) {
		var d = document.getElementById(id);
		if (d) {
			try {
				var k = parseInt(d.style.left);
				d.style.left = (k-n)+"px";
			}
			catch (ex) {
				;
			}
		}
	}

	function imgDivRight (id,n) {
		imgDivStopAction();
		imgDivStopAction.kill_code = window.setInterval("imgDivRightX ('"+id+"',"+(n)+");",50);
	}
	function imgDivRightX (id,n) {
		var d = document.getElementById(id);
		if (d) {
			try {
				var k = parseInt(d.style.left);
				d.style.left = (k+n)+"px";
			}
			catch (ex) {
				;
			}
		}
	}

	function imgDivUp (id,n) {
		imgDivStopAction();
		imgDivStopAction.kill_code = window.setInterval("imgDivUpX ('"+id+"',"+(n)+");",50);
	}
	function imgDivUpX (id,n) {
		var d = document.getElementById(id);
		if (d) {
			try {
				var k = parseInt(d.style.top);
				d.style.top = (k-n)+"px";
			}
			catch (ex) {
				;
			}
		}
	}

	function imgDivDown (id,n) {
		imgDivStopAction();
		imgDivStopAction.kill_code = window.setInterval("imgDivDownX ('"+id+"',"+(n)+");",50);
	}
	function imgDivDownX (id,n) {
		var d = document.getElementById(id);
		if (d) {
			try {
				var k = parseInt(d.style.top);
				d.style.top = (k+n)+"px";
			}
			catch (ex) {
				;
			}
		}
	}

	function imgDivMagnify (id,z) {
		imgDivStopAction();
		imgDivStopAction.kill_code = window.setInterval("imgDivMagnifyX ('"+id+"','"+(z)+"');",75);
	}
	function  imgDivMagnifyX (id, z) {
		var d = document.getElementById(id);
		if (d) {
			try {
				var k = parseInt(d.style.width);
				var q = parseInt(d.style.height);
				var t = parseInt(d.style.top);
				var l = parseInt(d.style.left);
				if (z=="+") {
					var nwidth = Math.round(k*.1)+k;
					d.style.width = (nwidth)+"px";
					var ntop = Math.round(t - ((nwidth-k)*.5));
					var nleft = Math.round(l - ((nwidth-k)*.5));
					d.style.top=(ntop)+"px";
					d.style.left = (nleft)+"px";
				}
				else {
					var nwidth = k - (Math.round(k*.1));
					d.style.width = (nwidth)+"px";
					var ntop = Math.round(t + ((k-nwidth)*.5));
					var nleft = Math.round(l + ((k-nwidth)*.5));
					d.style.top=(ntop)+"px";
					d.style.left = (nleft)+"px";
				}
			}
			catch (ex) {
				;
			}
		}
	}
	function getImgViewerWrapper () {return (this.img_wrapper);}
	function getImgViewerDiv () {return (this.img_div);}

//]]>

