//<![CDATA[

function tabChange(tabNo) {
    var i;
    var tabCount  = 8;
    var tabResult = '';
    
    /*
     * すべてのタブ名とタブ内部を一度非選択にする
     */
    for (i = 1; i <= tabCount; i++) {
        document.getElementById("head" + i).className = "tab_selector";
        document.getElementById("tab" + i).className = "noshow";
    }
    if( document.getElementById("search_title") ) {
        document.getElementById("search_title").className="nodisp";
    }
    if( document.getElementById("search_title_pickup") ) {
        document.getElementById("search_title_pickup").className="nodisp";
    }
    
    /*
    * 選択されたタブ名とタブ内部を選択状態にする。
    */
    //選択されたタブ名のclass属性をtab_selector selectedに変える。
    document.getElementById("head" + tabNo).className="tab_selector selected";
    
    //選択されたタブ内部のclass属性をtabに変える。
    document.getElementById("tab" + tabNo).className="tab";
    
    if( tabNo != 1 && tabNo != 7 && tabNo != 8 ) {
        if( document.getElementById("search_title") ) {
            document.getElementById("search_title").className="disp";
        }
    }
    else {
        if( document.getElementById("search_title_pickup") ) {
            document.getElementById("search_title_pickup").className="disp";
        }
    }

    var element = document.getElementById( 'result_tab' + tabNo ).childNodes[0];
    if( !element ) {
        postTabId( tabNo );
    }
}

function createXMLHttpRequest()
{
    /* XMLHttpRequest オブジェクトを作成する   */
    if(window.addEventListener){
        /* Firefox 用 */
        return new XMLHttpRequest();
    }
    else {
        /* IE 用 */
        return new ActiveXObject("Microsoft.XMLHTTP");
    }
}

function postTabId( tabNo )
{
    var request = createXMLHttpRequest();

    request.open( 'POST', 'top_tab_query.php' , true );
    request.onreadystatechange = readyStateChangeHandler;
    request.setRequestHeader( 'Content-Type' , 'application/x-www-form-urlencoded' );
    request.send( 'tabNo=' + tabNo );

    function readyStateChangeHandler() {
        switch( request.readyState ) {
            case 4:
                /* 完了の場合、サーバから送られたデータを表示 */
                if( request.status == 200 ) {
                    document.getElementById( 'result_tab' + tabNo ).innerHTML = request.responseText;
                }
            break;
        }
    }
}

window.onload = function()
{
    //postTabId( 1 );
}
//]]>