/*jslint browser: true, continue: true, regexp: true, plusplus: true, sloppy: true, this: true, for: true, multivar: true */
/*global $DGD */
/*global jQuery */
/*global FB */
/*global gapi */
/*global IN */
/*global console */
/*global twttr */

if (typeof $DGD.echo !== 'object') {
    $DGD.echo = function (str) {
        if ($DGD.debug) {
            console.log(str);
        }
    };
}

$DGD.didScroll = true;
$DGD.didResize = false;
$DGD.screenheight = 2000;
$DGD.screenwidth = 4000;
$DGD.all_boxes = [];
$DGD.boxes_wait_for_scroll = [];
$DGD.boxes_with_relative_position = [];
$DGD.boxes_wait_for_close = [];
$DGD.boxes_wait_for_open = [];
$DGD.tabs_to_open = [];
$DGD.docheight = 2000;
$DGD.toScroll = 2000;
$DGD.overlay = null;


function DgdCreateSocialButtons(box) {
    this.ul = false;
    this.container = false;

    this.addFbButton = function () {
        this.ul.append('<li class="fb ' + box.social.facebook + '"><div class="fb-like" data-send="false" data-share="false" data-action="like" data-layout="' + box.social.facebook + '" data-width="200" data-show-faces="false"></div></li>');
        if (typeof FB === 'object') {
            FB.init({status: true, cookie: true, xfbml: true});
        } else {
            jQuery.getScript("//connect.facebook.net/en_US/all.js#xfbml=1", function () {
                FB.init({status: true, cookie: true, xfbml: true});
            });
        }
    };

    this.addTwitterButton = function () {
        if (typeof twttr === 'object') {
            twttr.widgets.load();
        } else {
            jQuery.getScript("//platform.twitter.com/widgets.js");
        }

        this.ul.append('<li class="twitter ' + box.social.twitter + '"><a href="https://twitter.com/share" data-url="' + $DGD.permalink + '" data-text="' + $DGD.title + '" class="twitter-share-button" >Tweet</a></li>');
        if (box.social.twitter === 'no-count') {
            this.ul.find('.twitter a').attr('data-count', 'none');
        } else if (box.social.twitter === 'vertical') {
            this.ul.find('.twitter a').attr('data-count', 'vertical');
        }
    };

    this.addGoogleButton = function () {
        if (typeof gapi === 'object') {
            jQuery(".g-plusone").each(function () {
                gapi.plusone.render(jQuery(this).get(0));
            });
        } else {
            jQuery.getScript("https://apis.google.com/js/plusone.js");
        }

        this.ul.append('<li class="google ' + box.social.google + '"><div class="g-plusone"></div></li>');
        if (box.social.google === 'annotation') {
            this.ul.find('.google div').attr('data-size', 'medium');
            this.ul.find('.google div').attr('data-annotation', 'none');
        } else {
            this.ul.find('.google div').attr('data-size', box.social.google);
        }
    };

    this.addLinkedinButton = function () {
        // if (typeof IN === 'object') {
        //    IN.parse();
        // } else {
        if (typeof IN === 'undefined') {
            jQuery.getScript("//platform.linkedin.com/in.js");
        }
        this.ul.append('<li class="linkedin ' + box.social.linkedin + '"><script type="IN/Share"' + (box.social.linkedin !== 'none' ? ' data-counter="' + box.social.linkedin + '"' : '') + '></script></li>');
    };

    this.addStumbleuponButton = function () {
        jQuery.getScript("//platform.stumbleupon.com/1/widgets.js");
        this.ul.append('<li class="stumbleupon s' + box.social.stumbleupon + '"><su:badge layout="' + box.social.stumbleupon + '"></su:badge></li>');
    };

    this.addPinterestButton = function () {
        jQuery.getScript("//assets.pinterest.com/js/pinit.js");
        this.ul.append('<li class="pinterest ' + box.social.pinterest + '"><a href="http://pinterest.com/pin/create/button/?url=' + $DGD.permalink + '&media=' + $DGD.thumbnail + '" class="pin-it-button" count-layout="' + box.social.pinterest + '"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a></li>');
    };

    if (box.div.find('.inscroll').length > 0) {
        this.container = box.div.find('.inscroll');
    } else if (box.div.find('#inscroll').length > 0) {
        this.container = box.div.find('#inscroll');
    } else {
        this.container = box.div;
    }

    if (box.social) {
        if (!jQuery(this.container).find('ul.stb_social').length) {
            // add ul if needed
            jQuery(this.container).append('<ul class="stb_social"></ul>');
        }
        this.ul = jQuery(this.container).find('ul.stb_social');
        if (this.ul.length > 0) {
            if (box.social.facebook) {
                this.addFbButton();
            }
            if (box.social.twitter) {
                this.addTwitterButton();
            }
            if (box.social.google) {
                this.addGoogleButton();
            }
            if (box.social.linkedin) {
                this.addLinkedinButton();
            }
            if (box.social.stumbleupon) {
                this.addStumbleuponButton();
            }
            if (box.social.pinterest) {
                this.addPinterestButton();
            }
        }
    }
}

