$(document).ready(function(){

	$('html').addClass('js');
	
	var speed = 500;
	var delay = 5000;
	var index = 0;
	var numImages = 1;
	var dateIndex = new Date().getDay(); 
	var originalImage = $('.images');
	//var $secondImage = '<div class="images"><a href="/a_tasty_dish_at_the_real_china_.aspx" title="Chinese Dragon Dance" ><img src="gfx/chineseDragonDance.jpg" alt="Chinese Dragon Dance" /></a></div>';
	var dailyImages = 
	[
		'<a href="/film_times.aspx" title="Vue Cinema">										<img src="gfx/promo02.jpg" alt="Vue Cinema" /></a>',
		'<a href="/film_times.aspx" title="Vue Cinema">										<img src="gfx/promo02.jpg" alt="Vue Cinema" /></a>',
		'<a href="/fabulous_eating_at_the_swan_centre.aspx" title="The Swan Shopping Centre">	<img src="gfx/promo04.jpg" alt="The Swan Shopping Centre" /></a>',
		'<a href="/fabulous_eating_at_the_swan_centre.aspx" title="The Swan Shopping Centre">	<img src="gfx/promo04.jpg" alt="The Swan Shopping Centre" /></a>',
		'<a href="/film_times.aspx" title="Vue Cinema">										<img src="gfx/promo02.jpg" alt="Vue Cinema" /></a>',
		'<a href="/film_times.aspx" title="Vue Cinema">										<img src="gfx/promo02.jpg" alt="Vue Cinema" /></a>',
		'<a href="/film_times.aspx" title="Vue Cinema">										<img src="gfx/promo02.jpg" alt="Vue Cinema" /></a>'
	];
	var $todaysImage = '<div class="images">'+dailyImages[dateIndex]+'</div>';

	$('#homePageMainFeature').empty()
		.append(originalImage)
		//.append($secondImage)
		.append($todaysImage);
	
	
	function fade(){
		if(index > numImages){
			index = 0;
		};
		$('.images:not('+index+')').fadeOut(speed);
		$('.images:eq('+index+')').delay(speed).fadeIn(speed);	
	};
	
	function nextImage(){
		setTimeout(function() { 
			index++;
			fade();
			nextImage();
		}, delay);
	};
	
	nextImage();
	
	

});