$(function() {
	var wr = $('#box-gl');
	var box = $('#gl-wrap');
	var le = $('a.left-arr');
	var ri = $('a.right-arr');
	var k = true;
	
	var texts = box.find('ul');
	var length = texts.find('>li').length;
	var html = texts.html();
	texts.html(html + html + html);
	
	var w;
	
	function newSizes() {
		box.hide();
		w = wr.width() - 75;
		var element_width = w - le.width() - ri.width();
		box.show().width(element_width);
		box.find('li').width(element_width);
		w-=80;
		texts.width(element_width*box.find('li').length);
	};
	
	newSizes();
	box.scrollLeft(w * length);
	$(window).resize(newSizes);
	
	wr.hover(
			function() {
				k = false;				
			},
			function() {
				k = true;
			}
	);
	
	le.click(function(){
		if (box.scrollLeft() >= (box.find('li').length - 1) * w || box.is(':animated')) return false;
		box.animate({
			scrollLeft : '+=' +	w	   
		}, 500, function() {
			if (box.scrollLeft() == 2 * w * length) box.scrollLeft(w * length);
		});
		return false;
	});
	
	ri.click(function(){
		if (box.scrollLeft() <= 0 || box.is(':animated')) return false;
		box.animate({
			scrollLeft : '-=' +	w	   
		}, 500, function() {
			if (box.scrollLeft() == 0) box.scrollLeft(w * length);
		});
		return false;
	});
	
	window.setInterval(function() {
		if (k) le.trigger('click');
	}, 4000);
	
});