$DGD.addClass = function (element, name) {
    element.className = element.className.replace(/\s+$/gi, '') + ' ' + name;
};

$DGD.removeClass = function (element, name) {
    element.className = element.className.replace(name, '');
};

$DGD.loadCss = function (cssObject, parent) {
    var cssUrl, fileref;
    if (typeof cssObject === 'string') {
        cssUrl = cssObject;
        fileref = document.createElement('link');
        fileref.rel = 'stylesheet';
        fileref.type = 'text/css';
        fileref.href = cssUrl;
    } else if (typeof cssObject === 'object') {
        // console.log('CSS Object: '+cssObject);
        cssUrl = cssObject.href;
        fileref = cssObject;
    }
    if (parent.childNodes.lenght > 0) {
        parent.insertBefore(fileref, parent.childNodes[0]);
    } else {
        parent.appendChild(fileref);
    }
};

$DGD.measureScreen = function () {
    if (typeof window.innerHeight === 'number') {
        this.screenheight = parseInt(window.innerHeight, 10);
        this.screenwidth = parseInt(window.innerWidth, 10);
    } else if (typeof screen.availHeight === 'number') {
        this.screenheight = parseInt(screen.availHeight, 10);
        this.screenwidth = parseInt(screen.availWidth, 10);
    } else {
        this.screenheight = parseInt(jQuery(window).height(), 10);
        this.screenwidth = parseInt(jQuery(window).width(), 10);
    }
    this.docheight = parseInt(jQuery(document).height() || document.body.scrollHeight, 10);
    // With no doctype tag Chrome reports the same value for both calls.
    this.toScroll = this.docheight - this.screenheight;
    // console.log(this.screenwidth + 'x' + this.screenheight + ' ' + this.toScroll);
};


$DGD.isMobile = function (a) {
    // Thanks goes to http://detectmobilebrowsers.com/about
    if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) {
        return true;
    }
    return false;
};


$DGD.calcScroll = function () {
    var scrolled = (document.body.scrollTop || parseInt(jQuery(document).scrollTop(), 10)),
        rate = Math.round((scrolled + 0.001) * 10 / (this.toScroll + 0.001)) * 10,
        i,
        box;
    for (i = 0; i < this.boxes_wait_for_scroll.length; i++) {
        box = this.boxes_wait_for_scroll[i];
        if ((box.trigger.action === 'scroll' || box.trigger.action === 'element') && rate >= box.trigger.scroll && box.hidden && !box.closed) {
            if (box.trigger.delaytime > 0) {
                this.regTimedOpening(box, box.trigger.delaytime);
            } else {
                this.showBox(box, false);
            }
        }
        if (!box.keep_open && (box.trigger.action === 'scroll' || box.trigger.action === 'element') && rate < box.trigger.scroll && !box.hidden) {
            this.hideBox(box);
        }
    }
};

$DGD.setCookie = function (cname, exdays) {
    var d = new Date(), expires = '', path = '; path=/';
    if (exdays !== 0) {
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        expires = "; expires=" + d.toUTCString();
    }
    document.cookie = cname + "=" + exdays + expires + path;
};

