// opens the grafice window over the page layout
function showModalGrafice(site, valoare, tip_grafic) {

  // Set site, valoare, tip_grafic to public $_SESSION variables
  var xhttp = new XMLHttpRequest();
  var address = "set_site_valoare_tipmedie.php?site=" + site + "&valoare=" + valoare + "&tip_medie=" + tip_grafic;
  xhttp.open("GET", address, false);
  xhttp.send();
  
  // Get and display the modal
  var modal = document.getElementById('modal_grafice');
  modal.style.display = "block";
  
  // Get the <span> element that closes the modal
  var span = document.getElementsByClassName("close")[0];
  
  // When the user clicks on <span> (x), close the modal
  span.onclick = function() {
      modal.style.display = "none";
  };
  
  // When the user clicks anywhere outside of the modal, close it
  window.onclick = function(event) {
      if (event.target == modal) {
          modal.style.display = "none";
      }
  };
  
  //////////////////////////////////////////////////
  
  // Tip grafic
  var tip_grafic_text = '!!!eroare!!!';
  switch(tip_grafic) {
    case 'H':
        tip_grafic_text = 'ORAR';
        break;
    case 'D':
        tip_grafic_text = 'ZILNIC';
        break;
    case 'M':
        tip_grafic_text = 'LUNAR';
        break;
  }
  
  // Set title 
  var modal_grafice_titlu = document.getElementById('modal_grafice_titlu');
  modal_grafice_titlu.innerHTML = '<u>Grafic <b>' + tip_grafic_text + '</b> pentru valoarea <b>' + valoare + '</b> (' + site + ')</u>';
}