// //////////////////////////////////
// Create the buttons
// //////////////////////////////////
$('.wh_tools').prepend('<div class="font-sizer">' +
    '<button class="increaseFont" value="increase" title="Increase font size"> A + </button>' +
    '<button class="decreaseFont" value="decrease" title="Decrease font size"> A - </button>' +
    '<button class="reset" title="Set font size to default">Reset</button>' +
'</div>');

// Set location of fontButtons
$('.font-sizer').css({
    // 'background' : 'transparent',
    'position' : 'absolute',
    'background-color' : '#F1F1F1',
    'right': '150px',
    'margin': '8px'
});

$('.font-sizer button').css({
    // 'background' : 'transparent',
    'background-color' : '#F1F1F1',
    'border' : 'solid 1px rgba(0,0,0,.2)'
});


// //////////////////////////////////
//Font Size Changer - buttons
// //////////////////////////////////
if ($(".font-sizer").length) {

    var curFontSize = localStorage["FontSize"];

    if (curFontSize) {
        //set to previously saved fontsize if available
        $('.body').css('font-size', curFontSize);
    }

    $(".increaseFont,.decreaseFont").click(function () {
        var type = $(this).val();
        curFontSize = $('.body').css('font-size');
        if (type == 'increase') {
            $('.body').css('font-size', parseInt(curFontSize) + 2 + "px");
        } else {
            $('.body').css('font-size', parseInt(curFontSize) - 2 + "px");
        }
        localStorage.setItem('FontSize', curFontSize);
    });

    var resetFont = $('.body').css('font-size');

    $(".reset").click(function () {
        $('.body').css('font-size', '1em');
        localStorage.setItem('FontSize', '1em');
    });
}




// //////////////////////////////////
// Create Icons - glyphicons
// //////////////////////////////////
// $('.wh_tools').prepend('<div class="font-sizer">' +

// '<a href="#" title="Increase font size">' +
//     '<span class="glyphicon glyphicon-plus"></span>' +
// '</a>' +

// '<a href="#" title="Decrease font size">' +
//     '<span class="glyphicon glyphicon-minus"></span>' +
// '</a>' +

// '</div>');




// // //////////////////////////////////
// // Create Icons - fontawsome
// // //////////////////////////////////
// $('head').append('<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"></link>');

// $('.wh_tools').prepend('<div class="font-sizer">' +

// '<a href="#" title="Increase font size" onclick="increase()">' +
//     '<i class="increaseFont fas fa-plus-square fa-lg"></i>' +
// '</a>' +

// '<a href="#" title="Decrease font size">' +
//     '<i class="decreaseFont fas fa-minus-square fa-lg"></i>' +
// '</a>' +

// '<a href="#" title="Reset font size">' +
//     '<i class="reset fas fa-sync-alt fa-lg"></i>' +
// '</a>' +

// '</div>');


// $('.fas').css({
//     'margin-right' : '10px'
// });


// // Set location of fontButtons
// $('.font-sizer').css({
//     'position' : 'absolute',
// });
// if($('.webhelp_expand_collapse_sections').css('display') == 'none')
// {
//     $('.font-sizer').css({
//         'right' : '60px'
//     });
// }
// else {
//     $('.font-sizer').css({
//         'right' : '10px'
//     });
// }




// function increase() {
//     var changeValue = "increase";
// }
// function decrease() {
//     var changeValue = "crease";
// }


// // //////////////////////////////////
// //Font Size Changer - buttons
// // //////////////////////////////////
// if ($(".font-sizer").length) {

//     var curFontSize = localStorage["FontSize"];

//     if (curFontSize) {
//         //set to previously saved fontsize if available
//         $('.body').css('font-size', curFontSize);
//     }

//     $(".increaseFont,.decreaseFont").click(function () {
//         var type = $(this).val();
//         curFontSize = $('.body').css('font-size');
//         if (type == 'increase') {
//             $('.body').css('font-size', parseInt(curFontSize) + 2 + "px");
//         } else {
//             $('.body').css('font-size', parseInt(curFontSize) - 2 + "px");
//         }
//         localStorage.setItem('FontSize', curFontSize);
//     });

//     var resetFont = $('.body').css('font-size');

//     $(".reset").click(function () {
//         $('.body').css('font-size', '1em');
//         localStorage.setItem('FontSize', '1em');
//     });
// }
