$(document).ready(function(){		
	$('.active').css({'display':'block'})
	shown=$('.slide.active').attr('id').split('slide-')[1];
	
	$('#thumbs a').click(function(){
		its=$(this).attr('id').split("thumb-")[1];
		if(its!=shown) {
			$("#slide-"+shown).removeClass('active').fadeOut();
			$("#slide-"+its).fadeIn().addClass('active').css({'display':'block'});
			$("a#thumb-"+shown).removeClass('current');
			$(this).addClass('current');
			shown=its;
		}
		return false;
	});		
			
	ts=$('#thumbs').width()/81;
	ds=9;
	
	$('#next-posts').click(function(){
		if(ts>9) {
			pos=$('#thumbs').position();
			if(ts-ds>=9) {
				ds+=9;
				$("#thumbs").animate({'left':pos.left-9*81+'px'},2000);
			} else if ((ts-ds>0) && (ts-ds<9)) {
				$("#thumbs").animate({'left':pos.left-(ts-ds)*81+'px'},2000);
				ds=ts;
			} else if (ts==ds) {
				ds=9;
				$("#thumbs").animate({'left':'0px'},2000);
			}
		}
		return false;
	});

	$('#prev-posts').click(function(){
		if (ts>9) {
			pos=$('#thumbs').position();
			rs=ds-9;
			if (rs==0) {
				$("#thumbs").animate({'left':pos.left-(ts-ds)*81+'px'},2000);
				ds=ts;
			} else if (rs>9) {
				$("#thumbs").animate({'left':pos.left+9*81+'px'},2000);
				ds-=9;
			} else if ((ds-9<0)||(ds-9<9)) {
				$("#thumbs").animate({'left':'0px'},2000);
				ds=9;
			}
		}
		return false;
	});
	
});