/* ------------------------------------------------------------------------------
*
* # 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: '-1'
});
// 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');
}
});
});