var Piao ={};
Piao.stepX  = 100;
Piao.stepY  = 60 ;
Piao.inX = true;
Piao.inY = true ;
Piao.step = 1 ;
Piao.delay = 10 ;
Piao.obj=null
Piao.body = null;
Piao.itl=null;
  
Piao.donePiao = function ()
{
    var isLeft=0 ;
    var isTop=0;
    var isRight= Piao.body.clientWidth-Piao.obj.offsetWidth;
    var isBottom = Piao.body.clientHeight-Piao.obj.offsetHeight ;
    Piao.obj.style.left = Piao.stepX  + Piao.body.scrollLeft +'px';
    Piao.obj.style.top = Piao.stepY + Piao.body.scrollTop +'px';
    
    Piao.stepX  = Piao.stepX  + Piao.step*(Piao.inX?1:-1) ;
    if (Piao.stepX  < isLeft)
     {
     	Piao.inX = true; 
     	Piao.stepX  = isLeft;
     } 
    if (Piao.stepX  > isRight)
    { 
    	Piao.inX = false;
    	Piao.stepX  = isRight;
    } 
    Piao.stepY = Piao.stepY + Piao.step*(Piao.inY?1:-1);
     
    if (Piao.stepY < isTop) 
    { 
    	Piao.inY = true;
    	Piao.stepY = isTop ;
    } 
    if (Piao.stepY > isBottom) 
    { 
    	Piao.inY = false;
    	Piao.stepY = isBottom ;
    } 
  } 
Piao.setBody = function ()
 {
 	if (document.compatMode && document.compatMode != "BackCompat")
 	{
 		this.body= document.documentElement;
 	}
 	else
 	{
 		this.body= document.body;
 	}
 }
 
 Piao.createObj = function (url,imgUrl)
 {
 	var div = document.getElementById("PiaoDiv");
 	///*
	if (div==null)
	{
		div = document.createElement("DIV");
		document.body.appendChild(div);
		div.style.cssText = "position: absolute;z-index:200";
		div.id = "PiaoDiv";
		div.innerHTML = "<a href='"+url+"' target='_blank'><img src='"+imgUrl+"' border='0'/></a>";
	}
	//*/
	this.obj=div;
 }
 
 Piao.init =function (url,imgUrl)
 {
 	Piao.createObj(url,imgUrl);
  	Piao.setBody();
  	 if(Piao.obj)
  	 {
  	 	Piao.obj.onmouseover=function(){clearInterval(Piao.itl);} 
  	 	Piao.obj.onmouseout=function(){Piao.itl=setInterval(function(){Piao.donePiao();}, Piao.delay);} 
  	 	Piao.obj.style.left = Piao.stepX  + "px";
  	 	Piao.obj.style.top =  Piao.stepY +'px';
		Piao.itl= setInterval(function(){Piao.donePiao();}, Piao.delay); 
  	 }
 }