$(function() {
	var gallery_wrap = $('#gallery_wrap');
	var area = gallery_wrap.parent();
	var gallery = $('#gallery');
	var items = gallery.find('li');
	var width = items.outerWidth(true);
	var n = items.length;
	var text = gallery.html();
	text += text;
	text += text;
	gallery.html(text);
	
	gallery.css('margin-left', -n * width);
	
	$('#gla_1').click(function() {
		if (gallery.is(':animated')) return false;
		var left = parseInt(gallery.css('margin-left'));
		gallery.animate({
			'margin-left': '+=' + width
		}, 1000, function() {
			if (left == -width) gallery.css('margin-left', -n * width);
		});
		return false;
	});
	
	$('#gla_2').click(function() {
		if (gallery.is(':animated')) return false;
		var left = parseInt(gallery.css('margin-left'));
		gallery.animate({
			'margin-left': '-=' + width
		}, 1000, function() {
			if (left == -2*width*n + width) gallery.css('margin-left', -n * width);
		});
		return false;
	});
	
	function galleryNewSize() {
		gallery_wrap.width(width);
		gallery_wrap.width(area.width());
	}
	$(window).resize(function() {
		galleryNewSize();
	});
	galleryNewSize();
});