// JavaScript Document
function animate_element(){  
	$("#element").animate({left:"+=100px"},1000)  
	//elementを相対的に左100pxまで1000ミリ秒かけて移動  
				 .animate({left:"-=100px"}, 1000)  
	//elementを相対的に左から-100pxまで1000ミリ秒かけて移動  
	setTimeout("element()",2000);  
	//2000ミリ秒後に動作を繰り返します。  
}  

function showreel_raft(){  
//	$("#LatestShowreel").animate({opacity:".7"},1000).animate({opacity:"1"},1000);  
	//#LatestShowreelのopacity（透過濃度）に変化を与える  
       
	$("#Bubble2").animate({top:"-=5px"},1000).animate({top:"+=5px"}, 1000);  
	//#Bubble2の位置を-5pxに1000ミリ秒で移動させ、その後+5pxに1000ミリ秒で移動  
	$("#Bubble1").animate({top:"+=3px"},500).animate({top:"-=3px"}, 500);  
	$("#Bubble1").animate({top:"-=3px"},500).animate({top:"+=3px"}, 500);  
	$("#LatestShowreel").animate({top:"-=3px",opacity:".7"},500).animate({top:"+=3px",opacity:"1"}, 500);  
	$("#LatestShowreel").animate({top:"+=3px",opacity:"1"},500).animate({top:"-=3px",opacity:".7"}, 500);  

	setTimeout("showreel_raft()",2000);  
}
$(document).ready(function() {
	setTimeout("showreel_raft()",300);  
	//いきなり動かないように300ミリ秒後にanimationを開始させます  
});