$(document).ready(function () {
    // Förminska text.
    var shrinkTextSize = $('#shrinkTextSize');

    // Förstora texten.
    var enlargeTextSize = $('#enlargeTextSize');

    // Hämtar ut knappen med id controllPanelBtn
    var controlPanelBtn = $('#controlPanelBtn');

    // Hämtar ut den dolda diven.
    var controlPanelDiv = $('#controlPanel');

    $('a#controlPanelLink').css('color', '#fff');

    // Sätter click-event på controlPanelBtn.
    controlPanelBtn.click(function () {
        controlPanelDiv.slideToggle('fast', function () {
            // Om downArrow - byt till upArrow.
            if ($('#arrow').hasClass('downArrow') == true) {
                $('a#controlPanelLink').css('color', '#fff');

                $('#arrow').removeClass('downArrow');
                $('#arrow').addClass('upArrow');

            }
            else {
                $('a#controlPanelLink').css('color', '#fff');

                // Byt till downArrow.
                $('#arrow').removeClass('upArrow');
                $('#arrow').addClass('downArrow');


            }
        });

    });

    // Vid klick på förminska text.
    shrinkTextSize.click(function () {
        // Förminskar nuvarnade textstorlek med 2.
        var newFontSize = parseInt($('p').css('font-size')) - 2;
        var newHeading1FontSize = parseInt($('h1').css('font-size')) - 2;
        var newHeading2FontSize = parseInt($('h2').css('font-size')) - 2;
        var newHeading3FontSize = parseInt($('h3').css('font-size')) - 2;
        var newHeading4FontSize = parseInt($('h4').css('font-size')) - 2;
        var newHeadingliFontSize = parseInt($('li').css('font-size')) - 2;
        var newHeadingLeftFontSize = parseInt($('.left').css('font-size')) - 1;
        var newmediatypeName = parseInt($('.mediaTypeName').css('font-size')) - 2;
        var newliWidth1 = parseInt($('#FilterWidthControll1').css('width')) + 20;
        var newliWidth2 = parseInt($('#FilterWidthControll2').css('width')) + 20;
        var sizeControl = parseInt($('.sizeControl').css('font-size')) - 2;

        // Kollar så inte textstorlek går under 8px
        if (newFontSize <= 10) {
            // Notifera användaren om att han inte kan förminska texten mer.
            // alert("Du kan tyvärr inte förminska texten mer");
        }
        else {
            // Ändrar textstorleken.
            $('p').css('font-size', newFontSize);
            $('h1').css('font-size', newHeading1FontSize);
            $('h2').css('font-size', newHeading2FontSize);
            $('h3').css('font-size', newHeading3FontSize);
            $('h4').css('font-size', newHeading4FontSize);
            $('li').css('font-size', newHeadingliFontSize);
            $('.left').css('font-size', newHeadingLeftFontSize);
            $('.mediaTypeName').css('font-size', newmediatypeName);
            $('#FilterWidthControll1').css('width', newliWidth1);
            $('#FilterWidthControll2').css('width', newliWidth2);
            $('.sizeControl').css('font-size', sizeControl);

        }

        // Nollställer newFontSize.
        newFontSize = null;
        newHeading1FontSize = null;
        newHeading2FontSize = null;
        newHeading3FontSize = null;
        newHeading4FontSize = null;
        newHeadingliFontSize = null;
        newHeadingLeftFontSize = null;
        newliWidth1 = null;
        newliWidth2 = null;
        newmediatypeName = null;
        sizeControl = null;
    });

    // Vid klick på förstora text.
    enlargeTextSize.click(function () {
        var newFontSizeEnlarge = parseInt($('p').css('font-size')) + 2;
        var newHeading1FontSize = parseInt($('h1').css('font-size')) + 2;
        var newHeading2FontSize = parseInt($('h2').css('font-size')) + 2;
        var newHeading3FontSize = parseInt($('h3').css('font-size')) + 2;
        var newHeading4FontSize = parseInt($('h4').css('font-size')) + 2;
        var newHeadingliFontSize = parseInt($('li').css('font-size')) + 2;
        var newHeadingLeftFontSize = parseInt($('.left').css('font-size')) + 1;
        var newmediatypeName = parseInt($('.mediaTypeName').css('font-size')) + 2;
        var newliWidth1 = parseInt($('#FilterWidthControll1').css('width')) - 20;
        var newliWidth2 = parseInt($('#FilterWidthControll2').css('width')) - 20;
        var sizeControl = parseInt($('.sizeControl').css('font-size')) + 2;

        // Kollar så inte textstorlek går över 22px
        if (newFontSizeEnlarge >= 20) {
            // Notifera användaren om att han inte kan förminska texten mer.
            // alert("Du kan tyvärr inte förstora texten mer");
        }
        else {
            // Ändrar textstorleken.
            $('p').css('font-size', newFontSizeEnlarge);
            $('h1').css('font-size', newHeading1FontSize);
            $('h2').css('font-size', newHeading2FontSize);
            $('h3').css('font-size', newHeading3FontSize);
            $('h4').css('font-size', newHeading4FontSize);
            $('li').css('font-size', newHeadingliFontSize);
            $('.left').css('font-size', newHeadingLeftFontSize);
            $('.mediaTypeName').css('font-size', newmediatypeName);
            $('#FilterWidthControll1').css('width', newliWidth1);
            $('#FilterWidthControll2').css('width', newliWidth2);
            $('.sizeControl').css('font-size', sizeControl);
        }

        // Nollställer newFontSize.
        newFontSizeEnlarge = null;
        newHeading1FontSize = null;
        newHeading2FontSize = null;
        newHeading3FontSize = null;
        newHeading4FontSize = null;
        newHeadingliFontSize = null;
        newHeadingLeftFontSize = null;
        newliWidth1 = null;
        newliWidth2 = null;
        newmediatypeName = null;
        sizeControl = null;
    });
});