function bindEventAfterLoad(){
    jQuery("#searchClose").click(function(){
        jQuery('#searchSpread').slideUp("slow");
    });
    jQuery('.result').click(resultClickEvent);
    //jQuery('#searchSpread').css('display','none');
    jQuery('#searchSpread').slideDown("slow");
    jQuery("#indexPager a").click(function(){
        var str = jQuery(this).attr("class");
        showResult(str);
    });
    jQuery(".resultDetail a").click(function(){
        var url = jQuery(this).attr("id");
        showResult(1, url);
    });
}

function pageAfterLoad(){
    jQuery("#searchClose").click(function(){
        jQuery('#searchSpread').slideUp("slow");
    });
    jQuery('.result').click(resultClickEvent);
    $("#indexPager a").click(function(){
        var str = $(this).attr("class");
        showResult(str);
    });
    jQuery(".resultDetail a").click(function(){
        var url = jQuery(this).attr("id");
        showResult(1, url);
    });
}

function showResult(page, p_url){
    var url = jQuery('#url_params').val();
    if(p_url) url = p_url;
    if(page) url = url + 'page:' + page + '/';
    jQuery('#searchSpread').html('<img src="/business/img/loading.gif">Now Loading<br/><br/>');
    jQuery('#searchArea').load(
        url,
        {
        },
        function(){
            pageAfterLoad();
        }
    );
}


function areaClickEvent(link, url){
    var handler = jQuery(link);
    handler.click(function(){
        jQuery('#searchArea').html('<img src="/business/img/loading.gif">Now Loading<br/><br/>');
        jQuery('#searchArea').load(
            url,
            {
            },
            function(){
                bindEventAfterLoad();
            }
        );
    });
    
}

function resultClickEvent(){
    var selector = "#" + jQuery(this).attr('id');
    var name = jQuery(selector + ">.resultName").val();
    var lat = jQuery(selector + ">.resultLat").val();
    var lon = jQuery(selector + ">.resultLon").val();
    var handler = jQuery('#resultArea');

    var _thisMenu = jQuery('#resultValues');
    _thisMenu.html('');
    _thisMenu.append('<input type="hidden" id="area_name" name="data[area_name]" value="'+ name +'"/>');
    _thisMenu.append('<input type="hidden" name="data[y]" value="'+ lat +'"/>');
    _thisMenu.append('<input type="hidden" name="data[x]" value="'+ lon +'"/>');
    jQuery('#searchSpread').slideUp("slow");

    handler.html('');
    handler.append(
                  '<dl>' +
                    '<dt>現在の指定エリア</dt>' +
                    '<dd>[&nbsp;<b>' + name + '</b>&nbsp;］を指定&nbsp;&nbsp;</dd>' +
                  '</dl>'
                  );
}

function on_submit(){
    var area_name = jQuery('#area_name').val();
    if(area_name){
        $('#form_search').submit();
    }else{
        alert('宿泊エリアは必須項目です。');
    }
    
}

jQuery(document).ready(function(){
    areaClickEvent('#menuArea', '/business/ajax/getarea/');
    areaClickEvent('#menuShinkansen', '/business/ajax/getshinkansen/');
    areaClickEvent('#menuAirport', '/business/ajax/getairport/');
    jQuery('#search_btn').click(function(){
        jQuery.scrollTo("#search", 1000);
    });
    jQuery("#keyword li a").click(function(){
        var str = jQuery(this).text();
        jQuery("#data_name").val(str);
    });
    $('#data_srf').numeric();
    $('#data_srt').numeric();
});