// JavaScript Document

function modal_window() {

    $('a[name=modal]').click(function () { /* href属性を取得 */
        var id = $(this).attr('href');

        var maskHeight = $(document).height();
        var maskWidth = $(window).width();

        $('#mask').css({
            'width': maskWidth,
            'height': maskHeight
        });
        $('#mask').fadeIn(300);
        $('#mask').fadeTo("slow", 0.8);

        var winH = $(window).height();
        var winW = $(window).width(); /* ウィンドウの中央にポップアップするよう設定 */
        var y1 = document.documentElement.scrollTop;
        var y2 = document.body.scrollTop;
        if (y1 > y2) {
            y = y1
        } else {
            y = y2
        }
        $(id).css('top', winH / 2 - $(id).height() / 2 + $(document).scrollTop() + "px");
        $(id).css('left', winW / 2 - $(id).width() / 2 + "px");

        $(id).fadeIn(800);
    });

    $('.window .close').click(function () {
        $('#mask, .window').fadeOut(200);
    });

    $('#mask').click(function () {
        $(this).fadeOut(200);
        $('.window').fadeOut(200);
    });

}


if(window.addEventListener) {

	window.addEventListener("load", modal_window, false);

}

else if(window.attachEvent) {

	window.attachEvent("onload", modal_window);

}