var slideAllowed = true;
function slide(mode) {
	if (slideAllowed) {
		var slidesPos = parseInt($('.slides').css('left'));
		var slidesLength = parseInt($('.slide').length);
		
		if (mode == 'left' && slidesPos < 0) {
			slideAllowed = false;
			$('.gal-next').css('display','block');
			if ((slidesPos+258) == 0) {
				$('.gal-prev').css('display','none');
			}
			
			$('.slides').animate({
				left: slidesPos + 258 + 'px'
			},500,function(){slideAllowed = true;});
			
		} else if (mode == 'right') {
			slideAllowed = false;
			$('.gal-prev').css('display','block');
			if ((slidesPos-258) <= -(slidesLength-3)*258) {
				$('.gal-next').css('display','none');
			}
			
			$('.slides').animate({
				left: slidesPos - 258 + 'px'
			},500,function(){slideAllowed = true;});
		}
	}
}
$(document).ready(function(){
	
	if (parseInt($('.slide').length) > 3) {
	
		var elementPrev = '<div class="gal-arrow gal-prev"></div>';
		var elementNext = '<div class="gal-arrow gal-next"></div>';
		$('#gallery').append(elementPrev + elementNext);
		
		$('.gal-prev').click(function(){
			slide('left');
		});
		$('.gal-next').click(function(){
			slide('right');
		});
	}
	/*
	var prevent = false;
	$('#info-map').hover(function(){
		//$(this).css('width','510px');
		$(this).css('width','510px');
	}, function(){
		$(this).css('width','245px');
	});
	*/
});