// JavaScript Document
var ToolTip = new Class({
	Implements: Options,
    options: {
		fixed:true,
		id:''
	},

	initialize: function(el, contents,options){
				this.container = el	;
				this.html = contents;
				this.setOptions(options);

				this.toolTip(this.html)
	},
	toolTip: function(html){
		
		if($('tooltip')){
			$('tooltip').dispose();
		}
		var tip = new Element('div',{
			'id':'tooltip',
			'class':'tooltip_box'
		});
		//var ttTemplate = '<table  border="0" cellspacing="0" cellpadding="0" ><tr><td class="tt_crnr"><img src="images/tip/rog_gora_lewa.png" alt="" /></td><td class="tt_top">&nbsp;</td><td class="tt_crnr"><img src="images/tip/rog_gora_prawa.png" alt="" /></td></tr><tr><td class="tt_left">&nbsp;</td><td id="tt_contents"><div>'+html+'</div></td><td class="tt_right">&nbsp;</td></tr><tr><td class="tt_crnr"><img src="images/tip/rog_dol_lewa.png" alt="" /></td><td class="tt_bottom">&nbsp;</td><td class="tt_crnr"><img src="images/tip/rog_dol_prawa.png" alt="" /></td></tr></table>';
		var ttTemplate = '<table  border="0" cellspacing="0" cellpadding="0" ><tr class="tipTrTop"><td class="tt_crnr" id="tt_crnr_lt"></td><td class="tt_top">&nbsp;</td><td class="tt_crnr" id="tt_crnr_rt"></td></tr><tr><td class="tt_left">&nbsp;</td><td id="tt_contents"><div>'+html+'</div></td><td class="tt_right">&nbsp;</td></tr><tr><td class="tt_crnr" id="tt_crnr_lb"></td><td class="tt_bottom">&nbsp;</td><td class="tt_crnr" id="tt_crnr_rb"></td></tr></table>';
		tip.set('html',ttTemplate)
		this.toolTipShow(tip);
		
	},
	toolTipShow:function(tip){
		var iePositionModificator =null;
		
		if((Browser.Engine.name == 'trident')&&(Browser.Engine.version == 4)){
			iePositionModificator = (-0);
		}else{
			var iePositionModificator = 0;	
		}
		if(this.options.fixed){
			var parentElDimensions = this.container.getPosition();
			var cssPositionObj = {
				'left':parentElDimensions.x + 50,
				'top':parentElDimensions.y + 30
			}
			
			tip.setStyles(cssPositionObj);
			$(this.container).grab(tip);
			
		}else{
			$(document).addEvent('mousemove', function(e){
				var pagex = e.page.x;
				var pagey = e.page.y;
				var position = {
				  positionX : pagex,
				  positionY : pagey
				}
				
				var cssPositionObj = {
					'left':(position.positionX + 10 + iePositionModificator),
					'top':(position.positionY + 10)
				}
				
				tip.setStyles(cssPositionObj);
				$('center').grab(tip);
				
			});
			
		}
		
		tip.setStyle('opacity',0);
		tip.setStyle('display','block');
		
		if(((Browser.Engine.name == 'trident')&&(Browser.Engine.version == 4))){
			var myFx = new Fx.Tween(tip,{'duration':0});
			myFx.start('opacity',[0,1]);
		}else{
			tip.setStyle('opacity',1);
		}
	},
	toolTipHide:function(){
		if($('tooltip')){
			if(((Browser.Engine.name == 'trident')&&(Browser.Engine.version == 4))){
			$('tooltip').dispose();
			}else{
				var myFx = new Fx.Tween('tooltip',{
										'duration':0,
									
										 onComplete:function(){
											if($('tooltip')){$('tooltip').dispose();}
											}
										});
				myFx.start('opacity',[1,0]);
				
			}
		}
	}
});