<!--

    var isIE = navigator.userAgent.toLowerCase().indexOf("msie")>-1?1:0;
    var webkit = navigator.userAgent.toLowerCase().indexOf("applewebkit")>-1?1:0;
    var Runit="px";
function ant_go(sita,obj){


    var webwidth=0;
    var webheight=0;
    var imgsrc="http://replay.garena.com/img/ant_white.gif";
    //var imgsrc="img/ant_white.gif";
    
    if(isIE){
        webwidth = document.body.clientWidth;
        webheight = document.body.clientHeight;

        if(document.getElementById('img')==null){
                var img=document.createElement('img');
                img.src=imgsrc;
                img.id="img";
                img.style.position="absolute";
                obj.appendChild(img);
                obj.style.filter='progid:DXImageTransform.Microsoft.Matrix(enabled=true,SizingMethod=\'clip to original\',FilterType=\'nearest neighbor\')';
                obj.style.left="0px";
                obj.style.top="0px";
        }
        var t=Math.PI*sita/180;
        var c=Math.cos(t);
        var s=Math.sin(t);
        
        with(obj.filters.item(0)){
                Dx=4-4*(c)+6*(s);
                Dy=6-4*(s)-6*(c);
                M11=c;
                M12=-1*s;
                M21=s;
                M22=c;
                }
    var l=document.getElementById('readper_ant').style.left;
    var t=document.getElementById('readper_ant').style.top;
    obj.style.left=parseInt(l.substring(0,l.indexOf("px")))+parseInt(5*Math.sin(Math.PI/180*document.getElementById('ant_angle').value))+"px";
    obj.style.top=parseInt(t.substring(0,t.indexOf("px")))-parseInt(5*Math.cos(Math.PI/180*document.getElementById('ant_angle').value))+"px";
    }else
    
    if(webkit){
        webheight = window.innerHeight;
        webwidth = window.innerWidth;
        if(document.getElementById('img')==null){
                var img=document.createElement('img');
                img.src=imgsrc;
                img.id="img";
                obj.appendChild(img);
                obj.style.left=0;
                obj.style.top=0;
        }
        obj.style.webkitTransform="rotate("+sita+"deg)";
        obj.style.webkitTransformOrigin="4 6";
        var l=document.getElementById('readper_ant').style.left;
        var t=document.getElementById('readper_ant').style.top;
        obj.style.left=parseInt(l.substring(0,l.indexOf("px")))+parseInt(5*Math.sin(Math.PI/180*document.getElementById('ant_angle').value))+"px";
        obj.style.top=parseInt(t.substring(0,t.indexOf("px")))-parseInt(5*Math.cos(Math.PI/180*document.getElementById('ant_angle').value))+"px";
        
    }else
    
    {
        webwidth = document.body.clientWidth;
        webheight = document.body.clientHeight;
        if(document.getElementById('canvas')==null){
                var _canvas = document.createElement('canvas'); 
                var ctx = _canvas.getContext("2d");
                _canvas.id="canvas";
                obj.appendChild(_canvas);
                
                _canvas.setAttribute('width', 50);
                _canvas.setAttribute('height', 50);
                var img = new Image();
                img.src = imgsrc;
                ctx.save();
                img.onload = function () {
                        ctx.translate(20, 20);
                        ctx.rotate(Math.PI/180*sita);
                        ctx.drawImage(img, -4, -6);
                }
                obj.style.left="0px";
                obj.style.top="0px";

        }else{

                var _canvas = document.getElementById('canvas'); 
                var ctx = _canvas.getContext("2d");     
                var img = new Image();
                
                img.src = imgsrc;
                

                ctx.restore();
                ctx.save();
                ctx.translate(0,0);
                ctx.clearRect(0,0,50,50); 
                ctx.translate(20,20);
                ctx.rotate(Math.PI/180*sita);
                ctx.drawImage(img, -4,-6);
        }
        var l=document.getElementById('readper_ant').style.left;
        var t=document.getElementById('readper_ant').style.top;
        Runit="px";
        obj.style.left=parseInt(l.substring(0,l.indexOf("px")))+parseInt(5*Math.sin(Math.PI/180*document.getElementById('ant_angle').value))+"px";
        obj.style.top=parseInt(t.substring(0,t.indexOf("px")))-parseInt(5*Math.cos(Math.PI/180*document.getElementById('ant_angle').value))+"px";
    }
    var ant_angle=parseInt(Math.random()*20-10);
    document.getElementById('ant_angle').value=parseInt(document.getElementById('ant_angle').value)+ant_angle;
    
    setTimeout('ant_go('+(parseInt(document.getElementById('ant_angle').value)+ant_angle)+',readper_ant)',100);
    
    var bodyTop = 0;   
    var bodyLeft = 0;   
if (typeof window.pageYOffset != 'undefined') {   
  bodyTop = window.pageYOffset;   
  bodyLeft = window.pageXOffset;   
  
} else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {   
  bodyTop = document.documentElement.scrollTop;   
  bodyLeft = document.documentElement.scrollLeft;   
  
} else if (typeof document.body != 'undefined') {   
  bodyTop = document.body.scrollTop;   
  bodyLeft = document.body.scrollLeft;   
}  
    
    if(parseInt(t.substring(0,t.indexOf(Runit)))-parseInt(5*Math.cos(Math.PI/180*document.getElementById('ant_angle').value))<bodyTop) obj.style.top=webheight+bodyTop+Runit;
    if(parseInt(t.substring(0,t.indexOf(Runit)))-parseInt(5*Math.cos(Math.PI/180*document.getElementById('ant_angle').value))>webheight+bodyTop) obj.style.top=0+bodyTop+Runit;
    if(parseInt(l.substring(0,l.indexOf(Runit)))+parseInt(5*Math.sin(Math.PI/180*document.getElementById('ant_angle').value))<bodyLeft) obj.style.left=webwidth+bodyLeft+Runit;
    if(parseInt(l.substring(0,l.indexOf(Runit)))+parseInt(5*Math.sin(Math.PI/180*document.getElementById('ant_angle').value))>webwidth+bodyLeft) obj.style.left=0+bodyLeft+Runit;
        
    
    //document.getElementById('debug').value=document.getElementById('readper_ant').style.top+","+document.getElementById('readper_ant').style.left;
    //document.getElementById('debug').value=webwidth+","+webheight;
}


-->