var loadMonth = 0;
var backnumberFlag = false;

var disp_afterc = function(e){

	if(window.XMLHttpRequest){
		httpObj = new XMLHttpRequest();
	}else if(window.ActiveXObject){
		httpObj = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		alert('恐れ入りますが、ご利用のブラウザでは正しくご覧いただけません。');
	}

	var fName = '/user_file/poppop-sh/etc/hotel.xml';
	var fileDir = '/user_file/poppop-sh/etc/';

	httpObj.open("GET",fName,true);

	httpObj.onreadystatechange = function(){
		if(httpObj.readyState == 4 && httpObj.status == 200){

			var rxml = httpObj.responseXML;
			var monthnode = rxml.getElementsByTagName('root')[0].getElementsByTagName('month')[loadMonth]; //当月のmonthノードを取得

			//会場情報のリセット
			for(i=0; i<document.getElementById('placeLink').childNodes.length; i++){
				document.getElementById('placeLink').removeChild(document.getElementById('placeLink').childNodes[i]);
			}
			for(i=0; i<document.getElementById('placeCaption').childNodes.length; i++){
				document.getElementById('placeCaption').removeChild(document.getElementById('placeCaption').childNodes[i]);
			}
			for(i=0; i<document.getElementById('placeExp').childNodes.length; i++){
				document.getElementById('placeExp').removeChild(document.getElementById('placeExp').childNodes[i]);
			}
			//会場情報の表示
			document.getElementById('placeLink').href = monthnode.getAttribute('url');
			document.getElementById('placeLink').appendChild(document.createTextNode(monthnode.getAttribute('place')));
			document.getElementById('placeCaption').appendChild(document.createTextNode(monthnode.getAttribute('caption')));
			document.getElementById('placeExp').appendChild(document.createTextNode(monthnode.getAttribute('exp')));
			/*
			document.getElementById('placeLink').href = monthnode.getAttribute('url');
			document.getElementById('placeLink').innerText = monthnode.getAttribute('place');
			document.getElementById('placeCaption').innerText = monthnode.getAttribute('caption');
			document.getElementById('placeExp').innerText = monthnode.getAttribute('exp');
			*/

			//店舗表示処理(item)
			var disparea = document.getElementById('disparea');
			disparea.innerHTML = ''; //disparea初期化
			var monthitems = monthnode.getElementsByTagName('item');

			for(i=0; i<monthitems.length; i++){

				var currentnode = monthitems[i];
				var elem = document.createElement('div');
				//名称
				var elemnm = document.createTextNode(currentnode.getElementsByTagName('name')[0].firstChild.nodeValue);
				var elemurl;
				if(currentnode.getElementsByTagName('url')[0].childNodes.length > 0){
					elemurl = document.createElement('a');
					elemurl.href = currentnode.getElementsByTagName('url')[0].firstChild.nodeValue;
					elemurl.target = '_blank';
					elemurl.className = 'hotel_nm_link';
				}else{
					elemurl = document.createElement('span');
				}
				elemurl.appendChild(elemnm);

				//アイコン
				var iconimg = document.createElement('img');
				iconimg.src = fileDir + 'icon_afterc_' + currentnode.getElementsByTagName('icon')[0].firstChild.nodeValue + '.gif';
				iconimg.style.verticalAlign = 'middle';
				iconimg.style.marginRight = '10px';

				//説明文
				var elemexp = document.createElement('div');
				elemexp.className = 'hotel_intro';
				//elemexp.appendChild(document.createTextNode(currentnode.getElementsByTagName('exp')[0].firstChild.nodeValue));
				elemexp.innerHTML = currentnode.getElementsByTagName('exp')[0].firstChild.nodeValue;

				//イメージ
				var elemimg = currentnode.getElementsByTagName('img');
				var elemimgarea = document.createElement('div');

				for(j=0; j<elemimg.length; j++){
					var tmpimg = document.createElement('img');
					tmpimg.src = fileDir + elemimg[j].firstChild.nodeValue;
					tmpimg.style.margin='1px';
					//tmpimg.style.border='1px solid #888';
					elemimgarea.appendChild(tmpimg);
				}

				elem.className = 'hotel_info_area';
				//エレメント追加
				elem.appendChild(iconimg);
				elem.appendChild(elemurl);
				elem.appendChild(elemexp);
				elem.appendChild(elemimgarea);

				var elem2 = document.createElement('div');
				elem2.style.width = '430px'
				elem2.appendChild(elem);

				if(i != monthitems.length-1){
					elem2.style.marginBottom = '15px';
				}

				disparea.appendChild(elem2);

			}

			//特別店舗表示処理(item2)
			var disparea2 = document.getElementById('disparea2');
			disparea2.innerHTML = ''; //disparea2初期化
			var monthitems2 = monthnode.getElementsByTagName('item2');

			for(i=0; i<monthitems2.length; i++){

				var currentnode = monthitems2[i];
				var elem = document.createElement('div');
				if(currentnode.getElementsByTagName('name')[0].hasChildNodes()){
					var elemnm = document.createTextNode(currentnode.getElementsByTagName('name')[0].firstChild.nodeValue);

					//名称
					var elemurl = document.createElement('div');
					elemurl.className = 'aftercitem2';

					if(currentnode.getElementsByTagName('url')[0].hasChildNodes()){
							var elemurla = document.createElement('a');
							elemurla.href = currentnode.getElementsByTagName('url')[0].firstChild.nodeValue;
							elemurla.target = '_blank';
							elemurla.appendChild(elemnm);
						elemurl.appendChild(elemurla);
					}else{
						elemurl.appendChild(elemnm);
					}

					elem.appendChild(elemurl);

				}

				//説明文
				var elemexp = document.createElement('div');
				//elemexp.className = 'hotel_intro';
				elemexp.innerHTML = currentnode.getElementsByTagName('exp')[0].firstChild.nodeValue;

				//イメージ
				var elemimg = currentnode.getElementsByTagName('img');
				var elemimgarea = document.createElement('div');

				for(j=0; j<elemimg.length; j++){
					var tmpimg = document.createElement('img');
					tmpimg.src = fileDir + elemimg[j].firstChild.nodeValue;
					tmpimg.style.margin='1px';
					//tmpimg.style.border='1px solid #888';
					elemimgarea.appendChild(tmpimg);
				}

				//説明文2
				var elemexp2 = document.createElement('div');
				//elemexp2.className = 'hotel_intro';
				if(currentnode.getElementsByTagName('exp2')[0].childNodes.length > 0){
					elemexp2.innerHTML = currentnode.getElementsByTagName('exp2')[0].firstChild.nodeValue;
				}

				//エレメント追加
				//名前(elemurl)は名称作成時に追加
				elem.appendChild(elemexp);
				elem.appendChild(elemimgarea);
				elem.appendChild(elemexp2);

				disparea2.appendChild(elem);
			}

			//バックナンバー表示処理
			var backnumberarea = document.getElementById('backnumberarea')
			var backnumberselect = document.createElement("select");
			addListener(backnumberselect, 'change', dispBacknumber, false);
			if(backnumberFlag != true){
				for(i=0; i<rxml.getElementsByTagName('root')[0].getElementsByTagName('month').length; i++){
					var monthnode = rxml.getElementsByTagName('root')[0].getElementsByTagName('month')[i];
					var opt = document.createElement('option');
					var optCap = document.createTextNode(monthnode.getAttribute('date') + ' ' + monthnode.getAttribute('place'));

					opt.appendChild(optCap);
					opt.value = i;

					//btn.id = 'backnumber' + i;
					//addListener(btn, 'click', dispBacknumber, false);

					backnumberselect.appendChild(opt);
				}
				backnumberarea.appendChild(backnumberselect);
				backnumberFlag = true;
			}
		}//if
	}

	httpObj.send('');

}


var dispBacknumber = function(e){
	if(e.target){
		var ctarget = e.target;
	}else{
		var ctarget = e.srcElement;
	}
	loadMonth = Number(ctarget.value);
	//alert('backnumberを表示します。\n' + ctarget.value);

	/*
	if(e.target){
		loadMonth = Number(e.target.id.replace('backnumber', ''));
	}else{
		loadMonth = Number(e.srcElement.id.replace('backnumber', ''));
	}
	*/
	disp_afterc();
}

function addListener(elem, event, func, cap){
	if(elem.addEventListener){
		elem.addEventListener(event, func, cap);
	}else if(elem.attachEvent){
		elem.attachEvent('on'+event, func, cap);
	}else{
		alert('恐れ入りますが、ご利用のブラウザは対応しておりません。');
	}
}

addListener(window, 'load', disp_afterc, false);