imgurl = "http://s3.amazonaws.com/abistudio/moeruavatar";
loader = "http://s3.amazonaws.com/abistudio/gen/image/colors/silver/ajax-loader.gif";
brows = navigator.appName.toUpperCase();

function changeHeight(id,id2){
	var obj=document.all && document.all(id)
	|| document.getElementById && document.getElementById(id);
	if(obj){
		clientSize=getWindowClientSize();
		if (brows.indexOf("NETSCAPE") >= 0){
			obj.style.height=""+(clientSize.height - obj.offsetTop - 60)+"px";
		}else{
			obj.style.height=""+(clientSize.height - obj.offsetTop - 60)+"px";
		}
	}
	if(id2){
		var obj2 = document.all && document.all(id2)
		|| document.getElementById && document.getElementById(id2);
		if(obj2){
			clientSize=getWindowClientSize();
			obj2.style.height=""+(clientSize.height - obj2.offsetTop - 80)+"px";
		}
	}
	aboxdel('colorboxarea');
	aboxdel('adjboxarea');
}
function getWindowClientSize(){
	var result={"width":0,"height":0};
	if(window.self&&self.innerWidth){
		result.width=self.innerWidth;
		result.height=self.innerHeight;
	}else if(document.documentElement && document.documentElement.clientHeight){
		result.width=document.documentElement.clientWidth;
		result.height=document.documentElement.clientHeight;
	}else{
		result.width=document.body.clientWidth;
		result.height=document.body.clientHeight;
	}
	return result;
}

