if (document.getElementById && document.getElementsByTagName) {
if (window.addEventListener) window.addEventListener('load', initAnims, false);
else if (window.attachEvent) window.attachEvent('onload', initAnims);
}

	pic1 = new Image(125,48); 
	pic1.src="images/menu_12.png"; 
	pic2 = new Image(125,48); 
	pic2.src="images/menu_22.png"; 
	pic3 = new Image(125,48); 
	pic3.src="images/menu_32.png"; 
	pic4 = new Image(125,48); 
	pic4.src="images/menu_42.png"; 
	pic5 = new Image(125,48); 
	pic5.src="images/menu_52.png"; 
	pic6 = new Image(125,48); 
	pic6.src="images/menu_62.png"; 
	pic7 = new Image(125,48); 
	pic7.src="images/menu_72.png"; 
	pic8 = new Image(125,48); 
	pic8.src="images/menu_82.png"; 
	pic9 = new Image(125,48); 
	pic9.src="images/menu_92.png"; 
	pic10 = new Image(125,48); 
	pic10.src="images/menu_102.png"; 

function initAnims() {

	//	Init fade animation with memory, both directions
		var animElements = document.getElementById("resizercontainer").getElementsByTagName("li");
		for(i in animElements) {
			animElements[i].onmouseover = fadeBGColMem;
			animElements[i].onmouseout = fadeBGColRestore;
			}
		
		var kepek1 = new Array("11","21","31","41","51","61","71","81","91","101");
		var kepek2 = new Array("12","22","32","42","52","62","72","82","92","102");

		function fadeBGColMem() {
			var idk = Number(this.id.replace('menuk',''));
			this.style.backgroundImage = "url(images/menu_" + kepek2[idk] + ".png)";
			if (!this.currentMarginTop) this.currentMarginTop = 10;
			doHeightChangeMem(this,this.currentMarginTop,0,10,10,0.333);
			}

		function fadeBGColRestore() {
			var idk = Number(this.id.replace('menuk',''));
			this.style.backgroundImage = "url(images/menu_" + kepek1[idk] + ".png)";
			if (!this.currentMarginTop) return;
			doHeightChangeMem(this,this.currentMarginTop,10,10,10,0.5);
			}

	}

function doHeightChangeMem(elem,startHeight,endHeight,steps,intervals,powr) {
//Width changer with Memory by www.hesido.com
	if (elem.heightChangeMemInt) window.clearInterval(elem.heightChangeMemInt);
	var actStep = 0;
	elem.heightChangeMemInt = window.setInterval(
		function() {
			elem.currentHeight = easeInOut(startHeight,endHeight,steps,actStep,powr);
			elem.style.marginTop = elem.currentHeight+"px";
			actStep++;
			if (actStep > steps) window.clearInterval(elem.heightChangeMemInt);
		}
		,intervals)

}

function easeInOut(minValue,maxValue,totalSteps,actualStep,powr) {
//Generic Animation Step Value Generator By www.hesido.com
	var delta = maxValue - minValue;
	var stepp = minValue+(Math.pow(((1 / totalSteps)*actualStep),powr)*delta);
	return Math.ceil(stepp)
}