/* Author: JMY

*/
$(document).ready(function() {
	
	// if the function argument is given to overlay,
	// it is assumed to be the onBeforeLoad event listener
	$("a[rel]").overlay({
		onBeforeLoad: function() {
			// grab wrapper element inside content
			var wrap = this.getOverlay().find(".contentWrap");
			// load the page specified in the trigger
			wrap.load(this.getTrigger().attr("href"));
		}
	});
  		
  	$('#contentItem1').show();
  	
  	////////// click functions /////////
	$('#menuItem1').click(function() {
  		$('#contentItem1').fadeIn(250);
  		$('#contentItem2').hide();
  		$('#contentItem3').hide();
  		$('#contentItem4').hide();
  		$('#contentItem5').hide();
  		$('#contentItem6').hide();
  		$('#menuItem1').removeClass('inactive').addClass('active');
  		$('#menuItem2').removeClass('active').addClass('inactive');
  		$('#menuItem3').removeClass('active').addClass('inactive');
  		$('#menuItem4').removeClass('active').addClass('inactive');
  		$('#menuItem5').removeClass('active').addClass('inactive');
  		$('#menuItem6').removeClass('active').addClass('inactive');

	});
	
	$('#menuItem2').click(function() {
  		$('#contentItem1').hide();
  		$('#contentItem2').fadeIn(250);
  		$('#contentItem3').hide();
  		$('#contentItem4').hide();
  		$('#contentItem5').hide();
  		$('#contentItem6').hide();
  		$('#menuItem1').removeClass('active').addClass('inactive');
  		$('#menuItem2').removeClass('inactive').addClass('active');
  		$('#menuItem3').removeClass('active').addClass('inactive');
  		$('#menuItem4').removeClass('active').addClass('inactive');
  		$('#menuItem5').removeClass('active').addClass('inactive');
  		$('#menuItem6').removeClass('active').addClass('inactive');
	});
	
	$('#menuItem3').click(function() {
  		$('#contentItem1').hide();
  		$('#contentItem2').hide();
  		$('#contentItem3').fadeIn(250);
  		$('#contentItem4').hide();
  		$('#contentItem5').hide();
  		$('#contentItem6').hide();
  		$('#menuItem1').removeClass('active').addClass('inactive');
  		$('#menuItem2').removeClass('active').addClass('inactive');
  		$('#menuItem3').removeClass('inactive').addClass('active');
  		$('#menuItem4').removeClass('active').addClass('inactive');
  		$('#menuItem5').removeClass('active').addClass('inactive');
  		$('#menuItem6').removeClass('active').addClass('inactive');
	});
	
	$('#menuItem4').click(function() {
  		$('#contentItem1').hide();
  		$('#contentItem2').hide();
  		$('#contentItem3').hide();
  		$('#contentItem4').fadeIn(250);
  		$('#contentItem5').hide();
  		$('#contentItem6').hide();
  		$('#menuItem1').removeClass('active').addClass('inactive');
  		$('#menuItem2').removeClass('active').addClass('inactive');
  		$('#menuItem3').removeClass('active').addClass('inactive');
  		$('#menuItem4').removeClass('inactive').addClass('active');
  		$('#menuItem5').removeClass('active').addClass('inactive');
  		$('#menuItem6').removeClass('active').addClass('inactive');
	});
	
	$('#menuItem5').click(function() {
  		$('#contentItem1').hide();
  		$('#contentItem2').hide();
  		$('#contentItem3').hide();
  		$('#contentItem4').hide();
  		$('#contentItem5').fadeIn(250);
  		$('#contentItem6').hide();
  		$('#menuItem1').removeClass('active').addClass('inactive');
  		$('#menuItem2').removeClass('active').addClass('inactive');
  		$('#menuItem3').removeClass('active').addClass('inactive');
  		$('#menuItem4').removeClass('active').addClass('inactive');
  		$('#menuItem5').removeClass('inactive').addClass('active');
  		$('#menuItem6').removeClass('active').addClass('inactive');
	});
	
	$('#menuItem6').click(function() {
  		$('#contentItem1').hide();
  		$('#contentItem2').hide();
  		$('#contentItem3').hide();
  		$('#contentItem4').hide();
  		$('#contentItem5').hide();
  		$('#contentItem6').fadeIn(250);
  		$('#menuItem1').removeClass('active').addClass('inactive');
  		$('#menuItem2').removeClass('active').addClass('inactive');
  		$('#menuItem3').removeClass('active').addClass('inactive');
  		$('#menuItem4').removeClass('active').addClass('inactive');
  		$('#menuItem5').removeClass('active').addClass('inactive');
  		$('#menuItem6').removeClass('inactive').addClass('active');
	});
});