function showHide( divID ) {
  var myDiv = document.getElementById('det_' + divID);
  myDiv.style.display = ((myDiv.style.display=='none') ? '' : 'none' );
  }

function toVINE( oID ) {
  // var destSID = oID.replace(/^\\s+|\\s+$/g,'');
  var destURL = 'http://www.vinelink.com/servlet/SubjectSearch?siteID=38000&agency=24&offenderID=' + oID
  window.location = destURL;
}
 
function buildDemographics( tip, oData ) {
  var demoData = oData.split( '|' );
  tip.innerHTML += '<table class="condensed" id="dem_' + demoData[0] + '">'
                +  '<tr><td rowspan="6"><img height="100px" src="' + demoData[1] + '"></td>'
                +      '<td>Race:</td><td>' + demoData[2] + '</td></tr>'
                +  '<tr><td>Sex: </td><td>' + demoData[3] + '</td></tr>'
                +  '<tr><td>Hgt: </td><td>' + demoData[4] + '</td></tr>'
                +  '<tr><td>Wgt: </td><td>' + demoData[5] + '</td></tr>'
                +  '<tr><td>Hair:</td><td>' + demoData[6] + '</td></tr>'
                +  '<tr><td>Eyes:</td><td>' + demoData[7] + '</td></tr></table><br>';
  tip.innerHTML += '<a href="#" onclick="toVINE(' + demoData[8] + ')">Link to VINE</a>';
}

function setTip( elID ) {
  var bail = document.getElementById( 'bail_' + elID );
  var tip = document.getElementById( 'tip_' + elID );
  if (!document.getElementById( 'dem_' + elID )) {
    buildDemographics( tip, getInnerText(document.getElementById( 'dat_' + elID )));
  }
  return tip.innerHTML + '<br>' + bail.innerHTML + '<br>Click on name for details';
}