$(document).ready(function(){
	$('body').click(function (event){
		if (event.target.className == 'selector' || $(event.target).hasClass('listSelector') || $(event.target).parents('.selector').length > 0){
		}
		else{
			$('.selector').hide();
		}
	});
	
	$('.listSelector').click(function (){
		 
		$(this).siblings('.selector').each(function(){
			if ($(this).is(':visible')){
				$(this).hide();
			}
			else{
				$(this).css('display','block');
			}
		});
	});
	
	$('input').focus(function (){
		if ($(this).parents('.selector').length == 0){
			$('.selector').hide();
		}
	});
	
	jQuery.each($('.listSelector'),function() {
		//changement du titre avec les elements selectionnes
		var list = $(this).siblings().find('input[type=checkbox]:checked');
		var txt='';
		
		jQuery.each($(list),function (){
			txt += $(this).attr('title')+'/';
		});
		txt = txt.substring(0,txt.length-1);
		if (txt.length > 30){
			txt = txt.substring(0,30)+'...';
		}
		
		$(this).text(txt);
		
		//Si c'est vide, alors on met la valeur par defaut
		if (txt.length == 0){
			$(this).text($(this).attr('title'));
		}
	});
	
	$('input[type=checkbox]').click(function(){
		var list = $(this).parent().children('input[type=checkbox]:checked');
		var txt='';
		jQuery.each($(list),function (){
			txt += $(this).attr('title')+'/';
		});
		txt = txt.substring(0,txt.length-1);
		if (txt.length > 30){
			txt = txt.substring(0,30)+'...';
		}
		$(this).parent().siblings('.listSelector').html(txt);
		
		jQuery.each($('.listSelector'),function() {
			if ($(this).text().length == 0){
				$(this).text($(this).attr('title'));
			}
		});
	});
	
});