$(document).ready(function(){
	setInterval('slider()',3000);
	
	$('#smallImages img').click(function(){
		$('#smallImages .active').removeClass('active');
		$(this).addClass('active');
		$('#bigImage').attr('src', $(this).attr('src').replace('thumbs', 'img')).attr('width', $(this).attr('rel'));
	});
});

function slider(){
	var current = $('#slider li.active')?  $('#slider li.active') : $('#slider li:first');
	var next = (current.next().length) ? current.next() : $('#slider li:first');	
	next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000);
	current.animate({opacity: 0.0}, 1000).removeClass('active');
}