var current_panel = 'info';
function changePanel(panel) {
    var appear = function() {
        new Effect.Appear($(panel));
    }
    appear.delay(1);
    new Effect.Fade($(current_panel));
    current_panel = panel;
}

Event.observe(window, 'dom:loaded', function() {
    $('loading').hide();

    $('productimg').observe('load', function(e) {
        $('loading').hide();
    });

    $$('#navbuttons a').each(function(a) {
        //if (i.getClassName() == 'nothumb') return false;
        a.observe('click', function(e) {
            e.preventDefault();
            $('loading').show();
            var i = a.down();
            var thumb_source = i.getAttribute('src');
            var full_source = thumb_source.replace(/thumb/, 'full');
            $('productimg').setAttribute('src', full_source);
        });
    });

    $$('#productsubmenu li a').each(function(a) {
        a.observe('click', function(e) {
            e.preventDefault();
            var new_panel = a.getAttribute('rel')
            if (new_panel == current_panel) return false;
            changePanel(new_panel);
            $$('#productsubmenu li').each(function(li) {
                li.removeClassName('selected');
            });
            a.up().toggleClassName('selected');
            a.blur();
        });
    });
});