function packComp( ){
	this.showTooltip = function( cell ){
		var div = document.getElementsByTagName("div");
		for(var i=0;i<div.length;i++){
			if(div[i].id.lastIndexOf("_tt")>0){
				div[i].style.visibility="hidden";
			}
		}
		
		var id = cell.id + "_tt";
		var tt = document.getElementById( id );

		if ( !tt )
			return;
		
		var x = 357; //findPosX( cell ) + cell.clientWidth;
		var y = findPosY( cell ) -205;
		
				
		tt.style.display='block';
		tt.style.position='absolute';
		tt.style.visibility="visible";
		tt.style.top  = y + "px";
		tt.style.left = x + "px";
	}
	
	this.hideTooltip = function( cell ){
		var id = cell + "_tt";//.id + "_tt";
		var tt = document.getElementById( id );

		if ( !tt )
			return;	
			
		tt.style.visibility="hidden";
	}

}

function newPackComp( ){
	this.showTooltip = function( cell ){
		
		var div = document.getElementsByTagName("div");
		for(var i=0;i<div.length;i++){
			if(div[i].id.lastIndexOf("_tt")>0){
				div[i].style.visibility="hidden";
			}
		}
				
		var id = cell + "_tt";
		var tt = document.getElementById( id );

		if ( !tt )
			return;
		
		var x = findPosX( document.getElementById( cell ) ) + 100;
		var y = findPosY( document.getElementById( cell ) ) -17;
				
		tt.style.display='block';
		tt.style.position='absolute';
		tt.style.visibility="visible";
		tt.style.top  = y + "px";
		tt.style.left = x + "px";
	}
	
	this.hideTooltip = function( cell ){
		var id = cell + "_tt";//.id + "_tt";
		var tt = document.getElementById( id );

		if ( !tt )
			return;	
			
		tt.style.visibility="hidden";
	}

}