var $j = jQuery.noConflict();
var rotateItems = 3;
var i = 1;

$j(function(){
	for(i = rotateItems; i > 0; i--){
		$j('<img>', {id: 'Rotate' + i, src: '/images/home/rotate/rotate' + i + '.jpg'}).hide().appendTo('#HomeHeader');
		$j('#Rotate1').show();
	}
});

$j(window).load(function ()
{
	i++;
	window.setInterval(Rotate, 8000);
	
});

function Rotate() {
	$j('#HomeHeader > img').fadeOut(2000);
	i = (++i > rotateItems) ? 1 : i;
	$j('#Rotate' + i).fadeIn(2000);
}
