function msgBox(msg, event){
    var div = document.createElement('DIV');
    var objs = document.getElementsByTagName('DIV');
    var num = (objs==null)?1 : objs.length +1;
    var divname = "div_"+num;
    div.setAttribute("id",divname );
    div.className = "msgpanel";
    var xy =  getCoordination(arguments[2]);
    if(xy.x>0){
        div.style.left = xy.x - 100 +"px" ;
        div.style.top =  xy.y - 150 +"px";
    }
    div.innerHTML = "<p style='float: right;display: inline; text-align: right;'><input type='button' name='close' value='X' class='close_button' onclick=\"destory(document.getElementById('"+divname+"'));\"></p><br><center>" 
                    + msg + "</center>" ;
    document.body.appendChild(div);
}
function destory(obj){ obj.parentNode.removeChild(obj);}
function getCoordination(e){
    if (!document.all){
        if (e==null) return {x :0 , y :0};
        mouX = e.pageX;
        mouY = e.pageY;
    }else{
        mouX = event.clientX + document.body.scrollLeft;
        mouY = event.clientY + document.body.scrollTop;
    }
    return {x :mouX , y :mouY};
}
