/***********************************************
* Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
* Modified by Dynamic Drive for various improvements
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/


var vmin=2;
var vmax=4;
var vr=2;
var timer1;
//var tempx=0;
//var revx=0;
//var bandera=false;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function Chip(chipname,width,height){
 this.named=chipname;
 this.vx=vmin+vmax*Math.random();
 this.vy=vmin+vmax*Math.random();
 this.w=width+20;
 this.h=height;
 this.xx=0;
 this.yy=0;
 this.timer1=null;
 this.tempx=0;
 this.resx=0;
 this.revx=0;
 this.bandera=false;
 this.imgsrc1=0;
 this.imgsrc2=0;
 //this.nomimg=0;
}

function movechip(chipname,nomimg,imgscr){
	
if (document.getElementById){
	
	eval("chip="+chipname);
	
	cadena=location.pathname;
	//alert(cadena);
	cadenalon = cadena.split('/');
	//alert(cadenalon.length);
	ruta="";
	if((cadenalon.length-2)==0){
	ruta="";
	}else{
	for(x=0;x<(cadenalon.length-2);x++){
	ruta=ruta+"../";
	}
	}
	
	
	
	chip.imgsrc1=eval("'"+ruta+"pecesMov/"+imgscr+"_d.png'");
	chip.imgsrc2=eval("'"+ruta+"pecesMov/"+imgscr+"_i.png'");
	
	//alert(chip.imgsrc1);
	//alert(chip.imgsrc2);
	
	imgscr=eval("'"+imgscr+"'");
	nomimg=eval("'"+nomimg+"'");
	
   if (window.innerWidth || window.opera){
	 pageX=window.pageXOffset;
     pageW=window.innerWidth-40;
     pageY=window.pageYOffset;
     pageH=window.innerHeight-20;
    }
   else if (document.body){
	 pageX=iecompattest().scrollLeft;
     pageW=iecompattest().offsetWidth-40;
     pageY=iecompattest().scrollTop;
     pageH=iecompattest().offsetHeight-20;
    } 

   chip.xx=chip.xx+chip.vx;
   chip.yy=chip.yy+chip.vy;
   
   chip.vx+=vr*(Math.random()-0.5);
   chip.vy+=vr*(Math.random()-0.5);
   
   if(chip.vx>(vmax+vmin))  chip.vx=(vmax+vmin)*2-chip.vx;
   if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
   if(chip.vy>(vmax+vmin))  chip.vy=(vmax+vmin)*2-chip.vy;
   if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;

   if(chip.xx<=pageX){
	  chip.xx=pageX;
      chip.vx=vmin+vmax*Math.random();
     }
   if(chip.xx>=pageX+pageW-chip.w){
	  chip.xx=pageX+pageW-chip.w;
      chip.vx=-vmin-vmax*Math.random();
     }
   if(chip.yy<=pageY)
     {chip.yy=pageY;
      chip.vy=vmin+vmax*Math.random();
     }
   if(chip.yy>=pageY+pageH-chip.h)
     {chip.yy=pageY+pageH-chip.h;
      chip.vy=-vmin-vmax*Math.random();
     }

	  
	  if(chip.bandera==false){
		  
	  chip.resx=chip.xx-chip.tempx;
	  
	  if(chip.resx>=0){
	  chip.revx=0;
	  }else{
	  chip.revx=chip.revx-chip.resx;
	  }
	  
	  if(chip.revx>=10){
	  document.getElementById(nomimg).src=chip.imgsrc2;
	  chip.revx=0;
	  chip.bandera=true;
	  }
	  
	  }
	  
	  if(chip.bandera==true){
	  chip.resx=chip.xx-chip.tempx;
	  
	  if(chip.resx>=0){
	  chip.revx=chip.revx+chip.resx;
	  }else{
	  chip.revx=0;
	  }
	  
	  if(chip.revx>=10){
	  //document.img1.src="1.png";
	  document.getElementById(nomimg).src=chip.imgsrc1;
	  chip.revx=0;
	  chip.bandera=false;
	  }
	  }
	  
	  chip.tempx=chip.xx; 

	  document.getElementById(chip.named).style.left=chip.xx+"px";
	  document.getElementById(chip.named).style.top=chip.yy+"px";


   	  chip.timer1=setTimeout("movechip('"+chip.named+"','"+nomimg+"','"+imgscr+"')",100);
  }
}