function displayDataHTML(){
	if ((httpObj.readyState == 4) && (httpObj.status == 200)){
		$("result").innerHTML = httpObj.responseText;
	}else{
		$("result").innerHTML = '<img src="' + loader + '">';
	}
}
function aboxopen(tName){
	var tMenu = document.getElementById(tName);
	tMenu.style.display = "block";
}
function aboxdel(tName){
	var tMenu = document.getElementById(tName);
	tMenu.style.display = "none";
}
function load(fName,pName){

	if(fName == 'def'){
		aboxopen('logoimage');
		aboxopen('infomation');
		aboxdel('colorboxarea');
		aboxdel('adjboxarea');
		aboxdel('skyscraper');
		$("result").innerHTML = '';
	}else if(fName == 'colorset'){
		aboxdel('logoimage');
		aboxdel('infomation');
		aboxdel('colorboxarea');
		aboxdel('adjboxarea');
		var fNamen = 'colors.csv';
		if(pName == 'haircolor'){httpObj = createXMLHttpRequest(displayData_haircolor);}
		if(pName == 'skincolor'){httpObj = createXMLHttpRequest(displayData_skincolor);}
		if(pName == 'eyecolor'){httpObj = createXMLHttpRequest(displayData_eyecolor);}
		if(pName == 'lipcolor'){httpObj = createXMLHttpRequest(displayData_lipcolor);}
		if(pName == 'warecolor1'){httpObj = createXMLHttpRequest(displayData_warecolor1);}
		if(pName == 'warecolor2'){httpObj = createXMLHttpRequest(displayData_warecolor2);}
		if(pName == 'warecolor3'){httpObj = createXMLHttpRequest(displayData_warecolor3);}
		if(pName == 'fontcolor'){httpObj = createXMLHttpRequest(displayData_fontcolor);}
		if (httpObj){
			httpObj.open("GET",fNamen,true);
			httpObj.send(null);
		}

	}else if(fName == 'color'){
		aboxdel('logoimage');
		aboxdel('infomation');
		aboxopen('colorboxarea');
		aboxdel('adjboxarea');
		aboxdel('skyscraper');
		$("result").innerHTML = '';
	}else if(fName == 'setting'){
		aboxdel('logoimage');
		aboxdel('infomation');
		aboxdel('colorboxarea');
		aboxopen('adjboxarea');
		aboxdel('skyscraper');
		$("result").innerHTML = '';
	}else{
		aboxdel('logoimage');
		aboxdel('infomation');
		aboxdel('colorboxarea');
		aboxdel('adjboxarea');
		aboxopen('skyscraper');
		var fNamen = fName + '.csv';
		httpObj = createXMLHttpRequest(displayData);
		if (httpObj){
			httpObj.open("GET",fNamen,true);
			httpObj.send(null);
		}
	}
}
function displayData_haircolor(){
	if ((httpObj.readyState == 4) && (httpObj.status == 200)){
		$("result").innerHTML = parseTabText_haircolor(httpObj.responseText);
	}else{
		$("result").innerHTML = '<img src="' + loader + '">';
	}
}
function parseTabText_haircolor(tabText){
	var resultText = makeColorHTML(tabText,'haircolor');
	return resultText;
}
function makeColorHTML(tabText,colorid){
	var CR = String.fromCharCode(13); // 改行コード (CR)
	lineData = tabText.split(CR);
	var resultText = '';
	var ii = 0;
	for (var i=0; i<lineData.length-1; i++){
		wCount = lineData[i].split(",");
		if(wCount[3]){
			ctcolor = 'color:#FFF;';
		}else{
			ctcolor = '';
		}
		if(i == 0){
			resultText += '<div id="colorpalettearea"><h2>Elementary colors</h2>';
		}else if(i == 140){
			resultText += '<h2>Japanese traditional colors</h2>';
		}
		resultText += '<input type="button" style="background:' + wCount[2] + ';' + ctcolor +'" class="colorbox" onclick="to_child(\'' + wCount[2] + '\',\'' + colorid + '\')">';
		ii++;
		if(ii == 5){
			resultText += '<br>';
			ii = 0;
		}
	}
	resultText += '</div>';
	return resultText;
}
function displayData_skincolor(){
	if ((httpObj.readyState == 4) && (httpObj.status == 200)){
		$("result").innerHTML = parseTabText_skincolor(httpObj.responseText);
	}else{
		$("result").innerHTML = '<img src="' + loader + '">';
	}
}
function parseTabText_skincolor(tabText){
	var resultText = makeColorHTML(tabText,'skincolor');
	return resultText;
}
function displayData_eyecolor(){
	if ((httpObj.readyState == 4) && (httpObj.status == 200)){
		$("result").innerHTML = parseTabText_eyecolor(httpObj.responseText);
	}else{
		$("result").innerHTML = '<img src="' + loader + '">';
	}
}
function parseTabText_eyecolor(tabText){
	var resultText = makeColorHTML(tabText,'eyecolor');
	return resultText;
}
function displayData_lipcolor(){
	if ((httpObj.readyState == 4) && (httpObj.status == 200)){
		$("result").innerHTML = parseTabText_lipcolor(httpObj.responseText);
	}else{
		$("result").innerHTML = '<img src="' + loader + '">';
	}
}
function parseTabText_lipcolor(tabText){
	var resultText = makeColorHTML(tabText,'lipcolor');
	return resultText;
}
function displayData_warecolor1(){
	if ((httpObj.readyState == 4) && (httpObj.status == 200)){
		$("result").innerHTML = parseTabText_warecolor1(httpObj.responseText);
	}else{
		$("result").innerHTML = '<img src="' + loader + '">';
	}
}
function parseTabText_warecolor1(tabText){
	var resultText = makeColorHTML(tabText,'warecolor1');
	return resultText;
}
function displayData_warecolor2(){
	if ((httpObj.readyState == 4) && (httpObj.status == 200)){
		$("result").innerHTML = parseTabText_warecolor2(httpObj.responseText);
	}else{
		$("result").innerHTML = '<img src="' + loader + '">';
	}
}
function parseTabText_warecolor2(tabText){
	var resultText = makeColorHTML(tabText,'warecolor2');
	return resultText;
}
function displayData_warecolor3(){
	if ((httpObj.readyState == 4) && (httpObj.status == 200)){
		$("result").innerHTML = parseTabText_warecolor3(httpObj.responseText);
	}else{
		$("result").innerHTML = '<img src="' + loader + '">';
	}
}
function parseTabText_warecolor3(tabText){
	var resultText = makeColorHTML(tabText,'warecolor3');
	return resultText;
}
function displayData_fontcolor(){
	if ((httpObj.readyState == 4) && (httpObj.status == 200)){
		$("result").innerHTML = parseTabText_fontcolor(httpObj.responseText);
	}else{
		$("result").innerHTML = '<img src="' + loader + '">';
	}
}
function parseTabText_fontcolor(tabText){
	var resultText = makeColorHTML(tabText,'fontcolor');
	return resultText;
}
function displayData(){
	if ((httpObj.readyState == 4) && (httpObj.status == 200)){
		$("result").innerHTML = parseTabText(httpObj.responseText);
	}else{
		$("result").innerHTML = '<img src="' + loader + '">';
	}
}

