var move = false;
var frameHeight = 360;
var step = navigator.userAgent.toLowerCase().search(/safari/) != -1 ? 12 : 6;
var pause = navigator.userAgent.toLowerCase().search(/safari/) != -1 ? 1 : 25;


function leftUp(){
	var fr = document.getElementById('contentLeft');
	var en = document.getElementById('leftEnd');
	moveUp(fr, en, frameHeight);
}
function rightUp(){
	var fr = document.getElementById('contentRight');
	var en = document.getElementById('rightEnd');
	moveUp(fr, en, frameHeight);
}
function leftDown(){
	var fr = document.getElementById('contentLeft');
	var en = document.getElementById('leftEnd');
	moveDown(fr, en, frameHeight);
}
function rightDown(){
	var fr = document.getElementById('contentRight');
	var en = document.getElementById('rightEnd');
	moveDown(fr, en, frameHeight);
}
function moveUp(el, d, h){
	if(el.offsetTop + d.offsetTop > 0){
		move = true;
		startMoving(el.id, d.id, h, -1);
	}
}
function moveDown(el, d, h){
	if(el.offsetTop < 0){
		move = true;
		startMoving(el.id, d.id, h, 1);
	}
}
function getSpace(t, d, h, direction){
	if(direction == -1){
		return t + d - h;
	}else{
		return Math.abs(t);
	}
}

function startMoving(eli, di, h, direction){
	if(move){
		tspace = getSpace(document.getElementById(eli).offsetTop, document.getElementById(di).offsetTop, h, direction);
		move = move && tspace > 0;
		if(tspace > 0){
			space = tspace > step ? step : tspace;
			moveElementYrelative(document.getElementById(eli), space * direction);
			setTimeout("startMoving('"+eli+"','"+di+"',"+h+", "+direction+")",pause);
		}
	}
}
function stopMoving(){
	move = false;
}