$(document).ready(function() {

	$('#genre-0').click(function() {
		$('#menu-light').css('left', 0);
		$('#menu-light').css('width', 110);
		$('#menu-light div').css('width', 100);
		$('.genre-menu a').removeClass('selected-genre');
		$('#genre-0').addClass('selected-genre');
		showGenreTab(0);
	});

	$('#genre-1').click(function() {
		$('#menu-light').css('left', 107);
		$('#menu-light').css('width', 115);
		$('#menu-light div').css('width', 105);
		$('.genre-menu a').removeClass('selected-genre');
		$('#genre-1').addClass('selected-genre');
		showGenreTab(1);
	});
	$('#genre-2').click(function() {
		$('#menu-light').css('left', 220);
		$('#menu-light').css('width', 115);
		$('#menu-light div').css('width', 105);
		$('.genre-menu a').removeClass('selected-genre');
		$('#genre-2').addClass('selected-genre');
		showGenreTab(2);
	});

	$('#genre-3').click(function() {
		$('#menu-light').css('left', 335);
		$('#menu-light').css('width', 80);
		$('#menu-light div').css('width', 70);
		$('.genre-menu a').removeClass('selected-genre');
		$('#genre-3').addClass('selected-genre');
		showGenreTab(3);
	});

	$('#genre-4').click(function() {
		$('#menu-light').css('left', 412);
		$('#menu-light').css('width', 80);
		$('#menu-light div').css('width', 70);
		$('.genre-menu a').removeClass('selected-genre');
		$('#genre-4').addClass('selected-genre');
		showGenreTab(4);
	});

	$('#genre-5').click(function() {
		$('#menu-light').css('left', 490);
		$('#menu-light').css('width', 83);
		$('#menu-light div').css('width', 73);
		$('.genre-menu a').removeClass('selected-genre');
		$('#genre-5').addClass('selected-genre');
		showGenreTab(5);
	});

	$('#genre-6').click(function() {
		$('#menu-light').css('left', 575);
		$('#menu-light').css('width', 75);
		$('#menu-light div').css('width', 65);
		$('.genre-menu a').removeClass('selected-genre');
		$('#genre-6').addClass('selected-genre');
		showGenreTab(6);
	});

});

function showGenreTab(id) {
	$('#genre-0-tab').hide();
	$('#genre-1-tab').hide();
	$('#genre-2-tab').hide();
	$('#genre-3-tab').hide();
	$('#genre-4-tab').hide();
	$('#genre-5-tab').hide();
	$('#genre-6-tab').hide();
	$('#genre-7-tab').hide();
	$('#genre-' + id + '-tab').show();
}