function strAjax(str) {
    /* This part is just to check Browser ability and checking if it support XMLHTTP */
    /* Create a new XMLHttpRequest object to talk to the Web server */
    var myxmlHttp = false;
    /*@cc_on @*/
    /*@if (@_jscript_version >= 5)
	try {
	myxmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
  	try {
    	myxmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  	} catch (e2) {
    	myxmlHttp = false;
  	}
	}
	@end @*/
    if (!myxmlHttp && typeof XMLHttpRequest != "undefined") {
        myxmlHttp = new XMLHttpRequest();
    }
    var strUrl = "productBalloon.htm?productId=" + str;
    myxmlHttp.onreadystatechange = showIt;
    myxmlHttp.open("GET", strUrl, true);
    myxmlHttp.send(null);
    var strLoading = "";
    function showIt() {
        if (myxmlHttp.readyState == 4) {
            var resText = myxmlHttp.responseText;
            document.getElementById("txtarea").innerHTML = resText;
            document.getElementById("arrowImg").style.visibility = "visible";
        } else {
            document.getElementById("arrowImg").style.visibility = "hidden";
            document.getElementById("txtarea").innerHTML = "<table width=\"350\" height=\"160\" border=\"0\" cellpadding=\"5\" cellspacing=\"0\" bgcolor=\"#f1f1f1\" style=\"border:1px solid; font-family: Verdana; font-size:10px; border-color: #cccccc; z-index: 101;\"><tr><td align=\"center\">Loading ...</td></tr></table>";
        }
    }
}

/*
					Hidding created Baloon after maouse is out of position
					*/
function clearIt() {
    document.getElementById("txtarea").innerHTML = "";
}
/*
						Change the Position of Baloon
						Depending on Object Location it will assign different Position
						*/
function getPos(theObj) {
    x = y = 0;
    while (theObj) {
        x += theObj.offsetLeft;
        y += theObj.offsetTop;
        theObj = theObj.offsetParent;
    }
    if (x > 400) {
        document.getElementById("txtarea").style.left = x - 520;
    } else {
        document.getElementById("txtarea").style.left = x - 30;
    }
    if (y > 380) {
        document.getElementById("txtarea").style.top = y - 120;
    } else {
        document.getElementById("txtarea").style.top = y - 50;
    }
}