{"id":8273,"date":"2021-04-28T10:47:16","date_gmt":"2021-04-28T10:47:16","guid":{"rendered":"https:\/\/aelso.org\/?p=8273"},"modified":"2022-11-26T07:21:22","modified_gmt":"2022-11-26T07:21:22","slug":"audio-books-islamic-foundations-of-free-society","status":"publish","type":"post","link":"https:\/\/aelso.org\/da\/audio-books-islamic-foundations-of-free-society\/","title":{"rendered":"Audio Book &#8211; Islamic Foundations of A Free Society"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8273\" class=\"elementor elementor-8273\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9a644df elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9a644df\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7cfdab13\" data-id=\"7cfdab13\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c605c44 elementor-widget elementor-widget-text-editor\" data-id=\"c605c44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong><span style=\"font-size: 14.0pt; font-family: 'Tahoma',sans-serif;\">About Islamic Foundations of A Free Society:<\/span><\/strong><\/p><p style=\"text-align: justify;\"><span style=\"font-family: tahoma, arial, helvetica, sans-serif;\">Islam is growing rapidly both in its traditional homelands and in the West. Some in the West, view Islam with a mixture of fear and suspicion. However, it is also fair to say that there is widespread ignorance about Islam, and especially about its relationship to political systems and the economy. Is Islam compatible with a free society and a free economy? Is the fact that many Muslim-majority states do not have free economies or polities a result of an incompatibility between Islam and political and economic freedom, or does it result from an unfortunate series of historical events? What role has past colonialism played in encouraging Muslim extremism? Exactly what does Islam have to say about freedom in economic, political and religious life? This book, written by a range of Islamic scholars, sheds a great deal of light on these crucial questions. It is an important book for those in the West who need to understand Islam better. It is also important for those in Muslim countries who can influence the development of political systems and economic policy.<\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-family: tahoma, arial, helvetica, sans-serif;\"> The book is edited by <strong>Nouh El Harmouzi &amp; Linda Whetstone<\/strong> and f<\/span><span style=\"font-family: Tahoma, sans-serif;\">ortunately, now it is translated to Dari by AELSO and it is available as Audio Book in here and as PDF in <\/span><span style=\"font-family: tahoma, arial, helvetica, sans-serif;\"><span style=\"color: #0000ff;\"><a href=\"http:\/\/aelso.org\/files\/Islamic%20Foundations%20of%20a%20Free%20Society%20%20Dari.pdf\">here<\/a><\/span>.<\/span><\/p><p style=\"text-align: justify;\"><strong><span style=\"font-size: 14.0pt; font-family: 'Tahoma',sans-serif; color: black;\">This Audio Book (Islamic Foundations of A Free Society) is presented for the visually impaired, or for busy people while on the road.<\/span><\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-257efa4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"257efa4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-465e3f4\" data-id=\"465e3f4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-14b5d46 elementor-widget elementor-widget-mp3_playlist\" data-id=\"14b5d46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mp3_playlist.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                <ul id=\"playlist\">\r\n                                                <li track=\"https:\/\/aelso.org\/files\/audio_book\/iffs\/1.mp3\"\r\n                                cover=\"https:\/\/aelso.org\/wp-content\/uploads\/2021\/04\/IFFS-Cover-Recovered-01.jpg\"\r\n                                title=\"1. Chapter One\">\r\n                            <\/li>\r\n                                                        <li track=\"https:\/\/aelso.org\/files\/audio_book\/iffs\/2.mp3\"\r\n                                cover=\"https:\/\/aelso.org\/wp-content\/uploads\/2021\/04\/IFFS-Cover-Recovered-01.jpg\"\r\n                                title=\"2. Chapter Two\">\r\n                            <\/li>\r\n                                                        <li track=\"https:\/\/aelso.org\/files\/audio_book\/iffs\/3.mp3\"\r\n                                cover=\"https:\/\/aelso.org\/wp-content\/uploads\/2021\/04\/IFFS-Cover-Recovered-01.jpg\"\r\n                                title=\"3. Chapter Three\">\r\n                            <\/li>\r\n                                                        <li track=\"https:\/\/aelso.org\/files\/audio_book\/iffs\/4.mp3\"\r\n                                cover=\"https:\/\/aelso.org\/wp-content\/uploads\/2021\/04\/IFFS-Cover-Recovered-01.jpg\"\r\n                                title=\"4. Chapter Four\">\r\n                            <\/li>\r\n                                                        <li track=\"https:\/\/aelso.org\/files\/audio_book\/iffs\/5.mp3\"\r\n                                cover=\"https:\/\/aelso.org\/wp-content\/uploads\/2021\/04\/IFFS-Cover-Recovered-01.jpg\"\r\n                                title=\"5. Chapter Five\">\r\n                            <\/li>\r\n                                                        <li track=\"https:\/\/aelso.org\/files\/audio_book\/iffs\/6.mp3\"\r\n                                cover=\"https:\/\/aelso.org\/wp-content\/uploads\/2021\/04\/IFFS-Cover-Recovered-01.jpg\"\r\n                                title=\"6. Chapter Six\">\r\n                            <\/li>\r\n                                                        <li track=\"https:\/\/aelso.org\/files\/audio_book\/iffs\/7.mp3\"\r\n                                cover=\"https:\/\/aelso.org\/wp-content\/uploads\/2021\/04\/IFFS-Cover-Recovered-01.jpg\"\r\n                                title=\"7. Chapter Seven\">\r\n                            <\/li>\r\n                                                        <li track=\"https:\/\/aelso.org\/files\/audio_book\/iffs\/8.mp3\"\r\n                                cover=\"https:\/\/aelso.org\/wp-content\/uploads\/2021\/04\/IFFS-Cover-Recovered-01.jpg\"\r\n                                title=\"8. Chapter Eight\">\r\n                            <\/li>\r\n                                                        <li track=\"https:\/\/aelso.org\/files\/audio_book\/iffs\/9.mp3\"\r\n                                cover=\"https:\/\/aelso.org\/wp-content\/uploads\/2021\/04\/IFFS-Cover-Recovered-01.jpg\"\r\n                                title=\"9. Chapter Nine\">\r\n                            <\/li>\r\n                                                        <li track=\"https:\/\/aelso.org\/files\/audio_book\/iffs\/10.mp3\"\r\n                                cover=\"https:\/\/aelso.org\/wp-content\/uploads\/2021\/04\/IFFS-Cover-Recovered-01.jpg\"\r\n                                title=\"10. Chapter Ten\">\r\n                            <\/li>\r\n                                                        <li track=\"https:\/\/aelso.org\/files\/audio_book\/iffs\/11.mp3\"\r\n                                cover=\"https:\/\/aelso.org\/wp-content\/uploads\/2021\/04\/IFFS-Cover-Recovered-01.jpg\"\r\n                                title=\"About The Authors\">\r\n                            <\/li>\r\n                                            <\/ul>\r\n\r\n\r\n\r\n        <script>\r\n            (function ($) {\r\n                \"use strict\";\r\n                $.fn.musicPlaylist = function (options) {\r\n                    var settings = $.extend({}, options);\r\n                    var container = $('<div id=\"container\"><\/div>');\r\n                    container.insertBefore('#playlist');\r\n                    container.css({'width': settings.playerWidth});\r\n                    container.append('<div id=\"audio-player\">' + '<div id=\"audio-info\">' + '<div id=\"mini\">' + '<i class=\"fa fa-compress\"><\/i>' + '<i class=\"fa fa-expand\"><\/i>' + '<\/div>' + '<div id=\"playerColor\">' + '<span id=\"title\"><\/span>' + '<\/div>' + '<div id=\"audio-img\">' + '<div id=\"cover\"><\/div>' + '<div id=\"controlBar\">' + '<div id=\"listDiv\">' + '<div id=\"sound\" class=\"soundContainer\">' + '<i class=\"fas fa-volume-up\"><\/i>' + '<i class=\"fas fa-volume-off\"><\/i>' + '<i class=\"fas fa-times sound-remove\"><\/i>' + '<\/div>' + '<div id=\"volContainer\">' + '<div id=\"volumeBar\">' + '<div id=\"volume\"><\/div>' + '<div id=\"volumeH\"><\/div>' + '<\/div>' + '<\/div>' + '<div id=\"audio-buttons\">' + '<div id=\"prev\" class=\"btnClass\"><i class=\"fa fa-fast-backward\" style=\"font-size: 16px\"><\/i><\/div>' + '<div id=\"play\" class=\"btnClass\"><i class=\"fa fa-play\" style=\"font-size: 22px\"><\/i><\/div>' + '<div id=\"pause\" class=\"btnClass\"><i class=\"fa fa-pause\" style=\"font-size: 22px\"><\/i><\/div>' + '<div id=\"next\" class=\"btnClass\"><i class=\"fa fa-fast-forward\" style=\"font-size: 16px\"><\/i><\/div>' + '<\/div>' + '<div id=\"listView\"><i class=\"fa fa-list-ul\"><\/i><\/div>' + '<\/div>' + '<div id=\"timeContainer\">' + '<div id=\"duration\"><\/div>' + '<div id=\"pbContainer\">' + '<div id=\"progressBar\">' + '<div id=\"progress\"><\/div>' + '<div id=\"progressH\"><\/div>' + '<\/div>' + '<\/div>' + '<div id=\"fti\">' + '<div id=\"ftime\"><\/div>' + '<\/div>' + '<\/div>' + '<\/div>' + '<\/div>' + '<\/div>');\r\n                    var playerColor = $('#playerColor');\r\n                    var controlBar = $('#controlBar');\r\n                    var playlist = $('#playlist');\r\n                    var audioImg = $('#audio-img');\r\n                    var play = $('#play');\r\n                    var pause = $('#pause');\r\n                    var progressBar = $('#progressBar');\r\n                    var progressVal = $('#progress');\r\n                    var progressH = $('#progressH');\r\n                    var timeContainer = $('#timeContainer');\r\n                    var volumeBar = $('#volumeBar');\r\n                    var volumeVal = $('#volume');\r\n                    var volumeH = $('#volumeH');\r\n                    var duration = $('#duration');\r\n                    var sound = $('#sound');\r\n                    var mini = $('#mini');\r\n                    var listView = $('#listView');\r\n                    playerColor.css({'background-color': settings.playerColor, 'opacity': settings.playerOpacity});\r\n                    controlBar.css({'background-color': settings.playerColor});\r\n                    $('#listDiv, #audio-buttons, #duration, #ftime').css('color', settings.iconColor);\r\n                    audioImg.addClass('audio-imgA');\r\n                    playlist.wrap('<div id=\"playlistContainer\"><\/div>');\r\n                    var playlistContainer = $('#playlistContainer');\r\n                    playlistContainer.css({'width': settings.playerWidth}).append('<div id=\"filter\"><\/div>');\r\n                    $('#progressBar, #volumeBar').css({'background-color': settings.slidersBackgroundColor});\r\n                    $('#progress, #volume').css({'background-color': settings.slidersValueColor});\r\n                    $('#playlist li').each(function () {\r\n                        var cover = $(this).attr('cover');\r\n                        var title = $(this).attr('title');\r\n                        $(this).prepend('<div class=\"txtBox\"><span class=\"txtCenter\">' + title + '<\/span><\/div>').prepend('<div class=\"imgCointeiner\" style=\"background-image: url(' + cover + '); width: ' + settings.trackImageSize + '\"><\/div>')\r\n                    }).css({'height': settings.trackImageSize, 'border-bottom': 'solid 1px' + settings.separatorColor});\r\n                    $('#title').css({\r\n                        'font-size': settings.titleSize,\r\n                        'color': settings.titleColor,\r\n                        'font-family': settings.titleFontFamily\r\n                    });\r\n                    mini.css({'color': settings.iconColor});\r\n                    if (settings.playerSize == 'big') audioImg.css('height', '360px'); else if (settings.playerSize == 'small') audioImg.css('height', '200px');\r\n                    var audio;\r\n                    pause.hide();\r\n                    initAudio($('#playlist li:first-child'));\r\n\r\n                    function initAudio(element) {\r\n                        var track = element.attr('track');\r\n                        var cover = element.attr('cover');\r\n                        var data = element.attr('title');\r\n                        audio = new Audio(track);\r\n                        if (!audio.curentTime) {\r\n                            duration.html('0:00')\r\n                        }\r\n                        $('#audio-player #title').text(data);\r\n                        $('#cover').css('background-image', 'url(' + cover + ')');\r\n                        $('#playlist li').removeClass('active').css({\r\n                            'background-color': 'transparent',\r\n                            'font-size': settings.trackTextSize,\r\n                            'font-family': settings.trackFontFamily,\r\n                            'color': settings.trackTextColor,\r\n                        });\r\n                        $('#filter').css({'opacity': settings.playerOpacity, 'background-color': settings.playlistColor});\r\n                        element.addClass('active').css({\r\n                            'background-color': settings.activeTrackBackground,\r\n                            'color': settings.activeTrackTextColor\r\n                        });\r\n                        var x = audio.volume * 100;\r\n                        volumeVal.css({'width': x + '%'});\r\n                        volumeH.css('left', x + '%');\r\n                        audio.addEventListener(\"ended\", function () {\r\n                            playNext()\r\n                        });\r\n                        audio.autoplay = !1\r\n                    }\r\n\r\n                    $(function () {\r\n                        fullTime();\r\n                        setVolume()\r\n                    });\r\n                    play.on('click', function () {\r\n                        audio.play();\r\n                        play.hide();\r\n                        pause.show();\r\n                        showDuration()\r\n                    });\r\n                    pause.on('click', function () {\r\n                        audio.pause();\r\n                        pause.hide();\r\n                        play.show()\r\n                    });\r\n                    $('#next').on('click', function () {\r\n                        playNext()\r\n                    });\r\n                    $('#prev').on('click', function () {\r\n                        audio.pause();\r\n                        var prev = $('#playlist li.active').prev();\r\n                        if (prev.length == 0) {\r\n                            prev = $('#playlist li:last-child')\r\n                        }\r\n                        duration.fadeIn(400);\r\n                        initAudio(prev);\r\n                        audio.play();\r\n                        showDuration();\r\n                        fullTime();\r\n                        play.hide();\r\n                        pause.show();\r\n                        sound.removeClass('muted');\r\n                        $('.fa-volume-off, .sound-remove').css({'display': 'none'});\r\n                        volumeVal.css('width', percentage + '%');\r\n                        audio.volume = percentage \/ 100;\r\n                        volumeH.css('left', percentage + '%')\r\n                    });\r\n\r\n                    function showDuration() {\r\n                        $(audio).on('timeupdate', function () {\r\n                            var s = parseInt(audio.currentTime % 60);\r\n                            var m = parseInt((audio.currentTime) \/ 60) % 60;\r\n                            if (s < 10) {\r\n                                s = '0' + s\r\n                            }\r\n                            duration.html(m + ':' + s);\r\n                            var value = 0;\r\n                            if (audio.currentTime > 0) {\r\n                                value = Math.floor((100 \/ audio.duration) * audio.currentTime)\r\n                            }\r\n                            progressVal.css('width', value + '%');\r\n                            progressH.css('left', value + '%')\r\n                        })\r\n                    }\r\n\r\n                    function fullTime() {\r\n                        setInterval(function () {\r\n                            var s = parseInt(audio.duration % 60);\r\n                            var m = parseInt((audio.duration) \/ 60) % 60;\r\n                            if (s < 10) {\r\n                                s = '0' + s\r\n                            }\r\n                            $('#ftime').html(m + ':' + s)\r\n                        }, 400)\r\n                    }\r\n\r\n                    function clickedBar(e) {\r\n                        if (!audio.paused && !audio.ended) {\r\n                            var progressBarSize = progressBar.width();\r\n                            var mouseX = e.pageX - progressBar.offset().left;\r\n                            var newtime = mouseX * audio.duration \/ progressBarSize;\r\n                            audio.currentTime = newtime;\r\n                            progressVal.css('width', mouseX + 'px')\r\n                        }\r\n                    }\r\n\r\n                    function clickedVol(e) {\r\n                        var volBarSize = volumeBar.width();\r\n                        var mouseX = e.pageX - volumeBar.offset().left;\r\n                        var vol = 0;\r\n                        vol = Math.floor((100 * mouseX) \/ volBarSize);\r\n                        volumeVal.css('width', mouseX + 'px');\r\n                        audio.volume = parseFloat(vol) \/ 100\r\n                    }\r\n\r\n                    function playNext() {\r\n                        audio.pause();\r\n                        var next = $('#playlist li.active').next();\r\n                        if (next.length == 0) {\r\n                            next = $('#playlist li:first-child')\r\n                        }\r\n                        duration.fadeIn(400);\r\n                        initAudio(next);\r\n                        audio.play();\r\n                        showDuration();\r\n                        fullTime();\r\n                        play.hide();\r\n                        pause.show();\r\n                        sound.removeClass('muted');\r\n                        $('.fa-volume-off, .sound-remove').css({'display': 'none'});\r\n                        volumeVal.css('width', percentage + '%');\r\n                        audio.volume = percentage \/ 100;\r\n                        volumeH.css('left', percentage + '%')\r\n                    }\r\n\r\n                    var audioImgH = $('#audio-img').height();\r\n                    mini.on('click', function () {\r\n                        if ($(this).attr('data-click-state') == 0) {\r\n                            $(this).attr('data-click-state', 1)\r\n                            $('.fa-expand').css({'display': 'none'});\r\n                            $('.fa-compress').css({'display': 'block'})\r\n                        } else {\r\n                            $(this).attr('data-click-state', 0)\r\n                            $('.fa-expand').css({'display': 'block'});\r\n                            $('.fa-compress').css({'display': 'none'})\r\n                        }\r\n                        timeContainer.toggleClass('visible_TC, hide_TC');\r\n                        controlBar.animate({height: controlBar.height() == 30 ? 44 : 30}, 200);\r\n                        $('#audio-img').animate({height: $('#audio-img').height() == audioImgH ? 37 : audioImgH}, 500)\r\n                    });\r\n                    if (settings.showPlayList == 'show') {\r\n                        playlist.css('display', 'block');\r\n                        audioImg.addClass('audio-imgB')\r\n                    } else {\r\n                        playlist.css('display', 'none');\r\n                        audioImg.addClass('audio-imgA')\r\n                    }\r\n                    listView.on('click', function () {\r\n                        playlist.slideToggle();\r\n                        audioImg.toggleClass('audio-imgA, audio-imgB')\r\n                    });\r\n                    var percentage;\r\n                    sound.on('click', function () {\r\n                        audio.muted = !audio.muted;\r\n                        $(this).toggleClass('muted');\r\n                        $('.fa-volume-off, .sound-remove').css({'display': 'block'});\r\n                        if (audio.muted) {\r\n                            volumeVal.css('width', 0);\r\n                            volumeH.css('left', 0)\r\n                        } else {\r\n                            volumeVal.css('width', settings.startingVolume + '%');\r\n                            volumeH.css('left', settings.startingVolume + '%');\r\n                            $('.fa-volume-off, .sound-remove').css({'display': 'none'})\r\n                        }\r\n                    });\r\n                    var volumeDrag = !1;\r\n                    volumeBar.on('mousedown', function (e) {\r\n                        volumeDrag = !0;\r\n                        audio.muted = !1;\r\n                        sound.removeClass('muted');\r\n                        updateVolume(e.pageX)\r\n                    });\r\n                    $(document).on('mouseup', function (e) {\r\n                        if (volumeDrag) {\r\n                            volumeDrag = !1;\r\n                            updateVolume(e.pageX)\r\n                        }\r\n                    });\r\n                    $(document).on('mousemove', function (e) {\r\n                        if (volumeDrag) {\r\n                            updateVolume(e.pageX)\r\n                        }\r\n                    });\r\n                    var isMobile = {\r\n                        Android: function () {\r\n                            return navigator.userAgent.match(\/Android\/i)\r\n                        }, BlackBerry: function () {\r\n                            return navigator.userAgent.match(\/BlackBerry\/i)\r\n                        }, iOS: function () {\r\n                            return navigator.userAgent.match(\/iPhone|iPad|iPod\/i)\r\n                        }, Opera: function () {\r\n                            return navigator.userAgent.match(\/Opera Mini\/i)\r\n                        }, Windows: function () {\r\n                            return navigator.userAgent.match(\/IEMobile\/i)\r\n                        }, any: function () {\r\n                            return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows())\r\n                        }\r\n                    };\r\n                    $(function () {\r\n                        if (isMobile.any()) {\r\n                            var eVol = document.getElementById(volumeBar);\r\n                            eVol.addEventListener(\"mouseup\", tapOrClick, !1);\r\n                            eVol.addEventListener(\"touchend\", tapOrClick, !1);\r\n                            var eProgress = document.getElementById(progressVal);\r\n                            eProgress.addEventListener(\"mouseup\", tapOrClick, !1);\r\n                            eProgress.addEventListener(\"touchend\", tapOrClick, !1);\r\n\r\n                            function tapOrClick(event) {\r\n                                event.preventDefault();\r\n                                return !1\r\n                            }\r\n                        }\r\n                    });\r\n\r\n                    function setVolume() {\r\n                        percentage = settings.startingVolume;\r\n                        if (percentage == '10') {\r\n                            audio.volume = parseFloat(1)\r\n                        }\r\n                        volumeVal.css('width', percentage + '%');\r\n                        audio.volume = percentage \/ 100;\r\n                        volumeH.css('left', percentage + '%')\r\n                    };var updateVolume = function (x, vol) {\r\n                        var volume = volumeBar;\r\n                        percentage;\r\n                        if (vol) {\r\n                            percentage = vol * 100\r\n                        } else {\r\n                            var position = x - volume.offset().left;\r\n                            percentage = 100 * position \/ volume.width()\r\n                        }\r\n                        if (percentage > 100) {\r\n                            percentage = 100\r\n                        }\r\n                        if (percentage < 0) {\r\n                            percentage = 0\r\n                        }\r\n                        volumeVal.css('width', percentage + '%');\r\n                        audio.volume = percentage \/ 100;\r\n                        volumeH.css('left', percentage + '%');\r\n                        $('.fa-volume-off, .sound-remove').css('display', 'none')\r\n                    }\r\n                    var timeDrag = !1;\r\n                    progressBar.on('mousedown', function (e) {\r\n                        timeDrag = !0;\r\n                        updatebar(e.pageX)\r\n                    });\r\n                    $(document).on('mouseup', function (e) {\r\n                        if (timeDrag) {\r\n                            timeDrag = !1;\r\n                            updatebar(e.pageX)\r\n                        }\r\n                    });\r\n                    $(document).on('mousemove', function (e) {\r\n                        if (timeDrag) {\r\n                            updatebar(e.pageX)\r\n                        }\r\n                    });\r\n                    var updatebar = function (x) {\r\n                        var progress = progressBar;\r\n                        var maxduration = audio.duration;\r\n                        var position = x - progress.offset().left;\r\n                        var percentage = 100 * position \/ progress.width();\r\n                        if (percentage > 100) {\r\n                            percentage = 100\r\n                        }\r\n                        if (percentage < 0) {\r\n                            percentage = 0\r\n                        }\r\n                        progressVal.css('width', percentage + '%');\r\n                        progressH.css('left', percentage + '%');\r\n                        audio.currentTime = maxduration * percentage \/ 100\r\n                    };\r\n                    $('#playlist li').on('click', function () {\r\n                        audio.pause();\r\n                        audio.currentTime = 0;\r\n                        initAudio($(this));\r\n                        audio.play();\r\n                        showDuration();\r\n                        fullTime();\r\n                        play.hide();\r\n                        pause.show();\r\n                        if (sound.hasClass('muted')) {\r\n                            audio.muted = !0;\r\n                            volumeVal.css('width', 0);\r\n                            volumeH.css('left', 0)\r\n                        } else {\r\n                            audio.muted = !1;\r\n                            volumeVal.css('width', settings.startingVolume + '%');\r\n                            audio.volume = percentage \/ 100;\r\n                            volumeH.css('left', settings.startingVolume + '%')\r\n                        }\r\n                    });\r\n                    controlBar.on('mouseenter', function () {\r\n                        $(this).css({'opacity': '1'})\r\n                    });\r\n                    controlBar.on('mouseleave', function () {\r\n                        $(this).css({'opacity': '0.8'})\r\n                    });\r\n                    $('.fa-volume-off, .sound-remove').css('display', 'none');\r\n                    audioImg.on('click', function () {\r\n                        if ($(this).attr('data-click-state') == 1) {\r\n                            $(this).attr('data-click-state', 0)\r\n                            audio.pause();\r\n                            pause.hide();\r\n                            play.show()\r\n                        } else {\r\n                            $(this).attr('data-click-state', 1)\r\n                            audio.play();\r\n                            showDuration();\r\n                            fullTime();\r\n                            play.hide();\r\n                            pause.show()\r\n                        }\r\n                    });\r\n                    controlBar.on('click', function (e) {\r\n                        e.stopPropagation()\r\n                    })\r\n                }\r\n            }(jQuery))\r\n        <\/script>\r\n        <script>\r\n            (function ($) {\r\n                $('#playlist').musicPlaylist({\r\n                    \/\/Main Options\r\n                    playerWidth: '100%', \/\/ Player width. Set it in percents (%) to make it responsive or in pixels (px) to make it fixed width\r\n                    playerColor: '#000', \/\/ Player background color\r\n                    playerOpacity: '0.8', \/\/ Player and playlist background opacity: 0.1 - 1\r\n                    iconColor: '#fff', \/\/ Player icons color\r\n                    slidersBackgroundColor: '#333333', \/\/ Time and volume sliders background color\r\n                    slidersValueColor: '#ffb700', \/\/ Time and volume sliders active color\r\n                    playerSize: 'big', \/\/ Tracks artwork size: big, small\r\n                    titleSize: '15px', \/\/ Tracks title size\r\n                    titleColor: '#fff', \/\/ Tracks title color\r\n                    titleFontFamily: 'arial', \/\/ Tracks title font\r\n                    startingVolume: '100', \/\/ Initial player volume: 0 - 100\r\n\r\n                    \/\/Playlist Options\r\n                    showPlayList: 'show', \/\/ Show playlist initially: show, hide\r\n                    trackImageSize: '40px', \/\/ Tracks artwork size in the playlist\r\n                    trackTextColor: '#fff', \/\/ Tracks title color in the playlist\r\n                    trackTextSize: '14px', \/\/ Tracks title size in the playlist\r\n                    trackFontFamily: 'arial', \/\/ Tracks title font in the playlist\r\n                    playlistColor: '#4c4c4c', \/\/ Playlist background color\r\n                    activeTrackBackground: '#525252', \/\/ Active track in the playlist color\r\n                    activeTrackTextColor: '#fff', \/\/ Active track title color in the playlist\r\n                    separatorColor: '#A7A7A7', \/\/ Tracks separator color\r\n                });\r\n            }(jQuery))\r\n\r\n        <\/script>\r\n\r\n\r\n\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Islamic Foundations of A Free Society: Islam is growing rapidly both in its traditional homelands and in the West. Some in the West, view Islam with a mixture of fear and suspicion. However, it is also fair to say that there is widespread ignorance about Islam, and especially about its relationship to political systems [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10445,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[93],"tags":[],"class_list":["post-8273","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-audio-books"],"translation":{"provider":"WPGlobus","version":"3.0.2","language":"da","enabled_languages":["en","da"],"languages":{"en":{"title":true,"content":true,"excerpt":false},"da":{"title":false,"content":false,"excerpt":false}}},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/aelso.org\/da\/wp-json\/wp\/v2\/posts\/8273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aelso.org\/da\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aelso.org\/da\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aelso.org\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aelso.org\/da\/wp-json\/wp\/v2\/comments?post=8273"}],"version-history":[{"count":0,"href":"https:\/\/aelso.org\/da\/wp-json\/wp\/v2\/posts\/8273\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aelso.org\/da\/wp-json\/wp\/v2\/media\/10445"}],"wp:attachment":[{"href":"https:\/\/aelso.org\/da\/wp-json\/wp\/v2\/media?parent=8273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aelso.org\/da\/wp-json\/wp\/v2\/categories?post=8273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aelso.org\/da\/wp-json\/wp\/v2\/tags?post=8273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}