var cX = 0;
var cY = 0;
var rX = 0;
var rY = 0;

function UpdateCursorPosition(e){
        cX = e.pageX;
        cY = e.pageY;
}

function UpdateCursorPositionDocAll(e){
        cX = event.clientX;
        cY = event.clientY;
}

if(document.all) {
        document.onmousemove = UpdateCursorPositionDocAll;
} else {
        document.onmousemove = UpdateCursorPosition;
}

function AssignPosition(d,p) {
if(self.pageYOffset) {
        rX = self.pageXOffset;
        rY = self.pageYOffset;
} else if(document.documentElement && document.documentElement.scrollTop) {
        rX = document.documentElement.scrollLeft;
        rY = document.documentElement.scrollTop;
} else if(document.body) {
        rX = document.body.scrollLeft;
        rY = document.body.scrollTop;
}

if(document.all) {
        cX += rX;
        cY += rY;
}

if(p == 'top') {
        d.style.left = (cX-150) + "px";
        d.style.top = (cY-340) + "px";
} else if(p == 'topright') {
        d.style.left = (cX+10) + "px";
        d.style.top = (cY-320) + "px";
} else if(p == 'right') {
        d.style.left = (cX+30) + "px";
        d.style.top = (cY-145) + "px";
} else if(p == 'bottomright') {
        d.style.left = (cX+30) + "px";
        d.style.top = (cY-0) + "px";
} else if(p == 'bottom') {
        d.style.left = (cX-145) + "px";
        d.style.top = (cY+30) + "px";
} else if(p == 'bottomleft') {
        d.style.left = (cX-305) + "px";
        d.style.top = (cY+30) + "px";
} else if(p == 'left') {
        d.style.left = (cX-340) + "px";
        d.style.top = (cY-145) + "px";
} else if(p == 'topleft') {
        d.style.left = (cX-305) + "px";
        d.style.top = (cY-340) + "px";
}

}

function HideContent(d) {
        document.getElementById(d).style.display = "none";
}

function ShowContent(d,p) {
        var dd = document.getElementById(d);
        AssignPosition(dd,p);
        dd.style.display = "block";
}