function parseTabText(tabText){
	var CR = String.fromCharCode(13);
	lineData = tabText.split(CR);
	wCount = lineData[0].split(",");
	fldn = wCount[0].substring(1,3);
	fldx = 'x' + fldn;
	fldy = 'y' + fldn;
	var resultText = '';
	resultText += '<div id="pwrap">';

	for (var i=0; i<lineData.length-1; i++){

		wCount = lineData[i].split(",");
		if(i == 0){
			fld = wCount[0].substring(0,3);
			pno = wCount[0].substring(3,7);
		}else{
			fld = wCount[0].substring(1,4);
			pno = wCount[0].substring(4,8);
		}
		pno = pno - 0;
		resultText += '<div class="parea">' + pno + '<div class="pimg"><input type="image" name="child_button" src="' + imgurl + '/img/' + fld + '/' + wCount[0] + '.gif" alt="' + wCount[5] + '" onclick="to_child(' + pno + ',\'' + fld + '\')"></div>';
		if(wCount[2]){
			resultText += '<a href="' + wCount[2] + '">' + wCount[3] + '</a>';
		}else{
			resultText += wCount[3];
		}
		resultText += '</div>';

	}
	resultText += '</div>';
	return resultText;
}
function to_child(id,fld){
	if(fld == 'p00'){document.input.p00.value = id;}
	if(fld == 'p01'){document.input.p01.value = id;}
	if(fld == 'p02'){document.input.p02.value = id;}
	if(fld == 'p03'){document.input.p03.value = id;}
	if(fld == 'p04'){document.input.p04.value = id;}
	if(fld == 'p05'){document.input.p05.value = id;}
	if(fld == 'p06'){document.input.p06.value = id;}
	if(fld == 'p07'){document.input.p07.value = id;}
	if(fld == 'p08'){document.input.p08.value = id;}
	if(fld == 'p09'){document.input.p09.value = id;}
	if(fld == 'p10'){document.input.p10.value = id;}
	if(fld == 'p11'){document.input.p11.value = id;}
	if(fld == 'p12'){document.input.p12.value = id;}
	if(fld == 'p13'){document.input.p13.value = id;}
	if(fld == 'p14'){document.input.p14.value = id;}
	if(fld == 'p15'){document.input.p15.value = id;}
	if(fld == 'p16'){document.input.p16.value = id;}
	if(fld == 'p17'){document.input.p17.value = id;}
	if(fld == 'p18'){document.input.p18.value = id;}
	if(fld == 'p19'){document.input.p19.value = id;}
	if(fld == 'haircolor'){
		document.input.haircolor.value = id;
		var tMenu = document.getElementById('haircolorbox');
		tMenu.style.background = id;
	}
	if(fld == 'skincolor'){
		document.input.skincolor.value = id;
		var tMenu = document.getElementById('skincolorbox');
		tMenu.style.background = id;
	}
	if(fld == 'eyecolor'){
		document.input.eyecolor.value = id;
		var tMenu = document.getElementById('eyecolorbox');
		tMenu.style.background = id;
	}
	if(fld == 'lipcolor'){
		document.input.lipcolor.value = id;
		var tMenu = document.getElementById('lipcolorbox');
		tMenu.style.background = id;
	}
	if(fld == 'warecolor1'){
		document.input.warecolor1.value = id;
		var tMenu = document.getElementById('warecolorbox1');
		tMenu.style.background = id;
	}
	if(fld == 'warecolor2'){
		document.input.warecolor2.value = id;
		var tMenu = document.getElementById('warecolorbox2');
		tMenu.style.background = id;
	}
	if(fld == 'warecolor3'){
		document.input.warecolor3.value = id;
		var tMenu = document.getElementById('warecolorbox3');
		tMenu.style.background = id;
	}
	if(fld == 'fontcolor'){
		document.input.fontcolor.value = id;
		var tMenu = document.getElementById('fontcolorbox');
		tMenu.style.background = id;
	}
    setCookie(cookieName , formatData('input') , day);
	document.input.submit();
}
function init(){
	aboxdel('skyscraper');
	document.input.submit();
	var tMenu = document.getElementById('haircolorbox');
	tMenu.style.background = document.input.haircolor.value;
	var tMenu = document.getElementById('skincolorbox');
	tMenu.style.background = document.input.skincolor.value;
	var tMenu = document.getElementById('eyecolorbox');
	tMenu.style.background = document.input.eyecolor.value;
	var tMenu = document.getElementById('lipcolorbox');
	tMenu.style.background = document.input.lipcolor.value;
	var tMenu = document.getElementById('warecolorbox1');
	tMenu.style.background = document.input.warecolor1.value;
	var tMenu = document.getElementById('warecolorbox2');
	tMenu.style.background = document.input.warecolor2.value;
	var tMenu = document.getElementById('warecolorbox3');
	tMenu.style.background = document.input.warecolor3.value;
	var tMenu = document.getElementById('fontcolorbox');
	tMenu.style.background = document.input.fontcolor.value;
}
function submit(){
	document.input.submit();
}
function submitdownload(){
	document.input.download.value = 1;
	document.input.submit();
	document.input.download.value = 0;
}
btnNo = 0;
function check(){
	if (btnNo == 2){
		return alert("sended");
	}else{
		return true;
	}
}
function getByID (n) {
    var d = window.document;
    if (d.getElementById)
        return d.getElementById(n);
    else if (d.all)
        return d.all[n];
}
function scoreNudge(id,amount) {
    var fld = getByID(id);
    score = fld.value;
    score.replace(/\+/, '');
    score = parseFloat(score) + amount;
    if (isNaN(score)) score = amount;
    if (score > 100) score = 100;
    if (score < -100) score = -100;
    if (score > 0) score = '+' + score;
    fld.value = score;
    setCookie(cookieName , formatData('input') , day);
    document.input.submit();
    return false;
}

