function up(image, contentId) {
    if (move) {
        var component = document.getElementById(contentId);
		if (component.offsetTop < 0) {
			if (isIE) {
				component.style.pixelTop = component.offsetTop + 3;
			} else {
				component.style.top = component.offsetTop + 3;
			}
		} else {
			move = false;
		}
		if (image.src.indexOf("Roll.jpg") < 0) {
			image.src = image.src.substring(0, image.src.indexOf(".jpg")) +'Roll.jpg';
		}
        setTimeout("up(document.getElementById('"+ image.id +"'), '"+ contentId +"')", 30);
	}	
}

function down(image, contentId) {
    if (move) {
        var component = document.getElementById(contentId);
		if (component.offsetTop > -document.getElementById(contentId +'OffsetHeight').value) {
			if (isIE) {
				component.style.pixelTop = component.offsetTop - 3;
			} else {
				component.style.top = component.offsetTop - 3;
			}
		} else {
			move = false;
		}
		if (image.src.indexOf("Roll.jpg") < 0) {
			image.src = image.src.substring(0, image.src.indexOf(".jpg")) +'Roll.jpg';
		}
        setTimeout("down(document.getElementById('"+ image.id +"'), '"+ contentId +"')", 30);
    }
}
function stop(image) {
	move = false;
	if (image.src.indexOf("Roll.jpg") > 0) {
		image.src = image.src.substring(0, image.src.indexOf("Roll.jpg")) +'.jpg';
	}
	setTimeout('move = true', 30);
}