var totalChaineChoisi = 0;

function changeCategorie(categorieId)
{
	for(i=0; i<50; i++)
	{
		elt = findObject('categorie'+i);
		if (elt)
			elt.className = "";
	}
	elt = findObject('categorie'+categorieId);
	elt.className = "current";
	loadChaines(categorieId);
	p = 0;
}

function changeLettre(pos)
{
	for(i=0; i<12; i++)
	{
		elt = findObject('lettre'+i);
		if (elt)
			elt.className = "";
	}
	elt = findObject('lettre'+pos);
	elt.className = "current";
	loadLettre(pos);
	p = 0;
}

function changeMenuTv(menuId)
{
	if(menuId == 'alpha')
	{
		findObject('listeCategories').className = 'masquer';
		findObject('listeLettres').className = 'afficher';
		findObject('titreMenuTv').innerHTML = "De A à Z";
		var thema = findObject('imgThema');
		thema.src = "/fr/media/boutons/huge/classement-thematique-d.png";
//		findObject('classementAlpha').className = "masquer";
		findObject('imgAlpha').src = "/fr/media/boutons/huge/classement-alphabetique.png";
		loadLettre(0);
	}
	else
	{
		findObject('listeLettres').className = 'masquer';
		findObject('listeCategories').className = 'afficher';
		findObject('titreMenuTv').innerHTML = "Thèmes";
		findObject('imgThema').src = "/fr/media/boutons/huge/classement-thematique.png";
		findObject('imgAlpha').src = "/fr/media/boutons/huge/classement-alphabetique-d.png";
		changeCategorie(25);
	}
}


function loadChaines(categorieId)
{
	if(window.XMLHttpRequest) // Firefox 
		xhr_object = new XMLHttpRequest(); 
	else if(window.ActiveXObject) // Internet Explorer 
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
	else 
	{ // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		return; 
	} 
 
	xhr_object.open("POST", "/fr/television/liste-chaines.php", true); 
     
	xhr_object.onreadystatechange = function() 
	{
		if(xhr_object.readyState == 4)
		{
			parsexml(xhr_object.responseText);
		}
	}
	 
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
	var data = "categorie="+categorieId;
	xhr_object.send(data);
}

function loadLettre(pos)
{
	if(window.XMLHttpRequest) // Firefox 
		xhr_object = new XMLHttpRequest(); 
	else if(window.ActiveXObject) // Internet Explorer 
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
	else 
	{ // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		return; 
	} 
 
	xhr_object.open("POST", "/fr/television/liste-chaines.php", true); 
     
	xhr_object.onreadystatechange = function() 
	{
		if(xhr_object.readyState == 4)
		{
			parsexml(xhr_object.responseText);
		}
	}
	 
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
	var data = "posLettre="+pos;
	xhr_object.send(data);
}

function parsexml(txt)
{
//alert(txt);
	try //Internet Explorer
  {
  	xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	  xmlDoc.async="false";
  	xmlDoc.loadXML(txt);
  }
	catch(e)
  {
  	try //Firefox, Mozilla, Opera, etc.
  	{
  	  parser=new DOMParser();
  	  xmlDoc=parser.parseFromString(txt, "text/xml");
  	}
  	catch(e) {alert(e.message)}
  }
	var nbChaines = xmlDoc.getElementsByTagName("chaine").length;
	var k=0;
	var nbChainesLarg = Math.ceil(nbChaines/4);
	var widthContenuListe = nbChainesLarg*180;
	var contenu = "<div id='contenuListe' style='width:"+widthContenuListe+"px'>";
	for(i=0; i<nbChaines; i++)
	{
		if (k == 0)
		{
    		contenu += "<div class=\"left\">";
		}

		contenu += "<div class='carteChaine'>";
		if (!xmlDoc.getElementsByTagName("visuel")[i].childNodes[0])
			imgsrc = "media/television/logo-tv.jpg";
		else
			imgsrc = xmlDoc.getElementsByTagName("visuel")[i].childNodes[0].nodeValue;

		var nomClass = 'ajouter';
		var texte = 'AJOUTER';
		if (document.getElementById('formulaire'+xmlDoc.getElementsByTagName("id")[i].childNodes[0].nodeValue))
		{
			nomClass = 'selectionBtn';
			texte = 'RETIRER';
		}
		contenu += "		<img src='"+imgsrc+"'>\
            <a href='#' class='"+nomClass+"' id='"+xmlDoc.getElementsByTagName("id")[i].childNodes[0].nodeValue+"' onClick='ajouteChaine(this);return false;' title='"+xmlDoc.getElementsByTagName('nom')[i].childNodes[0].nodeValue+"'>"+texte+"</a>\
            <div class='clear'></div>\
						<p>"+xmlDoc.getElementsByTagName('nom')[i].childNodes[0].nodeValue+"</p>\
          </div>";
		if (k == 3)
		{
    		contenu += "</div>";
		}
		k = (k == 3) ? 0 : k+1; 
	}
	if(((nbChainesLarg*4)%nbChaines) != 0)
	{
    	contenu += "</div>";
    }
	document.getElementById("listeChaine").innerHTML=contenu;
}

