<!-- footer setting -->
$(document).ready(function(){
	
	var startWidth=$("html").width();
	if(startWidth>1300){
		$("body").width("auto");
		$("div#content").width(1300-280);
		$("div#header").width(1300);
		$("div##container").width(1300);
		$("div#containerin").width("auto");
	}else if(startWidth>980){
		$("body").width("auto");
		$("div#header").width("auto");
		$("div#content").width($("html").width()-280);
		$("div##container").width("auto");
		$("div#containerin").width("auto");
	}else{		
		$("body").width(980);
		$("div#header").width(980);
		$("div#content").width($("body").width()-280);
		$("div##container").width("auto");
		$("div#containerin").width("auto");
	}
	
	
	function resizeContainer(e) {
		
		if($("html").width()>1300){
			$("body").width("auto");
			$("div#header").width(1300);
			$("div##container").width(1300);
			$("div#containerin").width("auto");
			$("div#content").width(1300-280);
		}else if($("html").width()>980){
			$("body").width("auto");
			$("div#header").width("auto");
			$("div##container").width("auto");
			$("div#containerin").width("auto");
			$("div#content").width($("html").width()-280);
		}else{
			$("body").width(980);
			$("div#header").width(980);
			$("div##container").width("auto");
			$("div#containerin").width("auto");
		}
		
	}
	$(window).bind("resize", resizeContainer);
	
	
	var nowYear="";
	var archiveHTML="";
	
	$("div#footer div#footerin div#archives p").each(function(){
		
		var thisYear=$(this).attr("class");
		var yearBox="";
		var yearsListBox="";
		
		
		// 年度の変わり目 divを閉じる
		if(nowYear!="" && thisYear!=nowYear){
			archiveHTML+='</ul><br class="clearb" /></div>';
		}
		
		// 年度はじめ
		if(thisYear!=nowYear){
			nowYear=thisYear;
			
			archiveHTML+='<div class="'+nowYear+'">';
			archiveHTML+='<h4>'+nowYear+'</h4>';
			archiveHTML+='<ul>';
			
		}
		
		
		archiveHTML+='<li>';
		archiveHTML+=$(this).html();
		archiveHTML+='</li>';
		
		
	});
	
	$("div#footer div#footerin div#archives").html(archiveHTML);
	
	
	// photo resize
	$("div#content div.text a img").each(function(){
		
		var parWH=0;
		var wid=$(this).width();
		var hei=$(this).height();
		
		if(wid>350){
			parHW=hei/wid;
			$(this).width(350);
			$(this).height(350*parHW);
		}
		
	});
	
	
	// fade button
	$("img.fade").hover(
	function(){
		$(this).fadeTo(200, 0.4);
	},
	function(){
		$(this).fadeTo(150, 1.0);
	}
	);

	
  
});