/**
 * Tip boxes.
 * 
 * @author gege
 */
var XcTip = 
{
  tip_anim: null,
  tip_fadeout_anim: null,
  tip_fadein_anim: null,
  
  
  show: function( element, text )
  {
    var tip_element = Dom.get("xc_tip");
    
    var tip_content_el = tip_element.getElementsByTagName( "p" )[0];
    tip_content_el.innerHTML = "";
   
    Dom.removeClass("xc_tip", "invisible");
    
    var cy_el = Dom.getY( element );
    var cy_tip_el = Dom.getY( tip_element );
    var diff_y = cy_el - cy_tip_el;
    
    this.tip_anim = new YAHOO.util.Anim( "xc_tip",
    {
      top: {to: diff_y}
    }, 0.4, YAHOO.util.Easing.backOut );
    
    this.tip_anim.onComplete.subscribe( function( e, anim, obj )
    {
      tip_content_el.innerHTML = text;
      obj.tip_fadein_anim.animate();
    }, this );

    this.tip_anim.animate();
    
    Event.addListener( element, "blur", function()
    {
      Dom.addClass("xc_tip", "invisible");
      Dom.setStyle("xc_tip", "top", 0);
    } );
    
  }
}