// Javascript for presenting a toolbar with all web services we provide.
//
// Author:
// Aleksey Porollo, PhD
//   Research Assistant Professor at
//     University of Cincinnati
//   Faculty Affiliate at
//     Cincinnati Children's Hospital Medical Center (CCHMC)
//
// Last update: August 2009

document.write('\
  <hr><p id="Info" style="text-align: center"><b>Our web services</b></p>\
  <table align="center" border="0" cellspacing="0" cellpadding="0">\
  <tr>\
    <td><a href="http://sable.cchmc.org"><img src="http://sable.cchmc.org/design/logo_sable.gif" border="0" onmouseover="ShowInfo(0)" onmouseout="HideInfo()"></a></td>\
    <td><a href="http://minnou.cchmc.org"><img src="http://sable.cchmc.org/design/logo_minnou.gif" border="0" onmouseover="ShowInfo(1)" onmouseout="HideInfo()"></a></td>\
    <td><a href="http://sppider.cchmc.org"><img src="http://sable.cchmc.org/design/logo_sppider.gif" border="0" onmouseover="ShowInfo(2)" onmouseout="HideInfo()"></a></td>\
    <td><a href="http://scorppion.cchmc.org"><img src="http://sable.cchmc.org/design/logo_scorppion.gif" border="0" onmouseover="ShowInfo(3)" onmouseout="HideInfo()"></a></td>\
    <td><a href="http://polyview.cchmc.org"><img src="http://sable.cchmc.org/design/logo_polyview2d.gif" border="0" onmouseover="ShowInfo(4)" onmouseout="HideInfo()"></a></td>\
    <td><a href="http://polyview.cchmc.org/polyview3d.html"><img src="http://sable.cchmc.org/design/logo_polyview3d.gif" border="0" onmouseover="ShowInfo(5)" onmouseout="HideInfo()"></a></td>\
    <td><a href="http://sift.cchmc.org"><img src="http://sable.cchmc.org/design/logo_sift.gif" border="0" onmouseover="ShowInfo(6)" onmouseout="HideInfo()"></a></td>\
    <td><a href="http://pgp.cchmc.org"><img src="http://sable.cchmc.org/design/logo_pgp.gif" border="0" onmouseover="ShowInfo(7)" onmouseout="HideInfo()"></a></td>\
    <td><a href="http://cinteny.cchmc.org"><img src="http://sable.cchmc.org/design/logo_cinteny.gif" border="0" onmouseover="ShowInfo(8)" onmouseout="HideInfo()"></a></td>\
  </tr>\
  <tr style="font-family: Arial; font-size: 10px">\
    <th>SABLE</th>\
    <th>MINNOU</th>\
    <th>SPPIDER</th>\
    <th>SCORPPION</th>\
    <th>POLYVIEW</th>\
    <th>POLYVIEW-3D</th>\
    <th>SIFT</th>\
    <th>PGP</th>\
    <th>CINTENY</th>\
  </tr></table>'
);

function ShowInfo(server) {
  var info = Array(
    'Protein relative <b>S</b>olvent <b>A</b>ccessi<b>B</b>i<b>L</b>iti<b>E</b>s and secondary structures prediction',
    '<b>M</b>embrane protein <b>I</b>de<b>N</b>tificatio<b>N</b> with<b>OU</b>t explicit use of hydropathy profiles and alignments',
    '<b>S</b>olvent accessibility based <b>P</b>rotein-<b>P</b>rotein <b>I</b>nterface i<b>DE</b>ntification and <b>R</b>ecognition',
    '<b>S</b>equence-based identifi<b>C</b>ation <b>O</b>f st<b>R</b>uctural units and <b>P</b>rotein-<b>P</b>rotein <b>I</b>nteracti<b>ON</b>s',
    'Protein structure <b>annotation</b> using sequence profiles',
    'Versatile <b>annotation</b> and high quality <b>visualization</b> of macromolecular structures',
    '<b>S</b>equence <b>I</b>ndependent <b>F</b>iltering <b>T</b>ool for evaluation of 3D protein models',
    '<i><b>P</b>neumocystis carinii</i> <b>G</b>enome <b>P</b>roject',
    '<b>Synteny</b> Identification and Analysis of Genome Rearrangement');

  document.getElementById('Info').innerHTML = info[server];
}

function HideInfo() {
  document.getElementById('Info').innerHTML = '<b>Our web services</b>';
}
