/**
* Browser Detection Assignment
*/
var ua = navigator.userAgent.toLowerCase(); 
// browser engine name
this.isGecko       = (ua.indexOf('gecko') != -1 && ua.indexOf('safari') == -1);
this.isAppleWebKit = (ua.indexOf('applewebkit') != -1);
// browser name
this.isKonqueror   = (ua.indexOf('konqueror') != -1); 
this.isSafari      = (ua.indexOf('safari') != - 1);
this.isOmniweb     = (ua.indexOf('omniweb') != - 1);
this.isOpera       = (ua.indexOf('opera') != -1); 
this.isIcab        = (ua.indexOf('icab') != -1); 
this.isAol         = (ua.indexOf('aol') != -1); 
this.isIE          = (ua.indexOf('msie') != -1 && !this.isOpera && (ua.indexOf('webtv') == -1) ); 
this.isMozilla     = (this.isGecko && ua.indexOf('gecko/') + 14 == ua.length);
this.isFirebird    = (ua.indexOf('firebird/') != -1);
this.isNS          = ( (this.isGecko) ? (ua.indexOf('netscape') != -1) : ( (ua.indexOf('mozilla') != -1) && !this.isOpera && !this.isSafari && (ua.indexOf('spoofer') == -1) && (ua.indexOf('compatible') == -1) && (ua.indexOf('webtv') == -1) && (ua.indexOf('hotjava') == -1) ) );
//--------- Start IE 5.5 and 6.0 PNG Fix --- this fix does not get applied on IE 7.0 ---------------
if (navigator.platform == "Win32" && this.isIE && window.attachEvent) {
var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
var IE55
if (Number(rslt[1]) == 5.5)
{
IE55 = true;
}
var IEVersionsToFix = (rslt != null && Number(rslt[1]) >= 5.5 && Number(rslt[1]) < 7.0);
var blnNeedPNGFix = false;	
if (IEVersionsToFix)
{
window.attachEvent("onload", fixPNG);
blnNeedPNGFix = true;
}
}
var strGif = "http://images.chemistry.com/sites/1000/spacer.gif";
if (window.location.protocol == "https:")
{
strGif = "https://secureimages.chemistry.com/sites/1000/spacer.gif";
}
var strFilter = "progid:DXImageTransform.Microsoft.AlphaImageLoader";
function fixPNG() 
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText 
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
if (img.useMap)
{		  
strAddMap = "<img style=\"position:relative; left:-" + img.width + "px;"
+ "height:" + img.height + "px;width:" + img.width +"\" "
+ "src=\"" + strGif + "\" usemap=\"" + img.useMap 
+ "\" border=\"" + img.border + "\">"
}	
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "margin-bottom:2px;width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:" + strFilter
+ "(src=\'" + img.src + "\', sizingMethod='image');\"></span>" 
if (img.useMap) strNewHTML += strAddMap
img.outerHTML = strNewHTML
i = i-1
}
}
for(p=0; p < document.forms.length; p++)
{
findIMGInputs(document.forms(p))
}
}
function findIMGInputs(oParent)
{
var oChildren = oParent.children
if (oChildren)
{	
for (var i=0; i < oChildren.length; i++ )
{
var oChild = oChildren(i)
if ((oChild.type == 'image') && (oChild.src))
{
var imgName = oChild.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
setIMGInput(oChild);
}
}
if(!IE55)
{
findIMGInputs(oChild)	
}
}
}
}
function setIMGInput(img)
{
var origSrc = img.src;
img.src = strGif;
img.style.filter = strFilter + "(src='" + origSrc + "')";
if(img.width != 0)
img.style.width = img.width;
if(img.height != 0)
img.style.height = img.height;	
}		
//--------- End IE 5.5 and 6.0 PNG Fix ------------------
/**
* COMMON DHTML FUNCTIONS
* These are handy functions I use all the time.
*
* By Seth Banks (webmaster at subimage dot com)
* http://www.subimage.com/
*
* Up to date code can be found at http://www.subimage.com/dhtml/
*
* This code is free for you to use anywhere, just keep this comment block.
*/
/**
* X-browser event handler attachment and detachment
*
* @argument obj - the object to attach event to
* @argument evType - name of the event - DONT ADD "on", pass only "mouseover", etc
* @argument fn - function to call
*/
function addEvent(obj, evType, fn){
if (obj.addEventListener){
obj.addEventListener(evType, fn, true);
return true;
} else if (obj.attachEvent){
var r = obj.attachEvent("on"+evType, fn);
return r;
} else {
return false;
}
}
function removeEvent(obj, evType, fn, useCapture){
if (obj.removeEventListener){
obj.removeEventListener(evType, fn, useCapture);
return true;
} else if (obj.detachEvent){
var r = obj.detachEvent("on"+evType, fn);
return r;
} else {
 //alert("Handler could not be removed");
return false;
}
}
/**
* Code below taken from - http://www.evolt.org/article/document_body_doctype_switching_and_more/17/30655/
*
* Modified 4/22/04 to work with Opera/Moz (by webmaster at subimage dot com)
*
* Gets the full width/height because it's different for most browsers.
*/
function getViewportHeight() {
if (window.innerHeight!=window.undefined) return window.innerHeight;
if (document.compatMode=='CSS1Compat') return document.documentElement.clientHeight;
if (document.body) return document.body.clientHeight; 
return window.undefined; 
}
function getViewportWidth() {
if (window.innerWidth!=window.undefined) return window.innerWidth; 
if (document.compatMode=='CSS1Compat') return document.documentElement.clientWidth; 
if (document.body) return document.body.clientWidth; 
return window.undefined; 
}
/**
* POPUP WINDOW CODE v1.1
* Used for displaying DHTML only popups instead of using buggy modal windows.
*
* By Seth Banks (webmaster at subimage dot com)
* http://www.subimage.com/
*
* Contributions by Eric Angel (tab index code) and Scott (hiding/showing selects for IE users)
*
* Up to date code can be found at http://www.subimage.com/dhtml/subModal
*
* This code is free for you to use anywhere, just keep this comment block.
*/
// Popup code
var gPopupMask = null;
var gPopupContainer = null;
var gPopFrame = null;
var gPopTitleBar = null;
var gReturnFunc;
var gPopupIsShown = false;
var gHideSelects = false;
var gTabIndexes = new Array();
// Pre-defined list of tags we want to disable/enable tabbing into
var gTabbableTags = new Array("A","BUTTON","TEXTAREA","INPUT","IFRAME");	
// If using Mozilla or Firefox, use Tab-key trap.
if (!document.all) {
document.onkeypress = keyDownHandler;
}
/**
* Initializes popup code on load.	
*/
function initPopUp() {
}
//addEvent(window, "load", initPopUp);
/**
* @argument width - int in pixels
* @argument height - int in pixels
* @argument url - url to display
* @argument returnFunc - function to call when returning true from the window.
*/
function showPopWin(url, width, height, returnFunc)
{
showPopWinTemplate(url, width, height, returnFunc, '')
}
function showPopWinTemplate(url, width, height, returnFunc, templateID) {
gPopupMask = document.getElementById("popupMask" + templateID);
gPopupContainer = document.getElementById("popupContainer" + templateID);
gPopFrame = document.getElementById("popupFrame" + templateID);	
gPopTitleBar = document.getElementById("popupTitleBar" + templateID);
// check to see if this is IE version 6 or lower. hide select boxes if so
// maybe they'll fix this in version 7?
var brsVersion = parseInt(window.navigator.appVersion.charAt(0), 10);
if (brsVersion <= 6 && window.navigator.userAgent.indexOf("MSIE") > -1) {
gHideSelects = true;
}
gPopupIsShown = true;
//disableTabIndexes();
gPopupMask.style.display = "block";
gPopupContainer.style.display = "block";
// calculate where to place the window on screen
var titleBarHeight = parseInt(gPopTitleBar.offsetHeight, 10);
gPopupContainer.style.width = width + "px";
gPopupContainer.style.height = (height+titleBarHeight) + "px";
// need to set the width of the iframe to the title bar width because of the dropshadow
// some oddness was occuring and causing the frame to poke outside the border in IE6
gPopFrame.style.width = parseInt(gPopTitleBar.offsetWidth, 10) + "px";
gPopFrame.style.height = (height) + "px";
// set the url
centerPopWin(width, height);
//gPopFrame.src = url;
if (navigator.userAgent.indexOf('Gecko') !=-1) {
// we have to give NS6 a fraction of a second
// to recognize the new IFrame
window.setTimeout('setIFrameSRC(\'' + url + '\')', 10);
return false;
}
else
{
gPopFrame.src = url;	
}
gReturnFunc = returnFunc;
// for IE
if (gHideSelects == true) {
hideSelectBoxes();
}
}	
function setIFrameSRC(ifurl)
{
gPopFrame.src = ifurl;
}
//
var gi = 0;
function centerPopWin(width, height) {
if (gPopupIsShown == true) {
if (width == null || isNaN(width)) {
width = gPopupContainer.offsetWidth;
}
if (height == null) {
height = gPopupContainer.offsetHeight;
}
var fullHeight = getViewportHeight();
var fullWidth = getViewportWidth();
var theBody = document.documentElement;
var scTop
if (document.documentElement && document.documentElement.scrollTop)
{
scTop = parseInt(theBody.scrollTop,10);
}
else if (document.body)
{
scTop = parseInt(document.body.scrollTop,10)
}
else
{
scTop = parseInt(theBody.scrollTop,10);
}
//var scTop = parseInt(theBody.scrollTop,10);
var scLeft = parseInt(theBody.scrollLeft,10);				
gPopupMask.style.height = fullHeight + "px";
gPopupMask.style.width = fullWidth + "px";
gPopupMask.style.top = scTop + "px";
gPopupMask.style.left = scLeft + "px";
//window.status = gPopupMask.style.top + " " + gPopupMask.style.left + " " + gi++;
var titleBarHeight = parseInt(gPopTitleBar.offsetHeight, 10);
gPopupContainer.style.top = (scTop + ((fullHeight - (height+titleBarHeight)) / 2)) + "px";
gPopupContainer.style.left =  (scLeft + ((fullWidth - width) / 2)) + "px";
//alert(fullWidth + " " + width + " " + gPopupContainer.style.left);
}
}
addEvent(window, "resize", centerPopWin);
//addEvent(window, "scroll", centerPopWin);
window.onscroll = centerPopWin;
/**
* @argument callReturnFunc - bool - determines if we call the return function specified
* @argument returnVal - anything - return value 
*/
function hidePopWin(callReturnFunc) {
hidePopWinTemplate(callReturnFunc,'')
}
function hidePopWinTemplate(callReturnFunc,templateID) {
gPopupMask = document.getElementById("popupMask" + templateID);
gPopupContainer = document.getElementById("popupContainer" + templateID);
gPopFrame = document.getElementById("popupFrame" + templateID);	
gPopupIsShown = false;
restoreTabIndexes();
if (gPopupMask == null) {
return;
}
gPopupMask.style.display = "none";
gPopupContainer.style.display = "none";
if (callReturnFunc == true && gReturnFunc != null) {
gReturnFunc(window.frames["popupFrame" + templateID].returnVal);
}
gPopFrame.src = '/blank.htm';
// display all select boxes
if (gHideSelects == true) {
displaySelectBoxes();
}
}
/**
* Sets the popup title based on the title of the html document it contains.
* Uses a timeout to keep checking until the title is valid.
*/
function setPopTitle() {
if (window.frames["popupFrame"].document.title == null) {
window.setTimeout("setPopTitle();", 10);
} else {
document.getElementById("popupTitle").innerHTML = window.frames["popupFrame"].document.title;
}
}
// Tab key trap. iff popup is shown and key was [TAB], suppress it.
// @argument e - event - keyboard event that caused this function to be called.
function keyDownHandler(e) {
if (gPopupIsShown && e.keyCode == 9)  return false;
}
// For IE.  Go through predefined tags and disable tabbing into them.
function disableTabIndexes() {
if (document.all) {
var i = 0;
for (var j = 0; j < gTabbableTags.length; j++) {
var tagElements = document.getElementsByTagName(gTabbableTags[j]);
for (var k = 0 ; k < tagElements.length; k++) {
gTabIndexes[i] = tagElements[k].tabIndex;
tagElements[k].tabIndex="-1";
i++;
}
}
}
}
// For IE. Restore tab-indexes.
function restoreTabIndexes() {
if (document.all) {
var i = 0;
for (var j = 0; j < gTabbableTags.length; j++) {
var tagElements = document.getElementsByTagName(gTabbableTags[j]);
for (var k = 0 ; k < tagElements.length; k++) {
tagElements[k].tabIndex = gTabIndexes[i];
tagElements[k].tabEnabled = true;
i++;
}
}
}
}
/**
* Hides all drop down form select boxes on the screen so they do not appear above the mask layer.
* IE has a problem with wanted select form tags to always be the topmost z-index or layer
*
* Thanks for the code Scott!
*/
function hideSelectBoxes() {
for(var i = 0; i < document.forms.length; i++) {
for(var e = 0; e < document.forms[i].length; e++){
if(document.forms[i].elements[e].tagName == "SELECT") {
document.forms[i].elements[e].style.visibility="hidden";
}
}
}
}
/**
* Makes all drop down form select boxes on the screen visible so they do not reappear after the dialog is closed.
* IE has a problem with wanted select form tags to always be the topmost z-index or layer
*/
function displaySelectBoxes() {
for(var i = 0; i < document.forms.length; i++) {
for(var e = 0; e < document.forms[i].length; e++){
if(document.forms[i].elements[e].tagName == "SELECT") {
document.forms[i].elements[e].style.visibility="visible";
}
}
}
}
function openpopup(url,width,height,windowtarget) 
{
window.open(
url, 
windowtarget,
'width=' + width + ',height=' + height + ',toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0');
}
function createObjectTags()
{
divs=document.getElementsByTagName('div');
for (var j=0; j <divs.length; j++) 
{
var movieDiv = divs[j];
if (movieDiv.id.substr(0,9) == "objectTag")
{
var movieID = movieDiv.id.substr(9,movieDiv.id.length);
var mp = eval('mp' + movieID);
var fv = eval('fv' + movieID);
var h = eval('h' + movieID);
var w = eval('w' + movieID);
var bg = eval('bg' + movieID);
var tag = "";
tag = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="' + w + '" height="' + h + '" id="' + movieID + '" align="middle" VIEWASTEXT>';
tag += '<param name="movie" value="' + mp + '" />';
tag += '<param name="flashvars" value="' + fv + '" />';
tag += '<param name="wmode" value="transparent">';
tag += '<param name="allowScriptAccess" value="always">';
tag += '<param name="allowNetworking" value="all">';
tag += '<param name="quality" value="high" />';
tag += '<param name="bgcolor" value="' + bg + '" />'; 
tag += '<embed src="allowScriptAccess=\"always\" allowNetworking=\"all\" ' + mp + '" flashvars="' + fv + '" quality="high" bgcolor="' + bg + '" width="' + w + '" height="' + h + '" wmode="transparent" name="' + movieID + '" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
tag += '</object>';
movieDiv.innerHTML = tag;
}
}
}
function setFocus()
{
    var c = document.getElementById(focElement);
    if(c != null) 
    {
        try
        {
                document.getElementById(focElement).focus();
        }
        catch(err) {}
    }
}