var owidth=260;
var ns4=(document.layers)? true:false;
var ns6=(document.getElementById)? true:false;
var ie4=(document.all)? true:false;
var ie5=false;
if(ie4){
        if((navigator.userAgent.indexOf('MSIE 5')> 0)||(navigator.userAgent.indexOf('MSIE 6')> 0)||(navigator.userAgent.indexOf('MSIE 7')> 0)){
                ie5=true;
        }
        if(ns6){
                ns6=false;
        }
}
if (navigator.userAgent.indexOf('Opera') != -1) {
ns6=false;
ie5=true;
ie4=false;
ns4=false;
}

function ViewDetail(oEL,userx,evnt) {
userdv=document.getElementById(userx) ;
var ox=0;
if((ns4)||(ns6)){ox=evnt.layerX;oy=evnt.layerY;}
if(ie4){ox=window.event.x;oy=window.event.y;}
if(ie5){ox=event.x+self.document.body.scrollLeft;oy=event.y+self.document.body.scrollTop;}

if(ie5){
        userdv.style.left=ox-owidth;
        userdv.style.top=oy;
}else if((ns4)||(ie4)){
        userdv.left=ox-owidth;
        userdv.top=oy;
}else if(ns6){
        userdv.style.left=ox-owidth + "px";
        userdv.style.top=oy+ "px";
}
if(ns4) userdv.visibility="show";
        else if(ie5) {userdv.style.visibility="visible";return;}
        else if(ie4) userdv.visibility="visible";
        else if(ns6) userdv.style.visibility="visible";

return;
}
function HideDetail(user) {

if(ns4) user.visibility="hide";
else if(ie5) {user.style.visibility="hidden";return;}
else if(ie4) user.visibility="hidden";
else if(ns6) user.style.visibility="hidden";
}