$(document).ready(function () {

    //تحديد اصغر حجم للخط
    var min=9;

    //تحديد اكبر حجم للخط
    var max=16;

    //الحصول على حجم الخط الافتراضى من كود التنسيق
    var reset = $('p').css('fontSize');

    //تحديد العناصر التى يتم التحكم فى حجم الخط داخلها
    var elm = $('p.intro, p.ending');

    //تعيين حجم الخط الافتراضى و ازالة قيمة البكسل منها
    var size = str_replace(reset, 'px', '');

    //تكبير حجم الخط
    $('a.fontSizePlus').click(function() {

        //تحديد حجم الخط اذا كان مساوى او اقل من اقصى حجم مسموح
        if (size<=max) {

            //تكبير حجم الخط
            size++;

            //تعيين الحجم الاخير فى كود التنسيق
            elm.css({'fontSize' : size});
        }

        //الغاء التعديل على الحجم
        return false;

    });

    $('a.fontSizeMinus').click(function() {

        //تحديد ما اذا كان حجم الخط اكبر او مساوى لاصغر قيمة للحجم
        if (size>=min) {

            //تصغير حجم الخط
            size--;

            //تعيين حجم الخط فى كود التنسيق
            elm.css({'fontSize' : size});
        }

        //الغاء التعديل فى حجم الخط
        return false;

    });

    //استعادة الحجم الافتراضى للخ
    $('a.fontReset').click(function () {

        //تعيين الحجم الاصلى للخط
         elm.css({'fontSize' : reset});
    });

});

//دالة الاستبدال
function str_replace(haystack, needle, replacement) {
    var temp = haystack.split(needle);
    return temp.join(replacement);
}