jQuery(document).ready(function() {

    /*** PARAMETRAGE DES NEWS ***/
	var i = 1;
    	jQuery('.ui-tabs-panel').each(function(i) {
            jQuery(this).attr('id', 'fragment-' + (i+1));
            var i = i+1;
            var id = jQuery(this).attr('id');
            var info = jQuery('.info h2', this).text();
            var thelink = jQuery('.info h2 a', this).attr('href');
            jQuery('.items').append('<li class="item ui-tabs-nav-item ui-tabs-selected" id="nav-' + id + '"><a href="#' + id + '">' + info +'</a></li>');
    	});
   	/*** ON COMPTE LES NEWS POUR LES GROUPER 5 PAR 5 ***/
      var theLi= jQuery('.items li');
      var  numOfLines= theLi.length;
      for (i=0; i< numOfLines; i=i+5){
            theLi.eq(i).add(theLi.eq(i+1)).add(theLi.eq(i+2)).add(theLi.eq(i+3)).add(theLi.eq(i+4)).wrapAll('<div />') ;
      }

      jQuery('.items li').click(function() {
      		jQuery('.ui-tabs-selected').removeClass('ui-tabs-selected');
      		jQuery('.ui-tabs-selected').addClass('test');
      });
	
    /***********************************************
    * MENU VILLENEUVE TOURISME                     *
    ***********************************************/
    
    // POSITIONNEMENT DES ELEMENTS DU MENU (CLASS CSS SUB)
    var i = 0;
    jQuery('#menu_1_content li').each(function(i) {
            jQuery(this).addClass('sub' + i);
            var i = i+1;
    });
    var i = 0;
    jQuery('#menu_2_content li').each(function(i) {
            jQuery(this).addClass('sub' + i);
            var i = i+1;
    });
    var i = 0;
    jQuery('#menu_3_content li').each(function(i) {
            jQuery(this).addClass('sub' + i);
            var i = i+1;
    });
    
    // ON CACHE LES ELEMENTS DU MENU AU CHARGEMENT DE LA PAGE
    
    jQuery('.menu_wrapper').hide();
    
    /*** BEGIN GESTION DU MENU ***/
    
    jQuery('div#labelMenu li').bind('click', toggleMenu);
    
    function toggleMenu(el) {
        
        // DEBUT GESTION DES COULEURS DU MENU ACTIF
        var present = false;
        if((jQuery('.menuactif').length > 0))
        {
            jQuery('.menuactif').addClass('remember');
            jQuery('.menuactif').removeClass('menuactif');
        }
        if((jQuery('.ongletactif').length > 0))
        {
            if((jQuery(this).hasClass('ongletactif')))
            {var present = true;}
            jQuery('.ongletactif').removeClass('ongletactif');
        }
        if(present == false){jQuery(this).addClass('ongletactif');}
        // FIN GESTION DES COULEURS DU MENU ACTIF
        
        var id = jQuery(this).attr('id');
        if((jQuery('#' + id + '_content').length > 0))  // Test si l'onglet a un contenu à afficher
        {
        
            jQuery('div#labelMenu li').unbind('click');
            if((jQuery('#' + id + '_content').hasClass('menu_actif')))// L'objet cliqué est déjà ouvert (On le ferme).
            { 
                    jQuery('#' + id + '_content').parent().animate({'height': 'toggle'},'slow', function() {
                    jQuery('#' + id + '_content').parent().removeClass('menu_open');
                    jQuery('#' + id + '_content').removeClass('menu_actif');
                    jQuery('.remember').addClass('menuactif');
                    jQuery('.remember').removeClass('remember');
                    jQuery('#' + id + '_content').hide();
                    jQuery('div#labelMenu li').bind('click', toggleMenu);
                    });
            }
            else
            {
                
                if((jQuery('.menu_actif').length > 0)) // Un autre menu était ouvert, on le ferme tout en affichant en fadeIn le menu cliqué.
                { 
                    var old = jQuery('.menu_actif').attr('id');
                    jQuery('.menu_actif').removeClass('menu_actif');
                    
                    jQuery('#' + old).fadeOut('normal', function() {
                        jQuery(this).removeClass('menu_actif');
                        jQuery('#' + id + '_content').addClass('menu_actif');
                        jQuery('#' + id + '_content').fadeIn('normal');
                        jQuery('div#labelMenu li').bind('click', toggleMenu);
                    });
                    
                    
                }
                else // Aucun menu ouvert, ouverture du menu cliqué.
                {
                	jQuery('#' + id + '_content').show();
                    jQuery('#' + id + '_content').parent().animate({'height': 'toggle'},'slow', function() {
                            jQuery('#' + id + '_content').parent().addClass('menu_open');
                            jQuery('#' + id + '_content').addClass('menu_actif');
                            jQuery('div#labelMenu li').bind('click', toggleMenu);
                        });
                    
                    
                }
                
            }
            
        } 
        
        
        else { // C'est un lien on fait une redirection
            var url = jQuery(this).children('a').attr('href');
            jQuery(location).attr('href', url);
        }
    }
    /*** END GESTION DU MENU ***/
    
    jQuery('.box:last').addClass('last');
    
    /*** GESTION DU BOUTON MASQUER / AFFICHER ***/

    	jQuery('.toggle_').addClass('toggle_up').removeClass('toggle_');
    	if((jQuery('.toggle_down').length > 0))
	{
		jQuery('#contentBlock-1').attr('style','margin-top: -300px;');
		jQuery('#contentBlock-1').addClass('bordered');
	}
	jQuery('.toggle_up a').text('Masquer');
    	
	jQuery('.toggle_up').bind('click', toggleUp);
	jQuery('.toggle_down').bind('click', toggleDown);
	
	function toggleUp(el) {
		jQuery('.toggle_up').unbind('click');
		jQuery('.toggle_down').unbind('click');
		jQuery('#contentBlock-1').animate({"margin-top": "-=300px"}, "slow", function(){
			jQuery(this).addClass('bordered');
			jQuery('.toggle_up').addClass('toggle_down');
			jQuery('.toggle_up').removeClass('toggle_up');
			jQuery('.toggle_down a').text('Afficher');
			jQuery('.toggle_down').bind('click', toggleDown);
		});
	}
	
	function toggleDown(el) {
		jQuery('.toggle_up').unbind('click');
		jQuery('.toggle_down').unbind('click');
		jQuery('#contentBlock-1').removeClass('bordered');
		jQuery('#contentBlock-1').animate({"margin-top": "+=300px"}, "slow", function(){
			jQuery('.toggle_down').addClass('toggle_up');
			jQuery('.toggle_down').removeClass('toggle_down');
			jQuery('.toggle_up a').text('Masquer');
			jQuery('.toggle_up').bind('click', toggleUp);
		});
	}
    	
    	/*** GESTION DU SCROLL MENU HEADER ***/
	//jQuery(".scrollable").scrollable({ vertical: true, mousewheel: false });	
	
	/*** GESTION DU CHANGEMENT DE NEWS TOUTES LES 6 SECONDES ***/
	//jQuery("#feature .ui-tabs-nav").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 6000, true);
	
	/***********************************************
	* EFFET RETOUR HAUT DE PAGE                                    *
	***********************************************/
	jQuery('.csc-linkToTop').click(function() {
		jQuery('html,body').animate({scrollTop: 0}, 'slow');
		return false;
	});
	
	
	// Fonction permettant de linker tous les éléments d'un bloc suivant le premier lien du bloc
	jQuery.fn.extendLink = function() {
	    return this.each(function() {
	      var $link = jQuery('a:first', this),
	          $title = jQuery(':header:first', this).length ? jQuery(':header:first', this) :
	                    jQuery('[class*=title]:first', this).length ? jQuery('[class*=title]:first', this) :
	                    jQuery('strong:first', this).length ? jQuery('strong:first', this) : $(),
	          title = $link.attr('title') || $link.text() || $title.text();
	      
	      if ( $link.length ) {
	        jQuery(this)
	          .css('cursor', 'pointer')
	          .attr('title', title)
	          .hover(function(event) {
	            // mouse over effect (underline heading tag)
	            if ( event.type === 'mouseenter' ) {
	              $title.css('text-decoration', 'underline');
	            } else {
	              $title.css('text-decoration', 'none');
	            }
	          })
	          .click(function() {
	            //document.location.href = $link.attr('href');
	            window.open($link.attr('href'));
	          });
	      } 
	    });
	  };
	//jQuery('.mag').extendLink();
	
	
});