$(document).ready(function() {
    // ****************************************************************************************************
    // @But                : - Cacher tous les éléments possédants cette classe. 
    //                       - Permettre aux personnes ayant désactivés javascript de voir ces éléments 
    //                         quand même.
    // @Elements concernés : - .javaHide
    // @Requirement        : - 
    // ****************************************************************************************************
	$(".javaHide").hide();
    // ****************************************************************************************************
    // @But                : - Permettre l'agrandissement des images de façons plus jolie.  
    //                       - Permettre de défiler simplement d'une image à l'autre. 
    // @Elements concernés : - liens dont l'attribut rel = popup
    // @Requirement        : - fancybox plugin
    // ****************************************************************************************************
	if(jQuery().fancybox) {
    	$(".media-box .images a.supair_popup").fancybox({
    		'transitionIn'		: 'elastic',
    		'transitionOut'		: 'elastic',
    		'titlePosition' 	: 'over',
    		'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                            		    return '<span id="fancybox-title-over"> '+ title + '</span>';
                            		},
    		'onClosed'          : function(itemArray, selectedIndex, selectedOpts){
		                              $(".media-box .images .thumbnail a").each(function(index){
	                                       if(selectedIndex == index){
                                                $(this).click();
                                           }
	                                  });
	                                  
		                          }
	       });
	}
	$(".media-box .images a.showVideo").click(function(){
        $("a.Imagedisplay").addClass("Imagehide").removeClass("Imagedisplay");
	    $("div.supair_bigVideo").show();
    });
    
	$(".media-box .images a.thumbPopup").click(function(){
	   $("div.supair_bigVideo").hide();
	   $(".media-box .images .thumbActive").css({"opacity":"1"});
	   $(".media-box .images .thumbActive").removeClass("thumbActive");
	   $(this).addClass("thumbActive");
	   $(this).css({"opacity":"0.5"});
	   
	   
        // On récupère le bloc parent
        $thumbBlock = $(this).parent(".media-box .images .thumbnail");
        // On récupère le block principal
        $bigBlock = $thumbBlock.prev(".media-box .images .big");
       
        var indexLien = $thumbBlock.children("a.thumbPopup").index($(this));
        
        $bigImages = $bigBlock.children("a.supair_popup");
       
        $("a.Imagedisplay").addClass("Imagehide").removeClass("Imagedisplay");
        
        $bigImages.each(function(index){
            if(index == indexLien){
                $(this).addClass("Imagedisplay").removeClass("Imagehide");
            }
        });
        
        return false;
   });
});