var ct; // category class
var fileAlt;

$(function(){
	var fileName;
	$('.gallery #area-main ul.thumbnail li').css('display','none');
	$('.gallery #main-photo img').attr('src','img/gallery/first.jpg');
	$('.gallery #main-photo img').attr('alt','Enjoy one of my world. 右のカテゴリアイコンをクリックしてご覧ください。');

// viewThumbnail (click navigation)
	$('.gallery #area-sub ul.nav a').live('click',function(){
		ct=$(this).closest('li').attr('class');
		$('.gallery #area-main ul.thumbnail li').css('display','none');
		$('.gallery #area-main ul.thumbnail li.'+ct).css('display','block');
		fileName=$('.gallery #area-main ul.thumbnail li.'+ct+':first').find('img').attr('src');
		fileAlt=$('.gallery #area-main ul.thumbnail li.'+ct+':first').find('img').attr('alt');
		viewPhoto(fileName);
		return false;
	});

// viewPhoto (click thumbnail)
	$('.gallery #area-main ul.thumbnail li img').live('click',function(){
		fileName=$(this).attr('src');
		fileAlt=$(this).attr('alt');
		viewPhoto(fileName);
	});

});

function viewPhoto(f){
	$('.gallery #area-main ul.thumbnail li').fadeTo('1', 0.65);
	mainFile=f.replace('tm-','');
	$('.gallery #main-photo img').attr('src',mainFile);
	$('.gallery #main-photo img').attr('alt',fileAlt);
	var $pt=$('.gallery #area-main ul.thumbnail img[src$="'+f+'"]');
	$pt.closest('li').fadeTo('1', 1);
	var prevFile=$pt.closest('li').prev('li.'+ct).find('img').attr('src');
	if(prevFile){
		$('.gallery #area-main div.nav p.prev').replaceWith('<p class="prev"><a href="javascript:viewPhoto(\''+prevFile+'\')">prev</a></p>');
	}else{
		$('.gallery #area-main div.nav p.prev').replaceWith('<p class="prev">&nbsp;</p>');
	}
	var nextFile=$pt.closest('li').next('li.'+ct).find('img').attr('src');
	if(nextFile){
		$('.gallery #area-main div.nav p.next').replaceWith('<p class="next"><a href="javascript:viewPhoto(\''+nextFile+'\')">next</a></p>');
	}else{
		$('.gallery #area-main div.nav p.next').replaceWith('<p class="next">&nbsp;</p>');
	}
}