$(document).ready(function(){
	///*
	// tab click observer
	$('.tabs a').click(function(evt){
		evt.preventDefault();
		$(this).parent().find('a').removeClass('active');
		$(this).addClass('active');
		rel = $(this).attr('href').replace('#', '');
		cur = $(this).parent().next().find('.tab:visible');
		tab = $(this).parent().next().find('.tab[rel="'+rel+'"]');
		box = $(this).closest('.box');
		ch = cur.height();
		th = tab.height();
		if(ch<=th) off = '+='+(th-ch);
		else       off = '-='+(ch-th);
		box.animate(
			{height:off+'px'},
			{queue:false, duration:500}
		);
		$(this).parent().next().find('.tab').hide('slow');
		tab.show('slow');
	});
	// tab basic setup
	$('.tabs_cont').find('.tab').hide();
	$('.tabs').find('a:first').addClass('active');
	$('.tabs_cont').find('.tab:first').show();
	// */
	$('#prev, #next').css('opacity', 0.05);
	$('#prev, #next').hover(function(){
		$(this).css('opacity', 0.9);	
	}, function(){
		$(this).css('opacity', 0.05);	
	});
});
