var settings = {
	mainpicWidth:600,
	mainpicHeight:380,
	tnWidth:75,
	tnHeight:75,
	documentRoot:'/',
};

function set_mainpic(file){
	var filename = file.replace('tn_', '');
	var mainpic = '<img max-width="' + settings['mainpicWidth'] + '" max-height="' + settings['mainpicHeight'] + '" class="sliding" src="' + filename + '" />';

	$('#slideshow_mainpic')
		.html(mainpic);
	$('#slideshow_mainpic img').css({marginLeft:settings['mainpicWidth']-settings['mainpicWidth']*2}).animate({marginLeft:0},'slow');
}

$(function(){
	$('head').append('<link rel="stylesheet" href="' + settings['documentRoot'] + 'slideview/lib/slideview.css" type="text/css" />');

	$('#slideshow_mainpic').css({width:settings['mainpicWidth'], height:settings['mainpicHeight']});
	set_mainpic($('#slideshow_thumbs img:first').attr('src'));

	$('#slideshow_thumbs img')
		.each(function(){
			$(this).css({width:settings['tnWidth'], height:settings['tnHeight']});
			$(this).click(function(){
				set_mainpic($(this).attr('src'));
			});
		});
});