/**
 * @author The Graphic Design School - 2009
 */

$(document).ready( function() {
	
	// jFlow Stuff
	
	$("#menuController").jFlow({
		slides : "#menuSlides",
		controller : ".controlTab", 		// must be class, use . sign
		slideWrapper : "#controlSlide", 	// must be id, use # sign
		selectedWrapper : "controlSlide",  	// just pure text, no sign
		easing : "swing",
		duration : 400,
		height : "100%",
		width : "100%",
		prev : ".controlPrev", 				// must be class, use . sign
		next : ".controlNext" 				// must be class, use . sign
	});
	
	// distribute menu items
	
	var menuWidth = $("#menuController").width();
	var menuItemString = "#menuController span";
	var menuNb = $(menuItemString).size() - 1;
	var spaceX = menuWidth;
	
	$(menuItemString).each(function() {
		spaceX -= $(this).width();
	});
	
	spaceX = Math.floor(spaceX/menuNb);
	spaceX = Math.floor(spaceX/2);
	
	$(menuItemString).each(function() {
		$(this).css('padding-left',spaceX);
		$(this).css('padding-right',spaceX);
	});
	
	$(menuItemString+":first").css('padding-left',0);
	$(menuItemString+":last").css('padding-right',0);

});