//
//
//
//



// connection PHP
function getProd(cmd1,cmd2){
	// request
	var httpObj = createHttpRequest();
	httpObj.open("POST","getYYMM.php",false);
	httpObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	httpObj.send(cmd1 + cmd2);
	// response
	var res=httpObj.responseText;
	var res=res.split(",");
	return(res);
}


// set control year
function setYear(){
	var dir=document.getElementById("dir").childNodes[0].nodeValue;
	// connection PHP
	var cmd1="getDensYear=";
	var cmd2=dir;
	var res=getProd(cmd1,cmd2);
	// toHtml
	var outNode=document.getElementById("yy");
	delNodes(outNode);
	var opNode=document.createElement("option");
	// toHtml
	for(var i=0;i<res.length;i++){
		var opTag=opNode.cloneNode(true);
		if(i==res.length-1){
			opTag.selected=true;
		}
		opTag.value=res[i];
		opTag.appendChild(document.createTextNode(res[i]));
		outNode.appendChild(opTag);
	}
}

// delete node
function delNodes(eleid){
	var chnodes=eleid.childNodes;
	for(var i=0;i<chnodes.length;i++){
		chnodes[i].parentNode.removeChild(chnodes[i]);
	}
}

// set control month
function setMonth(){
	var dir=document.getElementById("dir").childNodes[0].nodeValue;
	var obj=document.getElementById("yy");
	var yy=obj[obj.selectedIndex].value;
	
	// connection PHP
	var cmd1=dir+"/";
	var cmd2='web_gts_'+yy;
	var res=getProd(cmd1,cmd2);
	// request (get filenames)
	var httpObj = createHttpRequest();
	httpObj.open("POST","getFiles.php",false);
	httpObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	httpObj.send('dir='+cmd1+'&ff='+cmd2);
	// response
	var res=httpObj.responseText;
	var res=res.split(",");
	var res1= new Array();
	// set response
	for(var i=0;i<res.length;i++){
		res1[Number(res[i].substr(12,2))]=res[i].substr(12,2);
	}
	var res=res1;
	
	// toHtml
	var outNode=document.getElementById("mm");
	delNodes(outNode);
	var opNode=document.createElement("option");
	// clear fig
	if(outNode.hasChildNodes()){
		for(var i=outNode.childNodes.length;i>0;i--){
			var delNode=outNode.childNodes[i-1];
			delNode.parentNode.removeChild(delNode);
		}
	}
	// toHtml
	for(var i=0;i<res.length;i++){
		if(res[i] != undefined){
			var opTag=opNode.cloneNode(true);
			if(i==res.length-1){
				opTag.selected=true;
			}
			opTag.value=res[i];
			opTag.appendChild(document.createTextNode(res[i]));
			outNode.appendChild(opTag);
		}
	}
}


function changeFig(){
	var dir=document.getElementById("dir").childNodes[0].nodeValue;
	var url=dir+"/";
	var obj=document.getElementById("yy");
	var yy=obj[obj.selectedIndex].value;
	var obj=document.getElementById("mm");
	var mm=obj[obj.selectedIndex].value;
	var obj=document.getElementById("type");
	var type=obj[obj.selectedIndex].value;
	
	var fig_ele = document.getElementById("fig");
	var div_ele = document.createElement("div");
	var img_ele = document.createElement("img");
	var br_ele = document.createElement("br");
	
	// clear fig
	if(fig_ele.hasChildNodes()){
			fig_ele.removeChild(fig_ele.childNodes[0]);
	}
	
	// connection PHP
	var cmd1=dir+"/";
	var cmd2='web_gts_'+yy+mm;
	var res=getProd(cmd1,cmd2);
	// request (get filenames)
	var httpObj = createHttpRequest();
	httpObj.open("POST","getFiles.php",false);
	httpObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	httpObj.send('dir='+cmd1+'&ff='+cmd2);
	// response
	var res=httpObj.responseText;
	var res=res.split(",");
	
	for(var i=0;i<res.length;i++){
		if(res[i].match(/.jpg/) || res[i].match(/.png/) || res[i].match(/.gif/)){
			var imgUrl=dir+'/'+res[i];
			var imgTag=img_ele.cloneNode(true);
			var brTag=br_ele.cloneNode(true);
			imgTag.src=imgUrl;
			div_ele.appendChild(imgTag);
			div_ele.appendChild(brTag);
		}
	}
	fig_ele.appendChild(div_ele);
//	makeLink();
}

/*
function makeLink(){	
	var obj=document.getElementById("type");
	var type=obj[obj.selectedIndex].value;
	var obj=document.getElementById("mm");
	var mm=obj[obj.selectedIndex].value;
	var obj=document.getElementById("yy");
	var yy=obj[obj.selectedIndex].value;
	var dir=document.getElementById("dir").childNodes[0].nodeValue;
	var url=dir+"/";
	var linkObj=document.getElementById("link");
	
	// clear fig
	if(linkObj.hasChildNodes()){
			linkObj.removeChild(linkObj.childNodes[0]);
	}
	
	if(dir.match(/OI_Glb/) || dir.match(/OI_Sgm/)){
		if(type!="map" && type.match(/oi/)){
			var clim=type.replace('oi','c');
			var src=url+'clim/'+mm+clim+'.html';
			var text='Climatology(WOA01)';
		}else{
			return(1);
		}
	}else if(dir.match(/ML/)){
		var src=url+yy+'/'+yy+mm+'-MLproperty.txt';
		var text='Data';
	}
	var aNode = document.createElement("a");
	aNode.appendChild(document.createTextNode(text));
	aNode.href=src;
	aNode.target="_blank";
	linkObj.appendChild(aNode);
}
*/

function initProd(){
	// change fig (button)
	var obj=document.getElementById("figBtn");
	addListener(obj,"click",changeFig,false);
	
	// set month
	var obj=document.getElementById("yy");
	addListener(obj,"change",setMonth,false);
	
	// load
	setYear();
	setMonth();
	changeFig();
	
}
addListener(window,"load",initProd,false);