$(document).ready(function() {

	//all menue-points in list
	var itemsList = $('#header ul li');
	
	//get selected item
	var selectedItem = document.getElementById('selected');
	
	//get ID of it
	var selectedIndex = itemsList.index(selectedItem);
	
	//set slider fot First time
	var newMargin = ((selectedIndex)*150)+((selectedIndex)*1);
	$('#slider').animate({
		left:newMargin		
	},0);	
	$('#header ul li').hover(function(){	
		
			var newMargin = ((itemsList.index(this))*150)+((itemsList.index(this))*1);
			
			$('#slider').animate({
				left:newMargin		
			},0);
		}, function(){			
	});
	
	$('#header').mouseleave(function(){
			//get selected item
			var selectedItem = document.getElementById('selected');
			
			//get ID of it
			var selectedIndex = itemsList.index(selectedItem);
			
			//set slider fot First time
			var newMargin = ((selectedIndex)*150)+((selectedIndex)*1);
			$('#slider').animate({
				left:newMargin		
			});	
	});
});