$DGD.getCookie = function (cname) {
    // returns integer representing stored cookie value
    var name = cname + '=', ca = document.cookie.split(';'), i, c;
    for (i = 0; i < ca.length; i++) {
        c = ca[i];
        while (c.charAt(0) === ' ') { c = c.substring(1); }
        if (c.indexOf(name) !== -1) { return parseInt(c.substring(name.length, c.length), 10); }
    }
    return -2;
};

$DGD.checkCookie = function (box) {
    var cookieval = this.getCookie(box.id);
    if (cookieval === box.cookieLifetime || cookieval === 9000) {
        // value from cookie exists and is same than in scrollbox: showing is disabled
        // value from cookie is 9000: showing is disabled
        box.closed = true;
        return false;
    }
    // cookie does not exist OR value is changed: showing is enabled
    return true;
};

$DGD.resizeBox = function (box) {
    // box.height is input from box author
    // box.height_int is calculated value according to screen or box measurements, if height expressed in relative values (auto or %)
    if (box.height === 'auto') {
        // used for TAB-s mainly
        box.height_int = parseInt(box.div.outerHeight(true), 10);
    } else {
        if (box.height === '100%') {
            box.height_int = this.screenheight - 2 * box.jsCss.margin;
        } else {
            box.height_int = parseInt(box.height, 10);
            if (box.height_int > this.screenheight - 2 * box.jsCss.margin) {
                box.height_int = this.screenheight - 2 * box.jsCss.margin;
            }
        }
        box.div.css('height', box.height_int);
    }

    if (box.width === 'auto') {
        // used for TAB-s mainly
        box.width_int = parseInt(box.div.outerWidth(true), 10);
    } else {
        if (box.width === '100%') {
            box.width_int = this.screenwidth - 2 * box.jsCss.margin;
        } else {
            box.width_int = parseInt(box.width, 10);
            if (box.width_int > this.screenwidth - 2 * box.jsCss.margin) {
                box.width_int = this.screenwidth - 2 * box.jsCss.margin;
            }
        }
        box.div.css('width', box.width_int);
    }
};

$DGD.calculateBoxPlacement = function (box) {
    // calculates box positions before and after animation (e.g. slide out) according to
    // box.vpos: vertical (y-axis) positioning, either 'top', 'center', or 'bottom')
    // box.hpos: horisontal (x-axis) positioning, either 'left', 'center', or 'right'
    // box.transition.from: slide from behind edge, 't' - top edge, 'b' - bottom edge, 'r' - right edge, 'l' - left edge

    // before executing this function box.width_int and box.height_int int values must be calculated with this.resizebox

    switch (box.vpos) {    // placement 'to'
    case 'top':
        box.vpos_att = 'top';
        box.vpos_to = box.jsCss.margin;
        switch (box.transition.from) {
        case 't':
            box.vpos_from = -(box.height_int + box.jsCss.margin);
            break;
        case 'b':
            box.vpos_from = this.screenheight + box.jsCss.margin;
            break;
        default:
            box.vpos_from = box.vpos_to;
        }
        break;
    case 'center':
        box.vpos_att = 'top';
        box.vpos_to = (this.screenheight - box.height_int) / 2;
        switch (box.transition.from) {
        case 't':
            box.vpos_from = -(box.height_int + box.jsCss.margin);
            break;
        case 'b':
            box.vpos_from = this.screenheight + box.jsCss.margin;
            break;
        default:
            box.vpos_from = box.vpos_to;
        }
        break;
    default: // case 'bottom'
        box.vpos_att = 'bottom';
        box.vpos_to = box.jsCss.margin;
        switch (box.transition.from) {
        case 't':
            box.vpos_from = this.screenheight + box.jsCss.margin;
            break;
        case 'b':
            box.vpos_from = -(box.height_int + box.jsCss.margin);
            break;
        default:
            box.vpos_from = box.vpos_to;
        }
        break;
    }

    switch (box.hpos) { // placement 'to'
    case 'left':
        box.hpos_att = 'left';
        box.hpos_to = box.jsCss.margin;
        switch (box.transition.from) {
        case 'r':
            box.hpos_from = this.screenwidth + box.jsCss.margin;
            break;
        case 'l':
            box.hpos_from = -(box.width_int + 2 * box.jsCss.margin);
            break;
        default:
            box.hpos_from = box.hpos_to;
        }
        break;
    case 'center':
        box.hpos_att = 'left';
        box.hpos_to = (this.screenwidth - box.width_int) / 2;
        switch (box.transition.from) {
        case 'r':
            box.hpos_from = this.screenwidth + box.jsCss.margin;
            break;
        case 'l':
            box.hpos_from = -(box.width_int + 2 * box.jsCss.margin);
            break;
        default:
            box.hpos_from = box.hpos_to;
        }
        break;
    default: // case 'right':
        box.hpos_att = 'right';
        box.hpos_to = box.jsCss.margin;
        switch (box.transition.from) {
        case 'r':
            box.hpos_from = -(box.width_int + 2 * box.jsCss.margin);
            break;
        case 'l':
            box.hpos_from = this.screenwidth + 2 * box.jsCss.margin;
            break;
        default:
            box.hpos_from = box.hpos_to;
        }
        break;
    }

    box.div.css(box.vpos_att, box.vpos_from);
    box.div.css(box.hpos_att, box.hpos_from);
    box.anim_from[box.vpos_att] = box.vpos_from;
    box.anim_from[box.hpos_att] = box.hpos_from;
    box.anim_to[box.vpos_att] = box.vpos_to;
    box.anim_to[box.hpos_att] = box.hpos_to;
};

