var elm=function(id) { return document.getElementById(id); }
var tag=function(s,tagName,className) { 
  return '<'+tagName+(className ? ' class='+className : '')+'>'+s+'</'+tagName+'>';
}
var addLogo=function(id) {
  elm(id).innerHTML=  "<span class='title'><b>"+
  tag('www.'    ,'span','tGhost')+
  tag('my'      ,'span','t'     )+
  tag('Web'     ,'span','t'     )+
  tag('Based'   ,'span','t'     )+
  tag('Computer','span','t'     )+
  tag('.com'    ,'span','tGhost')+"</b></span>";
  elm(id).style.color="#5B649C";
  elm(id).style.fontFamily="arial";
  elm(id).style.fontSize="x-large";
  elm(id).style.margin="10px";
  var psuedoWords=elm(id).childNodes[0].childNodes[0].childNodes;
  for(var i=0; i<psuedoWords.length; i++) {
    psuedoWords[i].style.margin ="2px";
    psuedoWords[i].style.padding="0px";
  }
  // first and last words are 'www.' and '.com'
  psuedoWords[0                   ].style.color="#BFCAF4";
  psuedoWords[psuedoWords.length-1].style.color="#BFCAF4";
}