jQuery(document).ready(function ($) {

    var charityList = $('.organizationList, .allCharitiesList, .donationInformation').find('a');
    var charityName = $('.charityName');
    var charityImage = $('.charityImage');
    var charityDescription = $('.charityDescription');
    var charityLink = $('.charityLink');
    var btnPrev = $('a.btnPrev');
    var btnNext = $('a.btnNext');

    var charityImageModal = $('.charityImageModal').overlay({
        api: true,
        onLoad: function () {
            //console.log('load');
        },
        onClose: function () {
            //console.log('close');
        }
    });

    $('body').click(function () {
        if (!charityImageModal) return;
        charityImageModal.close();
    });

    var charityClick = function (e) {
        charity_modal($(this).attr('href'));
        return false;
    };

    charityList.click(charityClick);

    btnPrev.click(charityClick);

    btnNext.click(charityClick);

    //create a new function to open the modal as opposed to using the original click function
    function charity_modal(charurl) {
        var linktofind = 'a[href=' + charurl + ']';
        var curLink = charityList.filter(linktofind);
        var curIndex = charityList.index(curLink[0]);
        //$(linktofind).addClass('viewed'); 
        curLink.addClass('viewed');
        var strButtons = "";
        //previous button
        if (curIndex >= 1) {
            var prevIndex = curIndex - 1;
            btnPrev.attr('href', charityList.eq(prevIndex).attr('href'));
            btnPrev.show();
        } else {
            btnPrev.hide();
        }

        var len = charityList.length;
        //next button
        if (curIndex < (len - 1)) {
            var nextIndex = curIndex + 1;
            btnNext.attr('href', charityList.eq(nextIndex).attr('href'));
            btnNext.show();
        } else {
            btnNext.hide();
        }
        $.ajax({
            method: 'get',
            /*url: $(this).attr('href'),*/
            url: charurl,
            dataType: 'json',
            success: function (data) {
                charityDescription.html(data.Description);
                charityName.text(data.Name);
                if (data.URL) {
                    charityLink.attr('href', data.URL);
                    charityLink.show();
                } else {
                    charityLink.hide();
                }
                if (data.ImageURL) {
                    charityImage.show();
                    charityImage.attr('src', data.ImageURL);
                    charityImage.one('load', function () {
                        //charityImageModal.load();
                    });
                    charityImageModal.load();
                }
                else {
                    charityImage.hide();
                    charityImageModal.load();
                }
                charityImage.attr('alt', data.Name);
            }

        });

        /*
        charityImage.attr('src', $(this).attr('href'));
        charityImage.one('load', function () {
        charityImageModal.load();
        });
        */
    }

});