var $j = jQuery.noConflict();
$j(function() {
if ($j("#slides").length > 0) setInterval("slides()", 3000); // slide timer (5000 / 1000ms = 5 sec)
if ($j("#slides2").length > 0) setInterval("slides2()", 3000); // slide timer (5000 / 1000ms = 5 sec)
if ($j("#slides3").length > 0) setInterval("slides3()", 3000); // slide timer (5000 / 1000ms = 5 sec)
});



function slides() {

	var $active = $j("#slides img.active");
	if ($active.length == 0) {
		$active = $j("#slides img:last");
	}
	var $next = $active.next().length ?
			$active.next() :
			$j("#slides img:first");
	$active.addClass("pre-active");
	$next.
		css({ opacity: 0 }).
		addClass("active").
		animate({ opacity: 1 }, 1000, function() {
			$active.removeClass("active pre-active");
		});

}
function slides2() {

	var $active = $j("#slides2 img.active");
	if ($active.length == 0) {
		$active = $j("#slides2 img:last");
	}
	var $next = $active.next().length ?
			$active.next() :
			$j("#slides2 img:first");
	$active.addClass("pre-active");
	$next.
		css({ opacity: 0 }).
		addClass("active").
		animate({ opacity: 1 }, 1000, function() {
			$active.removeClass("active pre-active");
		});

}


function slides3() {

	var $active = $j("#slides3 img.active");
	if ($active.length == 0) {
		$active = $j("#slides3 img:last");
	}
	var $next = $active.next().length ?
			$active.next() :
			$j("#slides3 img:first");
	$active.addClass("pre-active");
	$next.
		css({ opacity: 0 }).
		addClass("active").
		animate({ opacity: 1 }, 1000, function() {
			$active.removeClass("active pre-active");
		});

}