// path fix
var _lb = window.location.pathname;
if (_lb.match(/\/tfmtop\/(.*)/)) {
    _lb = _lb.replace(/\/tfmtop\/(.*)/, "/tfmtop/");
} else if (_lb.match(/\/dev\/(.*)/)) {
    _lb = _lb.replace(/\/dev\/(.*)/, "/dev/");
} else {
    _lb = '/';
}

// get server datetime
var server_time = $.ajax({
    url   : _lb + "shared/php/nowtime.php",
    async : false,
    cashe : false
}).responseText;

var server_date = new Date(server_time);
var local_date  = new Date();
var diff_time = local_date.getTime() - server_date.getTime();

var date = new Date(local_date.getTime() - diff_time);

timeTableAjax(date);


// get timeTableXML
function timeTableAjax(date) {
    // The date change is five o'clock. 
    var date2 = new Date(date.getTime() - (5 * 60 * 60 * 1000));
    var option = { 
        //url      : _lb + "shared/xml/timetable.xml?y="+date2.getFullYear()+"&m="+(date2.getMonth()+1)+"&d="+date2.getDate(),
        url      : _lb + "shared/xml/timetable.xml",
        async    : false,
        dataType : "xml",
        cashe    : false,
        success  : function(xml) {
            timeTableHTML(xml, date);
        }
    };

    $.ajax(option);
}

// flush
function timeTableHTML(xml, date) {

    var flush = timeTableParse(xml, date);

    document.write('    <h2>今日の番組表</h2>');
    document.write('    <ul id="timetable">');
    document.write('        <li class="before clearfix">');
    document.write('            <dl class="clearfix">');
    if (flush['past']) {
        document.write(flush['past']);
    }
    document.write('           </dl>');
    document.write('        </li>');
    document.write('        <li class="now">');
    if (flush['now']) {
        document.write(flush['now']);
    } else {
        document.write('<img src="'+_lb+'shared/img/standby.gif" width="178" height="190" alt="STANDBY..." class="standby" />');
    }
    document.write('        </li>');
    document.write('        <li class="after clearfix">')
    if (flush['future1']) {
        document.write(flush['future1']);
    }
    document.write('        </li>');
    document.write('    </ul>');
    document.write('    <div id="sliding1" class="moreAfter clearfix">');
    if (flush['future2']) {
        document.write(flush['future2']);
    }
    document.write('    </div>');
    if (flush['future_flag']) {
        document.write('<p class="continue"><a id="slidingBtn1" class="down">続きを見る</a></p>');
    }

}

