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

    /* EDIT META CLASS HERE */
    metaClass   : '.eg-recent-work-element-27',

    maxWidth    : 960,
    maxHeight   : 540,
    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) */
/* ***************************************************** */

customSettings.helpers = {media : {}};

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

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

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

    if(!grouped) {

        var settings = {};
        for(var prop in customSettings) settings[prop] = customSettings[prop];

        if(iframe) {
            settings.href = iframe;
            settings.type = 'iframe';
 			settings.src = iframe;
        }
        else {

            settings.href = $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),
            iframe = itm.text();

            for(var prop in customSettings) settings[prop] = customSettings[prop];

            if(iframe) {

                settings.href = iframe;
                settings.type = 'iframe';

            }
            else {

                settings.href = $_this.attr('href');

            }

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

        }

    }

    jQuery.esgbox.open(content);
    jQuery('body.page-id-330').find('.esgbox-container').first().remove();

    return false;

});