﻿$.extend({
    getUrlVars: function() {
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for (var i = 0; i < hashes.length; i++) {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;
    },
    getUrlVar: function(name) {
        return $.getUrlVars()[name];
    },
    getTabID: function() {
        var tabRegex = /.+Tab\/(\d+)\/.+/i;
        var TabID = window.location.href.replace(tabRegex, "$1");
        return TabID;
    }
});

jQuery.fn.pngFix = function() {
    if (!$.browser.msie || $.browser.version >= 9) { return $(this); }

    return $(this).each(function() {
        var img = $(this),
        src = img.attr('src');

        img.attr('src', '/images/general/transparent.gif')
        .css('filter', "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='" + src + "')");
    });
};

jQuery.fn.center = function(target) {
    this.css("position", "absolute");
    this.css("top", (($(target).height() - this.outerHeight()) / 2) + $(target).scrollTop() + "px");
    this.css("left", (($(target).width() - this.outerWidth()) / 2) + $(target).scrollLeft() + "px");
    return this;
}

jQuery.fn.bottomleft = function(target) {
    this.css("position", "absolute");
    this.css("top", ($(target).height() - this.outerHeight()) + "px");
    this.css("left", ($(target).width() - this.outerWidth()) + "px");
    return this;
}

function CreateOverlay(container_css, target_css) {

    $(document).ready(function()
    {
        var tab = $(target_css);
        var container = $(container_css);
        var overlay = container.find(".overlay");
        var message = container.find(".message");

        overlay.show();
        overlay.width(tab.width());
        overlay.height(tab.height());
        overlay.fadeTo(0, 0.4, function()
        {

            message.show();
            message.center(overlay);

            var message_contents = message.find(".contents");
            message_contents.center(message);

            var confirm = message_contents.find(".confirm");
            confirm.click(function()
            {
                container.children().fadeOut(500);
            });
        });

        //console.log(tab);
        //console.log(overlay);
        
        setInterval(function() { RefreshOverlay(overlay, tab, message); }, 1000);
    });
}

function RefreshOverlay(overlay,tab,message)
{
    var tab = $(tab);
    var overlay = $(overlay);

    if (tab.css("display") != "none")
    {
        if (tab.height() != overlay.height())
        {
            overlay.width(tab.width());
            overlay.height(tab.height());

            message.show();
            message.center(overlay);
        }
    }
}
