var activeTab = "#area-search-kanto";
var activeCalendar = "#calendar_kanto";
var activeTab2 = ".calender_01";

$(document).ready( function(){

	$(":radio[@name='radio_area']").filter( "#kanto_area" ).attr("checked", true);
	$( '[id^=area-search-]' ).hide().filter( activeTab ).show();
	$( '[id^=calendar_]' ).hide().filter( activeCalendar ).show();
	$("select[name='area_cd110']").val('WAREAXXL2101');

	$(".tabs .active a").bind( "click" , function(){
		var newActiveTab = $(this).attr("href");
		$(activeTab).hide();
		$(newActiveTab).show();
		activeTab = newActiveTab;
		return false;
	} );

	$(".tabs2 .active2 a").bind( "click" , function(){
		var newActiveTab2 = $(this).attr("href");
		$(activeTab2).hide();
		$(newActiveTab2).show();
		activeTab2 = newActiveTab2;
		return false;
	} );
//	$(".block_search .leftarea").css("height", $(".block_search .rightarea").height() );

	//area radio
	$(":radio[@name='radio_area']").bind( "click" , function(){

		var area = $( this ).attr( 'id' ).replace( '_area', '' );

		$( '[id^=area-search-]' ).hide().filter( '[id*=' + area +']' ).show();
		$( '[id^=calendar_]' ).hide().filter( '[id*=' + area +']' ).show();

		return true;

	} );


});