// Tooltip
var responseDiv = "response";
var responseContent = "responseContent";

function getMousePosX( e, _obj, _objCat, _objItem, oX, oY )
{
    var mouseX, mouseY;
    var categoryId = parseInt( _objCat.replace( "_", "" ) );
    var itemId = parseInt( _objItem.replace( "_", "" ) );
    var object = _obj;
    var objX = oX;
    var objY = oY;

    if ( typeof( e ) != "undefined" && !isNaN( e.pageX ) )
    {
    	mouseX = e.pageX;
    	mouseY = e.pageY;
    }
    else
    {
    	mouseX = event.clientX - 10;
    	mouseY = event.clientY + document.body.scrollTop;
    }
    
    getTeacher ( categoryId, object, itemId, mouseX, mouseY, objX, objY );
}

function getTeacher( _objCat, _obj, _objItem, mX, mY, objX, objY )
{
	var categoryId = parseInt( _objCat );
	var itemId = parseInt( _objItem );
	var posX = 0;
	var posY = 0;
	var _object = _obj;
	var Xmargin = parseInt( ( ( document.documentElement.clientWidth - 790 ) / 2 ) - 190 );
	var Ymargin = 90;
	var Xstep = 104;
	var Ystep = 173;
	
	var X = objX;
	var Y = objY;
	
	//alert ( objX + ':' + objY );

	function readyStateUpdate()
	{
		if ( xmlHttp.readyState != 4 )
		{
			var response = "";
			response += "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"fwh\">";
			response += 	"<tr>";
			response += 		"<td valign=\"middle\" align=\"center\"><img src=\"images/ajax-loading.gif\" width=\"48\" height=\"48\" border=\"0\" alt=\"\" /></td>";
			response += 	"</tr>";
			response += "</table>";
			document.getElementById( responseContent ).innerHTML = response;
			document.getElementById( responseDiv ).style.width = 269 + "px";
			document.getElementById( responseDiv ).style.left = ( X * Xstep ) + Xmargin + "px";
			document.getElementById( responseDiv ).style.top = ( Y * Ystep ) + Ymargin + "px";
			document.getElementById( responseDiv ).style.display = 'block';
			$( "#response" ).animate( { height: "225px", opacity: 1 }, { queue: false, duration: 500, easing: 'easeOutBounce' } );
		}
		else
		{
			var xmlData = xmlHttp.responseText;
			
			document.getElementById( responseDiv ).style.width = 269 + "px";
			document.getElementById( responseDiv ).style.left = ( X * Xstep ) + Xmargin + "px";
			document.getElementById( responseDiv ).style.top = ( Y * Ystep ) + Ymargin + "px";
			document.getElementById( responseDiv ).style.display = 'block';
			document.getElementById( responseContent ).innerHTML = xmlData;
			
			$( "#response" ).animate( { height: "225px" }, { queue: false, duration: 500, easing: 'easeOutBounce' } );
		}
    }

	xmlHttp.open( "POST", "ajax/getTeacher.php", true );
	var params = "postId=" + categoryId + "&itemId=" + itemId;
	xmlHttp.setRequestHeader( "Content-type", "application/x-www-form-urlencoded" );
	xmlHttp.setRequestHeader("Content-length", params.length);
	xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.onreadystatechange = readyStateUpdate;
	xmlHttp.send( params );
}

function shutdown2()
{
	$("#response").animate( { height: "0px" }, { queue: true, duration: 50, easing: 'easeOutQuart' } );
}