$DGD.placeBox = function (box) {
    var image,
        elementheight,
        placeCloseButtonImage = function () {
        // resize close button after image onload (so measurements are known)
        // assumingly close button is always first children of box div
            var closebutton = box.div.children().first();
            closebutton.removeClass('dgd_stb_box_x');
            closebutton.css('background-image', 'url(' + box.closeImageUrl + ')');
            closebutton.width(image.width);
            closebutton.height(image.height);
            closebutton.css('border', 'none');
            closebutton.css('top', '-' + (box.jsCss.margin + parseInt(box.div.css('border-top-width'), 10)) + 'px');
            closebutton.css('right', '-' + (box.jsCss.margin + parseInt(box.div.css('border-right-width'), 10)) + 'px');
        };
    if (!box.div) {
        box.div = jQuery('#' + box.id);
    }
    box.hidden = true;        // box is temporarily not visible
    box.closed = false;    // box is closed, do not show again
    box.anim_from = {};
    box.anim_to = {};
    box.width_int = null; // value will be set with this.resizeBox
    box.height_int = null; // value will be set with this.resizeBox

    // set div properties first as they affect position calculations later
    if (box.jsCss.backgroundColor !== null && box.jsCss.backgroundColor !== '') {
        box.div.css('background-color', box.jsCss.backgroundColor);
    }
    if (box.jsCss.padding !== null) {
        box.div.css('padding', box.jsCss.padding + 'px');
    }
    box.jsCss.margin = parseInt(box.jsCss.margin, 10);
    if (box.jsCss.borderWidth !== '0px' && box.jsCss.borderColor !== '') {
        box.div.css('border', box.jsCss.borderColor + ' solid ' + box.jsCss.borderWidth);
    }
    if (box.jsCss.borderRadius !== '0px') {
        box.div.css('border-radius', box.jsCss.borderRadius);
    }
    if (box.jsCss.boxShadow !== '0px') {
        box.div.css('box-shadow', box.jsCss.boxShadow + ' ' + box.jsCss.boxShadow + ' 25px #888888');
    }
    if (box.jsCss.backgroundImageUrl !== null && box.jsCss.backgroundImageUrl !== '') {
        box.div.css('background-image', 'url(' + box.jsCss.backgroundImageUrl + ')');
    }

    if (box.closeImageUrl !== null && box.closeImageUrl !== '') {
        // first tag in box.div is always close button, set this image as background
        image = new Image();
        image.src = box.closeImageUrl;
        image.onload = placeCloseButtonImage;
    }

    box.socialButtonEngine = new DgdCreateSocialButtons(box);

    if (box.parentid) {
        box.div.addClass('dgd_stb_tab');
        box.div.click($DGD.closeBox);
    }

    if (box.trigger.action === 'element') {
        if (jQuery(box.trigger.element).length > 0) {
            elementheight = jQuery(box.trigger.element).offset().top;
            // this.toScroll = this.docheight - this.screenheight;
            box.trigger.scroll = ((elementheight - this.screenheight) + 0.001) / (this.toScroll + 0.001) * 100;
        } else {
            // if element is missing, box will be not shown
            box.trigger.scroll = 111;
            this.echo('Element ' + box.trigger.element + ' is missing');
        }
    }


    switch (box.transition.effect) {
    case 'fade':
        box.anim_from.opacity = 0;
        box.anim_to.opacity = 1;
        box.div.css('opacity', 0);
        break;
    }
    // box.div.css('display', 'block').stop(true, true);
};