// parse
function timeTableParse(xml, date) {

    // The date change is five o'clock. 
    var date2 = new Date(date.getTime() - (5 * 60 * 60 * 1000));

    var year  = date2.getFullYear();
    var month = date2.getMonth();
    var day   = date2.getDate();

    var flush = Array();
    flush['future1']     = '';
    flush['future2']     = '';
    flush['future_flag'] = false;

    $(xml).find("item").each(function() {
        var onair_time = $(this).find("onair_time").text();
        var start = new Date(year,
                             month,
                             day,
                             onair_time.substring(0, 2),
                             onair_time.substring(3, 5),
                             0);
        var end   = new Date(year,
                             month,
                             day,
                             onair_time.substring(6, 8),
                             onair_time.substring(9, 11),
                             0);

        // past
        if (date.getTime() > end.getTime()) {
            flush['past'] = '<dt>'+$(this).find("onair_time").text()+'</dt>';
            if ($(this).find("site_url").text()) {
                flush['past'] += '<dd><a href="'+$(this).find("site_url").text()+'"';
                if ($(this).find("site_url_blank").text()) {
                    flush['past'] += ' target="_blank"';
                }
                flush['past'] += '>'+$(this).find("program_name").text()+'</a></dd>';
            } else {
                flush['past'] += '<dd>'+$(this).find("program_name").text()+'</dd>';
            }
        }

        // now
        if (date.getTime() >= start.getTime() && date.getTime() <= end.getTime()) {
            flush['now'] =
                '<h3>放送中</h3>'+
                '<div id="program">'+
                    '<dl>'+
                        '<dt class="pTitle">'+
                        '<p>'+$(this).find("onair_time").text()+'</p>';

            if ($(this).find("site_url").text()) {
                flush['now'] += '<strong><a href="'+$(this).find("site_url").text()+'"';
                if ($(this).find("site_url_blank").text()) {
                    flush['now'] += ' target="_blank"';
                }
                flush['now'] += '>'+$(this).find("program_name").text()+'</a></strong>';
            } else {
                flush['now'] += '<strong>'+$(this).find("program_name").text()+'</strong>';
            }

            if ($(this).find("message_url").text()) {
                if ($(this).find("messagebox_use").text() == 1) {
                    flush['now'] += '<a class="request" href="'+$(this).find("message_url").text()+'"><img src="'+_lb+'shared/img/btn_message.gif" width="110" height="20" alt="メッセージを送る" class="btnMsg swap" /></a>';
                } else {
                    flush['now'] += '<a href="'+$(this).find("message_url").text()+'" target="_blank"><img src="'+_lb+'shared/img/btn_message.gif" width="110" height="20" alt="メッセージを送る" class="btnMsg swap" /></a>';
                }
            }

            flush['now'] +=
                        '</dt>'+
                        '<dd class="pImg">';

            if ($(this).find("site_url").text()) {
                flush['now'] += '<a id="fade" href="'+$(this).find("site_url").text()+'"';
                if ($(this).find("site_url_blank").text()) {
                    flush['now'] += ' target="_blank"';
                }
                flush['now'] += '>';
            } else {
                flush['now'] += '<span id="fade">';
            }

            if ($(this).find("personality").text()) {
                $(this).find("personality").each(function() {
                    if ($(this).find("photo").text()) {
                        flush['now'] += '<img src="'+$(this).find("photo").text()+'" width="60" height="60" alt="'+$(this).find("name").text()+'" />';
                    } else {
                        flush['now'] += '<img src="'+_lb+'personality/img/noimage.jpg" width="60" height="60" alt="" />';
                    }
                });
            } else {
                flush['now'] += '<img src="'+_lb+'personality/img/noimage.jpg" width="60" height="60" alt="" />';
            }

            if ($(this).find("site_url").text()) {
                flush['now'] += '</a>';
            } else {
                flush['now'] += '</span>';
            }

            flush['now'] +=
                        '</dd>'+
                        '<dd class="personality">';

            var personality_name = '';
            $(this).find("personality").each(function() {
                if (personality_name == '') {
                    personality_name += $(this).find("name").text();
                } else {
                    personality_name += '&nbsp;/&nbsp;'+$(this).find("name").text();
                }
            });
            flush['now'] += personality_name;

            flush['now'] +=
                        '</dd>'+
                        '<dd class="todayInfo">'+$(this).find("comment").text()+'</dd>'+
                    '</dl>'+
                    '<table>'+
                        '<caption>番組コーナー</caption>'+
                        '<tr><th>時間</th><th>コーナータイトル</th></tr>';

            $(this).find("corner").each(function() {
                var corner_time     = $(this).find("corner_time").text();
                var cornerEnd = new Date(year,
                                          month,
                                          day,
                                          corner_time.substring(6, 8),
                                          corner_time.substring(9, 11),
                                          0);

                if (date.getTime() < cornerEnd.getTime()) {
                    flush['now'] += '<tr><td class="time">'+$(this).find("corner_start").text()+'</td>';
                    if ($(this).find("corner_url").text()) {
                        flush['now'] += '<td><a href="'+$(this).find("corner_url").text()+'"';
                        if ($(this).find("corner_url_blank").text()) {
                            flush['now'] += ' target="_blank"';
                        }
                        flush['now'] += '>'+$(this).find("corner_name").text()+'</a></td></tr>';
                    } else {
                        flush['now'] += '<td>'+$(this).find("corner_name").text()+'</td></tr>';
                    }
                }
            });

            flush['now'] +=
                    '</table>'+
                '</div>';
        }

        // future
        if ((date.getTime() < start.getTime()) && flush['future1']) {
            flush['future_flag'] = true;
        }

        if ((date.getTime() < start.getTime()) && !flush['future1']) {
            flush['future1'] =
                '<dl class="clearfix">'+
                    '<dt>'+$(this).find("onair_time").text()+'</dt>';
            if ($(this).find("site_url").text()) {
                flush['future1'] += '<dd><a href="'+$(this).find("site_url").text()+'"';
                if ($(this).find("site_url_blank").text()) {
                    flush['future1'] += ' target="_blank"';
                }
                flush['future1'] += '>'+$(this).find("program_name").text()+'</a></dd>';
            } else {
                flush['future1'] += '<dd>'+$(this).find("program_name").text()+'</dd>';
            }

            flush['future1'] +=
                '</dl>';
        }

        if ((date.getTime() < start.getTime()) && flush['future_flag']) {
            flush['future2'] +=
                '<dl class="clearfix">'+
                    '<dt>'+$(this).find("onair_time").text()+'</dt>';
            if ($(this).find("site_url").text()) {
                flush['future2'] += '<dd><a href="'+$(this).find("site_url").text()+'"';
                if ($(this).find("site_url_blank").text()) {
                    flush['future2'] += ' target="_blank"';
                }
                flush['future2'] += '>'+$(this).find("program_name").text()+'</a></dd>';
            } else {
                flush['future2'] += '<dd>'+$(this).find("program_name").text()+'</dd>';
            }

            flush['future2'] +=
                '</dl>';
        }
    });

    return flush;
}