$(document).ready(function(){

	/**
	 * Tooltip preview on thumbnail
	 */
	$(".preview").tooltip({ 
    track: true, 
    delay: 0, 
    showURL: false, 
    fade: 250,
    //top: -50,
    //left: -50,
    showURL: false,
    opacity: 1,
    bodyHandler: function() {
      var id = this.id;
      var new_id = id.replace(/(picture-)/, '$1big-');
      src = $('#'+new_id).attr('src');
      return $("<img/>").attr("src", src); 
  } 
});
	
	/**
   * Menu accordéon colonne de gauche
   */ 
  $("ul.drawers").accordion({
  	// display none element at start
  	active: '.current',
  	//animated: 'easeslide',

    // the drawer handle
    header: 'div.drawer-handle',

    // our selected class
    //selectedClass: 'open',
    
    // match the Apple slide out effect
    event: 'mouseover'
  });

  $("#themaFormSubmit").click(function(){
    var params  = $('#themaForm .thema').fieldSerialize();
    if(params.length == 0) {
    	//alert("Veuillez sélectionner une thématique.");
    	$("#themaForm .themaLabel").fadeTo("slow", 0.25);
      $("#themaForm .themaLabel").fadeTo("slow", 1);
    } else {
    	$("#themaForm").submit();
    }
  });
  
  
  // Statut de la sidebar. Si un des blocs est ouvert sidebar sera mis à true
  // Au chargement il n'y a pas de bloc visible, donc sidebar est par défaut à false
  var sidebar = false;
    
	$(".sideBarTab").click(function(){
    // Statut display des autres panneaux que celui courant. Lors de la boucle, si l'un est différent de none on l'incrémente de 1
		var status_others = 0;
		
		// Objet qui contient les tabs à cliquer
		var tabs = $("#sibeBarTabs").children("li").children("a");
		
		// On récupère l'id de du bloc correspondant au tab que l'on vient de cliquer. C'est l'attribut rel qui contient cet id
		var rel = $(this).attr("rel");
		var selected_block = $(rel);
		
		// On vérifie le statut de l'attribut display des autres blocs, exception faite de celui qui vient d'être sélectionné
		$.each(tabs, function(){
		  var a = $(this).attr("rel");
		  var block = $(a);
		  if(block.attr("id") != selected_block.attr("id")) {
		    if(block.css("display") != "none") {
		      status_others += 1;
		    }
		  }
		});
		
		// S'il y a un panneau d'ouvert (sidebar == true)
		if(sidebar){
			// Si aucun autre bloc n'est visible cela signifie que l'on a cliqué sur l'onglet du bloc courant et que l'on veut le fermer
			if(status_others == 0){
  			sidebar = false                                                           // sidebar devient false
        $("#sidebarcontents").animate({
          height: "0px"                                                           // le bloc conteneur est refermé
        }, {
          duration : 800,
          complete : function(){ selected_block.hide() }                          // une fois que le bloc conteneur est refermé on cache le bloc
        });
			}
			// S'il y a déjà un bloc de visible
			else {
        $("#sidebarcontents").animate({
          height: "0px"                                                           // on commence par fermer le bloc conteneur
        },
        {
          duration : 800,
          complete : function(){
            $.each(tabs, function(){                                              // on cache tous les autres blocs
              var a = $(this).attr("rel");
              var block = $(a);
              if(block.attr("id") != selected_block.attr("id")) {
                block.hide();
              }
            });

            selected_block.show();                                                // on rend visible le bloc sélectionné
          }
        });
        $("#sidebarcontents").animate({ height: selected_block.height() }, 800 ); // enfin on déploie le bloc conteneur
			}
		}
		// Cas où tous les blocs sont fermés (c'est toujours le cas au premier chargement de l'écran)
		else {
			sidebar = true;                                                             // sidebar devient true
      $.each(tabs, function(){                                                    // on cache tous les autres blocs
        var a = $(this).attr("rel");
        var block = $(a);
        if(block.attr("id") != selected_block.attr("id")) {
        	block.hide();
        }
      });
  		selected_block.show();                                                      // on rend visible le bloc que l'on vient de sélectionner
    	$("#sidebarcontents").animate({ height: selected_block.height() }, 800 );   // on déploie le bloc conteneur de la hauteur du bloc que l'on vient de sélectionner
    }
	});
	
});