$(document).ready(function() {
	
	var nodes = $('.content_node');
	
	nodes.each(function() {
		if($(this).hasClass('featured')) {
			$(this).removeClass('hidden');
		} else {
			$(this).addClass('hidden');
		}
	});
	
	var flash = $('#flasher');
	flash.fadeOut('fast');
	
	var lis = $('ul.nav li');
	
	lis.mouseover(function() {	
		$(this).css("cursor","pointer");
	});

	var work = $('ul.layer-1 li.op-1');
		var works = $('ul.layer-2.op-1');
			var museum = $('ul.layer-2.op-1 li.op-1');
			var interactive = $('ul.layer-2.op-1 li.op-2');
			var design = $('ul.layer-2.op-1 li.op-3');
		
	var play = $('ul.layer-1 li.op-2');
		var plays = $('ul.layer-2.op-2');
			var programming = $('ul.layer-2.op-2 li.op-1');
			var music = $('ul.layer-2.op-2 li.op-2');
			
			
	var info = $('ul.layer-1 li.op-3');
		var infos = $('ul.layer-2.op-3');
			var about = $('ul.layer-2.op-3 li.op-1');
			var contact = $('ul.layer-2.op-3 li.op-2');
			var resume = $('ul.layer-2.op-3 li.op-3');
			
			
//////////////////////////////////  menu showing hiding ///////////////////////////
	
	work.click(function() {
		$('ul.layer-2').each(function() {
			$(this).addClass("hidden");
		});
		
		play.removeClass("active");
		info.removeClass("active");
		
		works.removeClass("hidden");
		work.addClass("active");
	});
	
	play.click(function() {
		$('ul.layer-2').each(function() {
			$(this).addClass("hidden");
		});
		
		info.removeClass("active");
		work.removeClass("active");
		
		plays.removeClass("hidden");
		play.addClass("active");	
	});
	
	info.click(function() {
		$('ul.layer-2').each(function() {
			$(this).addClass("hidden");
		});
		
		work.removeClass("active");
		play.removeClass("active");
		
		infos.removeClass("hidden");
		info.addClass("active");
	});
	
	
////////////////////////////////// animations etc. for layer-2 li clicks ///////////////////////////////
	
	museum.click(function() {
		flash.fadeIn('slow' , function() {
			nodes.each(function() {
				if($(this).hasClass('museum')) {
					$(this).removeClass('hidden');
				} else {
					$(this).addClass('hidden');
				}
			});
			
			flash.fadeOut('slow');
		});
	});
	
	interactive.click(function() {
		flash.fadeIn('slow' , function() {
			nodes.each(function() {
				if($(this).hasClass('interactive')) {
					$(this).removeClass('hidden');
				} else {
					$(this).addClass('hidden');
				}
			});
			
			flash.fadeOut('slow');
		});
	});
	
	design.click(function() {
			flash.fadeIn('slow' , function() {
				nodes.each(function() {
					if($(this).hasClass('design')) {
						$(this).removeClass('hidden');
					} else {
						$(this).addClass('hidden');
					}
				});

				flash.fadeOut('slow');
			});
	});
	
	////////////////////////////////////////////// cat-2 /////////////////////////////////
	
	programming.click(function() {
			flash.fadeIn('slow' , function() {
				nodes.each(function() {
					if($(this).hasClass('programming')) {
						$(this).removeClass('hidden');
					} else {
						$(this).addClass('hidden');
					}
				});

				flash.fadeOut('slow');
			});
	});
	
	music.click(function() {
			flash.fadeIn('slow' , function() {
				nodes.each(function() {
					if($(this).hasClass('music')) {
						$(this).removeClass('hidden');
					} else {
						$(this).addClass('hidden');
					}
				});

				flash.fadeOut('slow');
			});
	});
	////////////////////////////////////////////// cat-3 /////////////////////////////////	
	
	about.click(function() {
			flash.fadeIn('slow' , function() {
				nodes.each(function() {
					if($(this).hasClass('about')) {
						$(this).removeClass('hidden');
					} else {
						$(this).addClass('hidden');
					}
				});

				flash.fadeOut('slow');
			});
	});
	
	contact.click(function() {
			flash.fadeIn('slow' , function() {
				nodes.each(function() {
					if($(this).hasClass('contact')) {
						$(this).removeClass('hidden');
					} else {
						$(this).addClass('hidden');
					}
				});

				flash.fadeOut('slow');
			});
	});
	
	resume.click(function() {
			flash.fadeIn('slow' , function() {
				nodes.each(function() {
					if($(this).hasClass('resume')) {
						$(this).removeClass('hidden');
					} else {
						$(this).addClass('hidden');
					}
				});

				flash.fadeOut('slow');
			});
	});
	
/////////////////////////////// scolling images ////////////////////////

	var rights = $('.right')
	var lefts = $('.left')
	
	rights.each(function() {
		$(this).addClass('button')
	});
	
	lefts.each(function() {
		$(this).addClass('button')
	});
	
	rights.click(function() {
		var area = $(this).parent().find('.slideshow');
		var maxi = area.css('left');
				
		if(maxi<'-410px') { ////////importante!
			//alert('oh');
		} else {
			area.animate({left: "-=410px"
			},
				1000
			);
		}
	});
	
	lefts.click(function() {
		var area = $(this).parent().find('.slideshow');
		var maxi = area.css('left');
				
		if(maxi > '820px') { ////////importante!
			alert('oh');
		} else {
			area.animate({left: "+=410px"
			},
				1000
			);
		}
	});
	
 }); // the end