function setCookie(name, value, expires_in_days)
{
  var expdate = new Date();
  expdate.setTime( expdate.getTime() + (1000 * 60 * 60 * 24 * expires_in_days) );

  document.cookie = name + "=" + escape(value) + "; expires=" + expdate.toGMTString();// +  "; path=/";
}

function getCookie(name)
{
  var aCookie = document.cookie.split("; ");
  for (var i=0; i < aCookie.length; i++)
  {
    var aCrumb = aCookie[i].split("=");
    if( name == aCrumb[0] )
      return unescape( aCrumb[1] );
  }

  return null;
}

function delCookie(sName)
{
  document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;";
}

function createRoundedTable( parent, child )
{
    var srcTable = document.createElement("table");
    var srcTBody = document.createElement("tbody");
    srcTable.id = 'comptab';
    srcTable.style.minwidth = '80%';

    // create row
    var row = document.createElement("TR");
    // create table cell 1
    var td1 = document.createElement("TD")
    td1.id = 'comptop1';
    var td2 = document.createElement("TD")
    td2.id = 'comptop2';
    var td3 = document.createElement("TD")
    td3.id = 'comptop3';

    // append data to row
    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);

    // append row to table
    srcTBody.appendChild(row);	
	
    // create row
    row = document.createElement("TR");
    // create table cell 1
    td1 = document.createElement("TD")
    td1.id = 'compmid1';
    td2 = document.createElement("TD")
    td2.id = 'compmid2';
    td3 = document.createElement("TD")
    td3.id = 'compmid3';

    // append data to row
    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);

    // append row to table
    srcTBody.appendChild(row);	
	
    td2.appendChild( child );

    // create row
    row = document.createElement("TR");
    // create table cell 1
    td1 = document.createElement("TD")
    td1.id = 'compbot1';
    td2 = document.createElement("TD")
    td2.id = 'compbot2';
    td3 = document.createElement("TD")
    td3.id = 'compbot3';

    // append data to row
    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);

    // append row to table
    srcTBody.appendChild(row);
    srcTable.appendChild(srcTBody);
    parent.appendChild(srcTable);
}

function showPopup( image, title )
{
  var popup_box = document.getElementById('popup_box');
  var popup_node = document.getElementById('popup_node');

  if( popup_node == null )
  {
    var parent = document.getElementsByTagName("body")[0];

	  popup_box = document.createElement("div");
	  popup_box.id = 'popup_box';
	  popup_box.style.display = 'none';
    parent.appendChild(popup_box);
    
	  popup_node = document.createElement("div");
	  popup_node.id = 'popup_node';
    popup_node.style.textAlign = 'center';
    
    createRoundedTable( popup_box, popup_node );
  }

  if( popup_node != null )
  {
    popup_node.innerHTML = '';
    popup_box.style.top = document.documentElement.scrollTop + "px";

	  var objKeyboardMsg = document.createElement("div");
	  objKeyboardMsg.setAttribute('id','keyboardMsg');
	  objKeyboardMsg.innerHTML = '<a class="textlink" onclick="hidePopup(); return false;">press X to close</a>';
	  popup_node.appendChild(objKeyboardMsg);

    popup_node.innerHTML += '<img id="waitPopImg" style="cursor:pointer;display:inline;" onclick="hidePopup(); return false;" src=\'/images/wait.gif\'/>';    
    popup_node.innerHTML += '<img id="hiddenPopImg" style="cursor:pointer;display:none;" onload="popupPicLoaded()" onclick="hidePopup(); return false;" src=\'' + image + '\'/>';    
    
    if( title != '' )
    {
      popup_node.innerHTML += '<p>' + title + '</p>';    
    }
    
    var popupBox = document.getElementById('popup_box');
    if( popupBox != null )
    {
      popupBox.style.display = 'block';
    }
  }
}

function hidePopup()
{
  var popupBox = document.getElementById('popup_box');
  if( popupBox != null )
  {
    popupBox.style.display = 'none';
  }
}

function popupPicLoaded()
{
  var popupImg = document.getElementById('hiddenPopImg');
	if( popupImg && (popupImg.complete || popupImg.complete==null) )
	{
    popupImg.style.display = 'inline';
    popupImg = document.getElementById('waitPopImg');
    popupImg.style.display = 'none';
	}
	else
	  return setTimeout("popupPicLoaded()",250);
}

function onKeyPressed(e)
{
  doKey( e, 'pressed' );
}

function onKeyUp(e)
{
  doKey( e, 'up' );
}

function doKey( e, action )
{
	if(e == null)
	{ // ie
		keycode = event.keyCode;
	}
	else
	{ // mozilla
		keycode = e.which;
	}
	key = String.fromCharCode(keycode).toLowerCase();

	if(key == 'x')
    hidePopup();
}