$DGD.fixPosition = function () {
    var i, box;
    for (i = 0; i < this.all_boxes.length; i++) {
        box = this.all_boxes[i];
        this.resizeBox(box);
        this.calculateBoxPlacement(box);
        if (!box.hidden) {
            // Box already visible, fix position
            // box.div.animate(box.anim_to, box.transition.speed, 'swing');

            box.div.css(box.vpos_att, box.vpos_to);
            box.div.css(box.hpos_att, box.hpos_to);
        }
    }
};

$DGD.hideOverlay = function (box) {
    if (typeof box.lightbox === 'object' && box.lightbox.enabled) {
        $DGD.overlay.hide();
        jQuery('#page, .dgd_blurme').removeClass('dgd_blur');
    }
};

$DGD.hideBox = function (box) {
    if (box.hidden) {
        // already hidden nothing to do here
        return;
    }
    // BUG: Do not hide if some input boxes are in focus?
    box.hidden = true;
    box.div.animate(box.anim_from, box.transition.speed, 'swing', function () {
        box.div.css('display', 'none');
    });
    $DGD.hideOverlay(box);
};

$DGD.regTimedClose = function (box, seconds) {
    if (seconds > 0) {
        box.closingTime = Date.now() + parseInt(seconds, 10) * 1000;
        $DGD.boxes_wait_for_close[$DGD.boxes_wait_for_close.length] = box;
    }
};

$DGD.regTimedOpening = function (box, seconds) {
    if (seconds > 0) {
        box.openingTime = Date.now() + parseInt(seconds, 10);
        $DGD.boxes_wait_for_open[$DGD.boxes_wait_for_open.length] = box;
    }
};

$DGD.showOverlay = function(box) {
    if (typeof box.lightbox === 'object' && box.lightbox.enabled) {
        $DGD.overlay.height(this.docheight);
        $DGD.overlay.css({'opacity': box.lightbox.opacity, 'background-color': box.lightbox.color});
        $DGD.overlay.show();
        if (box.lightbox.blur) {
            jQuery('#page, .dgd_blurme').addClass('dgd_blur');
        }
    }
};

$DGD.showBox = function (box, forcedOpen) {
    if (!box) { box = this; }
    if (!box.hidden || (box.closed && !forcedOpen)) {
        // already visible OR forcefully closed, return
        return;
    }
    if (box.tabid) {
        $DGD.closeBox($DGD.getBoxById(box.tabid));
    }

    this.showOverlay(box);

    box.hidden = false;
    box.div.css('display', 'block').stop(true, true);
    box.div.animate(box.anim_to, box.transition.speed, 'swing');
    if (box.delay_auto_close > 0) {
        $DGD.regTimedClose(box, box.delay_auto_close);
    }
};

$DGD.getBoxById = function (box_id) {
    var i;
    for (i = 0; i < $DGD.scrollboxes.length; i++) {
        if ($DGD.scrollboxes[i].id === box_id) { return $DGD.scrollboxes[i]; }
    }
    return false;
};

