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() {
    $('productimg').onload = function() {
        $('loading').hide();
    }
    $$('#navbuttons img').each(function(i) {
        if (i.getClassName() == 'nothumb') continue;
        i.onclick = function() {
            $('loading').show();
            var thumb_source = i.getAttribute('src');
            var full_source = thumb_source.replace(/thumb/, 'full');
            $('productimg').setAttribute('src', full_source);
        }
    });
    $$('#navbuttons a').each(function(a) {
        a.onclick = function() {
            a.blur();
            return false;
        }
    });
    $$('#productsubmenu li a').each(function(a) {
        a.onclick = function() {
            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();
            return false;
        }
    });
});