$(function () {
    var BrowserDetect = {
        init: function () {
            this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
            this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version";
            this.OS = this.searchString(this.dataOS) || "an unknown OS"
        },
        searchString: function (data) {
            for (var i = 0; i < data.length; i++) {
                var dataString = data[i].string;
                var dataProp = data[i].prop;
                this.versionSearchString = data[i].versionSearch || data[i].identity;
                if (dataString) {
                    if (dataString.indexOf(data[i].subString) != -1) return data[i].identity
                } else if (dataProp) return data[i].identity
            }
        },
        searchVersion: function (dataString) {
            var index = dataString.indexOf(this.versionSearchString);
            if (index == -1) return;
            return parseFloat(dataString.substring(index + this.versionSearchString.length + 1))
        },
        dataBrowser: [{
            string: navigator.userAgent,
            subString: "MSIE",
            identity: "Explorer",
            versionSearch: "MSIE"
        }],
        dataOS: [{
            string: navigator.platform,
            subString: "Win",
            identity: "Windows"
        }, {
            string: navigator.platform,
            subString: "Mac",
            identity: "Mac"
        }, {
            string: navigator.userAgent,
            subString: "iPhone",
            identity: "iPhone/iPod"
        }]
    };
    BrowserDetect.init();
    window.$.client = {
        os: BrowserDetect.OS,
        browser: BrowserDetect.browser
    }
    $("a[rel]").overlay({
        mask: {
            color: '#666',
            opacity: '0.5',
            loadSpeed: 0,
            closeOnClick: false,
            closeOnEsc: false
        },
        fixed: false,
        top: "4%",
        speed: 0,
        onLoad: function () {
            var wrap = this.getOverlay().find("div[class*=content]");
            wrap.load(this.getTrigger().attr("href"));
        },
       
        closeOnClick: false,
        closeOnEsc: false
    });
    $("a[rel]").click(function () {
        $('div[class*=overlay]').insertAfter($('#exposeMask'));
    });
    $('div.survey-overlay').insertAfter($('#exposeMask'));
});