var mainHeight = 180
	var maxHeight = 100
	var minHeight = 20
	var delay = 400
	var upInterval = 15
	var downInterval = 10
	var step = 15
	
	var height = new Array()
	var mouseout = new Array()
	var timeout = new Array()
	var interval = new Array()

	function rollUp(divID) {
		if(timeout[divID] == null || timeout[divID] == '') {timeout[divID] = 0; interval[divID] = 0; height[divID] = mainHeight-minHeight; mouseout[divID] = false}
		
		mouseout[divID] = false
		clearInterval(interval[divID])

		timeout[divID] = setTimeout("startup('" + divID + "')", delay)
	}
	function rollDown(divID) {
		if(timeout[divID] == null || timeout[divID] == '') {timeout[divID] = 0; interval[divID] = 0; height[divID] = mainHeight-maxHeight; mouseout[divID] = true}

		mouseout[divID] = true
		clearTimeout(timeout[divID])
		clearInterval(interval[divID])
		interval[divID] = setInterval("rdown('" + divID + "')", downInterval)
	}
	function clickRollUp(divID) {
		if(timeout[divID] == null || timeout[divID] == '') {timeout[divID] = 0; interval[divID] = 0; height[divID] = mainHeight-minHeight; mouseout[divID] = false}

		mouseout[divID] = false
		clearInterval(interval[divID])

		interval[id] = setInterval("rup('" + id + "')", upInterval )
	}
	function startup(id) {
		interval[id] = setInterval("rup('" + id + "')", upInterval )
	}
	function rup(id) {
		var div = document.getElementById(id)
		if(!mouseout[id]) {

			if(height[id] < mainHeight-(maxHeight-step)) {
				height[id] = mainHeight-maxHeight
				clearInterval(interval[id])
			} else
				height[id] -= step
			
			div.style.top = height[id] + "px"
		}
	}
	function rdown(id) {
		var div = document.getElementById(id)
		if(mouseout[id]) {

			if(height[id] > mainHeight-(minHeight+step)) {
				height[id] = mainHeight-minHeight
				clearInterval(interval[id])
			} else
				height[id] += step
				
			div.style.top = height[id] + "px"
		}
	}