$(function(){

    // Tabs
    $('#tabs').tabs();

    //hover states on the static widgets
    $('#dialog_link, ul#icons li').hover(
        function() { $(this).addClass('ui-state-hover'); }, 
        function() { $(this).removeClass('ui-state-hover'); }
    );
    
    $('#tabs').bind('tabsselect', function(e, ui) {
        if (ui.index == 0) {
            return;
        } else if (ui.index == 1) {
            if ($('#map_canvas').children().length == 0) {
                displayMap();
            }
        } else if (ui.index == 2) {
            rakugakicho();
        } else if (ui.index == 3) {
            return;
        } else if (ui.index == 4) {
            if ($('#mailform').children().length == 0) {
                mailform();
            }
        }
    });
    
});


var rakugakicho = function() {
    $('#rakugakicho').html('読込中．．．');
    $('#rakugakicho').append('<img src=\"img/ajax-loader.gif\" />');
    var num = Math.floor(Math.random()*1000+1);
    var url = 'http://www.torikago.com/bbs2/rakugaki.cgi?' + num;
    $.ajax({
        type: 'GET',
        url: url,
        dataType: 'html',
        success: function(resp) {
            //console.log($(resp).find('div#rakugaki_data'));
            $('#rakugakicho').html($(resp).find('div#rakugaki_data'));
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            //console.log('らくがき帳アクセスエラー：' + textStatus);
            $('#rakugakicho').html('らくがき帳のアクセスに失敗しました。<br />しばらく待って再度やり直してください。');
        }
    });
};

var mailform = function() {
    $('#mailform').html('読込中．．．');
    $('#mailform').append('<img src=\"img/ajax-loader.gif\" />');
    var num = Math.floor(Math.random()*1000+1);
    var url = 'http://www.torikago.com/mail/mailform2.php?' + num;
    $.ajax({
        type: 'GET',
        url: url,
        dataType: 'html',
        success: function(resp) {
            //console.log($(resp).find('div#rakugaki_data'));
            $('#mailform').html($(resp).find('form'));
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            //console.log('らくがき帳アクセスエラー：' + textStatus);
            $('#mailform').html('メールフォームの取得に失敗しました。<br />しばらく待って再度やり直してください。');
        }
    });
}