<!--

/*
Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
Copyright 2002 by Sharon Paine
Visit http://www.dynamicdrive.com for this script
*/

/* IMPORTANT: Put script after tooltip div or 
	 put tooltip div just before </BODY>. */

var dom = (document.getElementById) ? true : false;
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ns4 = (document.layers && !dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;

// resize fix for ns4
var origWidth, origHeight;
if (ns4) {
	origWidth = window.innerWidth; origHeight = window.innerHeight;
	window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}

// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }

///////////////////////  CUSTOMIZE HERE   ////////////////////
// settings for tooltip 
// Do you want tip to move when mouse moves over link?
var tipFollowMouse= false;	
// Be sure to set tipWidth wide enough for widest image
var tipWidth= 432;
var offX= 20;	// how far from mouse to show tip
var offY= 0; 
var tipFontFamily= "arial, helvetica, verdana, sans-serif";
var tipFontSize= "8pt";
// set default text color and background color for tooltip here
// individual tooltips can have their own (set in messages arrays)
// but don't have to
var tipFontColor= "white";
var tipBgColor= "#0366CB"; 
var tipBorderColor= "#000080";
var tipBorderWidth= 2;
var tipBorderStyle= "ridge";
var tipPadding= 4;

// tooltip content goes here (image, description, optional bgColor, optional textcolor)
var messages = new Array();
// multi-dimensional arrays containing: 
// image and text for tooltip
// optional: bgColor and color to be sent to tooltip
messages[0] = new Array('1.jpg','Officers of the American Chemical Society, Pittsburgh Section, 1928 (taken from "Crucible", the ACS - Pittsburgh Section publication)');
messages[1] = new Array('2.jpg','Chairman of the Pittsburgh section of the ACS for 1928 (Click to go to their website)');
messages[2] = new Array('3.jpg','descriptive entry from the 1939 Who\'s Who in Pennsylvania');
messages[3] = new Array('4.jpg','original color photograph');
messages[4] = new Array('5.jpg','restored image, restored in Adobe by his grandson, Alex Lowy');
messages[5] = new Array('6.jpg','Taken at some Chemistry lab at Columbia in 1914, age 25');
messages[6] = new Array('7.jpg','After his 1915 marriage to Dora, also present is Dr. Zinger, probably the early 1920s');
messages[7] = new Array('8.jpg','An organic research laboratory at the Mellon Institute of Industrial Research, from near the front of Dr. Lowy\'s Laboratory Book of Elementary Chemistry');
messages[8] = new Array('9.jpg','The second Mellon Institute Building 1915 - 1936, now Allen Hall of the University of Pittsburgh, courtesy of Mellon Institute Library');
messages[9] = new Array('10.jpg','Vice-Chairman elect for 1926 for the ACS Pittsburgh Section, from The Crucible');
messages[10] = new Array('11.jpg','Pittsburgh Section Officers of the ACS for 1927, from The Crucible');
messages[11] = new Array('12.jpg','With assistant Dr. Wilmer E. Baldwin and an unknown woman');
messages[12] = new Array('13.jpg','With Dr. Wilmer Baldwin and also Dr. Elmer V. Hjort');
messages[13] = new Array('14.jpg','1931-32, age 43');
messages[14] = new Array('15.jpg','Chemistry Department Picnic, mid\'1930s');
messages[15] = new Array('16.jpg','Detail of the last photo showing Professor Lowy in the back middle with Mrs. Lowy just in front of him');
messages[16] = new Array('17.jpg','With Dr. Wilmer Baldwin');
messages[17] = new Array('18.jpg','Professional photograph taken at the Harris & Ewing Studios, Washington, DC    This business opened in 1905 and soon ran the largest photo studio at 1313 F Street, NW in Washington.  Harris later ran the portrait business until 1955.  His studio took official portraits of presidents and administration officials from Teddy Roosevelt to Eisenhower.');
messages[18] = new Array('19.jpg','from the late 1930s');
messages[19] = new Array('20.jpg','from the late 1930s');
messages[20] = new Array('21.jpg','around 1940');
messages[21] = new Array('22.jpg','around 1940');
messages[22] = new Array('23.jpg','Photo of Professor Alexander Silverman, Head of the Chemistry Department, University of Pittsburgh, probably mid-1930s. Personally signed "To my real friends Dr. & Mrs. Alex Lowy with nice regards. Alex Silverman."');
messages[23] = new Array('24.jpg','Made honorary member of Sigma Xi, From the Jewish Criterion, Feb 13, 1931');
messages[24] = new Array('25.jpg','View of the State Hall laboratory during the time when Professor Phillips was head of the Department of Chemistry, taken from Pitt Quarterly, Spring 1951, courtesy of Pitt Archives');
messages[25] = new Array('26.jpg','Chemistry laboratory in State Hall at the time of the School of Chemistry, 1911-1920, taken from Pitt Quarterly, Spring 1951, courtesy of Pitt Archives');
messages[26] = new Array('27.jpg','American Association for the Advancement of Science meeting in Pittsburgh, Dr. Albert Einstein of Princeton, photo by Alexander Silverman, courtesy of Pitt Archives');
messages[27] = new Array('28.jpg','The Electrochemical Society, Metropolitan Section, announcement of the meeting in New York City at the Chemist’s Club, Dec 21, 1934, speaker Prof. Alex. Lowy on the topic "Organic Electrochemistry"');
messages[28] = new Array('29.jpg','Descriptive entry from 1938 Who\'s Who in America, 1938-39, Volume 20');
messages[29] = new Array('30.jpg','Photo taken at a hearing before the county commissioners related to the restoration of some volumes of the recorder of deeds and the register of wills which dated back to just after the Revolutionary War. Dr. Lowy testified as an expert witness. Pittsburgh Post Gazette article and picture, late 1930s');
messages[30] = new Array('31.jpg','The discovery of how electricity can be made to do the work of chemicals in the manufacturing of dyes. Pittsburgh Post Gazette article and picture, late 1930s');
messages[31] = new Array('32.jpg','"Lowy\'s work in the field of organic chemistry has won him widespread acclaim", from the Pitt Owl 1938');
messages[32] = new Array('33.jpg','');
messages[33] = new Array('34.jpg','');
messages[34] = new Array('35.jpg','');
messages[35] = new Array('36.jpg','');
messages[36] = new Array('37.jpg','');
messages[37] = new Array('38.jpg','');
messages[38] = new Array('39.jpg','');
messages[39] = new Array('40.jpg','');
messages[40] = new Array('41.jpg','');
messages[41] = new Array('42.jpg','');
messages[42] = new Array('43.jpg','');
messages[43] = new Array('44.jpg','');
messages[44] = new Array('45.jpg','');
messages[45] = new Array('46.jpg','');
messages[46] = new Array('47.jpg','');
messages[47] = new Array('48.jpg','');
messages[48] = new Array('49.jpg','');
messages[49] = new Array('50.jpg','');
messages[50] = new Array('51.jpg','');
messages[51] = new Array('52.jpg','');
messages[52] = new Array('53.jpg','');
messages[53] = new Array('54.jpg','');
messages[54] = new Array('55.jpg','');
messages[55] = new Array('56.jpg','');
messages[56] = new Array('57.jpg','');
messages[57] = new Array('58.jpg','');
messages[58] = new Array('59.jpg','');


////////////////////  END OF CUSTOMIZATION AREA  ///////////////////

// preload images that are to appear in tooltip
// from arrays above
if (document.images) {
	var theImgs = new Array();
	for (var i=0; i<messages.length; i++) {
  	theImgs[i] = new Image();
		theImgs[i].src = messages[i][0];
  }
}

// to layout image and text, 2-row table, image centered in top cell
// these go in var tip in doTooltip function
// startStr goes before image, midStr goes between image and text
var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';
var midStr = '" border="0"></td></tr><tr><td valign="top">';
var endStr = '</td></tr></table>';

////////////////////////////////////////////////////////////
//  initTip	- initialization for tooltip.
//		Global variables for tooltip. 
//		Set styles for all but ns4. 
//		Set up mousemove capture if tipFollowMouse set true.
////////////////////////////////////////////////////////////
var tooltip, tipcss;
function initTip() {
	if (nodyn) return;
	tooltip = (ns4)? document.tipDiv.document: (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
	tipcss = (ns4)? document.tipDiv: tooltip.style;
	if (ie4||ie5||ns5) {	// ns4 would lose all this on rewrites
		tipcss.width = tipWidth+"px";
		tipcss.fontFamily = tipFontFamily;
		tipcss.fontSize = tipFontSize;
		tipcss.color = tipFontColor;
		tipcss.backgroundColor = tipBgColor;
		tipcss.borderColor = tipBorderColor;
		tipcss.borderWidth = tipBorderWidth+"px";
		tipcss.padding = tipPadding+"px";
		tipcss.borderStyle = tipBorderStyle;
	}
	if (tooltip&&tipFollowMouse) {
		if (ns4) document.captureEvents(Event.MOUSEMOVE);
		document.onmousemove = trackMouse;
	}
}

window.onload = initTip;

/////////////////////////////////////////////////
//  doTooltip function
//			Assembles content for tooltip and writes 
//			it to tipDiv
/////////////////////////////////////////////////
var t1,t2;	// for setTimeouts
var tipOn = false;	// check if over tooltip link
function doTooltip(evt,num) {
	if (!tooltip) return;
	if (t1) clearTimeout(t1);	if (t2) clearTimeout(t2);
	tipOn = true;
	// set colors if included in messages array
	if (messages[num][2])	var curBgColor = messages[num][2];
	else curBgColor = tipBgColor;
	if (messages[num][3])	var curFontColor = messages[num][3];
	else curFontColor = tipFontColor;
	if (ns4) {
		var tip = '<table bgcolor="' + tipBorderColor + '" width="' + tipWidth + '" cellspacing="0" cellpadding="' + tipBorderWidth + '" border="0"><tr><td><table bgcolor="' + curBgColor + '"width="100%" cellspacing="0" cellpadding="' + tipPadding + '" border="0"><tr><td>'+ startStr + messages[num][0] + midStr + '<center>' + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr + '</td></tr></table></td></tr></table>';
		tooltip.write(tip);
		tooltip.close();
	} else if (ie4||ie5||ns5) {
		var tip = startStr + messages[num][0] + midStr + '<center>' + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
		tipcss.backgroundColor = curBgColor;
	 	tooltip.innerHTML = tip;
	}
	if (!tipFollowMouse) positionTip(evt);
	else t1=setTimeout("tipcss.visibility='visible'",100);
}

var mouseX, mouseY;
function trackMouse(evt) {
	mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
	mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	if (tipOn) positionTip(evt);
}

/////////////////////////////////////////////////////////////
//  positionTip function
//		If tipFollowMouse set false, so trackMouse function
//		not being used, get position of mouseover event.
//		Calculations use mouseover event position, 
//		offset amounts and tooltip width to position
//		tooltip within window.
/////////////////////////////////////////////////////////////
function positionTip(evt) {
	if (!tipFollowMouse) {
		mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
		mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	}
	// tooltip width and height
	var tpWd = (ns4)? tooltip.width: (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
	var tpHt = (ns4)? tooltip.height: (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
	// document area in view (subtract scrollbar width for ns)
	var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft;
	var winHt = (ns4||ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop;
	// check mouse position against tip and window dimensions
	// and position the tooltip 
	if ((mouseX+offX+tpWd)>winWd) 
		tipcss.left = (ns4)? mouseX-(tpWd+offX): mouseX-(tpWd+offX)+"px";
	else tipcss.left = (ns4)? mouseX+offX: mouseX+offX+"px";
	if ((mouseY+offY+tpHt)>winHt) 
		tipcss.top = (ns4)? winHt-(tpHt+offY): winHt-(tpHt+offY)+"px";
	else tipcss.top = (ns4)? mouseY+offY: mouseY+offY+"px";
	if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}

function hideTip() {
	if (!tooltip) return;
	t2=setTimeout("tipcss.visibility='hidden'",100);
	tipOn = false;
}

//-->