// **************************************** RENDEZ-VOUS ****************************************
if(typeof LOC == 'undefined') {
	var LOC = {};
}
//fonction pour highlight vignettes
LOC.highlightMosaic = function(id){
	//id est l'ID de la vignette a highliter
	$("#mosaic a").each(function(){
		var zeid = $(this).attr("id");
		if(zeid != id){
			if($(this).children("img").hasClass("mosaicThumbOn")){
				//on repasse l'ancien ON en OFF
				$(this).children("img").removeClass("mosaicThumbOn");
				$(this).children("img").addClass("mosaicThumbOff");
			}
		}
		else{
			//on passe en ON la vignette
			$(this).children("img").removeClass("mosaicThumbOff");
			$(this).children("img").addClass("mosaicThumbOn");
		}
	});
}

$(document).ready(function(){
	//scroll mosaic
	box.ui('scroll').create({ 
		element: '#mosaic', 
		bar: true, 
		buttons: false 
	});
	//scroll desc
	/*
	box.ui('scroll').create({ 
		element: '#desc', 
		bar: true,
		buttons: false 
	});
	*/
	//onclick des vignettes
	//on récupère les datas dans l'objet LOC.RDV déclaré dans le fichier /js/rendez-vous-datas.html
	$("#mosaic a").each(function(){
		$(this).click(function(e){
			e.preventDefault();//on bloque le href
			var id = $(this).attr("id");//on récupère l'ID qui est le TopicCode
			var zobj = LOC.RDV[id];//on récupère l'objet contenant les datas
			var typ = zobj.type;//on stocke le type pour le callback
			var video = zobj.media;//on stocke l'URL media pour le callback
			var callback = function(){
				//si c'est une video, on execute le code flashObject
				if(typ == "video"){
					var fo = new FlashObject("/_en/_ww/html/company/player_FLV.swf", "videoplayer", "300", "225", "8.0.0.0", "#000000");
					fo.addParam("wmode", "transparent");
					fo.addParam("scale", "noscale");
					fo.addParam("allowScriptAccess", "always");
					fo.addVariable("vxml", video);
					fo.write("visu");	
				}
				//si c'est une image, on applique un fadeIn a l'image
				if(typ == "image"){
					$(".detailImg").css("display", "none");
					$(".detailImg").load(function(){
						$(this).fadeIn("slow");
					});
				}
				//on applique le scroll BOX au texte
				box.ui('scroll').create({ 
					element: '#desc', 
					bar: true, 
					buttons: false 
				});
			}
			//on lance l'appel AJAX
			$("#detail").load("/_en/_ww/html/company/rendez-vous-detail.aspx?rdv="+id, callback);
			//highlight
			LOC.highlightMosaic(id);
		});
		
	});
	//highlight et click 1ere vignette par défaut
	$("#mosaic li:first a:first").click();
});