// JavaScript Document
$(function () {
	var ob = $('.glyder_inn');
	var inner_ob = ob.find('.glyder_inner_wrap');
	var width = inner_ob.outerWidth(true);
	var width_one = inner_ob.find('.glyd_product').outerWidth(true);
	
	inner_ob.html(inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html()+inner_ob.html())
	ob.css({
		'left' : -width
	})
	function gly_left () {
		gly(-1)
	}
	function gly_right () {
		gly(1)
	}
	function gly (direction) {
		if (!ob.is(":animated")) {
			ob.animate({
				'left' : ob.position().left + width_one * direction
			},400,function () {
				if (ob.position().left>=0||ob.position().left <= -2 * width){
					ob.css({
						'left' : -width
					})
				}
			})
		}
	};
	
	$('.glyder_to_left').click(gly_left);
	$('.glyder_to_right').click(gly_right);
})