Site.Tooltip = {
    id: 'tooltip',
	node:{},
	disable:false,
	active:false,
	disabled:false,
	timer: null,
	disable:function(){
		clearTimeout(Site.Tooltip.timer);
		Site.Tooltip.remove();	
		Site.Tooltip.disabled = true;
	},
	enable:function(){
		Site.Tooltip.disabled = false;
	},
	render:function(e){
		
		if(Site.Tooltip.disabled) return;
		
		/**
		 *  Create Tooltip <div>
		**/
		
		var p = $(e.target);
		
		if(!p.is('li')){
			while(!p.is('li')){
				p = $(p).parent();
			}
		}

		var txt = p.find('blockquote>p').html();
		
		if(txt =='') return;

		var div = $('<div>');
		var cnt = '<div class="top"></div><div class="content">'+txt+'</div><div class="bottom"></div>';
		div.attr({id:this.id}).css({visibility:'hidden'});
		div.append(cnt);		

		$(document.body).append(div); // Add to document

		var pos = Site.Tooltip.getPos(e);
		div.css({top:pos.top,left:pos.left,visibility:'visible'});
				
		Site.Tooltip.node = div;			
	},
	remove:function(e){
		if(Site.Tooltip.disabled) return;
		try{Site.Tooltip.node.remove();}catch(evt){}
	},
	getPos:function(e){
		if(Site.Tooltip.disabled) return;
		var div = $('#'+this.id);
		var top = e.pageY-div.height(); // Cursor Y position - Tooltip height
		var left = e.pageX+10; // Cursor X position + 10 (for arrow offset)
		var wid = div.width();

		if(left + wid >= (document.documentElement.offsetWidth-10)){ // Constrain Tooltip to window
			left = e.pageX - wid;
			var bg = $.browser.msie6() ? '/images/info-bottom-right.gif' : '/images/info-bottom-right.png'; // IE6 can't due the 24-bit PNG
			div.find('.bottom').css({backgroundImage:'url(\''+bg+'\')'});
		}	

		return {top:top,left:left}			
	},
	hide:function(e){
		if(Site.Tooltip.disabled) return;
		Site.Tooltip.timer = setTimeout(function(){
			if(!Site.Tooltip.active){
				Site.Tooltip.remove();	
			}
		},250);					
	}		
}

Site.ContentBox = {
	id: 'box',
	node:{},
	active:false,
	timer:null,
	render:function(e){
		
		Site.Tooltip.disable();
		
		var content = $('#content');
		var pos = content.offset({border:false,padding:true,scroll:false,margin:true});
		$.blockUI.defaults.baseZ = 5000;
		$.blockUI.defaults.fadeOut = 100; 
	    $.blockUI.defaults.overlayCSS = {  
	        backgroundColor:'#000',  
	        opacity:        '0.35',
			top:pos.top+10 - document.documentElement.scrollTop,
			left:pos.left+10,
			width:content.width(),
			height:content.height()
	    } 
		/**
		 *  Create Box <div>
		**/
		
		var html = $(e.target).parent().parent().find('p:eq(1)').html();
		
		if(html =='') return;		
		
		var src = $(e.target).attr('src');
		var ar = src.split(/\//);
		var img = ar.pop().replace(/-roll/,'');
		
		var cnt = '<img class="close" src="/images/box-close.gif" /><div class="top"></div><div class="content"><img class="icon" src="/images/icons/home/'+img+'"/>'+html+'<div style="clear:both"></div></div><div class="bottom"></div>';
		var div = $('<div>').attr({id:this.id}).append(cnt).css({opacity:.97,MozUserSelect:'none',userSelect:'none'});
		div.get(0).unselectable='on';
		div.find('.close').click(function(){
			div.animate({opacity:0},'fast',function(){
				div.remove();
				$.unblockUI();
				Site.Tooltip.enable();								
			})			
		})
		
		Site.ContentBox.active = true;		
		Site.ContentBox.node = div;	
		
		$.blockUI({message:div, centerX:true,centerY:true, css: {backgroundColor:'transparent',border:'none',textAlign:'left',width:495} });
		
		div.jqDrag('.top');
		
	},
	remove:function(e){
		try{Site.ContentBox.node.remove();}catch(evt){}
	}
}