$(function(){


	var loading = 1;

	//駅セレクトＢＯＸ
	$.ajax({

	    url: '/xml/station.php?id=1001',
	    dataType: 'xml',
		cache:false,
	    success : function(data){
	        	i = 0;
			$(".station_line_loader.station").html("<select name='station[]' id='station' class='field'></select>");
			select = $("#station").get(0);
		
			$("Item",data).each(function(){
				select.options[i++] = new Option($("Name",this).text(), $("Id",this).text());
				
			});
			$("#line").removeAttr("disabled");

	    }

	});

	loading = 0;

	$("#line").change(function (){
		
			loading = 1;
			$(".station_line_loader.station").html("<img src='common/img/loader.gif' />");
			$(this).attr("disabled",true);
			var id = $(this).attr('value');
			var station_url = '/xml/station.php?id='+id;
	        	i=0;
			
			$.ajax({

	    			url: station_url,
	    			dataType: 'xml',
					cache:false,
				success : function(data){
					loading = 1;
					$(".station_line_loader.station").html("<select name='station[]' id='station' class='field'></select>");
					select = $("#station").get(0);
					$("Item",data).each(function(){
						select.options[i++] = new Option($("Name",this).text(), $("Id",this).text());
					});

					$("#line").removeAttr("disabled");
					loading = 0;

				}
			});

	});








	//掲載数
	$.ajax({
	    url: '/xml/carry.php',
	    dataType: 'xml',
		cache:false,
	    success : function(data){
			//取得したファイルに対する処理
			$("Usr",data).each(function(){
	   	
				var id = $("Id",this).text();
				id = '#'+ id;
				$(id).html($("Name",this).text());
			})
	    }
	})



	//格安・大型など
	$.ajax({
	    url: '/xml/genre_data.php?genre=kakuyasu',
	    dataType: 'xml',
		cache:false,
	    success : function(data){
			
			//取得したファイルに対する処理
			rows = $("Rows",data).text();
			var str = '';
			i = 1;
			$("Item",data).each(function(){

				if(((i+5)%5)==1){
					str = str + '<table><tr><td>';
				}
		
				str = str + "<dl><dt><a href='"+$("Link",this).text()+"'><img src='/main_img/"+$("Image",this).text()+"' width='89' height='116'></a></dt><dd>"+$("Comment",this).text()+"</dd></dl>";
				
				if((i%5)==0){
					str = str + '</td></tr></table>';
				}
		
				i++;
			});
			
			$("#kakuyasu_btn").show();
			$("#genrebox").append(str);
			$("#genrebox").removeClass('loder');
	    }
	});



	//エリア
	// #nav直下の全li要素の中から最初のli要素に.selectを追加
	$("#nav > li:first").addClass("on");
	// #nav直下の全li要素にマウスオーバーしたらリンク要素に偽装
	$("#nav > li").hover(function(){
		$(this).css("cursor","pointer");
	},function(){
		$(this).css("cursor","default");
	});

	// #tab直下の全div要素を非表示
	$("#select_data > div").hide();
	// #tab直下の全div要素の中から最初のdiv要素を表示
	$("#select_data > div:first").show();

	$("#nav > li").click(function () {
		$("#search_area input:checked").attr("checked", false);
		//alert($(this).attr('id'));
		var id = $(this).attr('id');
		// #nav直下の全li要素のclass属性を削除
		$("#nav > li").removeClass("on");
		// クリックしたli要素に.selectを追加
		$(this).addClass("on");
		// #tab直下の全div要素を非表示
		$("#select_data > div").hide();
		$("#select_button").hide();
		
		var view_id = '#data_' + id;
		$(view_id).fadeIn();
		$("#select_button").fadeIn();
		//$("#select_data").find(test_id).fadeIn();
	});
	



	//格安大型物件などタブ変更

	$("#suisyo li").hover(function(){
		$(this).css("cursor","pointer");
	},function(){
		$(this).css("cursor","default");
	});
	$(".btnList li").hide();
			
	$("#suisyo li").click(function () {
		$("#genrebox").html('');
		$("#genrebox").addClass('loder');

		var genre = $(this).attr('id');
		var btn_genre = "#"+genre+"_btn";
		$(".btnList li").hide();
		$(btn_genre).show();
		$("#suisyo li").removeClass("on");
		$(this).addClass("on");
	
		var genre_url = '/xml/genre_data.php?genre='+genre;
		$.ajax({
		    url: genre_url,
		    dataType: 'xml',
			cache:false,
		    success : function(data){
				rows = $("Rows",data).text();
				str = '';
				i = 1;
			
				$("Item",data).each(function(){
					if(((i+5)%5)==1){
						str = str + '<table><tr><td>';
					}
					if(genre == 'rental'){
						str = str + "<dl><dt><img src='/main_img/"+$("Image",this).text()+"' width='89' height='116'></dt><dd>"+$("Comment",this).text()+"</dd></dl>";
					}else{
						str = str + "<dl><dt><a href='"+$("Link",this).text()+"'><img src='/main_img/"+$("Image",this).text()+"' width='89' height='116'></a></dt><dd>"+$("Comment",this).text()+"</dd></dl>";
					}
					
					if((i%5)==0){
						str = str + '</td></tr></table>';
					}
					i++;
				});
				$("#genrebox").append(str);
				$("#genrebox").removeClass('loder');
		    }
		});
	});

	


	
	function tabs(data2){
		$("Item",data2).each(function(){

			if(((i+5)%5)==1){
				str = str + '<div>';
			}
			if(i > 5){
				set_class = "class='sp_block heightLine-group2'";
			}
			str = str + "<dl "+set_class+"><dt><a href='"+$("Link",this).text()+"'><img src='/main_img/"+$("Image",this).text()+"' width='89' height='116'></a></dt><dd>"+$("Comment",this).text()+"</dd></dl>";
				
			if((i%5)==0){
				
				str = str + '</div>';
			}

			i++;
		});

	}



	//フォームサブミット
	 $("#btn_station").click(function () {
		if($("#line").attr('value') && $("#station").attr('value')){
		  $("#search_station").submit();
		  return false;
		}else{
		  alert('情報を取得中です');
		}
		

	 });


	 $("#btn_area").click(function () {

		  if(! $("#search_area input:checked'").length){
			alert('地域を選択してください');
		  }else{
		 	 $("#search_area").submit();
			 return false;
		  }
	 });


	 $("#btn_quick").click(function () {

		if(! $("#q_area :selected").attr('value')){
			alert('地域を選択してください');
		}else{
	  		$("#search_quick").submit();
			return false;
		}
	 });

	 $("#btn_keyword").click(function () {
		if(! $("#search_words").attr('value')){
			alert('キーワードを入力してください');
		}else{
			$("#search_keyword").submit();
			return false;
	 	}
	 });


	$("#search_words").attr('value','キーワードから探す');
	$("#search_words").focus(
		function(){ $(this).attr('value',''); }
	);


	$("#search_words").fieldtag({
		markedClass: "untouched", //初期のclass名
		standardText: "キーワードから探す" //初期値の表示文字
	});

});