// JavaScript Document

$(document).ready(function(){

// ASSEMBLE DATA

  var photoUrl = "http://www.occasiounsmaart.lu/photosoccas/{id}.jpg";
  $.get("assets/xml/exportOM.xml", function(getList){
    var list = $("<ul/>").attr("id", "annoSlider");
    // Start LOOP
			 var vCount = 0;
    $('voiture',getList).each(function() {
      var vOffmo = $(this).find("offmo").text();
	      if (vOffmo=="Oui") {
								var vMarque = $(this).find("marque").text();
								var vModele = $(this).find("modele").text();
								var vVersion = $(this).find("version").text();
								var vKm = $(this).find("km").text();
								if (vKm=="") {
									vKm = "---";
								};
								var vAnnee = $(this).find("annee").text();
								if (vAnnee==""){
									vAnnee = "---"
								}
								var vPrix = $(this).find("prix").text();
								if (vPrix=="") {
									vPrix = "---";
								};
								var vPhoto = $(this).find("thumb").text();
								if (vPhoto=="") {
									vPhoto = "nophoto";
								};
								vPhoto = photoUrl.replace("{id}", vPhoto);
								vPhoto = $("<img/>").attr("src", vPhoto).attr("width", 100).attr("height", 75).attr("border", 0);
								var marque = $("<p/>").append(vMarque).addClass("box1 otxtL");
								var modele = $("<p/>").append(vModele).addClass("box2 otxtL");
								var version = $("<p/>").append(vVersion).addClass("box3 otxtN");
								var km = $("<p/>").append(vKm).append(" km").addClass("box4 otxtN");
								var annee = $("<p/>").append(vAnnee).addClass("box5 otxtN");
								var prix = $("<p/>").append(vPrix).append(" &euro;").addClass("box6 otxtL");
								var photo = $("<p/>").append(vPhoto).addClass("box7");
								var makediv = $("<div/>")
								.append(marque)
								.append(modele)
								.append(version)
								.append(km)
								.append(annee)
								.append(prix)
								.append(photo)
								.addClass("annoBox");
								$(list).append($("<li/>").append(makediv));
								vCount++;
      };
    });
    // End LOOP
    $("#annoFrame").append(list);
  });

// DISPLAY

 var pFirst = 0;
 var pSpeed = 1000;
 var pPause = 9000;
 
  function pRemoveFirst(){
   pFirst = $('ul#annoSlider li:first').html();
   $('ul#annoSlider li:first')
   .hide(function() {$(this).remove();});
   pAddLast(pFirst);
  }
  
  function pAddLast(pFirst){
   pLast = '<li style="display:none">'+pFirst+'</li>';
   $('ul#annoSlider').append(pLast)
   $('ul#annoSlider li:last')
   .show()
  }

 interval = setInterval(pRemoveFirst, pPause);
 interval = setInterval(pRemoveFirst, pPause);
 interval = setInterval(pRemoveFirst, pPause);
 interval = setInterval(pRemoveFirst, pPause);

})