/* panorama chienjaune by heruraukoia
version: 1.5
date: 20/01/2012


 */
function RUpano (fichierXml,divDestination){
	$.post(fichierXml, function(data){
	RUpanoramaConstruct(data,divDestination);
	});
}

function RUpanoramaConstruct(xml,destination) {
	
	$(destination).html("");
	$(xml).find("img").each(function() {
		
		$(destination).append('<div class="panoimg"><div class="panoTxt">' + $(this).find("desc").text() + '</div><img src="' + $(this).find("addr").text() + '"></div>');
	 });

	var vigPosition = 0;
	var largeurVignette = 620;
	var hauteurVignette = 340;
	var nbVignette = $(".panoimg", $(destination)).length;
	 
	$(".panoimg", $(destination))
		.wrapAll('<div class="panoInner"></div>')
		.css({'float' : 'left','backgroundImage' : 'url("rupano/loader.gif")', 'background-repeat' : 'no-repeat' ,'background-position' : 'center center' , 'margin' : '0px' , 'position' : 'relative' , 'width' : largeurVignette , 'height' : hauteurVignette})
		.mouseenter(function() {
			$(".panoTxt", this).animate({
			top : 240}, {queue : false , duration : 500}
			);
		})
		.mouseleave(function() {
			$(".panoTxt", this).animate({
			top : 440}, {queue : false , duration : 500}
			);
		});
		
	$(".panoTxt" , $(destination))
		.css({'backgroundImage' : 'url(rupano/fond_texte.png)' , 'padding' : '5px' , 'position' : 'absolute' , 'height' : '100', 'width' : largeurVignette , 'top' : '440px', 'font-family' : 'Verdana', 'font-size' : '12px'});
		
	$(".panoInner", $(destination))
		.css({'position' : 'relative' , 'width' : nbVignette * largeurVignette, 'height' : hauteurVignette})
		.wrapAll('<div class="panoCont"></div>');
		
	$(".panoCont", $(destination))
		.css({'position' : 'relative', 'left' : '5px' , 'height' : hauteurVignette , 'width' : largeurVignette, "overflow" : "hidden"})
		.wrapAll('<div class="panoFull"></div>');
		
	$(".panoFull", $(destination))
		.css({'position' : 'relative' , 'width' : largeurVignette+10, "overflow" : "auto"})
		.append('<div class="fleche" id="fleGauche"><img src="rupano/bouton_left.png"></div><div class="fleche" id="fleDroite"><img src="rupano/bouton_right.png"></div>');
	
	$("#fleGauche", $(destination))
		.css({'position' : 'absolute', 'top' : '140px' , 'left' : '0px',"cursor" : "pointer"})
		.click(function() {
			$(".panoInner", $(destination)).animate({
				left : '+=620'}, 500
			);
			vigPosition-=1;
			afficheFleche();
		});
		
	$("#fleDroite", $(destination))
		.css({'position' : 'absolute', 'top' : '140px' , 'right' : '0px',"cursor" : "pointer"})
		.click(function() {
			$(".panoInner", $(destination)).animate({
				left : '-=620'}, 500
			);
			vigPosition+=1;
			afficheFleche();
		});
	
	afficheFleche();
	
	
	function afficheFleche() {
		
		if (nbVignette==1){
		$("#fleGauche", $(destination))
			.css({'visibility' : 'hidden'});

		$("#fleDroite", $(destination))
			.css({'visibility' : 'hidden'});	
		}
		else {
			if (vigPosition==0){
				$("#fleGauche", $(destination))
					.css({'visibility' : 'hidden'});
				$("#fleDroite", $(destination))
					.css({'visibility' : 'visible'});
			}
			if (vigPosition==nbVignette-1){
				$("#fleDroite", $(destination))
					.css({'visibility' : 'hidden'});
				$("#fleGauche", $(destination))
					.css({'visibility' : 'visible'});
			}
			if ((vigPosition!=nbVignette-1) && (vigPosition!=0)){
				$("#fleDroite", $(destination))
					.css({'visibility' : 'visible'});
				$("#fleGauche", $(destination))
					.css({'visibility' : 'visible'});
			}
		}
	}
}