$(function() {
	$("div#rotator ul li.show").css('z-index', 500)
	$("#img_wrap ul li").css('width', 170);
	$("#img_wrap ul").css('overflow', 'hidden');
	$("#img_wrap ul li").css('opacity', 0);
	
	$("#img_wrap ul li img").load(function() {
		$(this).parent().animate({opacity: 1}, 1000);
	});
		
});

function doYoThing() {
	
	$("#img_wrap ul li").animate({opacity: 1}, 4000).animate({width:'0'}, 300);
		
	setInterval('rotate()',5000);
	
}

function rotate() {	
	var current = ($('#img_wrap ul li.show')?  $('#img_wrap ul li.show') : $('#img_wrap ul li:first'));

	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#img_wrap ul li:first') :current.next()) : $('#img_wrap ul li:first'));	
	
	next.css({width: 0})
	.addClass('show')
	.animate({width:'1050'}, 1000).fadeTo(4000, 1).animate({width:'0'}, 400);

	current.animate({width: 0}, 4000)
	.removeClass('show');
	
};

$(window).load(function () {
  doYoThing();
});