/* ********************* */
/* BEGIN CUSTOM SETTINGS */
/* ********************* */
var customSettings = {

    /* EDIT META CLASS HERE */
    metaClass   : '.eg-washington-element-3',

    maxWidth    : '80%',
    maxHeight   : '80%',
    fitToView   : false,
    width       : '80%',
    height      : '80%',
    padding     : [0,0,0,0],
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',
    nextEffect  : 'fade',
    prevEffect  : 'fade'

}
/* ***************************************************** */
/*  END CUSTOM SETTINGS (no need to edit anything below) */
/* ***************************************************** */

jQuery('body').on('click', '.esgbox', function() {

    var $this = jQuery(this),
    clas = customSettings.metaClass,
    grouped = $this.attr('rel') === 'group',
    box = $this.closest('.tp-esg-item').find(clas).text();

    if(!box && !grouped) return;
    var content = [];

    if(!grouped) {

        var settings = {};
        for(var prop in customSettings) settings[prop] = customSettings[prop];
        settings.href = box ? box : $this.attr('href');

        settings.element = [this];
        content[0] = settings;

    }
    else {

        var items = $this.closest('.esg-grid').find('.esgbox').toArray(),
        index = items.indexOf(this),
        len = items.length,
        arr = [],
        i;

        if(index !== 0) {

            for(i = index; i < len; i++) arr[arr.length] = items[i];
            for(i = 0; i < index; i++) arr[arr.length] = items[i];

        }
        else {

            arr = items;

        }

        for(i = 0; i < len; i++) {

            var settings = {},
            $_this = jQuery(arr[i]),
            itm = $_this.closest('.tp-esg-item').find(clas),
            box = itm.text();

            for(var prop in customSettings) settings[prop] = customSettings[prop];
            settings.href = box ? box : $_this.attr('href')

            settings.element = [items[i]];
            content[i] = settings;

        }

    }

    jQuery.esgbox.open(content);
    return false;

});