// guyvdb.be website menu javascript

//config
var leftOffset = 0;
var moveSpeed = 700;
var returnSpeed = 1500;

//don't edit beneath this line
var selectedPos = 0;
var selectedWidth = 0;
var selectorOffsets = new Array();

$(function() {
	//init menu
	//$("#menu_nojs").attr("id", "menu");

	jQuery.easing.def = "easeOutExpo";
	
	var selectorPos = 0;

	$("#menu_nojs li").each(
		function(intIndex){
			var curItem = $("#menu_nojs li:eq("+ intIndex +") a");
			curItem.attr('id', intIndex);
			//curItem.css('left', leftOffset);
			
			var itemWidth = parseInt(curItem.width()) + parseInt(curItem.css("paddingLeft"));
			
			selectorOffsets[intIndex] = leftOffset;

			if($("#menu_nojs li:eq("+ intIndex +")").hasClass("selected")){
				selectedPos = selectorOffsets[intIndex];
				selectedWidth = itemWidth;
				$(".selected_box").show();
				$(".selected_box").css({'left': selectedPos, 'width':itemWidth});
			}
			
			leftOffset += (itemWidth + 40);
			addEventListeners(curItem);
		}
	);
	
	$("#menucontainer").mouseleave(function(){
	    $(".selected_box").stop();
		$(".selected_box").animate({ 'left': selectedPos, 'width':selectedWidth }, { queue:false, duration:returnSpeed });
	});

});

function addEventListeners(menuItem){
	menuItem.mouseenter(function(){
		var id = menuItem.attr("id");
		$(".selected_box").stop();
		$(".selected_box").animate({ 'left': selectorOffsets[id], 'width': (parseInt(menuItem.width())+parseInt(menuItem.css('paddingLeft'))) }, { queue:false, duration:moveSpeed });	
	});
}




/* backup


//config
var leftOffset = 0;
var moveSpeed = 700;
var returnSpeed = 1500;

//don't edit beneath this line
var selectedPos = 0;
var selectedWidth = 0;
var selectorOffsets = new Array();


$(function() {
	//init menu
	$("#menu_nojs").attr("id", "menu");

	jQuery.easing.def = "easeOutExpo";
	
	var selectorPos = 0;

	$("#menu li").each(
		function(intIndex){
			var curItem = $("#menu li:eq("+ intIndex +")");
			curItem.attr('id', intIndex);
			curItem.css('left', leftOffset);
			
			var itemWidth = curItem.width();
			
			if(itemWidth > 400){
				window.alert('width calculated: ' + itemWidth);
				itemWidth = 100;
			}
			
			//window.alert('width calculated: ' + curItem.width());
			
			selectorOffsets[intIndex] = leftOffset;

			if(curItem.hasClass("selected")){
				selectedPos = selectorOffsets[intIndex];
				selectedWidth = itemWidth;
				$(".selected_box").show();
				$(".selected_box").css({'left': selectedPos, 'width':itemWidth});
			}
			
			leftOffset += (itemWidth + parseInt(curItem.css('marginRight')));
			addEventListeners(curItem);
		}
	);
	
	$("#menu").mouseleave(function(){
	    $(".selected_box").stop();
		$(".selected_box").animate({ 'left': selectedPos, 'width':selectedWidth }, { queue:false, duration:returnSpeed });
	});

});

function addEventListeners(menuItem){
	menuItem.mouseenter(function(){
		var id = menuItem.attr("id");
		$(".selected_box").stop();
		$(".selected_box").animate({ 'left': selectorOffsets[id], 'width': menuItem.width() }, { queue:false, duration:moveSpeed });	
	});
}


*/