$("ul.menu").children().each(function(index) {
	var element = $(this).children()[1];
	var element2 = $("#"+element.id);
	
	element2.mouseover(function(eventObject) {
	  	element2.animate({width: "170px"}, 200);
	});
	
	element2.mouseout(function(eventObject) {
		console.log(eventObject.relatedTarget.id == element2[0].id);
		if(eventObject.relatedTarget.id != element2[0].children[0].id && eventObject.relatedTarget.id != element2[0].id)
		{
			element2.animate({width: "140px"}, 200);
		}
	});
});