$(document).ready(function(){

	if (isGallery) $(document).scrollTop($.cookie("scrolltop"));
	$('#' + $.cookie("lastPiece")).addClass("Active");

	$('#scrollbar1').tinyscrollbar();	

	var sbCnt = 0;
	$('div.scrollbar2').each(function() {
		sbCnt++;
		var thisCnt = sbCnt;

		var cnt = $(this).find('img').length;
		var width = 2000;
		width = width - (cnt * 180)
		var scroll = false;
		if (cnt > 4) scroll = true;

		$(this).find('.overview').css("width", cnt * 218 + "px");

		var sb = $(this);
		sb.tinyscrollbar({ axis: "x", scroll: scroll });	
		sb.tinyscrollbar_update('relative');
		if ($.cookie("sb" + sbCnt) == null) $.cookie("sb" + sbCnt, "0");
		if (scroll) sb.tinyscrollbar_update(Number($.cookie("sb" + sbCnt)));

	});

});

$(window).unload(function() {
	if (isGallery) $.cookie("scrolltop", $(document).scrollTop());
	var sbCnt = 0;
	$('div.scrollbar2').each(function() {
		sbCnt++;
		var thisCnt = sbCnt;
		var left = Math.abs(String($(this).find('.overview')[0].style.left).replace("px", ""));
		$.cookie("sb" + thisCnt, left);
	});
});

function openPiece(obj) {
	$('.scrollbar2 a').removeClass("Active");
	$(obj).addClass("Active");
	$.cookie("lastPiece", obj.id);
}

function getLocation(obj, XorY) {
	var loc = 0;
	while (obj) {
		if (XorY == "X") loc += obj.offsetLeft;
		if (XorY == "Y") loc += obj.offsetTop;
    obj = obj.offsetParent;
  }
	return loc;
}