var hasClick = false;
var val = 0;
var nbprod = 0;

var xml;

var nbprod;

var is_IE = navigator.userAgent.indexOf('MSIE');
var is_chargeXml = false;

var tabPrixClient = new Array;
var tabPrixProspect = new Array;
var tabPrixClient = new Array;
var tabTitres = new Array;
var tabImages = new Array;
var tabRef = new Array;
var tabDescription = new Array;

function chargeXml() {
	try {  xml = new ActiveXObject('Msxml2.XMLHTTP');   }
		catch (e) 
	{
		try {   xml = new ActiveXObject('Microsoft.XMLHTTP');    }
			catch (e2) 
		{
		try {  xml = new XMLHttpRequest();     }
			catch (e3) {  xml = false;   }
		}
	}

	
	xml.onreadystatechange  = function() { 
		if(xml.readyState  == 4) {
			doc = xml.responseXML;
			nbprod=doc.getElementsByTagName("catalogue")[0].getAttribute("nbprod");
			remplirTabs(doc);
			is_chargeXml = true;
			Timer(0);
		}
	}
	
	xml.open("GET","xml/produit.xml",true); 
	xml.send(null);

}

function Timer(val)
{
	if (!hasClick) 
	{
		afficheProd(val);
		val = (val+1)%nbprod;
		setTimeout("Timer("+val+")",5000);
		
	}
}

function Pause()
{	
	hasClick = true;
	document.getElementById('pause').style.display = "none";
	document.getElementById('lec').style.display = "inline";
}

function Lecture()
{	
	hasClick = false;
	setTimeout("Timer("+(val+1)%nbprod+")",100);
	document.getElementById('pause').style.display = "inline";
	document.getElementById('lec').style.display = "none";
}

function remplirTabs(doc) {
	var r=doc.getElementsByTagName("catalogue")[0];
	var n = r.getElementsByTagName("produit");
	var produit;
	
	for(i=0;i<n.length;i++) {
		produit = n[i];
		tabPrixClient[i] = produit.getElementsByTagName("prixClient")[0].firstChild.data;
		tabPrixProspect[i] = produit.getElementsByTagName("prixProspect")[0].firstChild.data;
		tabTitres[i] = produit.getElementsByTagName("titre")[0].firstChild.data;
		tabImages[i] = "http://www.otto-office.fr/" + produit.getElementsByTagName("imag")[0].firstChild.data;;
		tabRef[i] = produit.getElementsByTagName("ref")[0].firstChild.data;;
		tabDescription[i] = produit.getElementsByTagName("desc")[0].firstChild.data;;
	}
}
	
function afficheProd(numtab)
{	
	//var r=doc.getElementsByTagName("catalogue")[0];
		
	//var n = r.getElementsByTagName("produit")[numtab];
	var prixClient = tabPrixClient[numtab];	
	var prixProspect = tabPrixProspect[numtab];	
	var titres = tabTitres[numtab];
	var images = tabImages[numtab];
	var ref = tabRef[numtab];
	var description = tabDescription[numtab];
	var img = new Image();
	img.src = images;
	
	img.onload = function() {
		var heightImg = img.height;
		var widthImg = img.width
		
		var pourcentageReduction = 40;
		var NbHeightAenlever = (heightImg * pourcentageReduction)/100;
		var NbWidthAenlever = (widthImg * pourcentageReduction)/100;
			
		heightImg = heightImg - NbHeightAenlever  ;
		widthImg = widthImg - NbWidthAenlever;
		
		if(heightImg == 0 && widthImg == 0){
			images = images.replace("ZOOM","MOYEN");
		}
		//alert(images);
		
		
		
		//On ajoute la description complete dans le input hidden afin de pouvoir gerer l'affichage selon la taille de l'ecran
		document.getElementById('DescXML').value = description;
		//idem pour le titre
		document.getElementById('TitreXML').value = titres;
		
		
		
		//document.getElementById('prod_xml').innerHTML ='<h3>'+titres+'</h3><img src="'+images+'" align="left" alt="visuel du produit" width="150px" /><br/><p>'+description+'</p><div id="prix_promo">'+prix+'</div>';		
		document.getElementById('titre_mea_xml').innerHTML = '<a id="TitreProduitDuXML" style="color:#034EA2; font-size:15px;font-weight:bold; text-decoration:bold;" href="../catalogue/'+ref+'.htm" title="'+titres+'" onclick="logOrigin(\'PH0\',\''+ref+'\')">'+SetTitre(titres)+'</a>';
		document.getElementById('lienImgXml').href = '../catalogue/'+ref+'.htm';
		document.getElementById('lienImgXml').title = titres;
		clik = document.createAttribute("onclick");
		clik.nodeValue = 'logOrigin(\'PH0\',\''+ref+'\')';
		document.getElementById('lienImgXml').setAttributeNode(clik);
		document.getElementById('visuPdtXml').src = images;
		if(is_IE == -1) {
			document.getElementById('visuPdtXml').style.width = widthImg+'px';
			document.getElementById('visuPdtXml').style.height = heightImg+'px';
		} else {
			document.getElementById('visuPdtXml').style.width = '150px';
			document.getElementById('btn_xml').style.display = 'none';
		}
		document.getElementById('desc_mea_xml').innerHTML = '<p id="DescriptionProduitDuXML" style="font-size:11px">'+SetDescription(description)+'</p>';
		document.getElementById('prix_mea_xml').innerHTML = '<div id="prix_promo"><a href="../catalogue/'+ref+'.htm" title="'+titres+'" onclick="logOrigin(\'PH0\',\''+ref+'\')">'+SetPrix(prixClient,prixProspect)+'</a></div>';
		document.getElementById('jachete_mea_xml').innerHTML = '<a href="../catalogue/'+ref+'.htm" title="'+titres+'" onclick="logOrigin(\'PH0\',\''+ref+'\')"><img src="http://www.otto-office.fr/image/btn/btn_jachete.png" border="0" alt="j\'achète" style="width:100px;height:20px;" /></a>';
		ModificationTitreEtDescription();
	}
}



function SetDescription(desc){
	
	
		if(desc == "-1"){
		 return "";
		 }
		else{
			 if(document.body.clientWidth < 1100 ) {
				 if(desc.length > 60) {
					desc = desc.substring(0,57)+"...";
				 } 
			 } else {
				if(desc .length > 130) {	
					desc = desc.substring(0,127) + "...";
				}
			 }

		 return desc;
		}
 }

function SetPrix(prixClient, prixProspect){

	var TypeCli = document.getElementById("typecli").value;

	if(TypeCli == "C" || TypeCli == "W"){
		return prixClient + "&#128; ht";
	}else{
		return prixProspect + "&#128; ht";;
	}
	
}


function SetTitre(Titre){


 if(document.body.clientWidth < 1100 ) {
	 if(Titre.length > 20) {
		Titre = Titre.substring(0,17)+"...";
	 } 
 } else {
	if(Titre.length > 35) {	
		Titre = Titre.substring(0,32) + "...";
	}
 }

return Titre;
}