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

var Page = {
    CurrentImage: 0,
    Images: null,
    setup: function() {

    $$('.popupinfo').set('tween', { 'onComplete': function(y) { y.addClass('hidden'); } });
    $$('.hidepopup').addEvent('click', function(y) {
        y.stop();
        $$('.popupinfo').fade(0);
    });


        Page.Container = $$('.pageimages')[0];

        Page.Images = $$('.pageimages img,#categoryintro img');
        Page.Thumbnails = $$('#thumbnails img');
        Page.Thumbnails.setOpacity(1);

        if (Page.Images.length > 0) {
            Page.Images.setOpacity(0);
            Page.Images.set('tween', { 'duration': '1500' });

            Page.Images[Page.CurrentImage].fade(1);
            if (Page.Thumbnails.length > 0)
                Page.Thumbnails[Page.CurrentImage].fade(1);

            if (Page.Images.length > 1) {
                if (!Page.Container.hasClass('norotate'))
                Page.ShowNext = Page.NextImage.delay(5000);
            }
        }

        Page.Thumbnails.addEvent('click', Page.SelectImage);

        $$('#productnav li').each(function(y) {
            var sub = y.getElement('ul');
            if (sub != null) {

                y.store('height', sub.getSize().y)

                if (!y.hasClass('open'))
                    sub.setStyle('height', '0');

                var nav = y.getElements('a');

                var timer;

                y.addEvent('mouseover', function(z) {
                    if (timer != null)
                        $clear(timer);
                    sub.morph({ 'height': y.retrieve('height'), 'opacity': '1', 'margin-bottom': '10px' });
                });

                y.addEvent('mouseout', function(z) {
                    timer = (function() {

                        sub.morph({ 'height': '0', 'opacity': '0', 'margin-bottom': '0' });
                        $$('#productnav li.open ul').each(function(x) {
                            x.morph({ 'height': x.getParent().retrieve('height'), 'opacity': '1', 'margin-bottom': '10px' });
                        });
                    }).delay(1000);

                });
            }
        });
    },
    NextImage: function() {
        Page.HideImage();
        Page.CurrentImage++;
        if (Page.CurrentImage >= Page.Images.length)
            Page.CurrentImage = 0;
        Page.ShowImage();
        if (!Page.Container.hasClass('norotate'))
            Page.ShowNext = Page.NextImage.delay(5000);
    },
    HideImage: function() {
        Page.Images[Page.CurrentImage].fade(0);
        if (Page.Thumbnails.length > 0)
            Page.Thumbnails[Page.CurrentImage].fade(1);
    },
    ShowImage: function() {
        Page.Images[Page.CurrentImage].fade(1);
        if (Page.Thumbnails.length > 0)
            Page.Thumbnails[Page.CurrentImage].fade(1);
    },
    SelectImage: function(y) {
        if (Page.ShowNext != null)
            $clear(Page.ShowNext);

        var i = 0;
        var newId;
        Page.Thumbnails.each(function(z) {
            if (y.target == z)
                newId = i;
            i++;
        });
        if (newId != Page.CurrentImage) {
            Page.HideImage();
            Page.CurrentImage = newId;
            Page.ShowImage();
        }

    }
}