(function($){
	$(function(){
	
		var appendHtml = '<div class="gallery-nav-holder"><ul class="gallery-nav">',
		images = $('.gallery .slider .image img');
		appendHtml += '<li id="nav-left"><a href="#"><img alt="prev" src="/shop/skin/frontend/default/default/images/prev.png" /></a></li>';
		images.each(function(i,e){
			appendHtml += '<li style="float:left;"><a href=""><img src="'+e.src+'" height="99" /></a></li>';
		});
		appendHtml += '<li id="nav-right"><a href="#"><img alt="next" src="/shop/skin/frontend/default/default/images/next.png" /></a></li>';
		appendHtml += '</ul></div>';
		$('.gallery-container').append(appendHtml);
		
		slidesLength = Math.ceil($('.gallery-nav:not(#nav-right, #nav-left) img').length/2);
		
		//console.log(slidesLength);
		
		$('#nav-left').click(function(event){
			if (parseFloat($('.gallery-nav').css('margin-left')) < 0 ) {
				$('.gallery-nav').stop().animate({
					marginLeft: '+=305'
				});
			}
			event.preventDefault();
		});
		$('#nav-right').click(function(event){
			//console.log(parseFloat($('.gallery-nav').css('margin-left')));
			if (parseFloat($('.gallery-nav').css('margin-left')) >= -slidesLength*150 ) {
				$('.gallery-nav').stop().animate({
					marginLeft: '-=305'
				});
			}
			event.preventDefault();
		});
		
		/*$('.slider').imageOverlay({
			to: 50
		});*/
		$('.slider .description').hide();
		$('.gallery').cycle({
			next: '.next a',
			prev: '.prev a',
			height: 480,
			pause: 1,
			width:610
		});
		
		$('.gallery-nav li:not(#nav-left, #nav-right) a').each(function(i,e){
			$(e).click(function(event){
				$('.gallery').cycle(i);
				event.preventDefault();
			});
		});
		
	});
})(jQuery);