$(document).ready(function(){
	
	//#wrapperの大きさ（-40は#contentのpadding）
	var logos_width = $("#rap").width() - $("#sidebar_right").width() - 50;
	
	//#logosの大きさをlogos_widthに設定
	$("#logos").width(logos_width);

	//$alert($("#content").css("PaddingLeft"));
	
});

$(window).resize(function(){
						  
	//#wrapperの大きさ（-40は#contentのpadding）
	var logos_width = $("#rap").width() - $("#sidebar_right").width() - 50;
	//alert(logos_width);
	
	//#logosの大きさをlogos_widthに設定
	$("#logos").width(logos_width);
	
});


//onloadイベント(Chromeが画像読み込み前にreadyになるため、画像load後に処理
jQuery.event.add(window, "load", function(){

	//scrllアニメーション
	anim_loop();

}); //End of jQuery.event.add


function anim_loop(){
	
	//100pxをスクロールするのにかかる時間(ms)
	var move_time = 2000;

	//最初のロゴの大きさを取得
	var logo_width = $("#logos_box h2:first").outerWidth({margin: true});

	//最初のロゴ分をスクロール
	$("#logos").animate({scrollLeft: (logo_width) + 'px'}, (logo_width / 100 * move_time), "linear", 
		
		(function(){ //スクロール終了後の処理
			$("#logos_box h2:first").appendTo("#logos_box");
			$("#logos").scrollLeft(0);
			anim_loop();
			
		}) //スクロール終了後の処理ここまで
		
	); //スクロールここまで
	
}