$(document).ready(function(){
	$("#yodlecms_swcwidget_57").empty();
	$("#yodlecms_swcwidget_57").append(
		'<div style="position:relative; top:0; left:0; width:622px; height:247px;">'+
			'<img id="image1" class="showimage" style="display:block; position:absolute; top:0; left:0; opacity:1;" src="images/slide1.jpg">'+
			'<img id="image2" class="" style="opacity:0; position:absolute; top:0; left:0;" src="images/slide2.jpg">'+
			'<img id="image3" class="" style="opacity:0; position:absolute; top:0; left:0;" src="images/slide3.jpg">'+
			'<img id="image4" class="" style="opacity:0; position:absolute; top:0; left:0;" src="images/slide4.jpg">'+
		'</div>'
	);
	//ie hack next three lines
	$('#image4').css('opacity', '0');
	$('#image3').css('opacity', '0');
	$('#image2').css('opacity', '0');
		
	slideInterval = setInterval("showNextSlide()", 4000);
});	
function showNextSlide()
{
  
	var thisImg = $('#yodlecms_swcwidget_57').find('.showimage');
	if ($(thisImg).next().length !=0)
 	{
		var nextImg = $(thisImg).next();
	}
	else
	{
		var nextImg = $('#yodlecms_swcwidget_57').find('img').first();
	}
	$(thisImg).animate({opacity:"0"} , 1000, function(){});
	$(nextImg).animate({opacity:"1"} , 1000, function(){});
	$(thisImg).removeClass('showimage');
	$(nextImg).addClass('showimage');
}