/* ------------------------------------------------------------------------------
*
*  # Vertical navigation sizing
*
*  Specific JS code additions for navigation_vertical_sizing.html page
*
*  Version: 1.0
*  Latest update: Aug 1, 2015
*
* ---------------------------------------------------------------------------- */

$(function() {

    // Initialize Select2 select
    $('.select').select2({
        width: 180,
        minimumResultsForSearch: Infinity
    });


    // Apply size on change
    $('.select').on('change', function(){

        // Value of selected item
        var vals = $(this).val();


        // Large
        if ((vals == 'large')) {
            $('.navigation-main').addClass('navigation-lg');
        }
        else {
            $('.navigation-main').removeClass('navigation-lg');
        }

        // Small
        if ((vals == 'small')) {
            $('.navigation-main').addClass('navigation-sm');
        }
        else {
            $('.navigation-main').removeClass('navigation-sm');
        }

        // Mini
        if ((vals == 'mini')) {
            $('.navigation-main').addClass('navigation-xs');
        }
        else {
            $('.navigation-main').removeClass('navigation-xs');
        }
    });
    
});