//pop up window script

$(document).ready(function() {
    $(document).click(function(ev) {
        if ((!$(ev.currentTarget).parents().hasClass(".help-popup")) && 
            (ev.target.tagName != "A")) {
            closePopup();
        }
    });
});

function newWin(link,width, height){
	window.open(link, "domainhelp", "height="+height+",width="+width+",toolbar=no,directories=no,location=no,status=no,scrollbars=yes,resizable=yes,menubar=no");
}

function closePopup() {
    $(".help-popup").fadeOut(400, function() { $(this).remove(); });
}

function showPopup(atag, type) {
    closePopup(); 
    var pos = $(atag).position();
    var page = "/popup/new/" + type + ".html";

    var $carot = $("<div></div>", {
        html: "&diams;",
        css: {
            "color": "#111",
            "font-size": "50px",
            "position": "absolute",
            "line-height": "26px",
            "height": "12px",
            "overflow": "auto",
            "top": "-12px"
        }
    });

    var $closeBtnBox = $("<div></div>").addClass("float_right padding");
    var $closeBtn = $("<a></a>", {
        html: "close",
        "class": "greenGradientBG roundedBtn goBtn dropShadow",
        css: {
            "color": "#FFF",
            "cursor": "pointer"
        },
        click: function() {
            closePopup();
        }
    }).appendTo($closeBtnBox);

    var $helpblock = $("<div></div>", {
        css: {
            "overflow-y": "auto",
            "width": "100%",
            "height": "150px"
        }
    });

    var $block = $("<div></div>", {
        "class": "help-popup",
        css: {
            "background": "#111",
            "color": "#FFF",
            "display": "none",
            "padding": "10px",
            "position": "absolute",
            "top": (pos.top + 170) + "px",
            "left": (pos.left + 130) + "px",
            "width": "300px",
            "height": "180px",
            "z-index": "100"
        }
    })
    .append($carot).append($helpblock).append($closeBtnBox)
    .appendTo("body");

    $helpblock.load(page, function() {
        $block.fadeIn(400);
    });

    return false;
}