var		nativeObj	= new Object();
var		cmsObj		= new Object();
const	parser		= new DOMParser();

function runCMS(fileName,func){

	var request = new XMLHttpRequest();

	request.open("get","/cmsdata/"+fileName+".xml?rnd="+parseInt(Math.random()*100000000),true);
	request.setRequestHeader('Pragma', 'no-cache');
	request.setRequestHeader('Cache-Control', 'no-cache');
	request.setRequestHeader('If-Modified-Since', 'Thu, 01 Jun 1970 00:00:00 GMT');

	request.onload = function (event) {

		if (request.readyState === 4) {
			if (request.status === 200) {

				str=request.responseText;

				console.log("<old>\n"+str);

				nativeObj=parser.parseFromString(str,"text/xml");

				//strから改行を取り除く
				str=str.replace(/\n/g,'');
				str=str.replace(/\t/g,'');
//				str=str.replace(/<br.*?>/gi,'\n');

				console.log("<new>\n"+str);
				//cmsObj＝改行の調整をしたDOM
				cmsObj=parser.parseFromString(str,"text/xml");

				htmlStyleChange(func);

				if(func!=undefined){

					func();
				}

//				console.log(request.statusText); // => "OK"
			}
			else
			{
//				console.log(request.statusText); // => Error Message
			}
		}
	};

	request.onerror = function (event) {
		console.log(event.type); // => "error"
	};

	request.send(null);
}

function htmlStyleChange(func){

	const groupElements		=	cmsObj.getElementsByTagName('group');

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

		var hidevalue=null;

		if(groupElements[i].getAttribute("hide")!=null && groupElements[i].getAttribute("hide")=="use")
		{
			hidevalue=groupElements[i].getAttribute("hidevalue");
		}
		else
		{
			hidevalue="display";
		}

		switch(hidevalue)
		{
			case 'display':
			if(groupElements[i].getAttribute("arrayuse")==null || groupElements[i].getAttribute("arrayuse")!="use")
			{
				standardContentsChange(groupElements[i]);
			}
			else
			{
				arrayContentsChange(groupElements[i]);
			}
			break;

			case 'hide':
			document.getElementById(groupElements[i].getAttribute("targetid")).remove();
			break;

			default:
			break;
		}
	}
}

function standardContentsChange(groupNode)
{
	const groupChileds = getChildNodes(groupNode);

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

		if(groupChileds[i].tagName!="content")
		{
			continue;
		}

		var xmlParamNode			= groupChileds[i];
		var xmlValueNode			= groupChileds[i];
		var htmlInnerHTMLElement	= document.getElementById(groupChileds[i].getAttribute("targetid"));
		var htmlHrefElement			= document.getElementById(groupChileds[i].getAttribute("hrefid"));

		contentChange(xmlParamNode,xmlValueNode,htmlInnerHTMLElement,htmlHrefElement);
	}
}

function arrayContentsChange(groupNode)
{

	const paramsNode = getParamsNode(groupNode);

	if(paramsNode==null || paramsNode==undefined)
	{
		return;
	}

	const groupChilds = getChildNodes(groupNode);

	var htmlTemplate			= document.getElementById(paramsNode.getAttribute("targetid"));
	var htmlLastInsertNode		= htmlTemplate;
	var activeValuesExistence	= false;
	var htmlNodeInsertCount		= 0;

	for(var i=0;i<groupChilds.length;i++)
	{
		//values以外は何もしない
		if(groupChilds[i].tagName!="values")
		{
			continue;
		}

		//hideのときは何もしない
		if(	paramsNode.getAttribute("hide")!=undefined
			&&
			paramsNode.getAttribute("hide")=="use"
			&&
			groupChilds[i].getAttribute("hidevalue")=="hide")
		{
			continue;
		}

		//htmlTemplateのクローンを作る
		var newInsertHTML	= htmlTemplate.cloneNode(true);
		htmlNodeInsertCount++;

		//クローンの各種idにindexを末尾に連結する
		htmlIdChange(paramsNode,newInsertHTML,htmlNodeInsertCount);

		//テンプレートコーディングの上にクローンを移動
		//IEではbeforeがサポートされていないので、appendChildに変更、HTMLコーディングによってはバグが出る可能性がある
		htmlTemplate.parentNode.appendChild(newInsertHTML);
//		htmlTemplate.before(newInsertHTML);

		var paramsChilds = getChildNodes(paramsNode);
		var valuesChilds = getChildNodes(groupChilds[i]);

		for(var j=0;j<valuesChilds.length;j++)
		{
			var xmlParamNode			= paramsChilds[j];
			var xmlValueNode			= valuesChilds[j];
			var htmlInnerHTMLElement	= document.getElementById(paramsChilds[j].getAttribute("targetid")+"."+("000"+htmlNodeInsertCount).slice(-3));
			var htmlHrefElement			= document.getElementById(paramsChilds[j].getAttribute("hrefid")+"."+("000"+htmlNodeInsertCount).slice(-3));

			contentChange(xmlParamNode,xmlValueNode,htmlInnerHTMLElement,htmlHrefElement);
		}
	}
	//テンプレートをremove
	//IEではremoveできないのでdisplay属性で見えなくしている
	htmlTemplate.style.display="none";
//	htmlTemplate.remove();
}

