document.observe('dom:loaded', function(){
    $('lemon_nut').appear({duration: 3});
    
    
    
    
    function show_nutrition_facts(id) {
        
        $('lemon_nut').hide();
        $('lemon_lite_nut').hide();
        $('watermelon_nut').hide();
        $('blueberry_nut').hide();
        $('cherry_nut').hide();
        $('peach_mango_nut').hide();
        $('pomegranate_nut').hide();
        $('grapefruit_nut').hide();
        $(id).appear({duration: 3});
    }
    
    $('lemon').observe('click', function(){show_nutrition_facts('lemon_nut')});
    $('watermelon').observe('click', function(){show_nutrition_facts('watermelon_nut')});
    $('lemon_lite').observe('click', function(){show_nutrition_facts('lemon_lite_nut')});
    $('blueberry').observe('click', function(){show_nutrition_facts('blueberry_nut')});
    $('cherry').observe('click', function(){show_nutrition_facts('cherry_nut')});
    $('peach_mango').observe('click', function(){show_nutrition_facts('peach_mango_nut')});
    $('pomegranate').observe('click', function(){show_nutrition_facts('pomegranate_nut')});
    $('grapefruit').observe('click', function(){show_nutrition_facts('grapefruit_nut')});
    
    
    
});