var amount = 0;
var rstep = -1.57079632;
var rspeed;
var rpi = 1.57079632;
var rstart = 0;
var rstop = 0;
var rinit = 0;

function slideRack(){
	rspeed = 0.2;
	if(rstop > rstart){
		k = (((rstop - rstart)/2) + (((rstop - rstart)/2) * Math.sin(rstep)));
		if(k < rstop - rstart-1){
			document.getElementById("pic_scroll_inner").style.marginLeft = -(k + rstart) + "px";
			rstep += rspeed;
			setTimeout("slideRack()", 20);
		}else{
			document.getElementById("pic_scroll_inner").style.marginLeft = -rstop + "px";
			rinit = 0;
			rstep = -rpi;
		}
	}else{
		k = (((rstop - rstart)/2) + (((rstop - rstart)/2) * Math.sin(rstep)));
		if(-k < rstart - rstop-1){
			document.getElementById("pic_scroll_inner").style.marginLeft = -(rstart + k) + "px";
			rstep += rspeed;
			setTimeout("slideRack()", 20);
		}else{
			document.getElementById("pic_scroll_inner").style.marginLeft = -rstop + "px";
			rinit = 0;
			rstep = -rpi;
		}
	}
}
/*
function getMousePosition(e) {
	return e.pageX ? {'x':e.pageX, 'y':e.pageY}:{'x':e.clientX + (document.documentElement ? document.documentElement.scrollLeft : document.body.scrollLeft),'y':e.clientY + (document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop)};
}

function showMousePos(e) {
	if (!e) e = event;
	var mp = getMousePosition(e);
	var mousex = mp.x;
	var mousey = mp.y;
	
	var container_top = document.getElementById('pic_scroll_container').offsetTop;
	var container_bottom = document.getElementById('pic_scroll_container').offsetTop + document.getElementById('pic_scroll_container').offsetHeight;
	var container_width = document.getElementById('pic_scroll_container').offsetWidth - 2;
	var container_left = document.getElementById('pic_scroll_container').offsetLeft;
	var container_right = document.getElementById('pic_scroll_container').offsetLeft + document.getElementById('pic_scroll_container').offsetWidth;
	var inner_width = document.getElementById('pic_scroll_inner').offsetWidth;
	
	if (mousey > container_top && mousey < container_bottom && mousex > container_left && mousex < container_right) {
		mousex -= (container_left + 50);
		if (mousex < 0) mousex = 0;
		if (mousex > (container_width - 100)) mousex = (container_width - 100);
		
		amount = ((mousex / (container_width - 100)) * (inner_width - 145 * 6));
		if (amount < 0) amount = 0;
		
		rstart = -document.getElementById('pic_scroll_inner').style.marginLeft.slice(0, -2);
		rstop = amount;
		
		if(rinit == 0){
			rinit = 1;
			slideRack();
		}
	}
}

function init() {
	document.onmousemove = showMousePos;
}
*/
function scroll(i) {
	var max_margin = document.getElementById('pic_scroll_inner').offsetWidth-(145*6);
	
	if (i == 1) {
		rstart = -document.getElementById('pic_scroll_inner').style.marginLeft.slice(0, -2);
		rstop = (rstart+(145*6) > max_margin) ? max_margin : rstart+(145*6);
		
		if(rinit == 0){
			rinit = 1;
			slideRack();
		}
	}
	else if (i == 0) {
		rstart = -document.getElementById('pic_scroll_inner').style.marginLeft.slice(0, -2);
		rstop = (rstart-(145*6) < 0) ? 0 : rstart-(145*6);
		
		if(rinit == 0){
			rinit = 1;
			slideRack();
		}
	}
}

function prev_pic(url) {
	document.getElementById('pic_prev').innerHTML =
		"<a href='./images/full/" + url + "' target='_blank' onClick='open_pic(\"" + url  + "\"); return false;'>" +
		"<img id='prev_image' src='./images/small.php?im=" + url + "' alt='" + title[url] + " (small)'>" +
		"</a>";
}