var xhr = false;
var dID = null;
var hID1 = null;
var hID2 = null;
var filename = 'empty.html';
var id1 = null;
var id2 = null;
//window.onload = execute;

$('document').ready(function() {

execute();

});

function execute() {
	document.getElementById("sitemap").onmouseover = showInfo1 ;
	document.getElementById("privacy").onmouseover = showInfo2 ;
	document.getElementById("friend").onmouseover = showInfo3 ;

	document.getElementById("sitemap").onmouseout = function() {
		document.getElementById("smpopup").style.display = 'none';	
		return false;
	}
	document.getElementById("privacy").onmouseout = function() {
                document.getElementById("smpopup").style.display = 'none';
                return false;
        }
	document.getElementById("friend").onmouseout = function() {
                document.getElementById("smpopup").style.display = 'none';
                return false;
        }


	document.getElementById('more').onclick = function()
	{
		id1='more_history';
		id2 ='more';
		makeRequest();
		return false;
	}

}


function makeRequest() {
        if (window.XMLHttpRequest) {
                xhr = new XMLHttpRequest();
        }
        else {
                if (window.ActiveXObject) {
                        try {
                                xhr = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                        catch (e) { }
                }
        }

        if (xhr) {
                xhr.onreadystatechange = show_page;
                xhr.open("GET", filename, true);
                xhr.send(null);
        }
}


function show_page() {
        if (xhr.readyState == 4) {
                if (xhr.status == 200) {
                        var outMsg = xhr.responseText;
                }
                else {
                        var outMsg = "There was a problem with the request " + xhr.status;
                }
                var more = document.getElementById(id1);
		var more2 = document.getElementById(id2);
                more.style.display = "block";
		more2.style.display = "none";
        }
}



function showInfo1(evt)
{
	if(!evt) {
		evt = window.event;
	}
	var xpos = evt.clientX;
	var ypos = evt.clientY;
	xpos = parseInt(xpos) -10;
	var msg = "Site Map";
	display(msg, xpos, ypos);
}

function showInfo2(evt)
{
        if(!evt) {
                evt = window.event;
        }
        var xpos = evt.clientX;
        var ypos = evt.clientY;
	xpos = parseInt(xpos) -30;
	var msg = 'Sonshi Privacy Policy';
        display(msg, xpos, ypos);
}
function showInfo3(evt)
{
        if(!evt) {
                evt = window.event;
        }
        var xpos = evt.clientX;
        var ypos = evt.clientY;
	xpos = parseInt(xpos) -30;
	var msg = 'Tell Your Friends';
        display(msg, xpos, ypos);
}

function display(msg, xpos, ypos)
{
        smpopup2 = document.getElementById("smpopup");
        smpopup2.innerHTML = msg;
        smpopup2.zIndex = 1000;
	smpopup2.style.top = parseInt(ypos) + 60 + "px";
        smpopup2.style.left = parseInt(xpos) -30 + "px";
	msg2 = xpos + " " + ypos;
        document.getElementById("smpopup").style.display = 'inline';
}