// JavaScript Document
tb_pathToImage = "images/loading-thickbox.gif";

var homepage_itemList = [
    {url: "images/school/thumbnails/iblogo.gif", title: "School of the Nations is an IB World School"},
	{url: "images/school/thumbnails/01.jpg", title: "Experienced Teachers"},
	{url: "images/school/thumbnails/02.jpg", title: "SoN Art"},
    {url: "images/school/thumbnails/03.jpg", title: "SoN Students"},
    {url: "images/school/thumbnails/04.jpg", title: "SoN Students"},
    {url: "images/school/thumbnails/05.jpg", title: "SoN Students"},
    {url: "images/school/thumbnails/06.jpg", title: "SoN Character"},
    {url: "images/school/thumbnails/07.jpg", title: "SoN Students"},
	{url: "images/school/thumbnails/08.jpg", title: "SoN Sport"},
	{url: "images/school/thumbnails/09.jpg", title: "SoN Sport"},
    {url: "images/school/thumbnails/10.jpg", title: "SoN Students"},
    {url: "images/school/thumbnails/11.jpg", title: "SoN Lunch"},
    {url: "images/school/thumbnails/12.jpg", title: "SoN Students"},
    {url: "images/school/thumbnails/13.jpg", title: "SoN Character"},
    {url: "images/school/thumbnails/14.jpg", title: "SoN Field Trip"},
	{url: "images/school/thumbnails/15.jpg", title: "SoN Students"},
	{url: "images/school/thumbnails/16.jpg", title: "SoN Students"},
    {url: "images/school/thumbnails/17.jpg", title: "SoN Students"}
];

function homepage_itemLoadCallback(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > homepage_itemList.length) {
            break;
        }

        // Create an object from HTML
        var item = jQuery(homepage_getItemHTML(homepage_itemList[i-1])).get(0);

        // Apply thickbox
        tb_init(item);

        carousel.add(i, item);
    }
};

/**
 * Item html creation helper.
 */
function homepage_getItemHTML(item)
{
    var url_m = item.url.replace(/thumbnails/g, 'large');
	//var url_m = item.url.replace(/_s.jpg/g, '_m.jpg');
    return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="75" height="75" border="0" alt="' + item.title + '" /></a>';
};

jQuery(document).ready(function() {
    jQuery('#homepageslideshow').jcarousel({
		//scroll: 1,
        size: homepage_itemList.length,
        itemLoadCallback: {onBeforeAnimation: homepage_itemLoadCallback}
    });
});