﻿function sliders () {

	var $vis = $("#slides img.visible");
	var $visNext = $vis.next();
	var $visNextAttr = $vis.next().attr("src");
	
	if($visNextAttr == undefined)
	{$visNext = $('#slides img:first');}
	else
	{$visNext = $vis.next();}
	
	$vis.animate(
			{opacity:0.0}, 
			1000, 
			function(){
				$vis.removeClass("visible");
				});
					
	$visNext.animate(
			{opacity:1.0}, 
			1000, 
			function(){
				$visNext.addClass("visible");
				});
	}
	

$(window).load (function(){
		$("#slides img").css("opacity","0.0")
		$("#slides img.visible").css("opacity","1.0")
		$(function() {
		setInterval( "sliders()", 4000 );
		});
});
