$(document).ready(function(){
	var $pagelist = '#page00,#page01,#page02,#page03,#page04,#page05,#page06,#page07,#page08,#page09,#page10,#page11';
	
	$hoveroutcancel = 0;
	$("#tabnavi li span").hover(
		function () {
			if ( $(this).hasClass("current") ) {
				$hoveroutcancel = 1;
			}
			$(this).addClass("current");
		},function () {
			if($hoveroutcancel == 0) {
				$(this).removeClass("current");
			} else {
				$(this).addClass("current");
			}
			$hoveroutcancel = 0;
		}
	);
	$("#tabnavi li").click(
		function () {
			$("#tabnavi li span").removeClass("current");
			$hoveroutcancel = 1;
			$(this).children('span').addClass("current");
			
			var $targetpage = $(this).attr('id').replace('tab','page');
			
			$($pagelist.replace(',#'+$targetpage,'')).hide();
			$('#'+$targetpage).show();
		}
	);
	
    $("a[href*='#page']").click(function(){
		var $targetpage = $(this).attr('href');
		var $targettab = $targetpage.replace('page','tab');
		$("#tabnavi li span").removeClass("current");
		$hoveroutcancel = 1;
		$("#tabnavi li"+$targettab+" span").addClass("current");
		$($pagelist.replace(','+$targetpage,'')).hide();
		$($targetpage).show();
    });
    
    if(a=location.href.match(".*#page(..)$")) {
		$("#tabnavi li span").removeClass("current");
		$hoveroutcancel = 1;
		$("#tabnavi li#tab"+a[1]+" span").addClass("current");
		$($pagelist.replace(',#page'+a[1],'')).hide();
		$('#page'+a[1]).show();
	};
});