// JavaScript Document

$(document).ready(function() {
	
	// code for lightbox gallery
	$(function() {
	// Use this example, or...
	//$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
	// This, or...
	//$('#gallery a').lightBox(); // Select all links in object with gallery ID
	// This, or...
	$('a.lightbox').lightBox(); // Select all links with lightbox class
	// This, or...
	//$('a').lightBox(); // Select all links in the page
	// ... The possibility are many. Use your creative or choose one in the examples above
});

	
	
	
	// hides all divs on load
	$("#promo").show();
	$("#content").show();
	$("#sneak").hide();
	$("#gist").hide();
	$("#buzz").hide();
	$("#team").hide();
	$("#plan").hide();
	$("#mamma").hide();
	
	// shows the sneak section and hides the rest
	$("#sneakLink").click(function() {
			
			$("#promo").hide();
			$("#content").show();
			$("#sneak").show();
			$("#gist").hide();
			$("#buzz").hide();
			$("#team").hide();
			$("#plan").hide();
			$("#mamma").hide();
	
	});
	
	
	// shows the gist section and hides the rest
	$("#gistLink").click(function() {
			
			$("#promo").hide();
			$("#content").show();
			$("#sneak").hide();
			$("#gist").show();
			$("#buzz").hide();
			$("#team").hide();
			$("#plan").hide();
			$("#mamma").hide();
	});
	
	// shows the buzz section and hides the rest
	$("#buzzLink").click(function() {
			
			$("#promo").hide();
			$("#content").show();
			$("#sneak").hide();
			$("#gist").hide();
			$("#buzz").show();
			$("#team").hide();
			$("#plan").hide();
			$("#mamma").hide();
	});
	
	// shows the team section and hides the rest
	$("#teamLink").click(function() {
			
			$("#promo").hide();
			$("#content").show();
			$("#sneak").hide();
			$("#gist").hide();
			$("#buzz").hide();
			$("#team").show();
			$("#plan").hide();
			$("#mamma").hide();
	});
	
	// shows the plan section and hides the rest
	$("#planLink").click(function() {
			
			$("#promo").hide();
			$("#content").show();
			$("#sneak").hide();
			$("#gist").hide();
			$("#buzz").hide();
			$("#team").hide();
			$("#plan").show();
			$("#mamma").hide();
	});
	
	// shows the mamma section and hides the rest
	$("#mammaLink").click(function() {
			
			$("#promo").hide();
			$("#content").show();
			$("#sneak").hide();
			$("#gist").hide();
			$("#buzz").hide();
			$("#team").hide();
			$("#plan").hide();
			$("#mamma").show();
	});
	
	
	// uses the corner plugin to round the bottom left corner
	// we will talk about plugins next class!
	//$("#content").corner("bl");
	
});
