jQuery.noConflict();
jQuery(document).ready(function($){
	// ここでは、$はjQueryとして使えます。
	//jQuery Effect Section
	//Top::gateImg
	$('#gateImg').css({opacity:"0.5"});
	$('#gateImg').hover(function(){
		$(this).css({opacity:"1"});
	},function(){
		$(this).css({opacity:"0.5"});
	});
	//About
	$('#dlAboutSite').css({display:"none"});
	$('#dlAboutOwner').css({display:"none"});
	$('#dlAboutLinkTo').css({display:"none"});
	$('#h2AboutSite').hover(function(){
		$(this).css({color:"yellow"});
	},function(){
		$(this).css({color:"#d7003a"});
	});
	$('#h2AboutSite').click(function(){
		if($('#dlAboutSite').is(':visible')){
			$('#dlAboutSite').slideUp("fast");
		}else if($('#text').children().is(':visible')){
			$('#text').children(':visible').slideUp("fast",function(){
				$('#dlAboutSite').slideDown("fast");
			});
		}else{
			$('#dlAboutSite').slideDown("fast");
		}
	});
	$('#h2AboutOwner').hover(function(){
		$(this).css({color:"yellow"});
	},function(){
		$(this).css({color:"#d7003a"});
	});
	$('#h2AboutOwner').click(function(){
		if($('#dlAboutOwner').is(':visible')){
			$('#dlAboutOwner').slideUp("fast");
		}else if($('#text').children().is(':visible')){
			$('#text').children(':visible').slideUp("fast",function(){
				$('#dlAboutOwner').slideDown("fast");
			});
		}else{
			$('#dlAboutOwner').slideDown("fast");
		}
	});
	$('#h2AboutLinkTo').hover(function(){
		$(this).css({color:"yellow"});
	},function(){
		$(this).css({color:"#d7003a"});
	});
	$('#h2AboutLinkTo').click(function(){
		if($('#dlAboutLinkTo').is(':visible')){
			$('#dlAboutLinkTo').slideUp("fast");
		}else if($('#text').children().is(':visible')){
			$('#text').children(':visible').slideUp("fast",function(){
				$('#dlAboutLinkTo').slideDown("fast");
			});
		}else{
			$('#dlAboutLinkTo').slideDown("fast");
		}
	});
	//Works
	$('#graffiti').css({display:"none"});
	$('#abstract').css({display:"none"});
	$('#comics').css({display:"none"});
	$('#designsLog').css({display:"none"});
	$('#oldDohjins').css({display:"none"});
	$('#h2Graffiti').hover(function(){
		$(this).css({color:"yellow"});
	},function(){
		$(this).css({color:"#d7003a"});
	});
	$('#h2Graffiti').click(function(){
		if($('#text').children().is(':visible')){
			$('#text').children(':visible').slideUp("fast",function(){
				$('#graffiti').slideDown("fast");
			});
		}else{
			$('#graffiti').slideDown("fast");
		}
	});
	$('#h2Abstract').hover(function(){
		$(this).css({color:"yellow"});
	},function(){
		$(this).css({color:"#d7003a"});
	});
	$('#h2Abstract').click(function(){
		if($('#text').children().is(':visible')){
			$('#text').children(':visible').slideUp("fast",function(){
				$('#abstract').slideDown("fast");
			});
		}else{
			$('#abstract').slideDown("fast");
		}
	});
	$('#h2Comics').hover(function(){
		$(this).css({color:"yellow"});
	},function(){
		$(this).css({color:"#d7003a"});
	});
	$('#h2Comics').click(function(){
		if($('#text').children().is(':visible')){
			$('#text').children(':visible').slideUp("fast",function(){
				$('#comics').slideDown("fast");
			});
		}else{
			$('#comics').slideDown("fast");
		}
	});
	$('#h2DesignsLog').hover(function(){
		$(this).css({color:"yellow"});
	},function(){
		$(this).css({color:"#d7003a"});
	});
	$('#h2DesignsLog').click(function(){
		if($('#text').children().is(':visible')){
			$('#text').children(':visible').slideUp("fast",function(){
				$('#designsLog').slideDown("fast");
			});
		}else{
			$('#designsLog').slideDown("fast");
		}
	});
	$('#h2OldDohjins').hover(function(){
		$(this).css({color:"yellow"});
	},function(){
		$(this).css({color:"#d7003a"});
	});
	$('#h2OldDohjins').click(function(){
		if($('#text').children().is(':visible')){
			$('#text').children(':visible').slideUp("fast",function(){
				$('#oldDohjins').slideDown("fast");
			});
		}else{
			$('#oldDohjins').slideDown("fast");
		}
	});
	//
	$('#pEnableName').css({display:"none"});
	$('#enableName').click(function(){
		$('#pEnableName').toggle("fast");
	});
	$('#moreClap').hover(function(){
		$(this).css({color:"red"});
	},function(){
		$(this).css({color:"black"});
	});
	$('#moreClap').click(function(){
		$('#clapZone').toggle("fast");
	});
});
// ここでは、$はprototype.jsの動作をします。
//Clap Mortion
function ShowLength(str){
	if((140-(str.length))<0){
		document.getElementById("remainChar").innerHTML=140-(str.length);
		document.getElementById("remainChar").style.color="red";
	}else{
		document.getElementById("remainChar").innerHTML=140-(str.length);
		document.getElementById("remainChar").style.color="gray";
	}
}