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="/travel/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="/travel/img/loading.gif">Now Loading<br/><br/>');
        jQuery('#searchArea').load(
            url,
            {
            },
            function(){
                bindEventAfterLoad();
            }
        );
    });
    
}

function seasonClickEvent(){
    var selector = "#" + jQuery(this).attr('id');
    var id = jQuery(selector + ">.idval").val();
    jQuery('#searchArea').html('<img src="/travel/img/loading.gif">Now Loading<br/><br/>');
    jQuery('#searchArea').load(
        '/travel/ajax/getitem/' + id + '/',
        {
        },
        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;<span style="color:#DD5D0F"><b>' + name + '</b></span>&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', '/travel/ajax/getarea/');
    areaClickEvent('#menuOnsen', '/travel/ajax/getonsen/');
    areaClickEvent('#menuSpot', '/travel/ajax/getspot/');
    areaClickEvent('#menuPark', '/travel/ajax/getparkdetail/');
    jQuery('.accordion02').click(seasonClickEvent);
    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();

});