$(document).ready(function() {
	/* Javascript is enabled
	------------------------------- */
	$('body').addClass('js');
	
	/* Validate forms
	------------------------------- */
	$("form.validate").validate();
	
	/* Description popups
	------------------------------- */
	var client = $('.gallery li > a:first-child');
	client.addClass('trigger').nextAll().wrap('<div class="description"></div>');
	$('.description > :last-child').addClass('last');
	$('.trigger') // Trigger popup
	.hover(function() {
		popDescription($(this))
	}, function() {
		unpopDescription($(this))
	})
	.focus(function() {
		popDescription($(this))
	})
	.blur(function() {
		unpopDescription($(this))
	})
	function popDescription(el) { // Show popup
		var description = el.next('.description');
		description.addClass('pop');
		el.mousemove(function(e) {
			var tipY = e.pageY - el.offset().top + 16;
			var tipX = e.pageX - el.offset().left + 16;
			description.css({'top': tipY, 'left': tipX});
			console.log();
		});
	}
	function unpopDescription(el) { // Hide popup
		el.next('.description').removeClass('pop').removeAttr('style');
	}
})