$(document).ready(function(){
$('#panel_1,#panel_2,#panel_3').click(function() {
	$('#panels a').removeClass('active');
	$(this).addClass('active');
	var attr = $(this).attr('rel');
	$('#contents .boxes').hide();
	$('.'+attr).fadeIn();
});
$('#panels a.active').trigger('click');
$('.box img').css('opacity',0.6);
$('.box').hover(
	function() {
		$(this).find('img').stop().animate({ opacity: 1 }, 900 );
	},
	function() {
		$(this).find('img').stop().animate({ opacity: 0.6 }, 900 );
	});
$('.hover').hover(
	function() {
		$(this).stop().animate({ opacity: 0.7 }, 900 );
	},
	function() {
		$(this).stop().animate({ opacity: 1 }, 900 );
	});

$('.in_icon').hover(
	function() {
		$('.in_help').show();
	},
	function() {
		$('.in_help').hide();
	});
$('.f_icon').hover(
	function() {
		$('.f_help').show();
	},
	function() {
		$('.f_help').hide();
	});
$('.t_icon').hover(
	function() {
		$('.t_help').show();
	},
	function() {
		$('.t_help').hide();
	});
$('.s_icon').hover(
	function() {
		$('.s_help').show();
	},
	function() {
		$('.s_help').hide();
	});
});