function xTitle(txt,target,size){
   txt = txt || 'Be Free';
   txt=txt.push?txt:txt.split(' ');
   size = size||111;
   var root = xDiv('xFragBit',X.xPad);//This just creates a div with the specified className, on a global pre-append node (X.xPad)
   var segs = [];
/*For a title such as "Title", this monster creates: <div class='xFrag'>T<div class='xFragBit'>itle</div></div>
It does this for each space-seperated word, then creates Animations to fade in, expand and contract the text in a pleasing manner.*/
   for (var i = -1;++i < txt.length;
      segs.push(new Animation(
xTxt(xDiv('xFragBit',xTxt(xDiv('xFrag',root),txt[i].charAt(0).toUpperCase())),txt[i].substring(1).toLowerCase()))
      .duration(100).checkpoint().to('opacity',1).from(0)
      .to('fontSize',parseInt(size*0.7,10)).from(1)
      .to('width','auto').from(0)
      .to('paddingRight',size/5).to('paddingBottom',size/5)
      .show().duration(1500))
      );
   new Animation(root).to('opacity',1).from('opacity',0)
      .to('width','auto').from(0)
      .to('fontSize',size*1.7).from(1).to('color','#7fafff').show().ease(Animation.ease.end).duration(2000).checkpoint(1,function(){
         for (var i = segs.length;i -- > 0;segs[i].go());
      })
      .to('fontSize',size).to('color','#eff8ff').ease(Animation.ease.both).duration(1500).go();for (var i = segs.length;i -- > 0;segs[i].go());
   return target.appendChild(root)
}

function xDiv(type,parent){
   var ret = parent.appendChild(document.createElement('div'));
   ret.className = type;
   return ret;
}
function xTxt(el,txt){
return el.appendChild(document.createTextNode(txt)).parentNode;
}