// Special Thanks
// http://fstyle.ddo.jp/archives/2005/09/javascript_-_6.html

var cookieName = "avatar";
var day         = 60;


function formatData(formName){
  
  var date  = "";
  var input = document.getElementById(formName).getElementsByTagName('input');
  var max  = input.length;
  for(var i = 0; i < max; i++){
	if (input[i].name && (input[i].name != 'imgformat') && (input[i].name != 'imgsize') && (input[i].name != 'child_button')){
		date += input[i].name;
		date += '=';
		date += input[i].value;
		date += '&';
	}
  }
  return date;
}

function setCookie(cookieID , data , day){

    theDay = new Date();
    theDay.setTime(theDay.getTime() + (day * 1000 * 60 * 60 * 24));
    document.cookie = cookieID + "=" + escape(data) + ";expires="
    + theDay.toGMTString();

  return true;
}

function getCookie(key){

  var cookieArr = document.cookie.split(" ");
  var max       = cookieArr.length;
  var oneCookie;

  for(var i = 0; i < max; i++){
    if (key == cookieArr[i].substr(0 , key.length)){
      var temp = cookieArr[i].split("=");
      temp[1]  = unescape(temp[1]);
      if ((temp[1].length -1) == temp[1].lastIndexOf(";"))
        temp[1] = temp[1].slice(0 , temp[1].length - 1);
      var cookie = temp[1].split("&");
     var cMax = cookie.length;
     var arr = new Array();
     var tmp  = new Array();
     for(var j = 0; j < cMax; j++){
        tmp = cookie[j].split("=");
        arr[tmp[0]] = tmp[1];
     }
    return arr;
    }
  }
  return null;
}
function setForm(formName , arr){
	var date = "";
	var input = document.getElementById(formName).getElementsByTagName('input');

	var max  = input.length;
	if(arr){
		for(var i = 0; i < max; i++){
			if (input[i].name && arr[input[i].name]){
				if (input[i].name != "user_id" && input[i].name != 'comment_count'){
					input[i].value = arr[input[i].name];
				}
			}
		}
	}
	return true;
}
function delCookie(cookieID){
	document.cookie = cookieID + "=;expires=Thu,01-Jan-70 00:00:01 GMT";
	location.href = "./";
	return true;
}