var can_disable = 0;
function overUser(event, site_url, userid)
{
	document.getElementById('bubble_tooltip').innerHTML = '';
	document.getElementById('bubble_tooltip').style.display = 'none';
			
	can_disable = 0;
	e = event;
	var obj = document.getElementById('bubble_tooltip');
	//var obj2 = document.getElementById('bubble_tooltip_content');

	if (obj.style.display != 'block')
	{
		obj.innerHTML = 'Downloading...';
		new Ajax.Request(site_url+'getUserReputationLog.php?userid='+userid,{
			method: 'get',
			onSuccess: function(transport) {
				obj.innerHTML = transport.responseText;
			}
		});
		obj.style.width = '280px';
		obj.style.display = 'block';
	}

	var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
	//if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;
	var leftPos = e.clientX - 100;
	if(leftPos<0)leftPos = 0;
	//alert(getWidth());
	//alert (leftPos + 300) ;
	leftPos1 = leftPos + 300;
	if( leftPos1 > getWidth())
	{
		//alert (leftPos + 280) ;
		 leftPos = getWidth() - 400;
	}
	obj.style.left = leftPos + 'px';
	obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
}

function outUser()
{
	can_disable = 1;
	setTimeout(function()
	{
		if(can_disable == 1)
		{
			//alert(can_disable);			
			document.getElementById('bubble_tooltip').innerHTML = '';
			document.getElementById('bubble_tooltip').style.display = 'none';
		}

	},2000);
}
//var state = 0; //close; 1 - open
//var mouseOver = 0;
//
//function overUser(event, site_url, userid)
//{
//	if(1 == state) return;
//	mouseOver = 1;
//
//	var x = event.clientX;
//	var y = event.clientY;
//
//	var popUp = document.createElement('div');
//	popUp.id  = 'popUp';
//
//	with(popUp.style)
//	{
//		width  = '250px';
//		position = 'fixed';
//		left = x + 10 + 'px';
//		top = y + 10 +'px';
//		border = '1px solid #ccc';
//		background = '#f0f0ff';
//		fontFamily = 'Verdana';
//		fontSize = '10px';
//		padding = '5px';
//		zIndex = '1000';
//	}
//	popUp.innerHTML = 'Downloading...';
//
//	popUp.onmouseover = function(){mouseOver = 1};
//	popUp.onmouseout  = function(){outUser(); };
//	new Ajax.Request(site_url+'getUserReputationLog.php?userid='+userid,{
//		method: 'get',
//		onSuccess: function(transport) {
//			popUp.innerHTML = transport.responseText;
//		}
//	});
//
//	$$('body')[0].appendChild(popUp);
//	state = 1;
//}
//
//
//function outUser()
//{
//	setTimeout(function()
//	{
//
//		if(0 == mouseOver)
//		{
//			//new Effect.FadeIn('popUp', { duration: .5})
//			if ( document.getElementById('popUp') != null )
//			{
//				$('popUp').remove();
//				state = 0;
//			}
//			
//		}
//
//	},100);
//	mouseOver = 0;
//}


function showOutfitToolTip(e, site_url, outfit_id){
	if(document.all)e = event;

	var obj = document.getElementById('bubble_tooltip');
	//var obj2 = document.getElementById('bubble_tooltip_content');

	if (obj.style.display != 'block')
	{
		obj.innerHTML = 'Downloading...';
		new Ajax.Request(site_url+'ajax.php?act=outfit_descr&outfit_id='+outfit_id,{
			method: 'get',
			onSuccess: function(transport) {
				obj.innerHTML = transport.responseText;
			}
		});
		obj.style.width = '230px';
		obj.style.display = 'block';
	}

	var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
	//if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;
	var leftPos = e.clientX - 100;
	if(leftPos<0)leftPos = 0;
	obj.style.left = leftPos + 'px';
	obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
}

function hideToolTip()
{
	document.getElementById('bubble_tooltip').innerHTML = '';
	document.getElementById('bubble_tooltip').style.display = 'none';
}

function getWidth() {
  var myWidth = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
  }
  return myWidth;
}