//
//
//
//



// 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="dir=";
	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(e){
	var dir=document.getElementById("dir").childNodes[0].nodeValue;
	var obj=document.getElementById("yy");
	var yy=obj[obj.selectedIndex].value;
	
	// connection PHP
	var cmd1="trgDir=";
	var cmd2=dir+"/"+yy+"/";
	var res=getProd(cmd1,cmd2);
	// toHtml
	var outNode=document.getElementById("mm");
	var mm_n=outNode.selectedIndex;
	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);
		}
	}
	// getEleid
	if(e!=1){
		var eid=getEleId(e);
	}else{
		var eid="none";
	}
	
	// toHtml
	for(var i=0;i<res.length;i++){
		var opTag=opNode.cloneNode(true);
		if(i==res.length-1 && eid=="none"){
			opTag.selected=true;
		}else if(eid=="yy" && i==mm_n){
			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]);
	}
	
	// change fig
	var trgDir=url+yy+"/";
	var ff=yy+mm+type+"-";
	// request (get filenames)
	var httpObj = createHttpRequest();
	httpObj.open("POST","getFiles.php",false);
	httpObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	httpObj.send('dir='+trgDir+'&ff='+ff);
	// 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=trgDir+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(/oif/)){
			var clim=type.replace('oif','c');
			var src=url+'clim/'+mm+clim+'.html';
			var text='Climatology(WOA01)';
		}else 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(1);
	changeFig();
	
}
addListener(window,"load",initProd,false);