var opt={};
function vgGetPos(page) {
	var curleft = $("#thumbnails").position().left;
	var nextpos = Math.min(page*opt['pwidth'],opt['maxleft'])*(-1);
	return nextpos;
	
}

function vgGetCurPage() {
	return opt['curpage'];
}

function vgMoveToPos(pos) {
	if (!opt['animate'] && pos<=0) {
		opt['animate'] = true;
		$('#thumbnails').animate({
			left: pos
		  }, opt['duration'], function() {
			opt['animate'] = false;
		});
	}
}

function vgMarkSelPage(page) {
	$("#listbar .center a.select").removeClass("select");
	$("#pind"+page).addClass("select");
}

function vgNext() {
	var npage = vgGetCurPage()+1;
	if (npage<=opt['maxpage'] && !opt['animate']) {
		vgMoveToPos(vgGetPos(npage));
		vgMarkSelPage(npage);
		opt['curpage']=npage;
	}
}
function vgPrev() {
	var ppage = vgGetCurPage()-1;
	if (ppage>=0 && !opt['animate']) {
		vgMoveToPos(vgGetPos(ppage));
		vgMarkSelPage(ppage);
		opt['curpage']=ppage;
	}
}
function vgSelPage(page) {
	if (!opt['animate']) {
		vgMoveToPos(vgGetPos(page));
		vgMarkSelPage(page);
		opt['curpage']=page;
	}
}

function initGal() {
	opt['pwidth'] = $("#thumbnails a").outerWidth(true)*5;
	opt['allwidth'] = $("#thumbnails a").size()*$("#thumbnails a").outerWidth(true);
	opt['maxleft'] = opt['allwidth']-opt['pwidth'];
	opt['animate'] = false;
	opt['duration'] = 500;
	opt['curpage'] = 0;
	opt['maxpage'] = $("#listbar .center a").size()-1;
}

$(document).ready(function() {
	initGal();
});