var MenuSlider= {
	loadimage : (function(){
		var imageOpen = new Image(),
		welcomeOpen = new Image();		
		imageOpen.src= '/images/login-open.png';
		welcomeOpen.src = '/images/welcome-open.png';
	})(), 
	element : '',
	slideopen : function(prefix){
		this.element = document.getElementById('login_form_container');
		var start = (new Date).getTime(),
		duration = 500,
		finish = start+duration;
		
		var interval = setInterval(function(){
			var time = (new Date).getTime(),
			pos = time>finish? 1: (time-start)/duration;
			MenuSlider.element.style.height = (153*pos)+'px';
			
			if(time>finish){
				clearInterval(interval);
				document.getElementById('login_button').innerHTML = '<img src="/images/'+prefix+'-open.png" onclick="MenuSlider.slideclose(\''+prefix+'\')" style="cursor:pointer;" />';
			}
		},5);
	},
	slideclose : function(prefix){
		this.element = document.getElementById('login_form_container');
		var start = (new Date).getTime(),
		duration = 1000,
		finish = start+duration;
		
		var interval = setInterval(function(){
			var time = (new Date).getTime(),
			pos = parseInt(MenuSlider.element.style.height,10) - (parseInt(MenuSlider.element.style.height,10)/4);
			pos = time>finish? 1: Math.min(10,pos);
			MenuSlider.element.style.height = (pos)+'px';
			
			if(time>finish){
				clearInterval(interval);
				document.getElementById('login_button').innerHTML = '<img src="/images/'+prefix+'-closed.png" onclick="MenuSlider.slideopen(\''+prefix+'\')" style="cursor:pointer;" />';
			}
		},10);
	}

};