var cX;
var cY;

function updateInfo(id,x,y) {
  var fT = $('fOb').getTop();
  var fL = $('fOb').getLeft();
  cX = x*2 + fL;
  cY = y*2 + fT;
  if ($('devdb')) {
    id = id + '&devdb=1';
  }

  new Ajax('getInfo.cgi', { method: 'get', data: 'id=' + id, onFailure:sStateErr, onComplete: sStateOK}).request();
}

function sStateOK(response) {
  overlib('<div id="nPop">' + response + '</div>', FIXX,cX,FIXY,cY,WRAP, STICKY,MOUSEOFF);
}

function sStateErr() {
  //  $('info').innerHTML = "<p style=\"background: #f66;font-weight: bold; font-size: 14px\">ERROR getting data</p>";
}

function flObj (id) {
  $('fOb').innerHTML =
    '<object type="application/x-shockwave-flash" data="' + id + '" width="1200" height="1200"><param name="wmode" value="opaque"><param name="QUALITY" value="HIGH">  <param name="movie" value="' + id + '" />This map is displayed using Flash, and your browser does not have a proper plugin installed. You can download and install the plugin from <a href="http://www.adobe.com/shockwave/download/?P1_Prod_Version=ShockwaveFlash">Adobe Flash download page</a></object>';
}

function zoomL (no) {
  $('debug').innerHTML = no;
}

function popHelp() {
  overlib("<div style='font-size: 12px'><p><b>Input format for element selection:</b><br />one ID per line; you can define the following, in any order, separated by spaces: <ul><li><b>Opacity:</b> a number between 0 (transparent) and 1 (fully visible)</li><li><b>Color:</b> either in hex (#ff0000) or RGB notation ( RGB(255,0,0) )</li><li><b>Line width:</b> capital letter W followed by width in pixels (W10). Default width is 3.</li></ul></p><p><b>Supported ID types:</b><ul><li>Pathways (example ID: <b>00650</b>)</li><li>Compounds (example ID: <b>C00003</b>)</li><li>KEGG KOs (example ID:<b>K01000</b>)</li><li>STRING proteins (example ID: <b>224324.AQ_626</b>)</li><li>KEGG proteins (example ID: <b>aae:aq_626</b>)</li><li>COGs (example ID: <b>COG0007</b>)</li><li>Enzyme EC numbers (example ID: <b>E2.4.1.82</b>)</li><li>Human IPI IDs (example ID: <b>IPI00016688</b>)</li><li>Uniprot IDs (example ID: <b>UNIPROT:Q93015</b>)</li></ul></p><p><b>Example maps (click to pre-fill the form):</b></p><ul><li><a  onclick='fillEx(1);'>Highlight reactions which contain water in blue</a></li><li><a  onclick='fillEx(2);'>Highlight <i>Butanoate metabolism</i> in red</a><li><a  onclick='fillEx(3);'>Show pathways which contain specific COGs in different colors and with wider lines on black background</a></div>",STICKY,MOUSEOFF,CAPTION, "Quick help",WIDTH, 400);
}
function fillEx(id) {
  $('pathForm').reset();
  if (id == 1) {
    $('selection').value = 'C00001 #0000ff';
    $('defOp').value = '0.2';
    $('exCom').checked = 'checked';
  } else if (id == 2) {
    $('selection').value = '00650 #ff0000';
  } else if (id == 3) {
    $('selection').value = 'COG0007 #ff0000 W20\nCOG0022 #00ff00 W20';
    $('wPth').checked = 'checked';
    $('bBlk').checked = 'checked';

  }
  overlib("<span style='font-size: 25px'>Now click on 'Display interactive map'</span>", WRAP, STICKY, TIMEOUT, 3000);
}
function chAct(sc) {
  if (sc == 'fl') {
    $('pathForm').action = "map_modular.cgi";
  } else {
    $('pathForm').action = "export_map.cgi";
  }
  $('pathForm').submit();
  return true;
}