var star = new Image;
star.src = racine+'/css/images/sstar.gif';

var starG = new Image;
starG.src = racine+'/css/images/sstarg.gif';

var ns;

function turnOnStars(id_star) {
  for(i = 1; i <= id_star; i++) {
    document.getElementById('star-'+i).setAttribute('src', racine+'/css/images/sstar.gif');
  }

  for(i = id_star + 1; i <= 5; i++) {
    document.getElementById('star-'+i).setAttribute('src', racine+'/css/images/sstarg.gif');
  }
}

function turnOffStars(note) {
  for(i = 1; i <= parseInt(note); i++) {
    document.getElementById('star-'+i).setAttribute('src', racine+'/css/images/sstar.gif');
  }

  for(i = parseInt(note) + 1; i <= 5; i++) {
    document.getElementById('star-'+i).setAttribute('src', racine+'/css/images/sstarg.gif');
  }
}

function note(value, shop_id) {
  if(value >= 1 || value <= 5) {
    blockCleaner('modal-window');

    if(document.all)
      var visible_height = 260;
    else
      var visible_height = window.innerHeight;

    var margin_top = (visible_height - 60) / 2;

    var container = document.createElement('div');
    container.style.width = '60px';
    container.style.height = '60px';
    container.style.background = '#ffffff';
    container.style.border = '1px solid #ff0000';

    var loader = document.createElement('img');
    loader.setAttribute('src', '/anis/css/images/loader.gif');
    loader.setAttribute('alt', '');

    container.style.marginLeft = 'auto';
    container.style.marginRight = 'auto';
    container.style.marginTop = margin_top+'px';

    container.appendChild(loader);
    document.getElementById('modal-window').appendChild(container);
    document.getElementById('modal-window').style.display = 'block';

    ns = createRequest();
    ns.open('post', racine+'/js/notation.php', true);
    ns.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    ns.onreadystatechange = noteControl;
    ns.send('note='+value+'&shop-id='+shop_id);
  }
}

function noteControl() {
  if(ns.readyState == 4 && ns.status == 200) {
    document.getElementById('modal-window').style.display = 'none';
    var response = ns.responseText.split('/');

    if(response[0] == '1') {
      alert('Your vote has been saved !');

      var i = 0;
      for(i = 0; i < 5; i++) {
        if(i < response[1])
          document.getElementById('star-'+(i + 1)).setAttribute('src', racine+'/css/images/sstar.gif');
        else
          document.getElementById('star-'+(i + 1)).setAttribute('src', racine+'/css/images/sstarg.gif');
      }

      if(response[2] == 1)
        var newNotes = document.createTextNode(response[2] + ' vote');
      else
        var newNotes = document.createTextNode(response[2] + ' votes');

      nb_votes++;
      shop_note = response[1];
      blockCleaner('total-notes');
      document.getElementById('total-notes').appendChild(newNotes);
    }
    else if(response[0] == 'error')
      alert(response[1]);
  }
}