var LoadSize;
var LoadBase;

//##########XMLHttpRequest##########
function CreateXHR(){
	if(window.addEventListener){
		return new XMLHttpRequest();
	}else{
		//return new ActiveXObject("Micros");
	}
}

//##########常にコールバック##########
window.onload = function(){

	addEventListener("change", Interval, false);
	
}

function Interval(){
	LoadBase = setInterval("POST_Request_Base64()", 100);
}

function StopInterval(){
	clearInterval(LoadBase);
}

//### アクセスアウト(ID:access_unload, ページ:MAIN_LEFT/Unload.php)
function POST_Request_Base64(){

	var xhr;
	var access_page;
	var send_value;
	var num;

	//alert("aaa");

	xhr = CreateXHR();
	access_page = "./base64.php";
	//send_value = "base64=" + "=" + document.getElementById("base64").innerHTML;
	send_value = "base64=" + document.getElementById("base64").value;

	xhr.open("POST", access_page, true);
	xhr.onreadystatechange = readyStateChangeHandler;

	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send(send_value);
	
	//alert("bbb");

	function readyStateChangeHandler(){
		switch(xhr.readyState){
			case 4:
				//alert("ccc");
				if(xhr.status == 200){
					//alert("ddd");
					//中身はなし
					//document.getElementById("unload").innerHTML = xhr.responseText;
					//document.getElementById("pagehide_test").innerHTML = 0;
					//document.getElementById("user_x").innerHTML = xhr.responseText;
					document.getElementById("base64_src").innerHTML = xhr.responseText;
				}
				break;
		}
	}

	StopInterval();
}

if(document.getElementById("file2")){

document.getElementById("file2").addEventListener("change", function(){

	var InputFile = new FileReader();

	InputFile.onload = function(){

		var FileSrc = this.result;
	
		//alert(FileSrc);

		document.getElementById("file_area").innerHTML = '<img src="' + FileSrc + '" id="upload_img">';

		document.getElementById("base64").innerHTML = FileSrc;
	}

	LoadSize = setInterval("LoadWidthHeight()", 100);

	InputFile.readAsDataURL(this.files[0]);

});

}

function LoadWidthHeight(){
	if(document.getElementById("upload_img")){
		document.getElementById("file_width").innerHTML = document.getElementById("upload_img").width;
		document.getElementById("file_height").innerHTML = document.getElementById("upload_img").height;
		StopLoad();
	}
	alert("aa");
}

function StopLoad(){
	clearInterval(LoadSize);
	clearInterval(LoadBase);
}