$(document).ready(function() {
  $('#news_menu > h2').click(function() {
    $('#news_menu > h2').removeClass('active');
    $('#news_menu > h2[rel="'+$(this).attr('rel')+'"]').addClass('active');
    $('#news > div').css('z-index', 1);
    $('#news > div#news_'+$(this).attr('rel')).css('z-index', 2);
    $('#news > div#news_'+$(this).attr('rel')).fadeIn(250, function() {
      $('#news > div').not($(this)).hide();
    });
  });
  
	$('.colis a.voir').click(function(e) {
		$('#colis_produits_'+$(this).attr('rel')).modal({'overlayClose':true, 'autoResize':true});
		return false;
	});
});


/* DEVLAN le 01/04/2011 : ----------------------------------------------
	Nouveaux script pour le site en cours (ACTU : Journo)
----------------------------------------------------------------------*/
//Modifier le style "display" d'un élément
function HideShow (IdElement, StyleActu, Value) {
	var Element1 = document.getElementById(IdElement);
	if (Element1) {
		if (StyleActu==undefined) {
			StyleActu=Element1.style.display;
		}
		if (Value==undefined) {
			Value="none";
		}
		Element1.style.display = (StyleActu == Value) ? '' : Value;
	}
}

//Permet de masquer des éléments fils issues d'un parent avec l'ID spécifié
function HideElements(ElementParent, ElementFils, $ExclusiveClass) {
	var Element1 = document.getElementById(ElementParent);
	if (Element1) {
		if (ElementFils==undefined) {Elements=Element1;} {Elements=Element1.getElementsByTagName(ElementFils);}
		if ($ExclusiveClass==undefined)
			for (i=0; i<Elements.length; i++) {
				Elements[i].style.display='none';
			}
		else {
			for (i=0; i<Elements.length; i++) {
				var StrClass = Elements[i].className;
				if (StrClass==$ExclusiveClass) {Elements[i].style.display='none';}
			}
		}
	}
}

//Permet de créer un slider avec deux boutons de navigation
$(document).ready(function() {

	//rotation speed and timer
	var speed = 5000;
	var run = setInterval('rotate()', speed);	
	
	//grab the width and calculate left value
	var item_width = $('#slides li').outerWidth(); 
	var left_value = item_width * (-1); 
        
	//move the last item before first item, just in case user click prev button
	$('#slides li:first').before($('#slides li:last'));
	
	//set the default item to the correct position 
	$('#slides ul').css({'left' : left_value});

    //if user clicked on prev button
	$('#prev').click(function() {

		//get the right position            
		var left_indent = parseInt($('#slides ul').css('left')) + item_width;

		//slide the item            
		$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200,function(){    

      //move the last item and put it as first item            	
			$('#slides li:first').before($('#slides li:last'));           

			//set the default item to correct position
			$('#slides ul').css({'left' : left_value});
		
		});

		//cancel the link behavior            
		return false;
            
	});

 
  //if user clicked on next button
	$('#next').click(function() {
		
		//get the right position
		var left_indent = parseInt($('#slides ul').css('left')) - item_width;
		
		//slide the item
		$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function () {
            
      //move the first item and put it as last item
			$('#slides li:last').after($('#slides li:first'));                 	
			
			//set the default item to correct position
			$('#slides ul').css({'left' : left_value});
		
		});
		         
		//cancel the link behavior
		return false;
		
	});        
	
	//if mouse hover, pause the auto rotation, otherwise rotate it
	$('#slides').hover(
		
		function() {
			clearInterval(run);
		}, 
		function() {
			run = setInterval('rotate()', speed);	
		}
	); 
});

//a simple function to click next link
//a timer will call this function, and the rotation will begin :)  
function rotate() {
	$('#next').click();
}
/* ------------------------------------------------------------------ */