<!--

/*
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','Obituary from &quot;Science&quot;, January 16, 1942, written by Alexander Silverman');
messages[1] = new Array('2.jpg','Obituary in the New York Times, published December 26, 1941');
messages[2] = new Array('3.jpg','Photo that accompanies an obituary in the National Cyclopedia of American Biography, volume 37, 1951');
messages[3] = new Array('4.jpg','Gravestone at the West View Cemetery, Pittsburgh, Allegheny County, Pa.');
messages[4] = new Array('5.jpg','January 2, 1942 letter from Alexander Silverman, Dept. of Chemistry, University of Pittsburgh, to Linus Pauling at the California Institute of Technology. States that their Professor of Organic Chemistry, Dr. Alexander Lowy, has passed away and they are looking for a replacement. Asks Linus Pauling to suggest an individual, an Assistant Professor, and an Instructor who are all trained in organic chemistry, courtesy of the Oregon State University Library Special Collections Department');
messages[5] = new Array('6.jpg','January 14, 1942 response in the form of a letter from Linus Pauling back to Dr. Alexander Silverman, courtesy of the Oregon State University Library Special Collections Department');
messages[6] = new Array('7.gif','Obituary from the Pittsburgh Post-Gazette, published December 26, 1941. Click to view a PDF of the obituary');
messages[7] = new Array('8.jpg','The page in the West View Cemetery ledger where Alexander Lowy\'s burial information appears.');
messages[8] = new Array('9.jpg','The page of Rabbi Solomon B. Freehof\'s funeral record that includes Alexander Lowy (9th down). Rabbi Freehof gave the eulogy at the funeral. The original of this page is at the American Jewish Archives in Cincinnati, "Courtesy of Rodef Shalom Congregation Archives, Pittsburgh, PA".');
messages[9] = new Array('10_all.jpg','"Past Pittsburgh Section Chair Remembered", contributed by Joseph Jolson and Guy Berry, published in the December 2009 issue of The Crucible, newsletter of the Pittsburgh Section of the American Chemical Society');
messages[10] = new Array('11.jpg','Memorial bookmark used after Dr. Alexander Lowy\'s entire library of books was donated in March 1942 by Mrs. Alexander Lowy to the University of Pittsburgh Chemistry Department Library. This consisted of about 150 volumes, not including journals.');
messages[11] = new Array('12.jpg','On December 26, 1941 only two names appeared in the "What\'s New Section" of the Wall Street Journal. These were the most famous Americans who had passed away the day before.');
messages[12] = new Array('13.jpg','artist’s rendering of the headstone, by Campbell-Horigan 2/20/43');
messages[13] = new Array('14.jpg','additional drawing related to the headstone, by Campbell-Horigan 2/20/43');
messages[14] = new Array('15.jpg','from the Alumni Newsletter, December 1942, describing portrait painting and also the newly created Memorial Scholarship Fund');
messages[15] = new Array('16.jpg','from the Chicago Herald, July 1942');
messages[16] = new Array('17.jpg','In Memoriam');
messages[17] = new Array('18.jpg','from the Mellon University News');
messages[18] = new Array('19.jpg','from the Octagonian of Sigma Alpha Mu');
messages[19] = new Array('20.jpg','from the Chemist, Dec 1941');
messages[20] = new Array('21.jpg','sympathy and condolences in a resolution by the Sigma Alpha Mu Fraternity');
messages[21] = new Array('22.jpg','');
messages[22] = new Array('23.jpg','');
messages[23] = new Array('24.jpg','');
messages[24] = new Array('25.jpg','');
messages[25] = new Array('26.jpg','');
messages[26] = new Array('27.jpg','');
messages[27] = new Array('28.jpg','');
messages[28] = new Array('29.jpg','');
messages[29] = new Array('30.jpg','');
messages[30] = new Array('31.jpg','');
messages[31] = new Array('32.jpg','');
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;
}

//-->



