var IntroInterval;
var IntroPos = 0;
var introPause = 7000;
var featuredItemPos = 0;

$j(document).ready(function ()
{

	$j('<a>', { id: 'FeaturedItemsLeft' }).appendTo($j('#FeaturedItems'))
	.click(function (event)
	{
		event.preventDefault();
		animateFeaturedItems(1);
	});

	$j('<a>', { id: 'FeaturedItemsRight' }).appendTo($j('#FeaturedItems'))
		.click(function (event)
		{
			event.preventDefault();
			animateFeaturedItems();
		});

	$j('#Introductions').hover(
			function ()
			{
				window.clearInterval(IntroInterval);
			},
			function ()
			{
				IntroInterval = window.setInterval(NextIntro, introPause);
			}
		);
});


function animateFeaturedItems(dir) {
	var fItems = $j('#FeaturedItemsContainer ul');
	var itemTwo = $j('#FeaturedItemsContainer li > a').eq(1);
	var itemWidth = itemTwo.width() + parseInt(itemTwo.css('margin-left'), 10);
	offsetValue = (dir == null) ? itemWidth : itemWidth * -1;

	if (dir != null)
		if (featuredItemPos == 0)
			return false;

	if (dir == null)
		if (featuredItemPos == ($j('#FeaturedItemsContainer li > a').length - 3))
			return false;

	fItems.animate({
		'margin-left': parseInt(fItems.css('margin-left'), 10) - offsetValue + 'px'
	})

	featuredItemPos += (dir == null) ? 1 : -1;
}


$j(window).load(function () {

	$j('#Introductions').append($j('<a>', {id: 'PrevBtn'}).text('Previous').click(ClickPrevIntro));
	$j('#Introductions').append($j('<a>', {id: 'NextBtn'}).text('Next').click(ClickNextIntro));

	if ($j('#Introductions > div').length > IntroPos)
		IntroInterval = window.setInterval(NextIntro, introPause);

});

function ClickNextIntro() 
{
	window.clearInterval(IntroInterval);
	NextIntro();
}


function ClickPrevIntro() 
{
	window.clearInterval(IntroInterval);
	PrevIntro();
}


function NextIntro() 
{
	if (IntroPos+1 == $j('#Introductions > div').length) IntroPos = -1;
	$j('#Introductions > div').fadeOut();
	$j('#Introductions > div:eq(' + ++IntroPos + ')').fadeIn();
}


function PrevIntro() 
{
	if (IntroPos <= 0) IntroPos = $j('#Introductions > div').length;
	$j('#Introductions > div').fadeOut();
	$j('#Introductions > div:eq(' + --IntroPos + ')').fadeIn();
}