var homepageSlider = {

	displayTime: 4000,
	textAnimationSpeed: 500,
	imageAnimationSpeed: 1000,
	
	show: function (block, noAnimate) {
		var text = $('<div />', {
			'class': 'text',
			'html': '<img src="slider/images/'+block.text+'" />'
		});
		var image = $('<div />', {
			'class': 'image',
			'css': {
				'background-image': 'url(slider/images/'+block.image+')'
			}
		});
		
		text.appendTo('#slider .texts');
		image.appendTo('#slider .images');
		
		if (!noAnimate) {
			if ($.browser.msie) {
				text.css({
					'left': 0,
					'top': 30
				}).animate({
					'top': '-=30'
				}, homepageSlider.textAnimationSpeed);
			}
			else {
				text.css({
					'left': 0,
					'top': 30,
					'opacity': 0
				}).animate({
					'top': '-=30',
					'opacity': 1
				}, homepageSlider.textAnimationSpeed);
			}
			
			image.css({
				'left': 578,
				'top': 0
			}).animate({
				'left': 0
			}, homepageSlider.imageAnimationSpeed);
		}
		else {
			text.css('left', 0).css('top', 0);
			image.css('left', 0).css('top', 0);
		}
		
		$('#slider').click(function () {
			location.href = block.href;
		});
	},
	
	hide: function () {
		if ($.browser.msie) {
			$('#slider .text').animate({
				top: '+=20px'
			}, homepageSlider.textAnimationSpeed, function () {
				$(this).remove();
			});
		}
		else {
			$('#slider .text').animate({
				top: '+=20px',
				opacity: 0
			}, homepageSlider.textAnimationSpeed, function () {
				$(this).remove();
			});
		}
		
		setTimeout(function () {
			$('#slider .image').animate({
				left: '-=578'
			}, homepageSlider.imageAnimationSpeed, function () {
				$(this).remove();
			});
			
			blockIndex++;
			if (blockIndex === blocks.length) blockIndex = 0;
			homepageSlider.show(blocks[blockIndex]);
		}, homepageSlider.textAnimationSpeed);
	}
	
};

var blocks = new Array(
	{'text': 'left_text_1.png', 'image': 'right_1.jpg', 'href': 'http://www.downtownnaperville.com/event_detail.php?id=1545'},
	{'text': 'left_text_2.png', 'image': 'right_2.jpg', 'href': 'http://downtownnaperville.com/event_detail.php?id=1586'},
	{'text': 'left_text_3.png', 'image': 'right_3.jpg', 'href': 'http://downtownnaperville.com/gift_cards.php'}
);

var blockIndex = 0;

$(function () {
	
	homepageSlider.show(blocks[blockIndex], true);
	
	setInterval(function () {
		homepageSlider.hide();
	}, homepageSlider.displayTime);
	
});