$(document).ready(function(){

	$('#background').fadeIn(2000);
	$("#menu").fadeIn(3000,"swing")
	$('.submenu:not(.submenu-open)') .addClass('submenu-closed') .parents('li') .children('ul') .hide(0)
	$('.menutop2') .addClass('menutop2-closed').hide(0) 
	$('.menutop3') .addClass('menutop3-closed').hide(0)
	$('#player') .addClass('player-closed').hide(0)	
	$('#comments') .addClass('comments-closed').hide(0)	
	$('#visuals-first') .hide(0).addClass('visuals-first-closed')
	$('#visuals-second') .hide(0).addClass('visuals-second-closed')
	$('#visuals-third') .hide(0).addClass('visuals-third-closed')
	$('.visuals1') .hide(0).addClass('visuals-closed')
	$('.visuals2') .hide(0).addClass('visuals-closed')
	$('.visuals3') .hide(0).addClass('visuals-closed')
	$('#like') .addClass('like-closed').hide(0)	
	$('#content-visuals') .addClass('visuals-closed').hide(0)
	$('.menutop1') .click(function(){
			$('.menutop2') .removeClass('menutop2-closed').addClass('menutop2-open').slideDown(500) 
			$('.menutop3') .removeClass('menutop3-closed').addClass('menutop3-open').slideDown(500)
			$('#player') .removeClass('player-closed').addClass('player-open').slideDown(500)			
			$('.menutop1') .css('border-top','1px solid #CCC')
			$('.bg') .attr("src","css/backgrounds/background_site1.jpg")
			$('#like').slideDown(500).removeClass('like-closed').addClass('like-open')			
		if ($(this) .hasClass('submenu_closed')) {		
			$(this) .addClass('submenu_open').removeClass('submenu_closed').parents('li') .children('ul') .slideUp(250);
		}else{
			$(this) .addClass('submenu_closed').removeClass('submenu_open')
			$(this) .parents('li') .children('ul') .slideDown(500);}
		if ($('.menutop2') .hasClass('submenu_closed')) {		
			$('.menutop2') .addClass('submenu_open').removeClass('submenu_closed').parents('li') .children('ul') .slideUp(250);}
		if ($('.menutop3') .hasClass('submenu_closed')) {		
			$('.menutop3') .addClass('submenu_open').removeClass('submenu_closed').parents('li') .children('ul') .slideUp(250);}
								   })
	$('.menutop2') .click(function(){
			$('.bg') .attr("src","css/backgrounds/background_site2.jpg")
		if ($(this) .hasClass('submenu_closed')) {		
			$(this) .addClass('submenu_open').removeClass('submenu_closed').parents('li') .children('ul') .slideUp(250);
		}else{
			$(this) .addClass('submenu_closed').removeClass('submenu_open')
			$(this) .parents('li') .children('ul') .slideDown(500);}
		if ($('.menutop1') .hasClass('submenu_closed')) {		
			$('.menutop1') .addClass('submenu_open').removeClass('submenu_closed').parents('li') .children('ul') .slideUp(250);}
		if ($('.menutop3') .hasClass('submenu_closed')) {		
			$('.menutop3') .addClass('submenu_open').removeClass('submenu_closed').parents('li') .children('ul') .slideUp(250);}
								   })
	$('.menutop3') .click(function(){
			$('.bg') .attr("src","css/backgrounds/background_site3.jpg")
		if ($(this) .hasClass('submenu_closed')) {		
			$(this) .addClass('submenu_open').removeClass('submenu_closed').parents('li') .children('ul') .slideUp(250);
		}else{
			$(this) .addClass('submenu_closed').removeClass('submenu_open')
			$(this) .parents('li') .children('ul') .slideDown(500);}
		if ($('.menutop1') .hasClass('submenu_closed')) {		
			$('.menutop1') .addClass('submenu_open').removeClass('submenu_closed').parents('li') .children('ul') .slideUp(250);}
		if ($('.menutop2') .hasClass('submenu_closed')) {		
			$('.menutop2') .addClass('submenu_open').removeClass('submenu_closed').parents('li') .children('ul') .slideUp(250);}
								   })
$('.visuals1').click(function(){
		if($('#visuals-first').hasClass('visuals-first-closed')){					  
		$('#visuals-first').removeClass('visuals-first-closed').slideDown(500).addClass('visuals-first-open')
							  }
		else($('#visuals-first').addClass('visuals-first-closed').slideUp(500).removeClass('visuals-first-open')
																							 )
		if($('#visuals-second').hasClass('visuals-second-open'))
		$('#visuals-second').addClass('visuals-second-closed').slideUp(500).removeClass('visuals-second-open')

		if($('#visuals-third').hasClass('visuals-third-open'))
		$('#visuals-third').addClass('visuals-third-closed').slideUp(500).removeClass('visuals-third-open')})

$('.visuals2').click(function(){
		if($('#visuals-second').hasClass('visuals-second-closed')){					  
		$('#visuals-second').removeClass('visuals-second-closed').slideDown(500).addClass('visuals-second-open')
							  }
		else($('#visuals-second').addClass('visuals-second-closed').slideUp(500).removeClass('visuals-second-open')
																							 
																							)
		
		if($('#visuals-third').hasClass('visuals-third-open'))
		$('#visuals-third').addClass('visuals-third-closed').slideUp(500).removeClass('visuals-third-open')
		
		if($('#visuals-first').hasClass('visuals-first-open'))
		$('#visuals-first').addClass('visuals-first-closed').slideUp(500).removeClass('visuals-first-open')
		$('#player').stopVideo()})


$('.visuals3').click(function(){
		if($('#visuals-third').hasClass('visuals-third-closed')){					  
		$('#visuals-third').removeClass('visuals-third-closed').slideDown(500).addClass('visuals-third-open')
							  }
		else($('#visuals-third').addClass('visuals-third-closed').slideUp(500).removeClass('visuals-third-open')
																							 
																							)
		if($('#visuals-second').hasClass('visuals-second-open'))
		$('#visuals-second').addClass('visuals-second-closed').slideUp(500).removeClass('visuals-second-open')
		
		if($('#visuals-first').hasClass('visuals-first-open'))
		$('#visuals-first').addClass('visuals-first-closed').slideUp(500).removeClass('visuals-first-open')})
							   
	var sections = $("a");
	var content = $("#content");

sections.click(function(){
	switch(this.id){
		case "introduction1":
		if (content.hasClass('introduction1')){}
		else{
			content.addClass('introduction1');
			content.removeClass("biography").removeClass("visuals").removeClass("contact").removeClass("introduction").removeClass("chapter_one").removeClass("chapter_two").removeClass("chapter_three").removeClass("making_of").removeClass("order").removeClass("preview").removeClass("blog");
			$('#comments').fadeOut(500).addClass('comments-closed').removeClass('comments-open')
			content.fadeOut(500, function(){
			content.load("sections.html #section_introduction1")})
			content.fadeIn(500);
			$('#content-visuals') .addClass('visuals-closed').removeClass('visuals-open').hide(0)}
			break;
		case "blog":
		if (content.hasClass('blog')){}
		else{
			content.addClass('blog');
			content.removeClass("biography").removeClass("visuals").removeClass("contact").removeClass("introduction").removeClass("chapter_one").removeClass("chapter_two").removeClass("chapter_three").removeClass("making_of").removeClass("order").removeClass("preview").removeClass("introduction1");
			content.fadeOut(500, function(){
			content.load("sections.html #section_blog")})
			content.fadeIn(500);
			$('#content-visuals') .addClass('visuals-closed').removeClass('visuals-open').hide(0)
			$('#comments').delay(800).fadeIn(1000).addClass('comments-open').removeClass('comments-closed')}
			break;
		case "biography":
		if (content.hasClass("biography")){}
		else{
			content.addClass("biography");
			content.removeClass("blog").removeClass("visuals").removeClass("contact").removeClass("introduction").removeClass("chapter_one").removeClass("chapter_two").removeClass("chapter_three").removeClass("making_of").removeClass("order").removeClass("preview").removeClass("introduction1");
			$('#comments').fadeOut(500).addClass('comments-closed').removeClass('comments-open')
			$('#content-visuals') .addClass('visuals-closed').removeClass('visuals-open').hide(0)
			content.fadeOut(500, function(){
			content.load("sections.html #section_biography")})
			content.fadeIn(500);}
			break;
		case "visuals":
		if (content.hasClass("visuals")){}
		else{
			content.addClass("visuals");
			content.removeClass("biography").removeClass("blog").removeClass("contact").removeClass("introduction").removeClass("chapter_one").removeClass("chapter_two").removeClass("chapter_three").removeClass("making_of").removeClass("order").removeClass("preview").removeClass("introduction1");
			$('#comments').fadeOut(500).addClass('comments-closed').removeClass('comments-open')
			content.fadeOut(500, function(){
			$('.visuals1') .removeClass('visuals-closed').addClass('visuals-open').slideDown(500)
			$('.visuals2') .removeClass('visuals-closed').addClass('visuals-open').slideDown(500)
			$('.visuals3') .removeClass('visuals-closed').addClass('visuals-open').slideDown(500)			
			$('#content-visuals') .removeClass('visuals-closed').addClass('visuals-open').show(0)
			content.load("sections.html #section_visuals")})
			content.fadeIn(500);}
			break;
		case "contact":
		if (content.hasClass("contact")){}
		else{
			content.addClass("contact");
			content.removeClass("biography").removeClass("visuals").removeClass("blog").removeClass("introduction").removeClass("chapter_one").removeClass("chapter_two").removeClass("chapter_three").removeClass("making_of").removeClass("order").removeClass("preview").removeClass("introduction1");
			$('#comments').fadeOut(500).addClass('comments-closed').removeClass('comments-open')
			$('#content-visuals') .addClass('visuals-closed').removeClass('visuals-open').hide(0)			
			content.fadeOut(500, function(){
			content.load("sections.html #section_contact")})
			content.fadeIn(500);}
			break;
		case "introduction":
		if (content.hasClass("introduction")){}
		else{
			content.addClass("introduction");
			content.removeClass("biography").removeClass("visuals").removeClass("contact").removeClass("blog").removeClass("chapter_one").removeClass("chapter_two").removeClass("chapter_three").removeClass("making_of").removeClass("order").removeClass("preview").removeClass("introduction1");
			$('#comments').fadeOut(500).addClass('comments-closed').removeClass('comments-open')
			$('#content-visuals') .addClass('visuals-closed').removeClass('visuals-open').hide(0)			
			content.fadeOut(500, function(){
			content.load("sections.html #section_introduction")})
			content.fadeIn(500);}
			break;
		case "chapter_one":
		if (content.hasClass("chapter_one")){}
		else{
			content.addClass("chapter_one");
			content.removeClass("biography").removeClass("visuals").removeClass("contact").removeClass("introduction").removeClass("blog").removeClass("chapter_two").removeClass("chapter_three").removeClass("making_of").removeClass("order").removeClass("preview").removeClass("introduction1");
			$('#comments').fadeOut(500).addClass('comments-closed').removeClass('comments-open')
			$('#content-visuals') .addClass('visuals-closed').removeClass('visuals-open').hide(0)			
			content.fadeOut(500, function(){
			content.load("sections.html #section_chapter_one")})
			content.fadeIn(500);}
			break;
		case "chapter_two":
		if (content.hasClass("chapter_two")){}
		else{
			content.addClass("chapter_two");
			content.removeClass("biography").removeClass("visuals").removeClass("contact").removeClass("introduction").removeClass("chapter_one").removeClass("blog").removeClass("chapter_three").removeClass("making_of").removeClass("order").removeClass("preview").removeClass("introduction1");
			$('#comments').fadeOut(500).addClass('comments-closed').removeClass('comments-open')
			$('#content-visuals') .addClass('visuals-closed').removeClass('visuals-open').hide(0)			
			content.fadeOut(500, function(){
			content.load("sections.html #section_chapter_two")})
			content.fadeIn(500);}
			break;
		case "chapter_three":
		if (content.hasClass("chapter_three")){}
		else{
			content.addClass("chapter_three");
			content.removeClass("biography").removeClass("visuals").removeClass("contact").removeClass("introduction").removeClass("chapter_one").removeClass("chapter_two").removeClass("blog").removeClass("making_of").removeClass("order").removeClass("preview").removeClass("introduction1");
			$('#comments').fadeOut(500).addClass('comments-closed').removeClass('comments-open')
			$('#content-visuals') .addClass('visuals-closed').removeClass('visuals-open').hide(0)			
			content.fadeOut(500, function(){
			content.load("sections.html #section_chapter_three")})
			content.fadeIn(500);}
			break;
		case "making_of":
		if (content.hasClass("making_of")){}
		else{
			content.removeClass("biography").removeClass("visuals").removeClass("contact").removeClass("introduction").removeClass("chapter_one").removeClass("chapter_two").removeClass("chapter_three").removeClass("blog").removeClass("order").removeClass("preview").removeClass("introduction1");
			$('#comments').fadeOut(500).addClass('comments-closed').removeClass('comments-open')
			$('#content-visuals') .addClass('visuals-closed').removeClass('visuals-open').hide(0)			
			content.fadeOut(500, function(){
			content.load("sections.html #section_making_of")})
			content.fadeIn(500);}
			break;
		case "order":
		if (content.hasClass("order")){}
		else{
			content.removeClass("biography").removeClass("visuals").removeClass("contact").removeClass("introduction").removeClass("chapter_one").removeClass("chapter_two").removeClass("chapter_three").removeClass("making_of").removeClass("blog").removeClass("preview").removeClass("introduction1");
			$('#comments').fadeOut(500).addClass('comments-closed').removeClass('comments-open')
			$('#content-visuals') .addClass('visuals-closed').removeClass('visuals-open').hide(0)			
			content.fadeOut(500, function(){
			content.load("sections.html #section_order")})
			content.fadeIn(500);
			content.addClass("order");}
			break;
		case "preview":
		if (content.hasClass("preview")){}
		else{
			content.removeClass("biography").removeClass("visuals").removeClass("contact").removeClass("introduction").removeClass("chapter_one").removeClass("chapter_two").removeClass("chapter_three").removeClass("making_of").removeClass("order").removeClass("blog").removeClass("introduction1");
			$('#comments').fadeOut(500).addClass('comments-closed').removeClass('comments-open')
			$('#content-visuals') .addClass('visuals-closed').removeClass('visuals-open').hide(0)			
			content.fadeOut(500, function(){
			content.load("sections.html #section_preview")})
			content.fadeIn(500);
			content.addClass("preview");}
			break;}
						})
})