// Javascript for presenting logos of CCHMC and UC
// at the right corner of each web server.
//
// Author:
// Aleksey Porollo, PhD
//   Research Assistant Professor at
//     University of Cincinnati
//   Faculty Affiliate at
//     Cincinnati Children's Hospital Medical Center (CCHMC)
//
// Last update: August 2008

document.write('\
      <div id="main_logo_div"\
           style="position: absolute;\
                  right: 15px; top: 10px;\
		  z-index: 10;\
		  visibility: visible">\
      <table border="0" cellpadding="0" cellspacing="0">\
      <tr>\
        <td><a href="http://info.cchmc.org" target="_blank"><img src="http://sable.cchmc.org/design/logo_cchmc.png" border="0" title="Cincinnati Children\'s Hospital Medical Center" onmouseover="ImgOnMouseOver(\'cchmc\')" onmouseout="ImgOnMouseOut(\'cchmc\')"></a></td>\
        <td><a href="http://www.eh.uc.edu" target="_blank"><img src="http://sable.cchmc.org/design/logo_uc.png" border="0" title="University of Cincinnati" onmouseover="ImgOnMouseOver(\'uc\')" onmouseout="ImgOnMouseOut(\'uc\')"></a></td>\
      </tr>\
      </table>\
      </div>\
\
      <div id="cchmc_logo_div"\
           style="position: absolute;\
                  right: 15px; top: 65px;\
		  z-index: 11;\
		  visibility: visible">\
      <img id="cchmc_logo_img" style="height: 0px" src="http://sable.cchmc.org/design/logo_cchmc_full.png">\
      </div>\
\
      <div id="uc_logo_div"\
           style="position: absolute;\
                  right: 15px; top: 65px;\
		  z-index: 12;\
		  visibility: visible">\
      <img id="uc_logo_img" style="height: 0px" src="http://sable.cchmc.org/design/logo_uc_full.png">\
      </div>\
');
document.close();

var timeref = new Array();
timeref['cchmc'] = 'no';
timeref['cchmc_done'] = 'no';
timeref['uc'] = 'no';
timeref['uc_done'] = 'no';

var max_height = new Array();
max_height['cchmc'] = 112;
max_height['uc'] = 132;

function ImgOnMouseOver(img_id) {
    if (timeref[img_id] != 'no') return;
    timeref[img_id] = setInterval("ChangeImage('" + img_id + "', 5)", 20);
}

function ImgOnMouseOut(img_id) {
    if (timeref[img_id] != 'no') return;
    timeref[img_id] = setInterval("ChangeImage('" + img_id + "', -5)", 20);
}

function ChangeImage(img_id, dH) {
    var img = document.getElementById(img_id + '_logo_img');

    if (dH > 0 && parseInt(img.style.height) + dH >= max_height[img_id]) {
        if (timeref[img_id] != 'no') {
            clearInterval(timeref[img_id]);
	    timeref[img_id] = 'no';
	}
	img.style.height = max_height[img_id] + "px";
	setTimeout("HideImage('" + img_id + "')", 1500);
	return;
    }

    if (dH < 0 && parseInt(img.style.height) + dH <= 0) {
        if (timeref[img_id] != 'no') {
	    clearInterval(timeref[img_id]);
	    timeref[img_id] = 'no';
	}
	img.style.height = 0 + "px";
	return;
    }

    img.style.height = parseInt(img.style.height) + dH + "px";
}

function HideImage(img_id) {
    if (timeref[img_id] == 'no')
        timeref[img_id] = setInterval("ChangeImage('" + img_id + "', -5)", 20);
    else
        setTimeout("HideImage('" + img_id + "')", 1500);
}