////////////////////////////////////////////////
//
// util.js[ver1.1 080618]
//
////////////////////////////////////////////////

$(function(){

$("#main h3").wrapInner('<span></span>');
$("#main h4").wrapInner('<span></span>');

$('a.newwin').click(function(){
window.open(this.href, '_blank');
return false;
});

$('#content .case1 ul.small li').click(function(){
	    var className = $(this).attr("class");
		$('#content .case1 ul.big li').each(function(){
			var className2 = $(this).attr("class");
			if(className == className2){
				$(this).css("display","block");
			}else{
	    		$(this).css("display","none");
			}
		});
		return false;
});

$('#content .case2 ul.small li').click(function(){
	    var className = $(this).attr("class");
		$('#content .case2 ul.big li').each(function(){
			var className2 = $(this).attr("class");
			if(className == className2){
				$(this).css("display","block");
			}else{
	    		$(this).css("display","none");
			}
		});
		return false;
});

$('#content .case3 ul.small li').click(function(){
	    var className = $(this).attr("class");
		$('#content .case3 ul.big li').each(function(){
			var className2 = $(this).attr("class");
			if(className == className2){
				$(this).css("display","block");
			}else{
	    		$(this).css("display","none");
			}
		});
		return false;
});

$('#content .case4 ul.small li').click(function(){
	    var className = $(this).attr("class");
		$('#content .case4 ul.big li').each(function(){
			var className2 = $(this).attr("class");
			if(className == className2){
				$(this).css("display","block");
			}else{
	    		$(this).css("display","none");
			}
		});
		return false;
});

$('#content .case5 ul.small li').click(function(){
	    var className = $(this).attr("class");
		$('#content .case5 ul.big li').each(function(){
			var className2 = $(this).attr("class");
			if(className == className2){
				$(this).css("display","block");
			}else{
	    		$(this).css("display","none");
			}
		});
		return false;
});

$('#content .case6 ul.small li').click(function(){
	    var className = $(this).attr("class");
		$('#content .case6 ul.big li').each(function(){
			var className2 = $(this).attr("class");
			if(className == className2){
				$(this).css("display","block");
			}else{
	    		$(this).css("display","none");
			}
		});
		return false;
});

$('#content .case7 ul.small li').click(function(){
	    var className = $(this).attr("class");
		$('#content .case7 ul.big li').each(function(){
			var className2 = $(this).attr("class");
			if(className == className2){
				$(this).css("display","block");
			}else{
	    		$(this).css("display","none");
			}
		});
		return false;
});
});


