$(document).ready(function(){
	clickFalse = function(){return false;}
	clickPagin = function(event){
		id = $(this).attr('id').split('_')[1];
		$('.subContent:visible').hide(0, function(event){
			$('#content_'+id).show(0, function(event){
				$this = $('#link_'+id);
				$('.pageLink.open').removeClass('open');
				$this.addClass('open').unbind('click').bind('click',clickFalse);
				
				if ($('.subContent:visible').hasClass('first')){$prev.css({visibility:'hidden'}).find('a').unbind('click').click(clickFalse);}
				else{$prev.css({visibility:'visible'}).find('a').attr('id', 'prev_'+(parseInt(id)-1)).unbind('click').bind('click', clickPagin);}
				
				if ($('.subContent:visible').get(0) == $('.subContent:last').get(0))
				{$next.css({visibility:'hidden'}).find('a').unbind('click').click(clickFalse);}
				else{$next.css({visibility:'visible'}).find('a').attr('id', 'next_'+(parseInt(id)+1)).unbind('click').click(clickPagin);}
				
				$('.pagin_edito .pageLink:not(.open)').unbind('click').bind('click', clickPagin);
			});
		});
		return false;
	};
	
	id = 0
	/** pagination **/
	if ($('.subContent').length > 1 ){
		$pagin = $('<ul></ul>');
		line  = '<li><a href="#"></a></li>';
		$prev  = $('<li><a href="#" id="" class="fleche_gauche">&lt;</a></li>');
		$next  = $('<li><a href="#" id="" class="fleche_droite">&gt;</a></li>');
		
		$pagin.append($prev);
		for(var i = 0; i<$('.subContent').length; i++){
			var $line = $(line);
			$line.find('a').attr('id', 'link_'+i).addClass('pageLink').html(i+1);
			$pagin.append($line);
		}
		
		$pagin.append($next);
		$('.pagin_edito').append($pagin);
	}
	/** pagination init **/
	$('.pagin_edito .pageLink').bind('click', clickPagin);
	$('.pageLink:first').click();
	
})