window.addEvent('domready', function() { Page.setup(); });

var Page = {
    ImageTransition: 2000,
    ImageDisplay: 8000,
    setup: function() {
        $('email').addEvent('focus', function(y) {
            if (y.target.get('value') == 'Sign up for our e-newsletter') {
                y.target.set('value', '');
            }
        });
        $('email').addEvent('blur', function(y) {
            if (y.target.get('value') == '') {
                y.target.set('value', 'Sign up for our e-newsletter');
            }
        });
        $$('.images').each(function(x) {
            var imgs = x.getElements('div');
            if (imgs.length > 0) {
                imgs.set('tween', { duration: Page.ImageTransition, onComplete: function(y) {
                    if (y.get('opacity') == 0)
                        y.addClass('hidden');
                }
                });
                imgs.addClass('hidden');
                imgs.setOpacity(0);
                var timer;
                var curImg = -1;

                var showImg = function() {
                    imgs[curImg].setOpacity(0);
                    imgs[curImg].removeClass('hidden');
                    imgs[curImg].fade(1);
                    if (imgs.length > 1)
                        timer = nextImg.delay(Page.ImageDisplay);
                }

                var hideImg = function() {
                    if (curImg >= 0) imgs[curImg].fade(0);
                }

                var nextImg = function() {
                    hideImg();

                    curImg++;
                    if (curImg >= imgs.length) curImg = 0;

                    showImg();
                }
                nextImg();

                var thumbs = $$('.gallery img');
                thumbs.addEvent('click', function(y) {
                    var i = 0;

                    thumbs.each(function(z) {
                        if (z == y.target) {
                            if (i != curImg) {
                                if (timer != null)
                                    $clear(timer);
                                hideImg();
                                curImg = i;
                                showImg();
                            }
                        }
                        i++;
                    });
                });

            }

        });
    }
}