jQuery(document).ready(function() {

	var imgPos1 = jQuery("#logo").position();
	var imgPos2 = jQuery("#ojo").position();
	var imgPos3 = jQuery("#ojito").position();
	var offsetOjoX = 127,
	    offsetOjoY = 34,
	    margenOjoX = 57,
	    offsetOjitoX = 136,
	    offsetOjitoY = 43,
	    margenOjitoX = 57,
	    anchoOjo = 23,
	    altoOjo = 24,
	    anchoOjito = 9,
	    altoOjito = 9,
	    anchoLogo = 49,
	    altoLogo = 49;
	//posicion inicial del OJO y el OJITO
	//X = posicionLogoX + 57deMargen + 127deOffset
	/*
    jQuery("#ojo").css("top", imgPos1.top + offsetOjoY +"px");
    jQuery("#ojo").css("left",imgPos1.left + offsetOjoX + margenOjoX + "px");
    jQuery("#ojito").css("top", imgPos1.top + offsetOjoY +"px");
    jQuery("#ojito").css("left",imgPos1.left + offsetOjoX + margenOjoX + "px");
  */  
jQuery(document).mousemove(function(e){
	imgPos1 = jQuery("#logo").position();
	var pageCoords = "( " + e.pageX + ", " + e.pageY + " )";
      var clientCoords = "( " + e.clientX + ", " + e.clientY + " )";
      //console.log( "" + pageCoords + " - " + clientCoords );

      // Checando el Eje X del OJO
      if( e.clientX < imgPos1.left + offsetOjoX + margenOjoX ){
	  jQuery("#ojo").css("left", imgPos1.left + offsetOjoX + margenOjoX + "px");
      }
      if( e.clientX > imgPos1.left + offsetOjoX + margenOjoX + anchoLogo ){
	  jQuery("#ojo").css("left", imgPos1.left + offsetOjoX + margenOjoX + anchoLogo - anchoOjo + "px");    
      }
      if( e.clientX > imgPos1.left + offsetOjoX + margenOjoX && e.clientX < imgPos1.left + offsetOjoX + margenOjoX + anchoLogo - anchoOjo ){
	  jQuery("#ojo").css("left", e.clientX + "px");
      }

      //Chechando el Eje Y del OJO
      if( e.clientY < imgPos1.top + offsetOjoY ){
	  jQuery("#ojo").css("top", imgPos1.top + offsetOjoY + "px");
      }
      if( e.clientY > imgPos1.top + offsetOjoY + altoLogo ){
	  jQuery("#ojo").css("top", imgPos1.top + offsetOjoY + altoLogo - altoOjo + "px");    
      }
      if( e.clientY > imgPos1.top + offsetOjoY && e.clientY < imgPos1.top + offsetOjoY + altoLogo - anchoOjo ){
	  jQuery("#ojo").css("top", e.clientY + "px");
      }

      //Checando el Eje X del OJITO
      if( e.clientX < imgPos1.left + offsetOjitoX + margenOjitoX ){
	  jQuery("#ojito").css("left", imgPos1.left + offsetOjitoX + margenOjitoX - anchoOjito + "px");
      }
      if( e.clientX > imgPos1.left + offsetOjoX + margenOjitoX + anchoLogo - anchoOjito*2 ){
	  jQuery("#ojito").css("left", imgPos1.left + offsetOjitoX + margenOjitoX + anchoLogo - anchoOjito*2 + "px");    
      }
      if( e.clientX > imgPos1.left + offsetOjitoX + margenOjitoX && e.clientX < imgPos1.left + offsetOjitoX + margenOjitoX + anchoLogo - anchoOjito*2 ){
	  jQuery("#ojito").css("left", e.clientX + "px");
      }

      //Chechando el Eje Y del OJITO
      if( e.clientY < imgPos1.top + offsetOjitoY ){
	  jQuery("#ojito").css("top", imgPos1.top + offsetOjitoY - altoOjito + "px");
      }
      if( e.clientY > imgPos1.top + offsetOjitoY + altoLogo - altoOjito*2 ){
	  jQuery("#ojito").css("top", imgPos1.top + offsetOjitoY + altoLogo - altoOjito*2 + "px");    
      }
      if( e.clientY > imgPos1.top + offsetOjitoY && e.clientY < imgPos1.top + offsetOjitoY + altoLogo - altoOjito*2 ){
	  jQuery("#ojito").css("top", e.clientY + "px");
      }
    });
});