﻿function populateNutrition(srcElm, idx, itemName, Unit, UnitName, UnitNum, UnitWeight, Kcal, Protein, Fat, Carbohydrate, Sodium, SaturatedFat, TransFat, Grains, Milk, MeatAndBeans, Vegetables, Fruits, Oil) {

    //document.getElementById('tdItemName').innerHTML = itemName;
    $('#tdUnit' + idx).html(Unit);

    $('#spnUnitName').html(UnitName == '無' ? '' : UnitName);

    $('#tdUnitNum' + idx).html(UnitNum);
    $('#tdUnitWeight' + idx).html(UnitWeight);

    $('#tdKcal' + idx).html(Kcal);
    $('#tdProtein' + idx).html(Protein);
    $('#tdFat' + idx).html(Fat);
    $('#tdCarbohydrate' + idx).html(Carbohydrate);
    $('#tdSodium' + idx).html(Sodium);
    $('#tdSaturatedFat' + idx).html(SaturatedFat);
    $('#tdTransFat' + idx).html(TransFat);
    $('#tdGrains' + idx).html(Grains);
    $('#tdMilk' + idx).html(Milk);
    $('#tdMeatAndBeans' + idx).html(MeatAndBeans);
    $('#tdVegetables' + idx).html(Vegetables);
    $('#tdFruits' + idx).html(Fruits);
    $('#tdOil' + idx).html(Oil);



}



function showNutrition(srcElm) {
    $ulNutrition = $('#ulNutrition');

    $trUnitName = $ulNutrition.find('#trUnitName');

    var hasVal = false;

    $trUnitName.find('td[id|=tdUnitNum], #spnUnitName').each(function (idx, elm) {
        if ($(elm).html() != '') {
            hasVal = true;
            return;
        }
    });

    if (!hasVal) {
        $trUnitName.hide();
    }

    $ulNutrition.show();
    //$ulNutrition.fadeIn();

    //    $ulNutrition.css('left', 100);
    //    $ulNutrition.css('top', 100);


    var srElmTop = $(srcElm).offset().top - $(window).scrollTop();
    var srElmLeft = $(srcElm).offset().left;

    var winHeight = $(window).height();
    var winWidth = $(window).width();


    //當選單出現會超出可視區域的下限時
    if (srElmTop + $ulNutrition.height() > winHeight) {
        if ($ulNutrition.height() > winHeight) {
            $ulNutrition.css('top', $(window).scrollTop());
        } else {
            $ulNutrition.css('top', winHeight - $ulNutrition.height() + $(window).scrollTop() + 'px');
        }
    } else {
        $ulNutrition.css('top', $(srcElm).offset().top);
    }

    //當按鈕left+按鈕寬度+營養表寬度超超出目前可視區域
    if (srElmLeft + $(srcElm).width() + $ulNutrition.width() > winWidth) {
        $ulNutrition.css('left', srElmLeft - $ulNutrition.width());
    } else {
        $ulNutrition.css('left', srElmLeft + $(srcElm).width());
    }


//    $('#SrcElmPositionTop').html($(srcElm).position().top);
//    $('#SrcElmPositionLeft').html($(srcElm).position().left);

//    $('#SrcElmOffsetTop').html($(srcElm).offset().top);
//    $('#SrcElmOffsetLeft').html($(srcElm).offset().left);

//    $('#NuElmWidth').html($ulNutrition.width());
//    $('#NuElmHeight').html($ulNutrition.height());

//    $('#WinWidth').html(winWidth);
//    $('#WinHeight').html($(window).height());

//    $('#WinScrollTop').html($(window).scrollTop());
//    $('#WinScrollLeft').html($(window).scrollLeft());

}




function hideNutrition() {
    $('#ulNutrition').hide();
}
