var _c=0;
	$(document).ready(function() {
	$('<ul id="navigator"></ul>').appendTo('div#animation');
	$('div.animated').each(function(index){
		var background = $(this).find('img').attr('src')
		var link = $(this).find('a:first').attr('href')
		$(this).wrap('<a href="'+link+'"></a>')
		$(this).css({"backgroundImage":"url('"+background+"')"})
		$('<li>'+(index+1)+'</li>').appendTo('ul#navigator');
	});

	var anim_int = setInterval("StartTimer()",14000);

		$('div.animated:first').fadeIn('slow');
		$('ul#navigator li:first').addClass('selected');
		$('ul#navigator li').each(function(index){
			$(this).click(function(){
				_c=index;
				clearInterval(anim_int);
				anim_int = setInterval("StartTimer()",14000);
				$('div.animated').fadeOut('slow').find('p,h2').hide();
				$('div.animated:eq('+_c+')').fadeIn('slow', function(){$('div.animated:eq('+_c+')').find('p,h2').fadeIn('slow')});
				$('ul#navigator li').removeClass('selected');
				$(this).addClass('selected');
			})
		});
		$('#next').click(function(){
				clearInterval(anim_int);
				anim_int = setInterval("StartTimer()",14000);
			$('div.animated').fadeOut('slow').find('p,h2').hide();
			$('ul#navigator li').removeClass('selected');
			_c++;
			if( (_c) == $('ul#navigator li').length  )   _c=0;
			$('ul#navigator li:eq('+_c+')').addClass('selected');
			$('div.animated:eq('+_c+')').fadeIn('slow', function(){$('div.animated:eq('+_c+')').find('p,h2').fadeIn('slow')});
			return false
		});
		$('#prev').click(function(){
				clearInterval(anim_int);
				anim_int = setInterval("StartTimer()",14000);
			$('div.animated').fadeOut('slow').find('p,h2').hide();
			$('ul#navigator li').removeClass('selected');
			_c--;
			if(_c < 0) _c =$('ul#navigator li').length-1;
			$('ul#navigator li:eq('+_c+')').addClass('selected');
			$('div.animated:eq('+_c+')').fadeIn('slow', function(){$('div.animated:eq('+_c+')').find('p,h2').fadeIn('slow')});
			return false
		});
	});
		function StartTimer() {
		$('div.animated').fadeOut('slow').find('p,h2').hide();
		$('ul#navigator li').removeClass('selected');
		 _c++;
		if( (_c) == $('div.animated').length  )   _c=0;
		$('ul#navigator li:eq('+_c+')').addClass('selected');
		$('div.animated:eq('+_c+')').fadeIn('slow', function(){$('div.animated:eq('+_c+')').find('p,h2').fadeIn('slow')});

	}