$(function(){

//filters

	$('.filters a').each(function(){

		var text = $.trim($(this).text());

		if(text.length > 30){

			$(this).text(text.substr(0, 30) + '...')

		}

	});

//masonry

	var masonry465 = $('.masonry-465');

	masonry465.masonry({

	  columnWidth: 465,

	  itemSelector: '.item-masonry',

	  gutter : 20

	});

	var masonry225 = $('.masonry-225');

	masonry225.masonry({

	  columnWidth: 225,

	  itemSelector: '.item-masonry',

	  gutter : 16

	});

	function masonry177(){

		var masonry177 = $('.masonry-177');

		masonry177.masonry({

		  columnWidth: 177,

		  itemSelector: '.item-masonry'

		});

	}

	masonry177();

//popin

	$('.open-popin').bind('click', function(e){

		e.preventDefault();

		var target = $(this).attr('href');

		$('.popin-wrap').fadeIn(function(){

			$(target).show();

		});

	});

	$('.close-popin, .popin-wrap').bind('click', function(e){

		e.preventDefault();

		e.stopPropagation();

		$('.popin-wrap').fadeOut(function(){

			$('.popin').hide();

		});

	});

	$('.popin').bind('click', function(e){

		e.stopPropagation();

	});

//tag it

	if($('.tag-it').length){

		var keywordsTagIt = $('.tag-it').tagit({

			allowSpaces : true

		});

		$('.list-key-add a').bind('click', function(e){

			e.preventDefault();

			var tag = $(this).attr('data-tag');

			keywordsTagIt.tagit("createTag", tag);

		});

	}

//mosaic

	$('.toggle-comment').bind('click', function(e){

		e.preventDefault();

		$('.show-comment, .hide-comment').hide();

		if($('.mosaic').length){

			$('.mosaic').removeClass('mosaic').addClass('mosaic-comment');

			$('.hide-comment').show();

		}else{

			$('.mosaic-comment').removeClass('mosaic-comment').addClass('mosaic');

			$('.show-comment').show();

		}

		masonry177();

	});

	$('.display-keyword').bind('click', function(e){

		e.preventDefault();

		var ul = $(this).parents('ul'),

			li = $(this).parents('li'),

			iconAction = li.find('.icon-action'),

			index = li.index(),

			keyword = $(this).attr('data-keyword');

				var displayKeyword = $(v).find('.display-keyword'),

					iconAction = $(v).find('.icon-action'),

					keyword = displayKeyword.attr('data-keyword');

	});

	$('.icon-action').bind('click', function(e){

		e.preventDefault();

		var li = $(this).parents('li');

		toggleDisplayKeyword(li);

	});

/*

	function toggleDisplayKeyword(li){

		var displayKeyword = li.find('.display-keyword'),

			iconAction = li.find('.icon-action'),

			keyword = displayKeyword.attr('data-keyword');

		if(li.hasClass('disabled')){

			enabledDisplayKeyword(li, keyword, iconAction);

		}else{

			disabledDisplayKeyword(li, keyword, iconAction);

		}

	}

	function enabledDisplayKeyword(li, keyword, iconAction){

		iconAction.removeClass('cross').removeClass('circle');

		li.removeClass('disabled');

		$('li.keyword-'+keyword).find('.curtain').hide();

		iconAction.addClass('cross');

	}

	function disabledDisplayKeyword(li, keyword, iconAction){

		iconAction.removeClass('cross').removeClass('circle');

		li.addClass('disabled');

		$('li.keyword-'+keyword).find('.curtain').show();

		iconAction.addClass('circle');

	}

*/

	function toggleDisplayKeyword(li){

		var displayKeyword = li.find('.display-keyword'),

			iconAction = li.find('.icon-action'),

			keyword = displayKeyword.attr('data-keyword');

		if(li.hasClass('disabled')){

			enabledDisplayKeyword(li, keyword, iconAction);

		}else{

			disabledDisplayKeyword(li, keyword, iconAction);

		}

	}

	function enabledDisplayKeyword(li, keyword, iconAction){

		iconAction.removeClass('cross').removeClass('circle');

		li.removeClass('disabled');

		$('ul.mosaic > li').each(function(k, v){

			var keywords = $(v).attr('data-keywords'),

				item = $(v);

			keywords = keywords.split(',');

			for(var i=0; i<= keywords.length; i++){

				if($.trim(keywords[i]) == keyword){

					item.find('.curtain').hide();

				}

			}

		});

		$('li.keyword-'+keyword).find('.curtain').hide();

		iconAction.addClass('cross');

	}

	function disabledDisplayKeyword(li, keyword, iconAction){

		iconAction.removeClass('cross').removeClass('circle');

		li.addClass('disabled');

		$('ul.mosaic > li').each(function(k, v){

			var keywords = $(v).attr('data-keywords'),

				item = $(v);

			keywords = keywords.split(',');

			for(var i=0; i<= keywords.length; i++){

				if($.trim(keywords[i]) == keyword){

					item.find('.curtain').show();

				}

			}

		});

		iconAction.addClass('circle');

	}

//map

	if($('#map').length){

		initmap()

	}

function initmap() {

	// set up the map

	map = new L.Map('map');

	// create the tile layer with correct attribution

	var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';

	var osm = new L.TileLayer(osmUrl, {minZoom: 3, maxZoom: 20});		

	// start the map in South-East England

	map.setView(new L.LatLng(48.833, 2.333),4);

	map.addLayer(osm);

	// markers

	var marker1 = L.marker([48.833, 2.333]).addTo(map);

	marker1.bindPopup("Beaux-Arts de Paris");

	var marker2 = L.marker([47.233,-1.583]).addTo(map);

	marker2.bindPopup("Beaux-Arts de Nantes");

}

});//ready