// Appel des fonctions 

$(document).ready(function() {

	// find the div.fade elements and hook the hover event
	$('.fadeThis').hover(function() {
		// on hovering over find the element we want to fade *up*
		var fade = $('> .hover', this);

		// if the element is currently being animated (to fadeOut)...
		if (fade.is(':animated')) {
			// ...stop the current animation, and fade it to 1 from current position
			fade.stop().fadeTo(600, 1);
		} else {
			fade.fadeIn(600);
		}
	}, function () {
		var fade = $('> .hover', this);
		if (fade.is(':animated')) {
			fade.stop().fadeTo(600, 0);
		} else {
			fade.fadeOut(600);
		}
	});

	// get rid of the text
	$('.fadeThis > .hover').empty();

	// Toggle Config Links

	$('#pack01toggle').addClass("active");
	$('#pack02').hide();
	$('#pack03').hide();
	$('#pack04').hide();
	$('#pack05').hide();
	$('#option01').hide();
	$('#option02').hide();
	$('#option03').hide();

	$('h4#pack01toggle').click(function() {
		$('#pack01toggle').addClass("active");
		$('#pack02toggle').removeClass("active");
		$('#pack03toggle').removeClass("active");
		$('#pack04toggle').removeClass("active");
		$('#pack05toggle').removeClass("active");
		$('#option01toggle').removeClass("active");
		$('#option02toggle').removeClass("active");
		$('#option03toggle').removeClass("active");
		$('#pack01').toggle(300);
		$('#pack02').hide();
		$('#pack03').hide();
		$('#pack04').hide();
		$('#pack05').hide();
		$('#option01').hide();
		$('#option02').hide();
		$('#option03').hide();
		return false;
	});

	$('h4#pack02toggle').click(function() {
		$('#pack01toggle').removeClass("active");
		$('#pack02toggle').addClass("active");
		$('#pack03toggle').removeClass("active");
		$('#pack04toggle').removeClass("active");
		$('#pack05toggle').removeClass("active");
		$('#option01toggle').removeClass("active");
		$('#option02toggle').removeClass("active");
		$('#option03toggle').removeClass("active");
		$('#pack01').hide();
		$('#pack02').toggle(300);
		$('#pack03').hide();
		$('#pack04').hide();
		$('#pack05').hide();
		$('#option01').hide();
		$('#option02').hide();
		$('#option03').hide();
		return false;
	});

	$('h4#pack03toggle').click(function() {
		$('#pack01toggle').removeClass("active");
		$('#pack02toggle').removeClass("active");
		$('#pack03toggle').addClass("active");
		$('#pack04toggle').removeClass("active");
		$('#pack05toggle').removeClass("active");
		$('#option01toggle').removeClass("active");
		$('#option02toggle').removeClass("active");
		$('#option03toggle').removeClass("active");
		$('#pack01').hide();
		$('#pack02').hide();
		$('#pack03').toggle(300);
		$('#pack04').hide();
		$('#pack05').hide();
		$('#option01').hide();
		$('#option02').hide();
		$('#option03').hide();
		return false;
	});

	$('h4#pack04toggle').click(function() {
		$('#pack01toggle').removeClass("active");
		$('#pack02toggle').removeClass("active");
		$('#pack03toggle').removeClass("active");
		$('#pack04toggle').addClass("active");
		$('#pack05toggle').removeClass("active");
		$('#option01toggle').removeClass("active");
		$('#option02toggle').removeClass("active");
		$('#option03toggle').removeClass("active");
		$('#pack01').hide();
		$('#pack02').hide();
		$('#pack03').hide();
		$('#pack04').toggle(300);
		$('#pack05').hide();
		$('#option01').hide();
		$('#option02').hide();
		$('#option03').hide();
		return false;
	});

	$('h4#pack05toggle').click(function() {
		$('#pack01toggle').removeClass("active");
		$('#pack02toggle').removeClass("active");
		$('#pack03toggle').removeClass("active");
		$('#pack04toggle').removeClass("active");
		$('#pack05toggle').addClass("active");
		$('#option01toggle').removeClass("active");
		$('#option02toggle').removeClass("active");
		$('#option03toggle').removeClass("active");
		$('#pack01').hide();
		$('#pack02').hide();
		$('#pack03').hide();
		$('#pack04').hide();
		$('#pack05').toggle(300);
		$('#option01').hide();
		$('#option02').hide();
		$('#option03').hide();
		return false;
	});

	$('h4#option01toggle').click(function() {
		$('#pack01toggle').removeClass("active");
		$('#pack02toggle').removeClass("active");
		$('#pack03toggle').removeClass("active");
		$('#pack04toggle').removeClass("active");
		$('#pack05toggle').removeClass("active");
		$('#option01toggle').addClass("active");
		$('#option02toggle').removeClass("active");
		$('#option03toggle').removeClass("active");
		$('#pack01').hide();
		$('#pack02').hide();
		$('#pack03').hide();
		$('#pack04').hide();
		$('#pack05').hide();
		$('#option01').toggle(300);
		$('#option02').hide();
		$('#option03').hide();
		return false;
	});

	$('h4#option02toggle').click(function() {
		$('#pack01toggle').removeClass("active");
		$('#pack02toggle').removeClass("active");
		$('#pack03toggle').removeClass("active");
		$('#pack04toggle').removeClass("active");
		$('#pack05toggle').removeClass("active");
		$('#option01toggle').removeClass("active");
		$('#option02toggle').addClass("active");
		$('#option03toggle').removeClass("active");
		$('#pack01').hide();
		$('#pack02').hide();
		$('#pack03').hide();
		$('#pack04').hide();
		$('#pack05').hide();
		$('#option01').hide();
		$('#option02').toggle(300);
		$('#option03').hide();
		return false;
	});

	$('h4#option03toggle').click(function() {
		$('#pack01toggle').removeClass("active");
		$('#pack02toggle').removeClass("active");
		$('#pack03toggle').removeClass("active");
		$('#pack04toggle').removeClass("active");
		$('#pack05toggle').removeClass("active");
		$('#option01toggle').removeClass("active");
		$('#option02toggle').removeClass("active");
		$('#option03toggle').addClass("active");
		$('#pack01').hide();
		$('#pack02').hide();
		$('#pack03').hide();
		$('#pack04').hide();
		$('#pack05').hide();
		$('#option01').hide();
		$('#option02').hide();
		$('#option03').toggle(300);
		return false;
	});

	// Toggle Options List

	$('#optionsList').hide();

	$('h3#optionsListToggle').click(function() {
		$('#optionsList').slideToggle(300);
		return false;
	});


});