$(document).ready(showcase);

function showcase() {
	var $tabs = $('#showcase').tabs();
	moreitems($tabs);
}

function moreitems($tabs) {
	var prev, next, $prev, $next;

	$('.ui-tabs-panel').each(function(i){
		if (!$(this).hasClass('ui-tabs-hide')) {
			prev = i-1;
			next = i+1;

			var size = $(".ui-tabs-panel").size() - 1;

			if (prev < 0) {
				$prev = $(".ui-tabs-panel").eq(size).attr('id');
			} else {
				$prev = $(".ui-tabs-panel").eq(prev).attr('id');
			}

			if (next > size) {
				$next = $(".ui-tabs-panel").eq(0).attr('id');
			} else {
				$next = $(".ui-tabs-panel").eq(next).attr('id');
			}

			return false;
		}
	});

	$('.more-item img').attr('src', '/img/more-items.png').attr('alt', 'More').attr('title', 'More Items');
	$('.ui-tabs-selected img').attr('src', '/img/current-item.png').attr('alt', '').attr('title', '');
	$('.prev-item, .next-item').remove();
	$('.more-items').prepend('<li class="prev-item"><a href="#' + $prev + '" class="prev-tab mover" rel="' + $prev + '"><img src="/img/prev-item.png" width="12" height="12" alt="Previous" title="Previous Item" /></a></li>');
   	$('.more-items').append('<li class="next-item"><a href="#' + $next + '" class="next-tab mover" rel="' + $next + '"><img src="/img/next-item.png" width="12" height="12" alt="Next" title="Next Item" /></a></li>');

	$('.next-tab, .prev-tab').click(function() {
		$tabs.tabs('select', $(this).attr("rel"));
		return false;
	});
	$('.more-items a').click(function() {
		moreitems($tabs);
		return false;
	});
}