$(document).ready(function(){
  	$('.product_slider_with_nav .product_slider_nav li').click(function(){
		var this_index = $('.product_slider_with_nav .product_slider_nav li').index($(this));

		$('.product_slider_with_nav .product_slider_nav li.current').removeClass('current');

		$(this).addClass('current');

		$('.product_slider_with_nav .product_slider_container').removeClass('current').eq(this_index).addClass('current');

        $('.product_slider_prev').css('display', 'none');

		return false;
	});


	$('.product_slider_global_container .product_slider_container').each(function(){
		var global_container = $(this);

		var image_number = 1;
		var image_count = global_container.find('.product_slider_scroller img').length;
		var image_jump = getImageJump(global_container);
		var images_to_display = Math.ceil(Math.abs(parseInt(global_container.find('.product_slider_scroller').css("width"))/image_jump));
		var animate_in_progress = false;
		var animation_time = 500;

		refreshSteps(global_container);

		global_container.find('.product_slider_next').click(function() {
			doStep(true, global_container);
			return false;
		});

		global_container.find('.product_slider_prev').click(function() {
			doStep(false, global_container);
			return false;
		});

		function isStepAvailable(next) {
			if ( next == true ) {
				return (image_count>images_to_display && (image_count-images_to_display)>=image_number) ? true : false;
			}
			else {
				return (image_number>1) ? true : false;
			}
		}

		function refreshSteps(global_container) {
			if ( isStepAvailable(true, global_container) ) {
				global_container.find('.product_slider_next').fadeIn();
			}
			else {
				global_container.find('.product_slider_next').fadeOut();
			}

			if ( isStepAvailable(false, global_container) ) {
				global_container.find('.product_slider_prev').fadeIn();
			}
			else {
				global_container.find('.product_slider_prev').fadeOut();
			}
		}

		function getStep(next, global_container) {
			var currentPosition = getCurrentPosition(global_container);

			if ( isStepAvailable(next, global_container) ) {
				if ( next == true ) {
					currentPosition += image_jump;
				}
				else {
					currentPosition -= image_jump;
				}
			}

			return (currentPosition>0) ? currentPosition : 0;
		}

		function doStep(next, global_container) {
			if ( !animate_in_progress ) {
				animate_in_progress = true;

				global_container.find('.product_slider_content').animate(
				{
					marginLeft: '-' + getStep(next, global_container) + 'px'
				},
				{
					queqe: false,
					duration: animation_time,
					complete: function(){
						animate_in_progress = false;

						if ( next ) {
							image_number++;
						}
						else {
							image_number--;
						}

						refreshSteps(global_container);
					}
				}
				);
			}
		}

	});

	function getCurrentPosition(global_container) {
		return Math.abs(parseInt(global_container.find('.product_slider_content').css("margin-left")));
	}

	function getImageJump(global_container) {
		var width = Math.abs(parseInt(global_container.find('.product_slider_item:eq(0)').css("width")));
		var padding = Math.abs(parseInt(global_container.find('.product_slider_item:eq(0)').css("padding-right")));
		return width + padding;
	}

       // $("select.skinned: not(.notskinned)").selectbox();

});