// JavaScript Document
$(document).ready(function(){
			var s_img;
			$("div.scrollable").scrollable({
				horizontal:true, 
				size:1});

$('img').each(function(){$(this).attr('title',$(this).attr('alt'))});
$('ul.navi li a').click(function(){
								 $('ul.navi li a').removeClass();
								 $(this).addClass('select');
								 });

//	
$('div.scrollable div img').click(function(){
			s_img=$(this);
			anim();
			return false;
			});


// init big image
$('div.scrollable div img:first').click();
			var bigimg=$('div#big img');
			var bigtitle=$('div#big_title');
			
			
			// custom animation 
			function anim(){
				$('div.scrollable div img').removeClass();
				s_img.addClass('select');
				$('div#big img').animate({'opacity':0.0},500,function(){change_img(s_img);});
				}
			// changing big image
			
			function change_img(s_img){
				var imgSrc = $(s_img).parent().attr('href');
				bigimg.attr('src', imgSrc);
				bigimg.ready(function(){bigimg.attr('alt',s_img.attr('alt'));
					bigtitle.html(s_img.attr('alt'));
					bigimg.animate({'opacity':1},1000);});	
				}
		

							   
});