/* Hovering Images

   Author: Raymond Chan
   Date:   November 5, 2004
   
   This is the control for the pop-up image, HCI guy.
   HCI guy is a stethoscope guy "Stethee".
   
*/

var pathname='/images/';

// different images for the Stethoscope guy
var finalFrame = new Array ( 'hci1.jpg',
                             'hci2.jpg',
                             'hci3.jpg',
                             'hci4.jpg',
                             'hci5.jpg',
                             'hci6.jpg',
                             'hci7.jpg',
                             'hci8.jpg',
                             'hci9.jpg',
							 'hcistart.jpg');

// Image Control

var windowref;

function popupwindow(oneToNine)
{
	document.getElementById('display1').innerHTML = '<div name="display1" style="position:absolute; top:-100px; left:-275px; background-color:#B2CCE5; border:solid 1px #5982AE;">' +
					 '<head><title>Hi! I\'m Stethee</title></head>' +
					 '<table><tr valign=middle><td align=center>' +
					 '<center><img border=0 src="' +pathname+finalFrame[oneToNine]+ '"></center>' +
					 '</td></tr></table></div>';
	document.getElementById('display1').style.display = 'block';
	
}

function changeLoc(oneToNine)
{
	windowref.location=finalFrame[oneToNine];
}

function closewindow()
{
	document.getElementById('display1').style.display = 'none';
}

function imagecontrol(side, oneToNine)
{
	document.writeln('<table align=' + side + '><tr valign=middle align=center>' +
				  '<td width=93 height=68 background="/images/hci_smallbox.jpg">' +
				    '<img src="/images/hciicon.gif"' +
				     'onMouseOver="popupwindow(' + oneToNine + '); return true;"' +
				     'onMouseOut="closewindow()">' +
				  '</td></tr>' +
			 '</table>' );
}
