/**
 * 4travelクラス
 * @param page_id : ページID
 */
var FTravel = function(objId, page_id){

	this.listArea				= $(objId);	
	this.page_id					= page_id;
	this.s_method				= "POST";						// フォームデータのMETHOD属性値（GET/POST）
	this.s_async				= true;							// 非同期通信（TRUE=有効 , FALSE=無効）
	this.s_url					= "/search/result.php?mode=ftravel";
	this.s_query				= "";

	//チェック
	if(!this.listArea){
		alert("System Error! [Constructor]\n4travel旅行記の表示領域がありません。");
		return;
	}
	if(!this.page_id){
		alert("System Error! [Constructor]\nページIDの取得に失敗しました。");
		return;
	}
//alert('zip===>'+zip);
	this.s_query = "page_id=" + page_id;
	this.doQuery();
}

/**
 * 処理関数郡の宣言
 */
FTravel.prototype = {
	/**
	 * 4travel旅行記の郵便番号検索
	 * 検索処理を実行する
	 * @return 作成したhtml
	 */
	doQuery : function(){
		var chache = true;						//キャッシュ無効スイッチ(true/false)
		var xmlhttpobj = createXMLHttpRequest();	//XMLHttpRequestオブジェクト
		//Ajaxで検索開始
		xmlhttpobj.open(this.s_method,this.s_url,this.s_async);
		if(this.s_method == 'POST') xmlhttpobj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		//キャッシュを見に行かないようにする
		if(chache) xmlhttpobj.setRequestHeader("If-Modified-Since", "Thu, 01 Jun 1970 00:00:00 GMT");
		xmlhttpobj.onreadystatechange = function(){
			if(xmlhttpobj.readyState == 4) this.getResult(xmlhttpobj);
		}.bind(this);
		xmlhttpobj.send(this.s_query);
	},
	/**
	 * 結果取得
	 * 検索結果を取得する
	 * @param query 検索に使用する値を持った文字列
	 * @return 作成したhtml
	 */
	getResult : function(obj){
		//alert(obj.responseText) ;
		if (obj.responseText != "") {
			//eval('var data=' + obj.responseText);
			var data = eval('(' + obj.responseText + ')');
		} else {
			return;
		}

		if(!(this.listArea)){
			return;
		}
		this.listArea.innerHTML = "";
		var i = 0;

		// 大枠
		var div_tmp_area_travelbook = document.createElement('div');
		div_tmp_area_travelbook.setAttribute('id','tmp_area_travelbook');
		//div_tmp_area_travelbook.setAttribute('id','area_travelbook');

		// タイトル画像
		var div_tmp_area_travelbook_ttl = document.createElement('div');
		div_tmp_area_travelbook_ttl.setAttribute('id','tmp_area_travelbook_ttl');
		div_tmp_area_travelbook_ttl.innerHTML = '<img src="/shared/system/images/4travel/travelbook_top.jpg" alt="みんなの旅行記" width="740" height="29" />' ;
		div_tmp_area_travelbook.appendChild(div_tmp_area_travelbook_ttl);

		// 結果領域枠
		var div_tmp_area_travelbook_cnt = document.createElement('div');
		div_tmp_area_travelbook_cnt.setAttribute('id','tmp_area_travelbook_cnt');
		//div_tmp_area_travelbook_cnt.setAttribute('id','area_travelbook_cnt');

		// バナー
		var div_tmp_4travel_btn = document.createElement('div');
		div_tmp_4travel_btn.setAttribute('id','tmp_4travel_btn');
		div_tmp_4travel_btn.innerHTML = '<p><a href="http://4travel.jp/"><img src="/shared/system/images/4travel/4travel_bnr.gif" alt="旅行のクチコミサイト フォートラベル" width="88" height="35"></a></p>' ;

		div_tmp_area_travelbook_cnt.appendChild(div_tmp_4travel_btn);

		for(key in data){
			var div_travelbook_box = document.createElement('div');
			div_travelbook_box.className = 'travelbook_box' ;

			var div_travelbook_box_img = document.createElement('div');
			div_travelbook_box_img.className = 'travelbook_box_img';
			div_travelbook_box_img.innerHTML = '<p><img src="' +  data[key]['picture'] + '" alt="" width="120" /></p>';

			var div_travelbook_box_txt = document.createElement('div');
			div_travelbook_box_txt.className = 'travelbook_box_txt' ;

			var div_travelbook_box_txt2 = document.createElement('div');
			div_travelbook_box_txt2.className = 'travelbook_box_txt2' ;
			var str = '<h3><a href="/search/result.php?mode=ftraveldetail&id='+ key + '">'+ data[key]['title'] + '</a></h3>' ;
			str += '<p>' ;
			str += data[key]['description'] ;
			if (data[key]['over'] == 1){
				str += '&nbsp;.&nbsp;.&nbsp;.</p>';
				str += '<p class="readall"><a href="/search/result.php?mode=ftraveldetail&id='+ key + '">続きを読む</a></p>' ;
			}
			else
			{
				str += '</p>' ;
			}
			div_travelbook_box_txt2.innerHTML = str ;
			div_travelbook_box_txt.appendChild(div_travelbook_box_txt2);

			div_travelbook_box.appendChild(div_travelbook_box_img);
			div_travelbook_box.appendChild(div_travelbook_box_txt);

			div_tmp_area_travelbook_cnt.appendChild(div_travelbook_box);
		}
		div_tmp_area_travelbook.appendChild(div_tmp_area_travelbook_cnt);

		var div_tmp_area_travelbook_btm = document.createElement('div');
		div_tmp_area_travelbook_btm.setAttribute('id','tmp_area_travelbook_btm');
		div_tmp_area_travelbook_btm.innerHTML = '<img src="/shared/system/images/4travel/travelbook_btm.jpg" />';
		div_tmp_area_travelbook.appendChild(div_tmp_area_travelbook_btm);

		this.listArea.appendChild(div_tmp_area_travelbook);
	}
}