/* 
Example Javascript Animation Techniques by Hesido.com;
*/
if (document.getElementById && document.getElementsByTagName) {
if (window.addEventListener) window.addEventListener('load', initAnims, false);
else if (window.attachEvent) window.attachEvent('onload', initAnims);
}

function initAnims() {

document.getElementById("nav_color1").onclick = widthChange;
document.getElementById("nav_color2").onclick = widthChange;
document.getElementById("nav_color3").onclick = widthChange;
document.getElementById("nav_color4").onclick = widthChange2;
document.getElementById("nav_color5").onclick = widthChange2;
document.getElementById("nav_color6").onclick = widthChange2;
document.getElementById("wts_logo").onclick = widthRestore;
		function widthChange() {
			if (!document.getElementById("vlak").currentWidth) document.getElementById("vlak").currentWidth = 17; //if no mem is set, set it first;
			doWidthChangeMem(document.getElementById("vlak"),document.getElementById("vlak").currentWidth,146,30,30,0.33);
			document.getElementById("wts_logo").onFocus='blur()';
			document.getElementById("vlak").onFocus='blur()';
			document.getElementById("wts_logo").style.cursor='pointer';
			
		}
		function widthChange2() {
			if (!document.getElementById("vlak").currentWidth) document.getElementById("vlak").currentWidth = 17; //if no mem is set, set it first;
			doWidthChangeMem(document.getElementById("vlak"),document.getElementById("vlak").currentWidth,220,30,30,0.33);
			document.getElementById("wts_logo").onFocus='blur()';
			document.getElementById("vlak").onFocus='blur()';
			document.getElementById("wts_logo").style.cursor='pointer';
		}

		function widthRestore() {
			if (!document.getElementById("vlak").currentWidth) return;	//avoid error if mouseout an element occurs before the mosueover
												//(e.g. the pointer already in the object when onload)
			doWidthChangeMem(document.getElementById("vlak"),document.getElementById("vlak").currentWidth,17,30,30,0.33);
			ajaxpage('0.php', 'content');
			document.getElementById("wts_logo").onFocus='blur()';
			}

}


function doWidthChangeMem(elem,startWidth,endWidth,steps,intervals,powr) {
//Width changer with Memory by www.hesido.com
	if (elem.widthChangeMemInt) window.clearInterval(elem.widthChangeMemInt);
	var actStep = 0;
	elem.widthChangeMemInt = window.setInterval(
		function() {
			elem.currentWidth = easeInOut(startWidth,endWidth,steps,actStep,powr);
			elem.style.height = elem.currentWidth+"px";
			actStep++;
			if (actStep > steps) window.clearInterval(elem.widthChangeMemInt);
		}
		,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)
}