// Tooltip
var responseDiv = "response";
var responseContent = "responseContent";
var storeName = "storeName";
var storeDesc = "storeDesc";
var storeLink = "storeLink";

function getMousePos( e, _obj, _objCat )
{
    var mouseX, mouseY;
    var categoryId = parseInt( _objCat.replace( "_", "" ) );
    var object = _obj;

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

function cleanDom( domObj )
{
	for ( var i = 0; i < domObj.childNodes.length; i++ )
	{
		if ( domObj.childNodes[ i ].nodeName == "#text" )
		{
			domObj.removeChild( domObj.childNodes[ i ] );
		}
		else
		{
			cleanDom( domObj.childNodes[ i ] );
		}
	}
}

function showMap( mapUrl )
{
	//document.location.href = mapUrl;
	window.open(mapUrl, "_blank");
}

function getSnapshot( _objCat, _obj, mX, mY )
{
	var categoryId = parseInt( _objCat );
	var posX = mX;
	var posY = mY;
	var _object = _obj;

	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.height = 250 + "px";
			document.getElementById( responseDiv ).style.top = ( posY - 30 ) + "px";
			document.getElementById( responseDiv ).style.left = ( posX + 30 ) + "px";
			document.getElementById( responseDiv ).style.display = 'block';
			$("#response").animate( { width: "269px", opacity: 1 }, { queue: false, duration: 750, easing: 'easeOutBounce' } );
		}
		else
		{
				var xmlData = xmlHttp.responseText;
				
				var dataArray = new Array();
				dataArray = xmlData.split( "00000" );
				document.getElementById( responseDiv ).style.height = 250 + "px";
				document.getElementById( responseDiv ).style.top = ( posY- 30 ) + "px";
				document.getElementById( responseDiv ).style.left = ( posX + 30 ) + "px";
				document.getElementById( responseDiv ).style.display = 'block';				
				document.getElementById( responseContent ).innerHTML = dataArray[ 0 ];
				
				var storeHref = dataArray[ 1 ];
				document.getElementById( _object.id ).onclick = function() { showMap( storeHref ) };
				
				$("#response").animate( { width: "269px", opacity: 1 }, { queue: false, duration: 750, easing: 'easeOutBounce' } );
			
		}
	}

	xmlHttp.open( "POST", "ajax/getSnapshot.php", true );
	var params = "postId=" + categoryId;
	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 shutdown()
{
	$("#response").animate( { width: "0px", opacity: 0 }, { queue: false, duration: 750, easing: 'easeOutQuart' } );
	
	/*if ( document.getElementById( responseDiv ).style.display != 'none' )
	{
		document.getElementById( responseDiv ).style.display = 'none';
	}*/
}