var imgW = 540;
  var imgH = 360;
  var imgLeftLimit = 50;
  var imgRightLimit = -110;
  var centerOffsetW = -29;

  //sats[7] = 0;
  //sats[6] = -10;
  //sats[5] = -63;

 function getLeftPosition(id)
{
    var longi = sats[id]['longi'] ? sats[id]['longi']:sats[id];
    longi = sats[id]['longi'];
    var visibleDegreesW = (imgLeftLimit-imgRightLimit);
    var res = imgW /visibleDegreesW * ( visibleDegreesW /2 + (-longi) + centerOffsetW);
    var left = Math.round(res);
	return left;
}

  function setPos(id, longiOld, w, h, voffset)
  {
    var longi = sats[id]['longi'] ? sats[id]['longi']:sats[id];
    longi = sats[id]['longi'];
    var visibleDegreesW = (imgLeftLimit-imgRightLimit);
    var res = imgW /visibleDegreesW * ( visibleDegreesW /2 + (-longi) + centerOffsetW) - w/2;
    var centerIndexLeft = res+w/2;
    var elt = document.getElementById("sat"+id);
    //document.writeln("#"+elt.style.left + " res: "+res+" math round: "+Math.round(res)+" elt.style.left: "+elt.style.left+"<br>");
    var left = Math.round(res);
    elt.style.left = left+"px";
    //document.writeln(id+" LEFT: "+elt.style.left+" center:" + Math.round(centerIndexLeft) + "<br>");
    res = imgH /180 * ( 90 ) - h/2+voffset;
		var top = Math.round(res);
    elt.style.top = top+"px";
    //document.writeln(id+" TOP: "+top+"<br>");
    //left = 0;
    //document.writeln("<div style='width:1px;height:"+imgH+"px;left:"+centerIndexLeft+"px;background-color:#C0C0C0;z-index:3;margin:0px;position:absolute;top:0px;'></div>");
    //document.writeln("\n<style type=\"text/css\">#"+"sat"+id+" {top:"+top+"px;left:"+left+"px}</style>\n");
    //alert("\n<style type=\"text/css\">#"+"sat"+id+"{top:"+top+";left:"+left+"}</style>\n");
  }

  function info(id)
  {
    var longi = sats[id]['longi'] ? sats[id]['longi']:sats[id];
    longi = sats[id]['longi'];
    //var elt      = document.getElementById("worldimggridInner");
    var elt      = document.getElementById("worldimggrid");
    elt.style.left = getLeftPosition(id)+"px";
    //var nameGrid =  (longi < 0 ? -longi+"e":(longi > 0 ? longi+"w":longi));
    //elt.src      = "/groups/ops/documents/image/world_image_grid_"+nameGrid+".gif";
    setinfoBlock(id);
  }

  function setinfoBlock(id)
  {
    var obj = sats[id];
    longi = sats[id]['longi'];
    var longiPostText = sats[id]['longiTxt'] ? sats[id]['longiTxt']:"";
    var namePos =  (longi < 0 ? -longi+"&deg;&nbsp;E":(longi > 0 ? longi+"&deg;&nbsp;W":longi));
    var temp = ""
    +getLine(titles[language]['position']   , namePos+longiPostText)+"<BR>"
    +getLine(titles[language]['name']       , obj['title'])+"<BR>"
    +getLine(titles[language]['generation'] , obj['gen'])+"<BR>"
    +getLine(titles[language]['service'], ""
    //"<br>"
    +obj['service'])+"<BR>"
    ;
    putInfo(temp)
  }

  function setDefaultBlock()
  {
    var temp = ""
    +getLine("EUMETSAT", "");
    //putEmptyInfo();
  }


  function putInfo(val)
  {
    var elt = document.getElementById("info");

    if(elt)
    {
      elt.innerHTML = val;
      elt.style.visibility = "visible";
      elt.style.display    = "block";
    }

  }
  function putEmptyInfo()
  {
    var elt = document.getElementById("info");
    if(elt)elt.innerHTML = "";

  }


  function getLine(key, val)
  {
    return "<span class='headMiddleGrey'>"+key+(val ? ":":"")+"</span>&nbsp;<span class='contentMiddleText'>"+val+"</span>";
  }