/*===================================================

	ロアッソ写真館用jQuery設定
	Author:	T.Inoue
	
====================================================*/

$(document).ready(function() {
						   
	// #day_listリストの最新４項目を読み込み
	$("#day_list #first ul").load("10-list.htm , li:lt(4)");
	
	// #day_listリストの５項目移行を#slidetoggleクリックで読み込み
	$("#slidetoggle").one("click", function(){
		$("#day_list #last ul").load("10-list.htm , li:gt(3)");
	});
	
	// #day_listの表示・非表示
	$("#day_list #last").hide();
	
	$("#slidetoggle").click(function () {
		$(this).toggleClass("select");
		$("#day_list #last").slideToggle(300);
	});
		
		// #slidetoggleのマウスオーバー偽装
		$("#slidetoggle").hover(function(){
			$(this).css("cursor","pointer");
		},function(){
			$(this).css("cursor","default");
		});
	
	// #photoのli要素にマウスオーバーした時の処理
	$("#photo li").hover(function() {
		$(this).siblings().stop().fadeTo(300,0.2); // 兄弟要素全て、即座に300ミリ秒かけて、opacity0.2まで変化
	}, function() {
		$(this).siblings().stop().fadeTo(300,1); //　戻す
	});
	
	// ceebox設定
	$("#photo ul").ceebox();
		
});