function ajouteChaine(Element)
{
	
		if (Element.className == 'ajouter')
		{
			if (totalChaineChoisi < 25)
			{
				Element.className = 'selectionBtn';
				Element.innerHTML = "RETIRER";
				addToBasket(Element.parentNode);
				var container = document.getElementById('chaineSelect');
				var noeudChaine = document.createElement('DIV');
				noeudChaine.className = "chaineSelection";
				noeudChaine.id = 'chaineSelection'+Element.id; 
				var noeudP = document.createElement('p');
				noeudP.text = Element.title;
				var text = document.createTextNode(Element.title);
				noeudP.appendChild(text);
				noeudChaine.appendChild(noeudP);
				var noeudAnchor = document.createElement('A');
				noeudAnchor.href = '#';
				noeudAnchor.onclick = retireChaine;//"return false";
				noeudAnchor.id = 'selection'+Element.id; 
				noeudChaine.appendChild(noeudAnchor);
				var noeudImg = document.createElement('IMG');
				noeudImg.src = '/media/comparatif_tv/croix_suppression.png';
				noeudImg.alt = 'Supprimer chaine Tv';
				noeudAnchor.appendChild(noeudImg); 
		//		noeudChaine.innerHTML = '<p>'+Element.title+'</p><a href="#" onClick="return false;"><img src="/media/comparatif_tv/croix_suppression.png" alt="Supprimer chaîne Tv" /></a>';
				container.appendChild(noeudChaine);
				var formulaire = document.getElementById('formulaireTV');
				var noeudInput = document.createElement('input');
				noeudInput.id = 'formulaire'+Element.id;
				noeudInput.value = Element.id;
				noeudInput.name = 'chaine[]';
				noeudInput.type = 'hidden';
				formulaire.appendChild(noeudInput);
				totalChaineChoisi++;
			}
			else
				alert("Vous ne pouvez sélectionner au maximum que 25 chaines.");
		}
		else
		{
			Element.className = 'ajouter';
			Element.innerHTML = "AJOUTER";
			var container = document.getElementById('chaineSelect');
			var removeSelection = document.getElementById('chaineSelection'+Element.id);
			container.removeChild(removeSelection);
			var formulaire = document.getElementById('formulaireTV');
			var removeFormulaire = document.getElementById('formulaire'+Element.id);
			formulaire.removeChild(removeFormulaire);
			totalChaineChoisi--;
		}
}

function retireChaine()
{
	var noeudConteneur = this.parentNode.parentNode;
//	alert(noeudConteneur.id);
	var chaineId = this.id.substr(9, this.id.length);
//	alert(this);
	var chaine = document.getElementById(chaineId);
	if (chaine)
	{
		chaine.className = 'ajouter';
		chaine.innerHTML = "AJOUTER";
	}
	noeudConteneur.removeChild(this.parentNode);

	var formulaire = document.getElementById('formulaireTV');
	var removeFormulaire = document.getElementById('formulaire'+chaineId);
	formulaire.removeChild(removeFormulaire);
	totalChaineChoisi--;
	return false;
}