$(function() {
	//make navigation
	var tabMain = $('#mapBlock');
	var tabPanel = tabMain.find('.staffBlock');
	var tabNavi = tabMain.find('#staffNavi');
	var panelName = "page";
	
	tabNavi.find('li a').each(function(i) {
		$(this).attr('href', '#' + panelName + (i + 1));
	});
	
	tabPanel.each(function(i) {
		var totalSize = tabPanel.size() - 1;
		var inner = $(this).find('.inner');
		var navi;
		
		$(this).attr('id', panelName + (i + 1));
		$(this).css('margin-top', (-$(this).height()-28) / 2);
		inner.append("<p class='close'><a href='#'><img src='images/img_close.png' alt='閉じる' /></a></p>");
		
		inner.append("<p class='LRNavi'></p>");
		navi  = inner.children('.LRNavi');
		
		if (i != 0) {
			 prev = i;
			 navi.append("<a href='#' class='prevTab mover' rel='" + prev + "'>&lt;&nbsp;Prev</a>");
		}
		if (i != totalSize) {
			next = i + 2;
			navi.append("<a href='#' class='nextTab mover' rel='" + next + "'>Next&nbsp;&gt;</a>");
		}
	
	});
	
	var $tabs = tabMain.tabs({selected: -1});
	
	tabPanel.each(function(i) {
		var panelNum = i + 1;
		$(this).find('p.close').click(function() {
			$(this).parents('div.staffBlock').addClass('ui-tabs-hide');
			tabNavi.find('li:nth-child('+panelNum+')').removeClass('ui-state-focus ui-tabs-selected ui-state-active').addClass('ui-state-default ui-corner-top');
			/*tabMain.tabs('option', 'selected', -1);*/
			return false;
		});
	});
	
	$('.nextTab, .prevTab').click(function() {
           $tabs.tabs('select', $(this).attr("rel"));
           return false;
	});
});