function bindEventAfterLoad(){
    var handler = jQuery('a');
    handler.css("cursor","pointer");
    handler.css('text-decoration', 'underline');
    $("#pager a").click(function(){
        var str = $(this).attr("class");
        showResult(str);
    });

}

function bindEventAfterLoadGurume(){
    $("#gurume_detail a").click(function(){
        var str = $(this).attr("class");
        jQuery('#gurume_dialog').dialog({
            modal      : true,
            autoOpen   : false,
            draggable  : true,
            dialogClass: '',
            width      : 620,
            position   : 'top'
        });

        jQuery('#gurume_dialog').dialog('open');
        showGurumeDetail(str);
    });
    $("#gurume_pager a").click(function(){
        var str = $(this).attr("class");
        showGurumeSearch(str);
    });
    $("#gurume_button").click(function(){
        var _thisMenu = jQuery('#gurumeResult');
        var button = jQuery('#gurume_button');

        if(_thisMenu.is(':visible')){
            button.text("開く");
            jQuery('#gurumeResult').slideUp("slow");
        }else{
            button.text("閉じる");
            jQuery('#gurumeResult').slideDown("slow");
        }
    });
}

function bindEventAfterLoadGurumeMap(){
        var lat = jQuery('#gurume_lat').val();
        var lng = jQuery('#gurume_lng').val();
        map_load(lng, lat, "gurume_map");
}

function showResult(page){
    var param = jQuery('#param').val();
    var url = '/business/ajax/getplan/' + param;
    if(page) url = url + 'page:' + page + '/';
    jQuery('#planArea').html('<h4>宿泊プラン</h4><img src="/business/img/loading.gif">Now Loading<br/><br/>');
    jQuery('#planArea').load(
        url,
        {
        },
        function(){
            bindEventAfterLoad();
        }
    );
}

function showGurume(){
    var lat = jQuery('#map_y').val();
    var lng = jQuery('#map_x').val();
    var url = '/business/ajax/getgurume/lat:' + lat + '/lng:' + lng + '/';
    //if(page) url = url + 'page:' + page + '/';
    jQuery('#gurumeArea').html('<h4>周辺のグルメ情報</h4><img src="/business/img/loading.gif">Now Loading<br/><br/>');
    jQuery('#gurumeArea').load(
        url,
        {
        },
        function(){
            bindEventAfterLoadGurume();
        }
    );
}

function showGurumeSearch(page){
    jQuery('#gurume_dialog').dialog('destroy');
    jQuery('#gurume_dialog').remove();
    var lat = jQuery('#map_y').val();
    var lng = jQuery('#map_x').val();
    var url = '/business/ajax/getgurumesearch/lat:' + lat + '/lng:' + lng + '/';
    if(page) url = url + 'page:' + page + '/';
    jQuery('#gurumeArea').html('<h4>周辺のグルメ情報</h4><img src="/business/img/loading.gif">Now Loading<br/><br/>');
    jQuery('#gurumeArea').load(
        url,
        {
        },
        function(){
            bindEventAfterLoadGurume();
        }
    );
}

function showGurumeDetail(id){
    var url = '/business/ajax/getgurumedetail/id:' + id + '/';
    jQuery('#gurume_dialog').html('<img src="/business/img/loading.gif" />Now Loading');
    jQuery('#gurume_dialog').load(
        url,
        {
        },
        function(){
            bindEventAfterLoadGurumeMap();
        }
    );
}

jQuery(document).ready(function(){
    showResult();
    showGurume();
    jQuery.fn.fancyzoom.defaultsOptions.imgDir='/business/img/fancyzoom/';
    jQuery('.fancyzoom').fancyzoom();
});