// JavaScript Document

(function($){
	$(document).ready(function(){
		
		$("#content .index_box01 ul li a img").show();
		$("#content .index_box01 ul li a img").animate({opacity: 0.0}, 0 );
		$("#content .index_box01 ul li a").hover(
				function(){
					$(this).children("img").stop().animate({opacity: 1.0}, 300 );
				},
				function(){
					$(this).children("img").stop().animate({opacity: 0.0}, 300 );
				}
		);
		
		$("#content .development_box01 .cli01").click(
			 function(){
				$("#content .development_box01 ul .li01").fadeIn(300);
			 }
		 );
		$("#content .development_box01 .cli02").click(
			 function(){
				$("#content .development_box01 ul .li02").fadeIn(300);
			 }
		 );
		$("#content .development_box01 .cli03").click(
			 function(){
				$("#content .development_box01 ul .li03").fadeIn(300);
			 }
		 );
		$("#content .development_box01 .cli04").click(
			 function(){
				$("#content .development_box01 ul .li04").fadeIn(300);
			 }
		 );
		$("#content .development_box01 .cli05").click(
			 function(){
				$("#content .development_box01 ul .li05").fadeIn(300);
			 }
		 );
		$("#content .development_box01 .cli06").click(
			 function(){
				$("#content .development_box01 ul .li06").fadeIn(300);
			 }
		 );
		$("#content .development_box01 .closebutton").click(
			 function(){
				$("#content .development_box01 ul li").fadeOut(300);
			 }
		 );

		
	});
})(jQuery);