$DGD.getBoxByElementAction = function (e) {
    var i, box;
    for (i = 0; i < $DGD.scrollboxes.length; i++) {
        box = $DGD.scrollboxes[i];
        if (box.trigger.action === e.type && jQuery(box.trigger.element).get(0) === e.currentTarget) {
            return box;
        }
    }
};

$DGD.closeBox = function () {
    // closeBox is initiated from Static context, use $DGD instead of 'this'
    var box = $DGD.getBoxById(jQuery(this).closest('.dgd_stb_box').attr('id'));
    if (box) {
        box.closed = true;
        $DGD.hideBox(box);
        $DGD.setCookie(box.id, box.cookieLifetime);
        if (box.tabid) {
            // it's a box with tab, show tab
            $DGD.showBox($DGD.getBoxById(box.tabid), true);
        }
        if (box.parentid) {
            // if tab is closed, then parent will be opened
            $DGD.showBox($DGD.getBoxById(box.parentid), true);
        }
    }
};

$DGD.closeAfterSubmit = function (box_id) {
    var box = $DGD.getBoxById(box_id);
    if (box && box.hide_submitted) {
        // 9000 means 'for ever'
        box.cookieLifetime = 9000;
        $DGD.setCookie(box.id, box.cookieLifetime);
    }
    // register timed close
    $DGD.regTimedClose(box, box.submit_auto_close);
};

