var w = 10;
var g = 0;
var durr = 1000;
var curr = 0;
//var ssrc = '/royal-page/www/../upload/image';
var ssrc = "";
var picspan = new Array();
$(document).ready(function() {

	g = $("#gal").width();
	
	$(".picpan").each(function() {
		picspan.push($(this).val());
	});

	beginAnim();

});


var im;
function beginAnim() {
	if (curr % 2)  {
		var sel = '#pan1';
		var sel1 = '#pan2';
	}
	else {
		var sel = '#pan2';
		var sel1 = '#pan1';
	}
	
	var candidate = picspan[curr];
	
	im = new Image();
	im.style.top = 0;
	im.onload = function() {
		w = im.width;
		if (w < g) {
			var l =  g/2 - w/2;
			$(im).css('padding-left', l+'px');
			w = 1;
		}
		else {
			w = w - g;
		}
		durr = w * 70;
		$(sel).html(im);
		$(sel1).attr('z-index', 100);
		$(sel).attr('z-index', 10);
		$(sel).fadeIn('slow', function() {
			$(sel1).fadeOut('slow', function() {
				scrollForward();
			});
		});
		$(im).unbind();
		im.onload = null;
	}
	$(im).attr('src', ssrc + candidate);
	if ($.browser.opera == true && im.complete) {
		im.onload();
	}
}

function scrollForward() {
	$("#gal").scrollTo('+='+w+'px',  { axis: 'x', duration: durr, onAfter: scrollBack } );
}
function scrollBack() {
	$("#gal").scrollTo('-='+w+'px',  { axis: 'x', duration: durr, onAfter: finishAnim } );
}
function finishAnim() {
	curr++;
	if (curr >= picspan.length)
		curr = 0;
	beginAnim();
}