function contentChange(xmlParam,xmlValue,htmlValueElement,htmlHrefElement)
{
	//innerHTMLのセット
	if(xmlValue.childNodes.length<1)
	{
		document.getElementById(xmlParam.attributes.targetid.value).innerHTML='';
	}
	else
	{
		var html='';
		for(n=0;n<xmlValue.childNodes.length;n++)
		{
			if(xmlValue.childNodes[n].nodeValue==null)
			{
				if(xmlValue.childNodes[n].tagName=='br')
				{
					html+='<br/>';
				}
			}
			else
			{
				html+=xmlValue.childNodes[n].nodeValue;
			}
		}
		htmlValueElement.innerHTML=html;
	}

	//hrefのセット
	if(xmlParam.attributes.href!=undefined && xmlParam.attributes.href.value=="use")
	{

		var hrefactive	='disable';
		var hrefvalue	='#';

		if(xmlValue.attributes.hrefactive!=undefined)
		{
			//hrefactive!=undefinedのときはvalueに上書き
			hrefactive=xmlValue.getAttribute("hrefactive");
		}

		if(xmlValue.attributes.hrefvalue!=undefined)
		{
			//hrefactive!=undefinedのときはvalueに上書き
			hrefvalue=xmlValue.getAttribute("hrefvalue");
		}

		switch(hrefactive)
		{

			case 'active':

			htmlHrefElement.setAttribute("target", "_self");
			htmlHrefElement.setAttribute("href", hrefvalue);
			break;

			case 'blank':

			htmlHrefElement.setAttribute("target", "_blank");
			htmlHrefElement.setAttribute("href", hrefvalue);
			break;

			case 'disable':

			var unlinkremove = 'off';

			if(xmlParam.attributes.unlinkremove!=undefined)
			{
				unlinkremove = xmlParam.getAttribute("unlinkremove");
			}

			if(unlinkremove=='on' && htmlHrefElement!=null)
			{
				htmlHrefElement.remove();
			}
			break;

			default:
			break;
		}
	}
}

function htmlIdChange(paramsNode,contents,no)
{

	const paramsChilds = getChildNodes(paramsNode);

	for(var i=0;i<paramsChilds.length;i++)
	{
		if(paramsChilds[i].tagName!="param")
		{
			continue;
		}

		var templateId=paramsChilds[i].getAttribute("targetid");

		contents.innerHTML=contents.innerHTML.replace('id="'+templateId,'id="'+templateId+"."+(("000"+no).slice(-3)));
	}

	contents.id=contents.id+"."+("000"+no).slice(-3);
}

function getParamsNode(groupNode)
{

	const groupChilds = getChildNodes(groupNode);

	for(var i=0;i<groupChilds.length;i++)
	{
		if(groupChilds[i].tagName=="params")
		{
			return groupChilds[i];
		}
	}

	return undefined;
}

function getChildNodes(node)
{

	newNode = new Array();

	for(var i=0;i<node.childNodes.length;i++)
	{
		if(node.childNodes[i].tagName!=undefined)
		{
			newNode.push(node.childNodes[i]);
		}
	}

	return newNode;
}