$(document).ready(function(){

	$('html').addClass('js');
	
	var speed = 300;
	var delay = 5000;
	var index = 1;
	var numImages = 1; //zero based
	var dateIndex = new Date().getDay(); 
	var originalImage = $('.images');
	//var $secondImage = '<div class="images"><a href="/st_davids_day.aspx " title="St Davids Day" ><img src="gfx/david.jpg" alt="St Davids Day" /></a></div>';
	var dailyImages = 
	[
		'<a href="/links.aspx" title="The Cwmbran Shopping Centre" >		<img src="gfx/showcaseimages_Cwm1.jpg" 	alt="The Cwmbran Shopping Centre"  /></a>',
		'<a href="/shops.aspx" title="The Cwmbran Shopping Centre" >		<img src="gfx/showcaselogos1.jpg"  		alt="The Cwmbran Shopping Centre"  /></a>',
		'<a href="/links.aspx" title="The Cwmbran Shopping Centre" >		<img src="gfx/showcaseimages_Cwm1.jpg" 	alt="The Cwmbran Shopping Centre"  /></a>',
		'<a href="/shops.aspx" title="The Cwmbran Shopping Centre" >		<img src="gfx/showcaselogos2.jpg" 		alt="The Cwmbran Shopping Centre"  /></a>',
		'<a href="/shops.aspx" title="The Cwmbran Shopping Centre" >		<img src="gfx/showcaselogos1.jpg"  		alt="The Cwmbran Shopping Centre"  /></a>',
		'<a href="/shops.aspx" title="The Cwmbran Shopping Centre" >		<img src="gfx/showcaselogos2.jpg" 		alt="The Cwmbran Shopping Centre"  /></a>',
		'<a href="/links.aspx" title="The Cwmbran Shopping Centre" >		<img src="gfx/showcaseimages_Cwm1.jpg" 	alt="The Cwmbran Shopping Centre"  /></a>'
	];
	var $todaysImage = '<div class="images">'+dailyImages[dateIndex]+'</div>';

	$('#homePageMainFeature').empty()
	//.append($secondImage)
	.append($todaysImage)
	.append(originalImage);

    /*$('#homePageMainFeature').empty()/*.append($secondImage)*//*.append($todaysImage).append(originalImage);*/
	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();

});