$(document).ready(function() {
	
	// toggle subnav
	$('#nav a[class^="n_"]').click(function() {
		var clicked = $(this).attr('rel');
		if ($('#subnav').hasClass('active') && $(this).hasClass('sel')) {
			closeSubnav(clicked);
		} else if ($('#subnav').hasClass('active')) {
			toggleSubnav(clicked);
		} else {
			$('#sub_'+clicked).show();
			openSubnav(clicked);
		}
		return false;
	});
	
	// show thumbs
	$('.ss_toggle a').click(function() {
		if ($('#thumbs').hasClass('active')) {
			closeThumbs();
		} else {
			openThumbs();
		}
		return false;
	});
	
	// thumbnail hover effect
	$('#thumbs ul li a').hover(function() {
		$(this).children().animate({opacity: 0.4}, 500);
		$(this).animate({'backgroundColor':'#e01d18'}, 500);
	}, function() {
		$(this).children().animate({opacity: 1.0}, 500);
		$(this).animate({'backgroundColor':'#e8e6e6'}, 500);
	});
});

$(window).load(function() {
	// body click to hide the subnavigation
	$('body').bind('click', function() {
		closeSubnav();
	});
});

function toggleSubnav(clicked) {
	$('.s_division').hide();
	$('#sub_'+clicked).show();
	$('#nav ul li a').removeClass('sel');
	$('#nav a.n_'+clicked).addClass('sel');
}

function openSubnav(clicked) {
	$('#subnav').animate({marginTop: '0'}, 'slow', 'easeOutCubic');
	$('#subnav').addClass('active');
	$('#nav .n_' + clicked).addClass('sel');
}

function closeSubnav(clicked) {
	$('#subnav').animate({marginTop: '-220px'}, 'slow', 'easeInCubic', function() {
		$('.s_division').hide();
	});
	$('#subnav').removeClass('active');
	$('#nav .n_' + clicked).removeClass('sel');
}

function closeThumbs() {
	$('#thumbs').animate({marginTop: '613px'}, 'slow', 'easeInCubic');
	$('#thumbs').removeClass('active');
	$('.ss_toggle a').removeClass('sel');
	$('#ss_prev').show();
	$('#ss_next').show();
}
function openThumbs() {
	$('#thumbs').animate({marginTop: '0px'}, 'slow', 'easeOutCubic');
	$('#thumbs').addClass('active');
	$('.ss_toggle a').addClass('sel');
	$('#ss_prev').hide();
	$('#ss_next').hide();
}