//---------------------------------
/*
    Tooltip功能. 
	<div class="tooltip">
		<div class="tooltip_lefttop_corner"></div>
		<div class="tooltip_top"></div>
		<div class="tooltip_righttop_corner"></div>
		<div class="tooltip_left"></div>
		<div class="tooltip_context"></div>
		<div class="tooltip_right"></div>
		<div class="tooltip_leftbottom_corner"></div>
		<div class="tooltip_bottom_corner"></div>
		<div class="tooltip_rightbottom_corner"></div>
		<div class="tooltip_pointer"></div>
	</div>
*/
var Tooltip = Class.create();
Tooltip.prototype = {
    
    initialize : function(parentDiv,styleName)
    {
    
        this.div = $(parentDiv);
        if ( styleName )
            this.div.className = styleName;
        else
            this.div.className = 'tooltip';
          
        this.tooltip_lefttop_corner = $C_DIV('','tooltip_context',this.div);
        this.tooltip_top = $C_DIV('','tooltip_top',this.div);
        this.tooltip_righttop_corner = $C_DIV('','tooltip_righttop_corner',this.div);
        this.tooltip_middle = $C_DIV('','tooltip_middle',this.div);
        this.tooltip_left = $C_DIV('','tooltip_left',this.tooltip_middle);
        this.tooltip_context = $C_DIV('','tooltip_context',this.tooltip_middle);
        this.tooltip_right = $C_DIV('','tooltip_right',this.tooltip_middle);
        $C_DIV('','space',this.tooltip_middle);
        this.tooltip_leftbottom_corner = $C_DIV('','tooltip_leftbottom_corner',this.div);
        this.tooltip_bottom = $C_DIV('','tooltip_bottom',this.div);
        this.tooltip_rightbottom_corner = $C_DIV('','tooltip_rightbottom_corner',this.div);
        this.tooltip_pointer = $C_DIV('','tooltip_pointer',this.div);
        
        this.baseL = 0;
        this.baseT = 0;
        
        this.offL = 0;
        this.offT = 0;
    },
    
    move : function()
    {
        this.div.style.left = this.baseL + this.offL + 20 + 'px';
        this.div.style.top = this.baseT + this.offT + 'px';
    },
    
    offSet : function ( left, top )
    {
        this.offL = left;
        this.offT = top;
        this.move();
    },
    
    setParent : function(newParent)
    { 
        if ( newParent )
        {
            this.baseL = newParent.offsetLeft;
            this.baseT = newParent.offsetTop;
            this.move();
        }
    },
    
    setText : function(text)
    {
        this.tooltip_context.innerHTML = text;
    }
    ,
    show : function()
    {
        this.div.style.visibility = 'visible';
    },
    
    hide : function()
    {
        this.div.style.visibility = 'hidden';
    },
    
    setStyle : function(styleName)
    {
        this.div.className = styleName + '_tooltip';  
        this.tooltip_lefttop_corner.className = styleName + '_tooltip_lefttop_corner' ;
        this.tooltip_top.className = styleName + '_tooltip_top' ;
        this.tooltip_righttop_corner.className = styleName + '_tooltip_righttop_corner' ;
        this.tooltip_middle.className = styleName + '_tooltip_middle' ;
        this.tooltip_left.className = styleName + '_tooltip_left' ;
        this.tooltip_context.className = styleName + '_tooltip_context' ;
        this.tooltip_right.className = styleName + '_tooltip_right' ;
        this.tooltip_leftbottom_corner.className = styleName + '_tooltip_leftbottom_corner' ;
        this.tooltip_bottom.className = styleName + '_tooltip_bottom' ;
        this.tooltip_rightbottom_corner.className = styleName + '_tooltip_rightbottom_corner' ;
        this.tooltip_pointer.className = styleName + '_tooltip_pointer' ;
    }
    
}