/*
 * THUMBNAIL ALBUM
 * Copyright 2009-2010 Ameya
 */

$(document).ready(function() {
	if($.browser.msie && $.browser.version=="6.0") {
		var ie6 = true;
	}
	$('.thumbnail').click(function(){
		$('.on').removeClass('on').find('img').each(function(){
			var src = $(this).attr('src');
			$(this).attr('src',src.replace('_on.','.'));
			if (!$(this).hasClass('rollover')) addRollOver(this);
			$(this).attr('originalSrc',$(this).attr('src'));
		});
		$(this).addClass('on').find('img').each(function() {
			var src = $(this).attr('src');
			$(this).attr('src',src.replace('_on.','.').replace(/(\.\w+)$/,'_on$1'));
			$(this).attr('originalSrc',$(this).attr('src'));
		});
		var bigsrc = $(this).find('img').attr('src');
		bigsrc = bigsrc.replace('/sum','_big/').replace('_on','');
		$('#main_photo').attr('src',bigsrc);

		if ($('.thumbnail:last').hasClass('on')) {
			//$('#btnnext').removeAttr('href').find('img').attr('src','image/btn_next_off.gif').removeClass('rollover').unbind('mouseover').unbind('mouseout');
			var nextpage = $('#main_02 table:first td:first ul:first img:not(.rollover)').parents('li').next().find('a').attr('href');
			if (nextpage) {
				if (!$('#btnnext img').hasClass('rollover')) addRollOver($('#btnnext img'));
				$('#btnnext').attr('href',nextpage).unbind('click').find('img').attr('src','image/btn_next.gif').attr('originalSrc','image/btn_next.gif').attr('hoverSrc','image/btn_next_on.gif');
			} else {
				$('#btnnext').removeAttr('href').find('img').attr('src','image/btn_next_off.gif').removeClass('rollover').unbind('mouseover').unbind('mouseout');
			}
		} else {
			if (!$('#btnnext img').hasClass('rollover')) addRollOver($('#btnnext img'));
			$('#btnnext').attr('href','#').unbind('click').click(clickNextButton).find('img').attr('src','image/btn_next.gif').attr('originalSrc','image/btn_next.gif').attr('hoverSrc','image/btn_next_on.gif');
		}
		if ($('.thumbnail:first').hasClass('on')) {
			$('#btnprev').removeAttr('href').find('img').attr('src','image/btn_prev_off.gif').removeClass('rollover').unbind('mouseover').unbind('mouseout');
		} else {
			if (!$('#btnprev img').hasClass('rollover')) addRollOver($('#btnprev img'));
			$('#btnprev').attr('href','#').find('img').attr('src','image/btn_prev.gif').attr('originalSrc','image/btn_prev.gif').attr('hoverSrc','image/btn_prev_on.gif');
		}

		return false;
	});
	$('#btnprev').click(function(){
		for (var i=1;i<$('.thumbnail').size();i++) {
			if ($('.thumbnail').slice(i,i+1).hasClass('on')) {
				$('.thumbnail').slice(i-1,i).click();
				break;
			}
		}
		return false;
	});
	$('#btnnext').click(clickNextButton);
});

function clickNextButton() {
	for (var i=0;i<$('.thumbnail').size()-1;i++) {
		if ($('.thumbnail').slice(i,i+1).hasClass('on')) {
			$('.thumbnail').slice(i+1,i+2).click();
			break;
		}
	}
	return false;
}

function addRollOver(jq){
	$(jq).addClass('rollover');

	var imgout = $(jq).attr("src").replace('_on','').replace('_off','');
	var imgovr = imgout.replace('.gif', overImg+'.gif').replace('.jpg', overImg+'.jpg').replace('.png', overImg+'.png');
	if(ie6 && IEPNGFIX && $(jq).hasClass('png')) {
		IEPNGFIX.hover(jq, imgovr);
	}else{
		$(jq).mouseover(function(){ $(jq).attr("src", imgovr); });
		$(jq).mouseout(function(){ if ($(jq).parent().hasClass('on')) {$(jq).attr("src", imgovr);} else {$(jq).attr("src", imgout);} });
	}
}