var ImgOjoDerecho=""


var logoCiego=null, ojoIzquierdo=null, ojoDerecho=null
var cuerpo=(document.compatMode=="CSS1Compat")? document.documentElement : document.body

function ObtenerObjeto(id)
{
 var i, obj

 obj= document[id]
 if (!obj && document.getElementById)
  obj= document.getElementById(id)
 for(i=0; !obj && i<document.forms.length; i++)
  obj= document.forms[i][id]

 return obj
}

function MoverOjos(crX, crY)
{
 var coX, coY, dX, dY, R, xh, yh

 if (logoCiego && ojoIzquierdo && ojoDerecho && logoCiego.style)
 {
	 //aqui se define en que lugar se queda bizco
  coX = logoCiego.offsetLeft+ 13+document.getElementById("wrapper").offsetLeft;
  coY = logoCiego.offsetTop + 26+document.getElementById("wrapper").offsetTop;
  dX = crX - coX
  dY = crY - coY
  R = Math.sqrt(dX*dX + dY*dY)
  xh = (R < 2.5)? dX : dX*2.5 / R
  yh = (R < 2.5)? dY : dY*2.5 / R
  ojoIzquierdo.style.left = xh + 13 + 'px'
  ojoIzquierdo.style.top = yh + 26 + 'px'

  coX += 63
  dX -= 63
  R = Math.sqrt(dX*dX + dY*dY)
  xh = (R < 2.5)? dX : dX*2.5 / R
  yh = (R < 2.5)? dY : dY*2.5 / R
  ojoDerecho.style.left = xh + 29 + 'px'
  ojoDerecho.style.top =  yh + 26 + 'px'
 }
}

function MovimientoRaton(ev)
{
 var xc = ev ? ev.pageX  : event.clientX + cuerpo.scrollLeft
 var yc = ev ? ev.pageY : event.clientY + cuerpo.scrollTop
 MoverOjos(xc, yc)
}

function Ojos()
{
 var imagenInicial

 logoCiego = ObtenerObjeto('logo')
 ojoIzquierdo = ObtenerObjeto('ojo_izquierdo')
 ojoDerecho = ObtenerObjeto('ojo_derecho')

 ojoIzquierdo.style.left = 13 + 'px'
 ojoIzquierdo.style.top = 26 + 'px'

 ojoDerecho.style.left = 29 + 'px'
 ojoDerecho.style.top = 26 + 'px'

 document.onmousemove=MovimientoRaton
}