/* - ++resource++diaporama.js - */
// http://www.mairie-dammarie-les-lys.fr/portal_javascripts/++resource++diaporama.js?original=1
try{$(function(){var current=-1;var totalpictures=$('.diaporama #content img').size();var speed=500;$('.diaporama #content').show();$(window).bind('resize', function(){var $picture=$('.diaporama #wrapper').find('img');resize($picture)});$('.diaporama #content > img').hover(function(){var $this=$(this);$this.stop().animate({'opacity':'0.4'},200)},function(){var $this=$(this);$this.stop().animate({'opacity':'1.0'},200)}).bind('click',function(){var $this=$(this);$('.diaporama #loading').show();$('.diaporama <img/>').load(function(){$('.diaporama #loading').hide();if($('.diaporama #wrapper').find('img').length) return;current=$this.index();var $theImage=$(this);resize($theImage);$('.diaporama #wrapper').append($theImage);$theImage.fadeIn(800);$('.diaporama #panel').animate({'height':'100%'},speed,function(){var title=$this.attr('title');if(title!=''){var descriptions=title.split(':');$('.diaporama #description').html(descriptions[0]).show();if(descriptions.length>1){$('.diaporama #description2').html('<br/>'+descriptions[1]).show()}
else{$('.diaporama #description2').empty().hide()}}
else{$('.diaporama #description').empty().hide();$('.diaporama #description2').empty().hide()}
if(current==0)
$('.diaporama #prev').hide();else
$('.diaporama #prev').fadeIn();if(current==parseInt(totalpictures-1))
$('.diaporama #next').hide();else
$('.diaporama #next').fadeIn();$('.diaporama #thumbsWrapper').css({'z-index':'0','height':'0px'})})}).attr('src',$this.attr('alt'))});$('.diaporama #wrapper > img').live('click',function(){$this=$(this);$('.diaporama #description').empty().hide();$('.diaporama #description2').empty().hide();$('.diaporama #thumbsWrapper').css('z-index','10').stop().animate({'height':'100%'},speed,function(){var $theWrapper=$(this);$('.diaporama #panel').css('height','0px');$theWrapper.css('z-index','0');$this.remove();$('.diaporama #prev').hide();$('.diaporama #next').hide()})});$('.diaporama #next').bind('click',function(){var $this=$(this);var $nextimage=$('#content img:nth-child('+parseInt(current+2)+')');navigate($nextimage,'right')});$('.diaporama #prev').bind('click',function(){var $this=$(this);var $previmage=$('.diaporama #content img:nth-child('+parseInt(current)+')');navigate($previmage,'left')});
function navigate($nextimage,dir){if(dir=='left'&&current==0)
return;if(dir=='right'&&current==parseInt(totalpictures-1))
return;$('.diaporama #loading').show();$('.diaporama <img/>').load(function(){var $theImage=$(this);$('.diaporama #loading').hide();$('.diaporama #description').empty().fadeOut();$('.diaporama #description2').empty().fadeOut();$('.diaporama #wrapper img').stop().fadeOut(500,function(){var $this=$(this);$this.remove();resize($theImage);$('.diaporama #wrapper').append($theImage.show());$theImage.stop().fadeIn(800);var title=$nextimage.attr('title');if(title!=''){var descriptions=title.split(':');$('.diaporama #description').html(descriptions[0]).show();if(descriptions.length>1){$('.diaporama #description2').html('<br/>'+descriptions[1]).show()}
else{$('.diaporama #description2').empty().hide()}}
else{$('.diaporama #description').empty().hide();$('.diaporama #description2').empty().hide()}
if(current==0)
$('.diaporama #prev').hide();else
$('.diaporama #prev').show();if(current==parseInt(totalpictures-1))
$('.diaporama #next').hide();else
$('.diaporama #next').show()});if(dir=='right')++current;else if(dir=='left')--current}).attr('src',$nextimage.attr('alt'))}
function resize($image){var windowH=$(window).height()-100;var windowW=$(window).width()-80;var theImage=new Image();theImage.src=$image.attr("src");var imgwidth=theImage.width;var imgheight=theImage.height;if((imgwidth>windowW)||(imgheight>windowH)){if(imgwidth>imgheight){var newwidth=windowW;var ratio=imgwidth/windowW;var newheight=imgheight/ratio;theImage.height=newheight;theImage.width=newwidth;if(newheight>windowH){var newnewheight=windowH;var newratio=newheight/windowH;var newnewwidth=newwidth/newratio;theImage.width=newnewwidth;theImage.height=newnewheight}}
else{var newheight=windowH;var ratio=imgheight/windowH;var newwidth=imgwidth/ratio;theImage.height=newheight;theImage.width=newwidth;if(newwidth>windowW){var newnewwidth=windowW;var newratio=newwidth/windowW;var newnewheight=newheight/newratio;theImage.height=newnewheight;theImage.width=newnewwidth}}}
$image.css({'width':theImage.width+'px','height':theImage.height+'px'})}})} catch(e){alert(e.message)}