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


function initAnims() 
	{
	var animElements = document.getElementById("verticalnavigation").getElementsByTagName("div");
	for(var i=0; i<animElements.length; i++) 
		{
		animElements[i].onmouseover = widthChange;
		animElements[i].onmouseout = widthRestore;
		}
	
		
	var sliderbutton=document.getElementById("sliderbuttonleft");
	sliderbutton.onmouseup=slideleft;
	sliderbutton=document.getElementById("sliderbuttonright");
	sliderbutton.onmouseup=slideright;

	
	function slideleft()
		{
		e=document.getElementById("sliderleft");
		if(e.style.marginLeft=="0px")
			e.style.marginLeft="-401px";
		else
			e.style.marginLeft="0px";
		}	
	
	function slideright()
		{
		e=document.getElementById("sliderright");
		if(e.style.marginRight=="0px")
			e.style.marginRight="-401px";
		else
			e.style.marginRight="0px";
		}	

	function widthChange() {
		if (!this.currentWidth) this.currentWidth = 140;
		if (!this.currentbgRGB) this.currentbgRGB = [17,17,17]; //if no mem is set, set it first;
		doWidthChangeMem(this,20,1);
		}

	function widthRestore() {
		if (!this.currentWidth) return;
		if (!this.currentbgRGB) return;
		doWidthChangeMem(this,20,0);
		}
	}

		
			
function doWidthChangeMem(elem,intervals,powr) {
	if (elem.widthChangeMemInt) window.clearInterval(elem.widthChangeMemInt);
	elem.widthChangeMemInt = window.setInterval(
		function() {
			if (elem.currentWidth<140) 
				{
				elem.currentWidth=140;
				elem.currentbgRGB=[17,17,17];
				window.clearInterval(elem.widthChangeMemInt);
				elem.style.borderRight= "none";
				}
			else if (elem.currentWidth>160) 
				{
				elem.currentWidth=160;
				window.clearInterval(elem.widthChangeMemInt);
				}
			else
				{
				if(powr==1)
					{
					elem.currentWidth++;
					elem.currentbgRGB=[elem.currentbgRGB[0]+6,elem.currentbgRGB[1]+12,elem.currentbgRGB[2]+12];
					elem.style.borderRight= "2px solid rgb(" + elem.currentbgRGB[0] + "," + elem.currentbgRGB[1] + "," + elem.currentbgRGB[2] + ")";
					}
				else
					{
					elem.currentWidth--;
					elem.currentbgRGB=[elem.currentbgRGB[0]-6,elem.currentbgRGB[1]-12,elem.currentbgRGB[2]-12];
					elem.style.borderRight= "2px solid rgb(" + elem.currentbgRGB[0] + "," + elem.currentbgRGB[1] + "," + elem.currentbgRGB[2] + ")";
					}
				
				}
			elem.style.width = elem.currentWidth+"px";
			//elem.style.borderLeft= "2px solid rgb(" + elem.currentbgRGB[0] + "," + elem.currentbgRGB[1] + "," + elem.currentbgRGB[2] + ")";
			
		}
		,intervals)

	}