// sebastienf dynamic site effects
// (c) 2007 Loco (Loohuis Consulting), http://www.loohuis-consulting.nl/
// This work is licensed under a 
// Creative Commons Attribution-Share Alike 3.0 Netherlands License
// see http://www.loohuis-consulting.nl/development/cc-by-sa.php

// settings
var imgCount;
var currentImg = 1;

// initialize gallery navigation
function initGallery()
{
    var imgs = document.getElementsByClassName('thumb', 'gallerynav');
    imgs.each(function(l)
    {
        Event.observe(l, 'click', switchImg);
    });
    imgCount = imgs.length;
}

// switch gallery image
function switchImg(e)
{
    var elm = Event.element(e);
    var swapIn = parseInt(elm.id.charAt(5));
    if (swapIn != currentImg) {
        new Effect.Fade('anim' + currentImg);
        new Effect.Appear('anim' + swapIn);
        currentImg = swapIn;
        var imgs = document.getElementsByClassName('thumb', 'gallerynav');
        imgs.each(function(l)
        {
            Element.removeClassName(l, 'active');
        });
        Element.addClassName(elm, 'active');
    }
}

// initialise page
function init()
{
    if ($('gallery'))
        initGallery();
}

Event.observe(window, 'load', init);