jQuery.noConflict();
(function($) { 

  var _this = {};

	$(function() {
		// Homepage content slider
		$('#product_slider').each(function(){
			var list = $(this).find('ul'),
				items = list.find('li').length,
				controls = $('<ul class="controls"></ul>'),
				targets = [], pauseButton;
			
			pauseButton = $('<li class="pause"><a href="#">Pause</a></li>')
				.appendTo(controls)
				.find('a')
				.click(function(e){
					e.preventDefault();
					$(this).text($(this).text() === 'Pause' ? 'Play' : 'Pause');
					$(this).blur();
				})
			;
			for (var i = 0; i < items; i++){
				var number = i + 1;
				$('<li><a href="#image'+number+'">'+number+'</a></li>').appendTo(controls);
				targets.push('#product_slider li:eq('+(i+1)+')');
			}
			controls.prependTo($(this));
      $('a', controls).click(function(){
				if($(this).parents('li').is('.pause')){
					return false;
				}
        $('a', controls).removeClass('current');
        $(this).addClass('current');
      });
			$('ul.controls li:eq(1) a').addClass('current');
			return $(this).find('.carousel').jCarouselLite({
				auto: 5000,
				speed: 1000,
				visible: 1,
				btnGo: targets,
				pauseButton: pauseButton,
				circular: true,
				afterEnd: function(a){
					// Highlight the right control
					$('ul.controls a').removeClass('current');
					var idx = $('#product_slider .carousel li').index(a) - 1;
					if(idx === $('#product_slider .carousel li').length - 2){
						idx = 0;
					}
					$('ul.controls li:eq(' + (idx+1) + ') a').addClass('current');
				}
			}).end();
		});

	});


})(jQuery);