var iid = 0;
var tid = 0;
function slideSwitch(id) {
    var active = $('#slideshow IMG.active');

    if ( active.length == 0 ) $active = $('#slideshow img:last');
	var next;
	if (id) next = $(id);
    else next =  $(active).next().length ? $(active).next()
        : $('#slideshow img:first');

    $(active).addClass('last-active');
	doCSS(active,'#aa957e');
	doCSS(next,'#654600');
    $(next).css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $(active).removeClass('active last-active');
        });
	
}
function doCSS(dv,iCol) {
	var id = $(dv).attr('id')
	if (id) {
		id = id.replace('ss','ssc');
		$('#'+id).css('border','1px solid '+iCol);
	}
}

function startSS(nSS,nTot,xt) {
	var img1 = "";
	var img2 = "";
	xt=(xt?xt:'jpg');
	for (var i=0; i<nTot; i++) {
		img1+='<img src="images/ss'+m2d(nSS)+m2d(i)+'.'+xt+'" id="ss'+m2d(i)+'">';
		img2+='<img src="images/ss'+m2d(nSS)+m2d(i)+'t.'+xt+'" id="ssc'+m2d(i)+'">';
	}
	$('#mainContent').prepend('<div id="slideshow"></div><div id="ctrl"></div>');
	$('#slideshow').html(img1);
	$('#ctrl').html(img2);
	$('#ctrl img').css('cursor','pointer').click(selectImage);
	slideSwitch();
    iid = setInterval( slideSwitch, 5000 );
}
function restartInterval() {
	iid = setInterval( slideSwitch, 5000 );
}
function selectImage() {
	clearInterval(iid);
	clearTimeout(tid);
	slideSwitch($('#'+$(this).attr('id').replace('ssc','ss')));
	tid = setTimeout(restartInterval, 5000);
}
function m2d(i) {return (i<10?"0"+i:i);}