$(document).ready(function()
{
    /* Show real of an order and compute amount of the contract. */
    $(document).on('change', 'select.select-order', function()
    {
        $(this).parents('td').find('[name^=real]').val($(this).find('option:selected').attr('data-real'));
        currency = v.currencySign['rmb'];
        if($(this).find('option:selected').attr('data-currency')) currency = v.currencySign[$(this).find('option:selected').attr('data-currency')]
        $(this).parents('td').find('.order-currency').html(currency);
        $(this).parents('td').find('[name^=real]').change();
    });

    /* Recompute amount when change real of an order.  */
    $(document).on('change', '.order-real', function()
    {
        var amount = 0;
        $('.order-real').each(function(){if($(this).val()) amount += parseFloat($(this).val()); });
        $('#amount').val(amount);
        $('#currency').val($('.order-real:first').parent().parent().prev('span').find('select').find('option:selected').attr('data-currency'));
    });

    if(config.currentMethod == 'browse')
    {
        if(config.requestType == 'PATH_INFO')
        {
            $('#menu .nav>li').removeClass('active').children('[href*=browse-' + v.mode + ']').parent().addClass('active');
        }
        else
        {
            $('#menu .nav>li').removeClass('active').children("[href*=mode\\=" + v.mode + ']').parent().addClass('active');
        }
        $('#menu li.dropdown').addClass('active');
    }
    /* fix submenu active class if v.mode equal expire. */
    if(v.mode == 'expire') $('#menu li').find('[href*=expired]').parent().removeClass('active');
})