// コントロール部
var activeTabClass = "activeTab";

// --------------------------


$(document).ready(function(){

	var allTabObj = $("ul#tabNavi li a");
	
	var allTab         = new Array();
	var allTabAnk      = new Array();
	var inactiveTab    = new Array();
	var inactiveTabAnk = new Array();
	
	var count = 0;
	for(var i=0; i<allTabObj.length; i++){
		allTab[count] = allTabObj[i].hash;
		allTabAnk[count] = allTabObj[i].hash + "_ank";
		if(allTabObj[i].hash != $("."+activeTabClass+" a").attr("href") ){
			inactiveTab[count] = allTabObj[i].hash;
			inactiveTabAnk[count] = allTabObj[i].hash + "_ank";
		}
		count++;
	}

	var activeTab = $("."+activeTabClass+" a").attr("href")

	$( activeTab ).css('display','block');
	$("ul#tabNavi li."+activeTabClass+" a").children().attr('src', $("ul#tabNavi li."+activeTabClass+" a").children().attr('src').replace(/_.\.gif/,'_a.gif'));
	$( inactiveTab.join(",") ).css('display','none');
	$( inactiveTabAnk.join(",") ).css('display','none');
	$('ul#tabNavi a').click(function(){
		_img = document.getElementById('tabNavi').getElementsByTagName('img');
		for(var i = 0, l = _img.length; i < l; i++){
			_img[i].setAttribute('src',_img[i].src.replace(/_.\.gif/,'_n.gif'));
		}
		
		$(this).children().attr('src', $(this).children().attr('src').replace(/_.\.gif/,'_a.gif'));
		var _id = $(this).attr('href');
		if ($(_id).css('display') == 'block') return false;
		$( allTab.join(",") ).css('display','none')
		$( allTabAnk.join(",") ).css('display','none')
		$( $(this).attr('href')+"_ank" ).css('display','block')
		$(_id).slideDown(1);
		$(this).blur();
		return false;
	});
	$("ul#tabNavi li."+activeTabClass+" a").hover(function(){
		if( $(this).children().attr('src').indexOf('_a.gif') == -1 ){
			$(this).children().attr('src', $(this).children().attr('src').replace(/_.\.gif/,'_r.gif'));
		}
	}, function(){
		if( $(this).children().attr('src').indexOf('_a.gif') == -1 ){
			$(this).children().attr('src', $(this).children().attr('src').replace(/_.\.gif/,'_n.gif'));
		}
	});
	

})