var points = {
	'from': 0,
	'to': 141
}
var animDelta = (points.to - points.from);
var tweenAmount = [1,2,3,4,5,6,7,8,9,10,9,8,7,6,5,4,3,2,1];
var tweenAmount_nicht = [12,12,11,10,10,9,8,7,6,5,4,3,2,1];
var frameCount = tweenAmount.length;
var frames = []; // array of coordinates we'll compute
var newFrame = points.from; // starting coordinate
for (var i=0; i<frameCount; i++) {
	newFrame += (animDelta*tweenAmount[i]/100);
	frames[i] = newFrame;
}

function nav_hover(id, p) {
	
	if(p<frameCount){
  	document.getElementById(id).style.width=frames[p]+"px";
	p++;
	setTimeout("nav_hover('"+id+"','"+p+"')",15);
	}
}

function nav_out(id, q) {

	if(q>=0){
  	document.getElementById(id).style.width=frames[q]+"px";
	q--;
	setTimeout("nav_out('"+id+"','"+q+"')",15);
	}
	else
	{
	document.getElementById(id).style.width="0px";
	}
}