// *************************
// jQuery code for TCA.ASPX
// *************************

var carouselTCA_items = [
	{ imagesrc:'TCAatSunset.jpg', title:'Sunset at TCA' },
	{ imagesrc:'TCAfrontDay.jpg', title:'TCA front entrance' },
	{ imagesrc:'TCAfrontDayDramatic.jpg', title:'TCA front entrance' },
	{ imagesrc:'TCAfrontNight.jpg', title:'TCA front entrance' },
	{ imagesrc:'TCAinteriorGallery.jpg', title:'The Gallery at TCA' },
	{ imagesrc:'TCAinteriorLounge.jpg', title:'The Lounge at TCA' },
	{ imagesrc:'TCAinteriorStudio.jpg', title:'The Studio at TCA' },
	{ imagesrc:'TCAinteriorTheater.jpg', title:'The Theater at TCA' },
	{ imagesrc:'TCApoolDayDramatic.jpg', title:'The Vanishing Pool at TCA' },
	{ imagesrc:'TCApoolEveningDramatic.jpg', title:'The Vanishing Pool at TCA' },
	{ imagesrc:'TCApoolNightDramatic.jpg', title:'The Vanishing Pool at TCA' }
];

function carouselTCA_preload()
{
	for (var i = 0; i < carouselTCA_items.length; i++)
	{
		var carouselImageSrc = "photos/thumbs/" + carouselTCA_items[i].imagesrc;
		var carouselImage = $("<img />").attr("src", carouselImageSrc);
	}
}

function carouselTCA_getItemHTML(item)
{
	return '<a href="photos/' + item.imagesrc + '" title="' + item.title + '"><img src="photos/thumbs/' + item.imagesrc + '" alt="' + item.title + '" /></a>';
};

function carouselTCA_itemLoad(carousel, state)
{
	for (var i = carousel.first; i <= carousel.last; i++)
	{
		if (carousel.has(i))
			continue;
		
		if (i > carouselTCA_items.length)
			break;
		
		// Create an object from HTML
		var item = $(carouselTCA_getItemHTML(carouselTCA_items[i - 1])).get(0);
		
		// Apply thickbox
		tb_init(item);
		
		carousel.add(i, item);
	}
};


function carouselTCA_itemVisibleIn(carousel, item, i, state, evt)
{
    // The index() method calculates the index from a given index which is out of the actual item range
    var idx = carousel.index(i, carouselTCA_items.length);
    
	// Create an object from HTML
	var item = $(carouselTCA_getItemHTML(carouselTCA_items[idx - 1])).get(0);
	
	// Apply thickbox
	tb_init(item);
	
	carousel.add(i, item);
};

function carouselTCA_itemVisibleOut(carousel, item, i, state, evt)
{
    carousel.remove(i);
};

$(document).ready(function() {
	
	// Shuffle the carousel images
	carouselTCA_items = $.shuffle(carouselTCA_items);
	
	// Preload the carousel images
	carouselTCA_preload();
	
	// Fire up the carousel
	$("#carouselTCA").jcarousel({
		vertical: true,
		buttonPrevHTML: null,
		buttonNextHTML: null,
		scroll: 3,
		auto: 7,
		animation: "slow",
		wrap: "circular",
		itemLoadCallback: {onBeforeAnimation: carouselTCA_itemLoad},
		itemVisibleInCallback: {onBeforeAnimation: carouselTCA_itemVisibleIn},
		itemVisibleOutCallback: {onAfterAnimation: carouselTCA_itemVisibleOut}
	});
});