//*************************************
// VOTE
//************************************
function battle(id_data, categorie, action) {
  
  if(action == 'showbattle'){
    //alert(action);
    document.getElementById('battle').style.display = "block";

    var data = "id_data="+id_data+"&look="+categorie;
  }

  if(action == 'vote'){
    //alert(id_data);
    document.getElementById('close').style.display = "none";
    document.getElementById('box').style.display = "none";
    document.getElementById('overlay').style.display = "none";
    var data = "id="+id_data+"&categorie="+categorie;
  }

  var xhr=null;
  if (window.XMLHttpRequest) { 
    xhr = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    xhr = new ActiveXObject("Microsoft.XMLHTTP");
  }
  //on affiche le message d'acceuil
  document.getElementById('loading').style.display = "block";
  if(action == 'showbattle'){
    xhr.open("POST", "xml_battle.php", true);
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { reponseBattle(xhr); };
  }
  if(action == 'vote'){
    xhr.open("POST", "xml_vote.php", true);
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { reponseVote(xhr); };
  }
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.send(data);  
}

/**/
function reponseBattle(xhr) {
  if(xhr.readyState == 4 && xhr.status == 200) {
    var docXML= xhr.responseXML;
    var items = docXML.getElementsByTagName("resultat");
    var datas = docXML.getElementsByTagName("data");
    count_datas = datas.length;
    count = items.length;
    document.getElementById('loading').style.display = "none";
    
    html="<script language=\"Javascript\" src=\"skins/js/vote.js\"></script>\n";
    html += "<div id=\"bt-suivant\"><a href=\"#\" onClick=\"battle('', '', 'showbattle'); return false;\"><span>suivant</span></a></div>";
    for(i = 0; i < count_datas; i++) {
      id_data = datas[i].getElementsByTagName("id_data")[0].firstChild.nodeValue;
      url_data = datas[i].getElementsByTagName("url_data")[0].firstChild.nodeValue;
      pseudo = datas[i].getElementsByTagName("pseudo")[0].firstChild.nodeValue;
      vote = datas[i].getElementsByTagName("vote")[0].firstChild.nodeValue;
      titre = datas[i].getElementsByTagName("titre")[0].firstChild.nodeValue;
      categorie = datas[i].getElementsByTagName("categorie")[0].firstChild.nodeValue;
      first_categorie = datas[0].getElementsByTagName("categorie")[0].firstChild.nodeValue;
      //
      html += "<ul>";     
      html += "<li class=\"pic\" style=\"background-image:url("+url_data+");\"><span>"+id_data+"</span></li>\n";
      html += "<li class=\"pseudo\">"+pseudo+"</li>\n";
      html += "<li class=\"vote\">"+vote+"</li>\n";
      
      html += "<li class=\"bt-vote\"><a href=\"galerie.php\" title=\"\" onclick=\"battle("+id_data+", '"+categorie+"', 'vote'); return false;\"><span>J'aime</span></a></li>\n";
      html += "</ul>";
    }
    document.getElementById('battle-zone').innerHTML = html;
  }
}

/**/
function reponseVote(xhr) {
  if(xhr.readyState == 4 && xhr.status == 200) {
    var docXML= xhr.responseXML;
    var items = docXML.getElementsByTagName("resultat");
    count = items.length;
    //on fait juste une boucle sur chaque element "donnee" trouvé
    for(i = 0; i < count; i++) { /* POUR CHAQUE item */
      var erreur = items[i].getElementsByTagName("erreur")[0].firstChild.nodeValue;
      var message = items[i].getElementsByTagName("message")[0].firstChild.nodeValue;
      var vote = items[i].getElementsByTagName("valeur_vote")[0].firstChild.nodeValue;


      var id = items[i].getElementsByTagName("id")[0].firstChild.nodeValue;

      document.getElementById('loading').style.display = "none";

      if (erreur > 0) {
	document.getElementById('close').style.display = "block";	
	document.getElementById('box').style.display = "block";
	document.getElementById('overlay').style.display = "block";
	
	if (erreur == 1) {	  
	  //document.getElementById('box').className = "err-bad-infos";
	  document.getElementById('close').style.display = "block";	
	  document.getElementById('box').style.display = "block";
	  document.getElementById('overlay').style.display = "block";
	  document.getElementById('connexion').style.display = "block";
	  document.getElementById('box').className = "connexion";
	  
	}else if (erreur == 3) 
	  document.getElementById('box').className = 'err-vote-pour-moi';
	else if (erreur == 5) 
	  showBoxWithBtClose('err-already-voted');

      } else {
	//window.location.href='battle.php';
	
	var xhr=null;
	if (window.XMLHttpRequest) { 
	  xhr = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
	  xhr = new ActiveXObject("Microsoft.XMLHTTP");
	}
	//alert(first_categorie);
	var data = "id_data=&categorie="+first_categorie;
	xhr.open("POST", "xml_battle.php", true);
	//on définit l'appel de la fonction au retour serveur
	xhr.onreadystatechange = function() { reponseBattle(xhr); };
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send(data);

      }
    }
  }
}