var spd = 80;
var tim;
var jump = 12;
function jump_left(){
	document.getElementById('arrow_left').src = 'client/images/gallery_arrow_left_off.gif';
	document.getElementById('arrow_left').style.cursor = 'default';
	document.getElementById('arrow_right').src = 'client/images/gallery_arrow_right_on.gif';
	document.getElementById('arrow_right').style.cursor = 'pointer';

	right = document.getElementById('gallery_scrollable').offsetWidth - document.getElementById('gallery_scroll_box').offsetWidth;
	
	posn=parseInt(document.getElementById("gallery_scrollable").style.marginLeft);
	if(posn >= 0){
		no_scroll();
		return true;
	}
	document.getElementById("gallery_scrollable").style.marginLeft = (posn+jump)+'px';
	tim = setTimeout("jump_left()", spd);
}
function jump_right(){
	document.getElementById('arrow_left').src = 'client/images/gallery_arrow_left_on.gif';
	document.getElementById('arrow_left').style.cursor = 'pointer';
	document.getElementById('arrow_right').src = 'client/images/gallery_arrow_right_off.gif';
	document.getElementById('arrow_right').style.cursor = 'default';

	right = document.getElementById('gallery_scrollable').offsetWidth - document.getElementById('gallery_scroll_box').offsetWidth;

	posn=parseInt(document.getElementById("gallery_scrollable").style.marginLeft);
	if(posn*(-1) >= right){
		clearTimeout(tim);
		return true;
	}
	document.getElementById("gallery_scrollable").style.marginLeft = (posn-jump)+'px';
	tim = setTimeout("jump_right()", spd);
}
function no_scroll(){
	clearTimeout(tim);
}

var currentImageId = null;
var currentImageWidth = null;
var currentImageHeight = null;
function handleImageGallery(id, width, height){
	currentImageId = id;
	currentImageWidth = width;
	currentImageHeight = height;
	document.getElementById('big_photo').src = 'get.php?i.'+id+':w.419:h.600';
}
