/**
 * @requires jQuery 1.6.2+
 *
 */
jQuery.noConflict();
jQuery(function($) {

	/**
	 * #pickupSlide
	 *
	 */
	(function(){
		var $area   = $('#pickupSlide');
		var $items  = $('ul.contents > li', $area);
		var itemNum = $items.length;
	
		if( itemNum > 1 ) {

			var settings = {
				duration: 800,
				interval: 5000
			};

			var current;
			var _timer;

			var $_nav = $('<ul class="nav">'
				  + (function(n) { for( var i = 0, tmp = ''; i < n; i++ ) tmp += '<li><a href="#">' + i + '</a></li>'; return tmp; })(itemNum)
				  + '</ul>').appendTo($area);

			var $nav = $('a', $_nav);
	
			function showItem(n) {
				if( 0 > n || n == current ) {
					return false;
				} else if( n + 1 > itemNum ) {
					n = 0;
				}
	
				// show
				$items.stop(true, true).fadeOut(settings.duration);
				$items.eq(n).fadeIn(settings.duration);
	
				// nav
				$nav.removeClass('current');
				$nav.eq(n).addClass('current');
	
				current = n;
			};

			function setItemInterval() { 
				clearInterval(_timer);
				_timer = setInterval(function() { showItem( current + 1 ); }, settings.interval);
			};
	
			// bind
			$nav.click(function(e) { e.preventDefault(); });
			$nav.each(function(i){
				$(this).hover(
					function(){
						clearInterval(_timer);
						showItem(i);
					},
					function(){
						setItemInterval();
					}
				);

				var itemLink = $items.eq(i).find('a').attr('href');

				$(this).click(function(){
					if( typeof itemLink != 'undefined' ) location.href = itemLink;
				});
			});

			$items.hover(
				function(){
					clearInterval(_timer);
				},
				function(){
					setItemInterval();
				}
			);
	
			// init
			$items.hide();
			showItem(0);
			setItemInterval();
		}
	})();
});