function OM_Diaporama(id){
	
	// Properties;
	var target = fGetObj(id);
	var window_photo = target.appendChild(fCreate_element("div", ["style", "border: 1px white solid; width:420px; height:210px;"]));
	var navigation_photo = window_photo.appendChild(fCreate_element("div", ["style", "width:91px; height:25px; margin-top:186px; margin-left:172px; background-color:#FFF;"]));
	var navigation_magasin = target.appendChild(fCreate_element("div", ["style", "width:420px; height:28px;"]));
	var magasin_actif;
	var photo_active;
	
	create_magasin();
	create_photo();
	change_magasin("mt");
	
	// Methods;
	function create_magasin(){
		var btn_tr = navigation_magasin.appendChild(fCreate_element("div", ["id", "mt"], ["style", "width:207px; height:23px; font-family:Arial; font-size: 13px; color:#FFF; font-weight:bold; text-align:center; background-color:#B3BBC6; float:left; margin:4px 5px 2px 0; padding-top:3px; cursor: pointer;"]));
		btn_tr.innerHTML = "Trois-Rivières";
		EventExtra.add_event(btn_tr, "click", clicked);
		
		var btn_vt = navigation_magasin.appendChild(fCreate_element("div", ["id", "mv"], ["style", "width:207px; height:23px; font-family:Arial; font-size: 13px; color:#FFF; font-weight:bold; text-align:center; background-color:#B3BBC6; float:left; margin:4px 1px 3px 0; padding-top:3px; cursor: pointer;"]));
		btn_vt.innerHTML = "Victoriaville";
		EventExtra.add_event(btn_vt, "click", clicked);
	}
	
	function create_photo(){
		var btn_p0 = navigation_photo.appendChild(fCreate_element("div", ["id", "p0"], ["style", "width:25px; height:20px; font-family:Arial; font-size: 12px; color:#FFF; font-weight:bold; text-align:center; background-color:#B3BBC6; float:left; margin:3px 2px 2px 4px; padding-top:2px; cursor: pointer;"]));
		btn_p0.innerHTML = "1";
		EventExtra.add_event(btn_p0, "click", clicked);
		
		var btn_p1 = navigation_photo.appendChild(fCreate_element("div", ["id", "p1"], ["style", "width:25px; height:20px; font-family:Arial; font-size: 12px; color:#FFF; font-weight:bold; text-align:center; background-color:#B3BBC6; float:left; margin:3px 2px 2px 2px; padding-top:2px; cursor: pointer;"]));
		btn_p1.innerHTML = "2";
		EventExtra.add_event(btn_p1, "click", clicked);
		
		var btn_p2 = navigation_photo.appendChild(fCreate_element("div", ["id", "p2"], ["style", "width:25px; height:20px; font-family:Arial; font-size: 12px; color:#FFF; font-weight:bold; text-align:center; background-color:#B3BBC6; float:left; margin:3px 1px 2px 2px; padding-top:2px; cursor: pointer;"]));
		btn_p2.innerHTML = "3";
		EventExtra.add_event(btn_p2, "click", clicked);
	}
	
	
	function clicked(e){
		var id = (e.srcElement || e.target).id;
		
		if(id.substr(0,1) == "m"){
			change_magasin(id);
		}else{
			change_photo(magasin_actif, id);
		}
	}
	
	function change_magasin(id){
		var obj;
		
		if(magasin_actif != null){
			obj = fGetObj(magasin_actif);
			obj.style.backgroundColor = "#B3BBC6";
			obj.style.cursor = "pointer";
			EventExtra.add_event(obj, "click", clicked);
		}
		
		obj = fGetObj(id);
		obj.style.backgroundColor = "#425671";
		obj.style.cursor = "default";
		EventExtra.remove_event(obj, "click", clicked);

		change_photo(id,"p0");
		magasin_actif = id;
	}
	
	function change_photo(magasin, photo){
		var obj;
		
		if(photo_active != null){
			obj = fGetObj(photo_active);
			obj.style.backgroundColor = "#B3BBC6";
			obj.style.cursor = "pointer";
			EventExtra.add_event(obj, "click", clicked);
		}
		
		obj = fGetObj(photo);
		obj.style.backgroundColor = "#425671";
		obj.style.cursor = "default";
		EventExtra.remove_event(obj, "click", clicked);
 
		window_photo.style.backgroundImage = "url(images/photo_magasin/" + (magasin.substr(1,1)) + (photo.substr(1,1)) + ".jpg)";
		window_photo.style.backgroundRepeat = "no-repeat";
		
		photo_active = photo;
	}
	
}