var nameStr = document.getElementById('str');
var signature = document.getElementById('signature');
var loadinfo = document.getElementById('loadinfo');

var page1 = document.getElementById('page1');
var page2 = document.getElementById('page2');
var colorSet = document.getElementById('color-set');
var fontSet = document.getElementById('font-set');

var colorR = 0;
var colorG = 0;
var colorB = 0;

function setColor(r,g,b) {
	if (nameStr.value == '') {
		alert('Please input your name at first.');
		return;
	}
	
	colorR = r;
	colorG = g;
	colorB = b;
	
	colorSet.style.left = "-320px";
	fontSet.style.left = "0px";	
	
	window.location.href = "#1";
}

var timer;
function setFont(fontId) {
	page1.style.left = "-320px";
	page2.style.left = "0px";
	window.location.href = "#1";
	
	var img = document.createElement('img');
	timer = setInterval(onImgLoad, 50);
	
	img.setAttribute("id","sign-img");
	img.setAttribute("style","display:none");
	img.setAttribute("src", 'http://www.biocourseware.com/iphone/signature/phpwrite.php?str='+nameStr.value+'&font='+String(fontId-1)+'&r='+colorR+'&g='+colorG+'&b='+colorB+'&mode=1');
	img.className = "signature";

	signature.appendChild(img);
	loadinfo.style.display = "block";
}

function onImgLoad() {
	if (document.getElementById('sign-img') != null) {
		document.getElementById('sign-img').onload = show;
		clearInterval(timer);
	}
}

function show() {
	loadinfo.style.display = "none";
	document.getElementById('sign-img').style.display = "block";
}

function goback() {	
	page1.style.left = "0px";
	page2.style.left = "320px";
	colorSet.style.left = "0px";
	fontSet.style.left = "320px";
	colorR = 0;
	colorG = 0;
	colorB = 0;
	signature.innerHTML = "";
	window.location.href = "#1";
}

function changeFont() {
	signature.innerHTML = "";
	page1.style.left = "0px";
	page2.style.left = "320px";
	colorSet.style.left = "-320px";
	fontSet.style.left = "0px";	
	window.location.href = "#1";
}