//globals
var commentTipPopUp = '';
var commentTipHeading = '';
var commentTipContent = '';
var thisLastLink = ''; 

// add event handlers
function addEvent( obj, type, fn ){
    if (obj.addEventListener){
        obj.addEventListener( type, fn, false );
    }else if (obj.attachEvent){
        obj["e"+type+fn] = fn;
        obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
        obj.attachEvent( "on"+type, obj[type+fn] );
    }
}  
// add the tooltip to the doc and event handlers
function setCommentTips(){
    //create the comment tool tip div and add to document
    var commentToolTip = document.createElement("DIV");
    commentToolTip.id = "commentTipPopUp";
    commentToolTip.style.display ='none';
    commentToolTip.innerHTML = "<div id='tiptip'></div><div id='commentTipHeading'>&raquo; loading...</div>";
	addEvent(commentToolTip, 'mouseout', hideTip);
    //create a div to hold the content
    var tipContentArea = document.createElement("DIV");
    tipContentArea.id = "commentTipContent";
	tipContentArea.style.display ='none';
    commentToolTip.appendChild(tipContentArea);
    //add to the body
    var bodyRef = document.getElementsByTagName("BODY")[0];
	//bodyRef.parentNode.insertBefore(commentToolTip, bodyRef.firstSibling);
	bodyRef.appendChild(commentToolTip);
    //add events to all spans with class "commentTipWrapper"
    var allA = document.getElementsByTagName("SPAN");
    for(var i=0; i<allA.length; i++){
        if(allA[i].className=="commentTipWrapper"){
            addEvent(allA[i], 'mouseover', showTip);
            addEvent(allA[i], 'mouseout', hideTip);
        }
    }
	commentTipPopUp = document.getElementById("commentTipPopUp");
	commentTipHeading = document.getElementById('commentTipHeading');
	commentTipContent = document.getElementById("commentTipContent");
}   
//get the position of the element
//offsetTop and offsetLeft properties tell you the distance between the top of an element and the top of its offsetParent
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
		return [curleft,curtop];
	}
} 
//showtip
function showTip(event){
	// get/set commentID
	commentID = this.lang;

	//check to see if we are a new link or same one
	if(thisLastLink != commentID)
	{ 
		//reset the text from the last load
		commentTipHeading.innerHTML = "&raquo; loading...";
		commentTipContent.innerHTML = "";
		commentTipContent.style.display ='none';
		// make ajax call
        var requestURL = "https://www.mogore.net/wp-content/plugins/comment-info-tip/get-comment-info-tip.php?commentID="+commentID;

		oAjaxInterface.mInit( "GET", requestURL,
							function( response ) {
								ajaxSuccessResults( response );
							}
						);
	}
	
	thisLastLink = this.lang;
	//move tip into position and show
    var xPos = findPos(this);
    var linkWidth =(xPos[0]) + this.offsetWidth+10 +'px';
    commentTipPopUp.style.left =linkWidth;
    commentTipPopUp.style.top =(xPos[1]) +'px';
    commentTipPopUp.style.display ='block';
}
function hideTip(e){
	//http://www.quirksmode.org/js/events_mouse.html
	//http://www.quirksmode.org/js/events_properties.html
	var targ;
	if (!e) var e = window.event;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	if (targ.nodeType == 3) // defeat Safari bug
		targ = targ.parentNode;
	
	
	var targ = e.relatedTarget || e.toElement;
	//mka look at below
    if (targ != null)
	{
        while (targ.parentNode) {
            if (targ.id === 'commentTipPopUp')
            { 
                return;
            } else {
                targ = targ.parentNode;
            }
        }
    }
	
    commentTipPopUp.style.display ='none';
}
 
addEvent(window, 'load', setCommentTips);

// from dustindiaz
// http://www.dustindiaz.com/faster-ajax/
var oAjaxInterface = {
	mInit : function ( method, uri, callback, postData, formular ) {
		var http = oAjaxInterface.mGetXHR();
		http.open( method, uri, true );
		if(formular)
			http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
		oAjaxInterface.mHandleReadyState( http, callback );
		http.send( postData || null );
		return http;
	},
	mHandleReadyState : function ( http, callback ) {
		http.onreadystatechange = function(){
			if ( http && http.readyState == 4 && http.status == 200 ) {
				if ( callback ) {
					callback( http );
				}
			}
		};
	},
	mGetXHR : function () {
		var http;
		try {
			http = new XMLHttpRequest;
			oAjaxInterface.mGetXHR = function() {
				return new XMLHttpRequest;
			}
		} catch(e) {
			var msxml = [
				"MSXML2.XMLHTTP.5.0",
				"MSXML2.XMLHTTP.4.0",
				"MSXML2.XMLHTTP.3.0",
				"MSXML2.XMLHTTP",
				"Microsoft.XMLHTTP"
			];
			for ( var i=0, len = msxml.length; i < len;   i ) {
				try {
					http = new ActiveXObject( msxml[i] );
					oAjaxInterface.mGetXHR = function() {
						return new ActiveXObject( msxml[i] );
					}
					break;
				} catch(e) {}
			}
		}
		return http;
	}
}

//ajax success
function ajaxSuccessResults(o){
	var responseTxt = o.responseText;
	var splitResponse = responseTxt.split("~|~");
	var displayResponse = "";
	
	if(splitResponse[0]=="pingback")
	{
		displayResponse = "&raquo; this is a pingback";	 
		commentTipContent.innerHTML =  "";
	} else if (splitResponse[0]=="trackback") {
		displayResponse = "&raquo; this is a trackback";	 
		commentTipContent.innerHTML =  "";	
	} else {
		if(splitResponse[1]==1)
		{
			displayResponse = "&raquo; has commented <strong> once </strong> in this blog";	 
		} else {
			displayResponse = "&raquo; has commented <strong>"+ splitResponse[1] +"</strong> times in this blog";
			commentTipContent.innerHTML =  splitResponse[0];
			commentTipContent.style.display = 'block';
		}
	}
	commentTipHeading.innerHTML = displayResponse;	
}