$DGD.submitForm = function (e) {
    // submitForm is initiated from Static context, use $DGD
    e.preventDefault();
    var form = jQuery(this),
        box_id = form.closest('.dgd_stb_box').attr('id'),
        message_container = form.next('p'),
        sendobj = {};

    console.log(this);

    // Fallback for situation where this <p> does not exist
    if (message_container.length === 0) {
        form.parent().append('<p class="stbMsgArea"></p>');
        message_container = form.parent().find('p.stbMsgArea');
    }

    sendobj.Box = box_id;
    sendobj.Page = document.location.href;
    sendobj.action = 'dgd_stb_form_process';
    sendobj.stbNonce = $DGD.nonce;
    sendobj.Screen_size = $DGD.screenwidth + 'px * ' + $DGD.screenheight + 'px';
    form.find('input, textarea, select').each(function () {
        sendobj[jQuery(this).attr('name')] = jQuery(this).val();
    });

    jQuery.ajax({
        url: $DGD.ajaxurl,
        data: sendobj,
        dataType: 'json',
        type: 'post',
        cache: false,
        beforeSend: function () {
            message_container.html('<img src="' + $DGD.scripthost + 'img/37-1.gif" border="0">').show();
        },
        success: function (response) {
            message_container.html(response.html).show();
            if (response.status === '200') {
                // set cookie for permanent close
                $DGD.closeAfterSubmit(box_id);
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {
            message_container.html(textStatus + ': ' + errorThrown).show();
        }
    });
};

$DGD.generateBox = function (box, boxparent) {
    var boxdiv, form, newelem;
    if (typeof box.html === 'string' && box.html !== '') {
        newelem = document.createElement('div');
        newelem.className = 'dgd_stb_box ' + box.theme;
        newelem.id = box.id;
        newelem.innerHTML = '<a class="dgd_stb_box_close dgd_stb_box_x" href="javascript:void(0);"> </a>' + box.html;
        boxdiv = boxparent.appendChild(newelem);
    } else {
        boxdiv = document.getElementById(box.id);
    }
    if (typeof boxdiv === 'object' && boxdiv) {
        if (typeof box.theme === 'string' && box.theme.length > 0) {
            this.loadCss(this.scripthost + 'themes/' + box.theme + '/style.css', boxdiv);
        }
        if (typeof box.receiver_email === 'string' && box.receiver_email === '1') {
            form = jQuery(boxdiv).find('form');
            if (typeof form === 'object') { form.submit(this.submitForm); }
        }
        return boxdiv;
    }
    return false;
};

$DGD.mouseEventHandler = function (e) {
    var box = $DGD.getBoxByElementAction(e);
    if (box) {
        $DGD.showBox(box, false);
    }
};

$DGD.scrollboxInit = function () {
    var is_mobile_user = this.isMobile(navigator.userAgent || navigator.vendor || window.opera),
        boxparent = document.body,   // possibility to append boxes to different elements, use <body>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<h1><a href="/" target="_blank">太阳成集团tyc7111|APP(中国)官方网站</a></h1> as default
        i,
        box,
        d;

    if (this.scrollboxes.length > 0) {
        $DGD.overlay = jQuery('.dgd_overlay');
        this.measureScreen();

        for (i = 0; i < this.scrollboxes.length; i++) {
            box = this.scrollboxes[i];
            box.cookieLifetime = parseInt(box.cookieLifetime, 10);
            if ((typeof box.hide_mobile === 'string') && is_mobile_user) {
                //  this.echo(box.id + ' is disabled for mobile user');
                continue;
            }

            this.generateBox(box, boxparent);
            this.placeBox(box);
            this.resizeBox(box);
            this.calculateBoxPlacement(box);

            this.all_boxes.push(box);

            if (!this.checkCookie(box)) {
                // closed boxes will be not added to wait arrays, those can be opened only from tab (if exists)
                if (box.tabid) {
                    $DGD.tabs_to_open.push(box.tabid);
                }
                continue;
            }

            // start timers
            if (box.trigger.action === 'mouseover' || box.trigger.action === 'click') {
                if (jQuery(box.trigger.element).length > 0) {
                    jQuery(box.trigger.element).on(box.trigger.action, $DGD.mouseEventHandler);
                }
            }

            this.boxes_wait_for_scroll.push(box);
        }

        if (this.boxes_wait_for_scroll.length > 0) {
            jQuery(window).scroll(function () {$DGD.didScroll = true; });
            jQuery(window).resize(function () {$DGD.didResize = true; });

            setInterval(function () {
                if ($DGD.didScroll) {
                    $DGD.didScroll = false;
                    $DGD.calcScroll();
                }

                // Monitor screen and content changes and correct boxes placement
                if ($DGD.didResize) {
                    $DGD.didResize = false;
                    $DGD.measureScreen();
                    $DGD.fixPosition();
                }

                if ($DGD.boxes_wait_for_close.length > 0) {
                    d = Date.now();
                    for (i = 0; i < $DGD.boxes_wait_for_close.length; i++) {
                        box = $DGD.boxes_wait_for_close[i];
                        if (box.closingTime < d) {
                            // time to wrap it up
                            box.closed = true;
                            $DGD.hideBox(box);
                            // remove box from queue
                            $DGD.boxes_wait_for_close.splice(i, 1);
                        }
                    }
                }
                if ($DGD.boxes_wait_for_open.length > 0) {
                    d = Date.now();
                    for (i = 0; i < $DGD.boxes_wait_for_open.length; i++) {
                        box = $DGD.boxes_wait_for_open[i];
                        if (box.openingTime < d) {
                            $DGD.showBox(box, false);
                            // remove box from queue
                            $DGD.boxes_wait_for_open.splice(i, 1);
                        }
                    }
                }
            }, 333);
        }

        if ($DGD.tabs_to_open.length > 0) {
            for (i = 0; i < $DGD.tabs_to_open.length; i++) {
                $DGD.showBox($DGD.getBoxById($DGD.tabs_to_open[i]));
            }
        }

        jQuery('.dgd_stb_box_close').click($DGD.closeBox);
        jQuery('.dgd_stb_box_close_button').click($DGD.closeBox);
        // fallback for old layout
        jQuery('#closebox').click($DGD.closeBox);

        // Bind close action to MailChimp "success" response field change
        jQuery('.dgd_stb_box #mce-success-response').bind('DOMSubtreeModified', function() {
            $DGD.closeAfterSubmit(jQuery('#mce-success-response').closest('.dgd_stb_box').attr('id'));
        });
    }
};

jQuery(document).ready(function () { $DGD.scrollboxInit(); });

/*
TIP Example about triggering scrollboxes resizing from page changing event

if (typeof $DGD === 'object') {
    jQuery('body').bind('DOMNodeInserted DOMNodeRemoved', function() { $DGD.didResize = true; });
}



*/