  function generate_address(suffix, hostname, username) {
	var atsign = "&#64;";
	var addr = username + atsign + hostname + '.' + suffix;
	document.write("<" + "a" + " " + "href=" + "mail" + "to:" + addr + ">" + addr +	"<\/a>");
  }
  
  function viewport() {
    test = $(document.body).getSize();
    sw = parseInt(test.x);
    sh = parseInt(test.y);
    return {width: sw , height: sh}
  }


  function getUrl(src,target) {
    var req = new Request({
      url: src,
      method: 'get',
      evalScripts: true,
      onSuccess: function(data) {
        if (data) {
          $(target).innerHTML = data;
        }
      }
    }).send();
  }
  
  function post(form,target) {
    t = new Form.Request($(form),$(target));
    t.send();
  }
  
  function postUrl(target,form) {
    $(form).set('send',{
      method: 'post',
      //url: src,
      evalScripts: true,
      onComplete: function(data) {
        if (data) {
          $(target).set('html',data);
        }
      }
    });
    $(form).send();
  }
  
  function initScreen(sn) {
    vp = viewport();
    q = Math.max(vp.height,$('content').offsetHeight);
    $('body').setStyle('height',q + 'px');
    var refresh = new Request({
      url: 'refresh.html',
      data: 'SN=' + sn,
      method: 'get',
      evalScripts: true,
      onRequest: function(){
        $('unread').setStyle('background-image','url(/images/loading.gif)');
      },
      onSuccess: function(responseText){
        $('unread').setStyle('background-image','none');
        $('unread').set('html', responseText);
      },
      onFailure: function(){
        $('unread').set('html', 'aanroep mislukt');
      }
    });
    var refresher = function() {
      refresh.send();
    };
    refresher.periodical(2 * 60 * 1000);
    //refresher.periodical(10000);
  }
  
  function positionUnread(dp) {
    if (typeof(dp) == 'undefined') dp = $('unread').getStyle('display');
    vp = viewport();
    dim = $('unread').getDimensions();
    t = vp.height - dim.height;
    l = vp.width - dim.x;
    $('unread').setStyles({
      display: dp,
      top: t + 'px',
      left: l + 'px'
    });
  }
  
