var $ = jQuery;

$(document).ready(function(){

	var gallery					= $('.gallery');
		galleryDescriptions 	= gallery.find('.gallery-description'),
		galleryBr				= gallery.find('br');


	$('<div class="gallery-visible-description">').insertAfter(galleryBr);

	var galleryVisibleDescriptions = $('.gallery-visible-description');


	$('.gallery-item a').click(function(e){
		e.preventDefault();

		var	galleryItem = $(this).parent().parent();
			galleryDescription = galleryItem.find('.gallery-description'),
			galleryDescriptionHtml = galleryDescription.html(),
			itemIndex = galleryItem.index('dl') % 4,
			itemMarginLeft = (Math.round(itemIndex) * 155 ) + 55;
		
		galleryVisibleDescriptions.hide();

		if( galleryDescription.html() === null ){
			return true;
		}	

		galleryDescriptionHtml = '<img src="/wp-content/themes/distimo/gallery-arrow.png" style="width: 20px; height: 13px; float: left; margin: -21px 0px 0px ' +
		itemMarginLeft + 'px;">' + galleryDescriptionHtml;

		galleryItem.nextAll().filter('.gallery-visible-description').first().html(galleryDescriptionHtml).show();
	
	}).first().click();
});