$(document).ready(function() {
    $.getJSON("cms/web.php?menu=info&cmd=home", function(data) { createInfo(data); }); // お知らせ
    $.getJSON("cms/web.php?menu=tweet",         function(data) { createHitokoto(data, "1"); }); // 社員の一言
    $.getJSON("cms/web.php?menu=info&cmd=today_picture", function(data) { createSlide(data); }); // スライドショー
    setupCalendar("1", "l") // カレンダー
});

function createInfo(data) {
    if (data != null) {
        var info = $("#information dl").empty();
        $.each(data, function(i, item) {
            var dtObj = $("<dt>");
            dtObj.append(item.OPEN_DATE);
            info.append(dtObj);
            var ddObj = $("<dd>");
            ddObj.append(item.CONTENTS);
            info.append(ddObj);
        });
    }
}

function createSlide(data) {
    if (data != null) {
        var galleryObj = $("#photos");
        var ulObj = $("<ul>");
        ulObj.attr("class", "filmstrip");

        $.each(data, function(i, filename) {
            var img1Obj = $("<img>");
            img1Obj.attr("src", "cms/images/s_" + filename);
            img1Obj.attr("height", "240");

            var divObj = $("<div>");
            divObj.attr("class", "panel");
            divObj.append(img1Obj);

            galleryObj.append(divObj);

            var img2Obj = $("<img>");
            img2Obj.attr("src", "cms/images/s_"+filename);
            img2Obj.attr("height", "24");
            img2Obj.attr("width", "32");
//            img2Obj.attr("width", "18");

            var liObj = $("<li>");
            liObj.append(img2Obj);

            ulObj.append(liObj);
        });
        galleryObj.append(ulObj);

        $("#photos").galleryView({
            panel_width: 320,
            panel_height: 240,
            frame_width: 32,
            frame_height: 24,
            overlay_color: '',
            overlay_text_color: '',
            overlay_font_size: '',
            caption_text_color: '#222',
            nav_theme: 'light',
            background_color: '#333',
            border: 'none',
            overlay_height: 0
        });
    }
}
