function calc360(pageX, pageY){
  //Obtener pos del menu
  var pos = $("#g360-img").position();
  var finalX =  pos.left;
  var finalY =  pos.top;
  
  //Obtener pos del click
  var clickX = pageX - finalX;
  var clickY = pageY - finalY;
  
  //margenes 
  var ml = 73, mt = 0;
  
  //Radio y centros de los circulos
  var radio = 94;
  var centrox = 213 - ml;
  var centroy = 156;
  
  //vars of distance
  var dx = (centrox - clickX);
  var dy = (centroy - clickY);
  var dl = Math.round(Math.sqrt( dx*dx + dy*dy ));
  
  
  
  //puntos de referencia 
  var refPoints = [ [ 214 - ml,  17], [  80 - ml, 117], [  134 - ml, 269], [ 299 - ml, 266], [ 346 - ml, 112] ];
  
  //distancias con los puntos de referencia
  var refD = new Array();
  
  dx = (refPoints[0][0] - clickX);
  dy = (refPoints[0][1] - clickY);
  refD[0] = Math.round(Math.sqrt( dx*dx + dy*dy ));
  
  dx = (refPoints[1][0] - clickX);
  dy = (refPoints[1][1] - clickY);
  refD[1] = Math.round(Math.sqrt( dx*dx + dy*dy ));
  
  dx = (refPoints[2][0] - clickX);
  dy = (refPoints[2][1] - clickY);
  refD[2] = Math.round(Math.sqrt( dx*dx + dy*dy ));
  
  dx = (refPoints[3][0] - clickX);
  dy = (refPoints[3][1] - clickY);
  refD[3] = Math.round(Math.sqrt( dx*dx + dy*dy ));
  
  dx = (refPoints[4][0] - clickX);
  dy = (refPoints[4][1] - clickY);
  refD[4] = Math.round(Math.sqrt( dx*dx + dy*dy ));
  
 
 //determinar el punto de referencia mas cerca 
 var min1 = refD[0];
 var minIndex1 = 0; 
 var min2 = refD[4];
 var minIndex2 = 4; 
 for(var i in refD)
  {
      if(refD[i] <= min1){
        min1 = refD[i];
        minIndex1 = i;
      }
  }
  
 var min2 = refD[0];
 var minIndex2 = 0;
 if( minIndex1 == 0){
  min2 = refD[1];
  minIndex2 = 1;
 } 
   for(var i in refD)
  {
    if(i != minIndex1){
      if(refD[i] <= min2){
        min2 = refD[i];
        minIndex2 = i;
      }
    }
  }
  
  var dindex = 0;
  
  //dindex == 1
  if (minIndex1 == 0 && minIndex2 == 1 ) dindex = 1;
  if (minIndex1 == 1 && minIndex2 == 0 ) dindex = 1;
  
  //dindex == 2
  if (minIndex1 == 1 && minIndex2 == 2 ) dindex = 2;
  if (minIndex1 == 2 && minIndex2 == 1 ) dindex = 2;
  
  //dindex == 3
  if (minIndex1 == 2 && minIndex2 == 3 ) dindex = 3;
  if (minIndex1 == 3 && minIndex2 == 2 ) dindex = 3;
  
  //dindex == 4
  if (minIndex1 == 3 && minIndex2 == 4 ) dindex = 4;
  if (minIndex1 == 4 && minIndex2 == 3 ) dindex = 4;
  
  //dindex == 5
  if (minIndex1 == 4 && minIndex2 == 0 ) dindex = 5;
  if (minIndex1 == 0 && minIndex2 == 4 ) dindex = 5;
  
  if(dindex == 0) {
    dindex = 5;
  }
  
   var ids = new Array(0, 2, 4, 3, 6, 5);
  
  $("#g360-img").attr("class", "g360 g360-" + dindex);
  $("#link-360").attr("href", "proyectos.php?id=" + ids[dindex] + "&type=1")
  $.get('04/360-'+dindex+'.html', function(data) {
    $('#degrades-360-text').html(data);
    $('#degrades-360-text').show();
  });
  
  
}