jQuery(function($){
	var divName = 'tabBox';
	var listName = 'tabSwitch';

	var nSrc = new Array();
	var oSrc = new Array();
	var cSrc = new Array();
	var boxID = new Array();
	
	var currID;
	
	$('.' + divName).css('display','none');
	
	$('#' + listName + ' a').each(function(i){
		var tabImgO = new Image();
		var tabImgC = new Image();
		var src = $(this).children().attr('src');
		var slicePoint = src.lastIndexOf('.');
		var firstSrc = src.slice(0, slicePoint);
		var lastSrc = src.slice(slicePoint);
		nSrc[i] = src;
		oSrc[i] = firstSrc + '_o' + lastSrc;
		cSrc[i] = firstSrc + '_c' + lastSrc;
		tabImgO.src = oSrc[i];
		tabImgC.src = cSrc[i];
		boxID[i] = divName + i;
		$(this).removeAttr('href');

		$(this).hover(
			function(){
				var s = $(this).children().attr('src');
				var sp = s.lastIndexOf('.');
				var mark = s.slice(sp - 2, sp);
				if(mark != '_o' && mark != '_c'){
					$(this).children().attr('src', oSrc[i]);
				}
			},
			function(){
				var s = $(this).children().attr('src');
				var sp = s.lastIndexOf('.');
				var mark = s.slice(sp - 2, sp);
				if(mark == '_o'){
					$(this).children().attr('src', nSrc[i]);
				}
			}
		);
					
		$(this).click(function(){
			$('#' + listName + ' a img').each(function(j){
				$(this).attr('src', nSrc[j]);
			});
			$(this).children().attr('src', cSrc[i]);
			
			if(currID != null){
				//クリック時の自動スクロールを防ぐため、元の要素の高さを一時的に保持
				var currHeight = $('#' + divName + currID).height();
				$('#tabBoxContainer').height(currHeight);
				$('#' + divName + currID).fadeOut(100, function(){
					$('#' + boxID[i]).fadeIn(150);
					$('#tabBoxContainer').height($('#' + boxID[i]).height());
				});
			} else {
				//クリック時の自動スクロールを防ぐため、元の要素の高さを一時的に保持
				var currHeight = $('#tabBoxDefault').height();
				$('#tabBoxContainer').height(currHeight);
				$('#tabBoxDefault').fadeOut(100, function(){
					$('#' + boxID[i]).fadeIn(150);
					$('#tabBoxContainer').height($('#' + boxID[i]).height());
				});
			}
			currID = i;
		});
	});
	return false;
});