var last = 1.0;
var id ;
var mesImages = ["images/IMG_3617.JPG","images/IMG_4022.JPG","images/IMG_1474.JPG","images/IMG_4056.JPG","images/IMG_0463.JPG"];
var index = 0 ;
var images = new Array();
var first= true ;


function startMelaSite() {
	$(document).ready(function(){
		init();
		getListeBoutiques();
		changeImage();
	});
}

function changeImage() {

	if(index > (mesImages.length-1))
			index = 0 ;
	if (!first) {
		document.getElementById("imageFond").src = mesImages[index++];
	}
	else {
	
		//document.getElementById("fade").style.display="block";
		first = false ;
		index++;
	}
	//$("#fade").fadeIn(5000);
	$("#fade").animate({opacity:1},5000,'linear');
	//$("#fade").fadeOut(5000, changeImage);
	$("#fade").animate({opacity:0},5000,'linear',changeImage);
	
	
	
}
function init() {

	//Preload Images
	for(var i=0 ; i < mesImages.length ; i++){
		images[i] = new Image();
		images[i].src = mesImages[i];
	}
	element = document.getElementById("fade");
	monImage = document.createElement("img");
	monImage.src = mesImages[0];
	monImage.id = "imageFond";
	monImage.setAttribute("style", "width:100%;height:100%");
	element.appendChild(monImage);
	
}

function getListeBoutiques() {

	makeXHRCall('get','boutiques.xml',null,true,parseXML);

}


function parseXML() {
	if(xhrRequest.readyState==4) {
		if(xhrRequest.status==200) {
			var liste = document.getElementById("boutiques") ;
			
			var listeBoutiques = xhrRequest.responseXML;
			var nomBoutiques = listeBoutiques.getElementsByTagName("nom");
			var adresseBoutiques = listeBoutiques.getElementsByTagName("adresse");
			
			var elements = "";
			
			for(var i = 0 ; i < nomBoutiques.length ; i++) {
				
				elements += '<li> <span class="boutique">'+nomBoutiques[i].firstChild.nodeValue+'</span> : <span class="adresse">'+adresseBoutiques[i].firstChild.nodeValue+'</span></li>';
				
			}
			
			liste.innerHTML = "<ul id='points-de-vente'>"+elements+"</ul>";
			
	}
}
}
var xhrRequest;
function makeXHRCall(method,url,postData,async,handler) {
	if(window.XMLHttpRequest)
		xhrRequest = new XMLHttpRequest();
	else if(window.ActiveXObject)
		xhrRequest = new ActiveXObject("Microsoft.XMLHTTP");
	else
		return false;
	xhrRequest.onreadystatechange = handler;
	xhrRequest.open(method,url,async);
	if(method == "post")
		xhrRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xhrRequest.send(postData);
}

