//for opacity

/* Offset position of tooltip */
var x_offset_tooltip = 5;
var y_offset_tooltip = 0;

/* Don't change anything below here */


var ajax_tooltipObj = false;
var ajax_tooltipObj_iframe = false;

var ajax_tooltip_MSIE = false;
if(navigator.userAgent.indexOf('MSIE')>=0)ajax_tooltip_MSIE=true;

var currentTooltipObject = false;

function ajax_showTooltip(e,data_content,inputObj,page)
{
	currentTooltipObject = inputObj;
	//window.onresize = function(e) { ajax_positionTooltip(e); } ;
   if(document.all)e = event;

   
	if(!ajax_tooltipObj)	/* Tooltip div not created yet ? */
	{
		ajax_tooltipObj = document.createElement('DIV');
		ajax_tooltipObj.style.position = 'absolute';
		ajax_tooltipObj.id = 'ajax_tooltipObj';
		ajax_tooltipObj.style.visibility = 'hidden';
		document.body.appendChild(ajax_tooltipObj);

		var leftDiv = document.createElement('DIV');	/* Create arrow div */
		leftDiv.className='ajax_tooltip_arrow';
		leftDiv.id = 'ajax_tooltip_arrow';
		ajax_tooltipObj.appendChild(leftDiv);
		
		var contentDiv = document.createElement('DIV'); /* Create tooltip content div */
		contentDiv.className = 'ajax_tooltip_content';
		ajax_tooltipObj.appendChild(contentDiv);
		contentDiv.id = 'ajax_tooltip_content';
		contentDiv.style.marginBottom = '15px';

		if(ajax_tooltip_MSIE){	/* Create iframe object for MSIE in order to make the tooltip cover select boxes */
			ajax_tooltipObj.style.cursor = 'move';
			ajax_tooltipObj_iframe = document.createElement('<IFRAME frameborder="0">');
			ajax_tooltipObj_iframe.style.position = 'absolute';
			ajax_tooltipObj_iframe.border='0';
			ajax_tooltipObj_iframe.frameborder=0;
			ajax_tooltipObj_iframe.style.backgroundColor='#EEEEEE';
			ajax_tooltipObj_iframe.src = 'about:blank';
			contentDiv.appendChild(ajax_tooltipObj_iframe);
			ajax_tooltipObj_iframe.style.left = '0px';
			ajax_tooltipObj_iframe.style.top = '0px';
		}
	}
	
	obj = document.getElementById('ajax_tooltipObj');
	//setOpacityA(obj, 0);
  ajax_tooltipObj.style.visibility = 'visible';

  //fadeInA('ajax_tooltipObj', 0);
	document.getElementById('ajax_tooltip_content').innerHTML = "<div style='float:left;width:300px;text-align:center;padding-top:30px;'><img src='"+imgurl+"/tooltip_loader.gif'></div>";

	var xmlHttpReq = false;
	  var self = new XMLHttpRequest();
		// Mozilla/Safari
		if (window.XMLHttpRequest) {
			self.xmlHttpReq = new XMLHttpRequest();
		}
		// IE
		else if (window.ActiveXObject) {
		  self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
		}
		if(page == 'groups') {
			var strURL = baseurl+"/groups_info.php?GID="+data_content+"&page="+page;
		}
		else {
			var strURL = baseurl+"/videos_info.php?VID="+data_content+"&page="+page;
		}
		self.xmlHttpReq.open('POST', strURL, true);
		self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		self.xmlHttpReq.onreadystatechange = function() {
			if (self.xmlHttpReq.readyState == 4) {
				ajax_loadContent('ajax_tooltip_content',self.xmlHttpReq.responseText);
			}
		}
	  self.xmlHttpReq.send(strURL);
	
	if(ajax_tooltip_MSIE){
		ajax_tooltipObj_iframe.style.width = ajax_tooltipObj.clientWidth + 'px';
		ajax_tooltipObj_iframe.style.height = ajax_tooltipObj.clientHeight + 'px';
	}
	ajax_positionTooltip(e,inputObj); 
}

function setOpacityA(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  //obj.style.Filter = "alpha(opacity:"+opacity+")";
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/120;

  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/120;
 
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/120;
 
}
function fadeInA(objId, opacity) {
  //if (document.getElementById) {
    obj = document.getElementById(objId);

    if (opacity <= 120) {
      setOpacityA(obj, opacity);
      opacity += 40;
      window.setTimeout("fadeInA('"+objId+"',"+opacity+")", 120);
    }
 // }
}

function ajax_positionTooltip(e,inputObj)
{
	if(!inputObj)inputObj=currentTooltipObject;
	if(inputObj){
		var leftPos = (ajaxTooltip_getLeftPos(inputObj) + inputObj.offsetWidth);
		var topPos = ajaxTooltip_getTopPos(inputObj);
	}else{		
	   var leftPos = e.clientX;
	   var topPos = e.clientY;
	}
   var tooltipWidth = document.getElementById('ajax_tooltip_content').offsetWidth +  document.getElementById('ajax_tooltip_arrow').offsetWidth;
   ajax_tooltipObj.style.left = leftPos + 'px';
   ajax_tooltipObj.style.top = topPos + 'px';   
} 

function ajax_hideTooltip()
{
	//var olddiv = document.getElementById('ajax_tooltipObj');
  //document.body.removeChild(olddiv);
  //alert(document.getElementById('ajax_tooltipObj').style.filter);
	document.getElementById('ajax_tooltipObj').style.visibility='hidden';
}

function ajaxTooltip_getTopPos(inputObj)
{		
  var returnValue = inputObj.offsetTop;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
  }
  return returnValue;
}

function ajaxTooltip_getLeftPos(inputObj)
{
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
  }
  return returnValue;
}