var max_inputs = 5;
var max_photos = 5;
var url_created_image='';
var inputs='';

var ul=null;

window.onload=Init;

function write_mail_link()
{
	var div = document.getElementById('info-mail-link');
	if(div)
		div.innerHTML = '<a href="mailto:info@decojiro.net" class="mail">お問い合わせ</a>';
	div = document.getElementById('idea-mail-link');
	if(div)
		div.innerHTML = '<a href="mailto:design@decojiro.net" class="mail">アイディア募集</a>';
}

function dlimg(id)
{

	var img = document.getElementById(id);
	if(img)
	{
	var key='decojiro.net';
	var str = img.src;
	var len = key.length;
	var pos = str.indexOf('decojiro.net');
	var path=str.substr(pos+len);
	location.href='/imgdl'+path;
	}
}

function Init()
{
	write_mail_link();
	getCookie();
	var form = document.forms['main-form'];
	var select = form.elements['genreid'];
	if(select!=null)
	{
		var img = document.getElementById('form-image');
		url_created_image = img.src;
		var selected = false;
		for(i=0; i<select.length && !selected; i++)
		{
			var value = select.options[i].value;
			var gid = value.substr(0, 1);
			if(gid=='3')
			{
				select.options[i].selected=true;
				selected=true;
			}
		}
		for(i=0; i<select.length && !selected; i++)
		{
			var value = select.options[i].value;
			var gid = value.substr(0, 1);
			if(gid=='2')
			{
				select.options[i].selected=true;
				selected=true;
			}
		}
		changeGenre();
	}
}


function changeGenre()
{
	var params = getParams();
	if(!ul)
	{
		var els = document.getElementsByTagName('*');
		for(var i=0; i<els.length; i++)
		{
			if(els[i].className=='parlay' || els[i].id=='parlay')
				ul=els[i];
		}
	}
	resetInputs(params[2]);
	resetPhotos(params[3]);
	if(params[0]=='2')
	{
		changeImage(url_created_image);
		if(ul)
			ul.style.display="block";
	}
	else
	{
		if(params[1]<0)
		{
			var tmpl_id = +params[1].substr(1);
			var dir = parseInt(tmpl_id/256);
			changeImage('/utdata/'+ dir + '/' + tmpl_id + '.' + params[4]);
		}
		else
		{
			changeImage('/image/sample-i-'+params[1]+'.'+params[4]);
		}
		if(ul)
			ul.style.display="none";
	}
}

function changeImage(src)
{
	var img = document.getElementById('form-image');
	img.src = src;
}

function resetInputs(num)
{
	var dl=document.getElementById("form-inputs");
	var html = '';
	for(var i=0; i<num; i++)
	{
		var id = 'input-' + i
		var text = '変換文字'+ (i+1);
		
		html += '<dt><label for="' + id + '">' + text + '</label></dt>\n';
		html += '<dd><input type="text" size="40" name="' + id + '" id="' + id + '" /></dd>\n';
	}
	dl.innerHTML = html;
	
	if(!inputs) return;
	for(var i=0; i<inputs.length; i++)
	{
		var id = 'input-'+i;
		var input = document.getElementById(id);
		if(!input) continue;
		input.value=inputs[i];
	}

}
function resetPhotos(num)
{
	var dl=document.getElementById("form-photos");
	var loaded = document.forms['main-form'].elements['loaded'];
	var loadeds='';
	if(loaded)
		loades=loaded.value;
	var html = '';
	for(var i=0; i<num; i++)
	{
		var id = 'photo-' + i
		var text = '投稿画像'+ (i+1);
		
		html += '<dt><label for="' + id + '">' + text + '</label>\n';
		if(loades.indexOf(','+i+',')>=0)
			html += '<img src="/img/www/object-input-uploaded.png" width="16" height="16" alt="アップロード済み" />';
		html += '</dt>\n';
		html += '<dd><input type="file" size="20" name="' + id + '" id="' + id + '" /></dd>\n';
	}
	dl.innerHTML = html;
	if(num>0)
		dl.style.display="block";
	else
		dl.style.display="none";
}

function getParams()
{
	var form = document.forms['main-form'];
	var line = form.elements['genreid'].value;
	return line.split(',');
}


function checkFormValue(form)
{
	return true;
}

function checkFormValue2(form)
{
	form.elements['tag-1'].value=selected_tag1;
	form.elements['tag-2'].value=selected_tag2;
	form.elements['tag-3'].value=selected_tag3;
	return true;
}

function setCookie()
{
	var str='';
	for(var i=0; i<max_inputs; i++)
	{
		var id = 'input-'+i;
		var input = document.getElementById(id);
		if(!input) continue;
		var value = input.value;
		str+= value+',';
	}
	str = 'IMPACT_VALS='+escape(str)+'; path=/impact;';
	document.cookie=str;
}

function getCookie()
{
	var key = 'IMPACT_VALS=';
	var str = document.cookie;
	
	var sidx = str.indexOf(key);
	if(sidx>=0)
	{
		sidx += key.length;
		var eidx = str.indexOf(';', sidx);
		if(eidx>=0)
			str = unescape(str.substring(sidx, eidx));
		else
			str = unescape(str.substring(sidx));
		inputs = str.split(',');
	}
}

function submitForm(mode)
{
	var form = document.forms['main-form'];
	if(checkForm(mode))
		form.submit();
}

function checkForm(mode)
{
	var form = document.forms['main-form'];
	if(mode=='convert')
	{
		setCookie();
 		if(checkFormValue(form))
			return true;
	}
	else if(mode=='post')
	{
 		if(checkFormValue2(form))
			return true;
	}
	return false;
}

function addTag()
{
	var form = document.forms['main-form'];
	var all = form.elements['all-tags'].options;
	var selected = form.elements['selected-tags'].options;
	for(var i=0; i<all.length; i++)
	{
		if(all[i].selected && !all[i].disabled && selected.length<3)
		{
			var idx = selected.length;
			selected[idx] = new Option(all[i].text, all[i].value);
			all[i].disabled=true;
		}
	}
}

function deleteTag()
{
	var form = document.forms['main-form'];
	var all = form.elements['all-tags'].options;
	var selected = form.elements['selected-tags'].options;
	for(var i=selected.length-1; i>=0; i--)
	{
		if(selected[i].selected)
		{
			var value = selected[i].value;
			for(var j=0; j<all.length; j++)
			{
				if(all[j].value==value)
				{
					all[j].disabled=false;
				}
			}
			selected[i]=null;
		}
	}
}

var selected_tag1='0';
var selected_tag2='0';
var selected_tag3='0';
function select_tag(elm)
{
	var elms = document.forms['dummy-form'].elements;
	var tag_id='selected-tags';
	var tag;
	if(elm.checked)
	{
		tag = elms[tag_id+selected_tag3];
		if(tag)
			tag.checked=false;
		selected_tag3=selected_tag2;
		selected_tag2=selected_tag1;
		selected_tag1=elm.value;
		tag = elms[tag_id+selected_tag1];
		if(tag)
			tag.checked=true;
	}
	else
	{
		if(selected_tag1==elm.value)
		{
			selected_tag1=selected_tag2;
			selected_tag2=selected_tag3;
			selected_tag3='0';
		}
		else if(selected_tag2==elm.value)
		{
			selected_tag2=selected_tag3;
			selected_tag3='0';
		}
		else if(selected_tag3==elm.value)
		{
			selected_tag3='0';
		}
	}
	
}