var obj;
var height;
var speed = 15;
var opacity = 100;
var page = 0;
var block = false;

var name = "";
var message = "";
var mathD = 0;
var nameLength = 20;
var messageLength = 200;

function init() {
	
	var node = document.getElementById("projects");
	var nodes = new Array();
	var projectsWidth = 0;
	
	for(var i=0; i<node.childNodes.length; i++) {
		if(node.childNodes[i].nodeType == 1) {
			nodes[nodes.length] = node.childNodes[i].offsetWidth;
		}
	}
	
	for(var i=0; i<nodes.length-1; i++) {
		if(projectsWidth+nodes[i] < window.innerWidth) {
			projectsWidth += nodes[i];
		} else {
			break;
		}
	}
	
	node.style.width = projectsWidth+"px";
	node.style.visibility = "visible";
	
	obj = document.getElementById("leave_con");
	height = obj.offsetHeight;
	
	page++;
	obj.innerHTML = '<label>Name:<br/><center><input type="text" onkeypress="return check(event);" style="font-size: 14px; width: 180px; margin: 5px 0px 5px 0px; padding: 0px; color: inherit; font-weight: inherit;" name="name"></input></center></label><input type="button" onclick="swap();" name="next1" value="Type Message..."></input><div id="about_button" onmouseover="show_about();" onmouseout="hide_about();">?</div>';
	
	checkButtons();
}

function show_about() {
	document.getElementById("about").style.visibility = "visible";
	document.getElementById("about").style.zIndex = "1";
}

function hide_about() {
	document.getElementById("about").style.visibility = "hidden";
	document.getElementById("about").style.zIndex = "-1";
}

function checkButtons() {
	switch(page) {
		case 1:
			//if(document.mess.name.value == "" || !document.mess.name.value.match(/\S/) || document.mess.name.value.length > nameLength) {
			if(document.mess.name.value == "") {
				document.mess.next1.disabled = true;
			} else {
				document.mess.next1.disabled = false;
			}
			break;
		
		case 2:
			//if(document.mess.message.value == "" || !document.mess.message.value.match(/\S/) || document.mess.message.value.length > messageLength) {
			if(document.mess.message.value == "") {
				document.mess.next2.disabled = true;
			} else {
				document.mess.next2.disabled = false;
			}
			break;
		/*case 3:
			//if(document.mess.mathD.value == "" || !document.mess.mathD.value.match(/^\d{1,2}$/)) {
			if(document.mess.mathD.value == "") {
				document.mess.next3.disabled = true;
			} else {
				document.mess.next3.disabled = false;
			}
			break;*/
	}
	setTimeout("checkButtons()", 0);
}

function showHeight(id) {
	obj = document.getElementById(id);
	height = obj.offsetHeight;
	alert(height);
}

function swap(){
	if(!block) {
		block = true;
		fadeOut();
	}
}

function fadeOut() {
	obj.style.opacity = opacity/100;
	obj.style.filter = 'alpha(opacity=' +opacity+ ')';
	opacity -= speed/2;
	if(opacity>=0) {
		setTimeout("fadeOut()", 0);
	} else if(page<=1) {
		switch(page) {
			
			case 1: name = document.mess.name.value; obj.innerHTML = '<input type="hidden" name="name" value="'+name+'"><label>Message:<br/><center><input type="text" onkeypress="return check(event);" style="font-size: 14px; width: 180px; margin: 5px 0px 5px 0px; padding: 0px; color: inherit; font-weight: inherit;" name="message"></input></center></label><input type="submit" onclick="swap();" name="next2" value="Post!"></input><div id="about_button" onmouseover="show_about();" onmouseout="hide_about();">?</div>'; document.mess.message.focus(); break;
			
			/*case 2: message = document.mess.message.value; obj.innerHTML = '<input type="hidden" name="name" value="'+name+'"><input type="hidden" name="message" value="'+message+'"><input type="hidden" name="mathC" value="<?php echo $mathC; ?>"><label><?php echo $mathA."+".$mathB." = "; ?><br/><center><input type="text" onkeypress="return check(event);" style="font-size: 14px; width: 180px; margin: 5px 0px 5px 0px; padding: 0px; color: inherit; font-weight: inherit;" name="mathD"></input></center></label><input type="button" onclick="swap();" name="next3" value="Post!"></input><div id="about_button" onmouseover="show_about();" onmouseout="hide_about();">?</div>'; document.mess.mathD.focus(); break;*/
		}
		page++;
		fadeIn();
	}
}

function fadeIn() {
	obj.style.opacity = opacity/100;
	obj.style.filter = 'alpha(opacity=' +opacity+ ')';
	opacity += speed/2;
	if(opacity<=100) {
		setTimeout("fadeIn()", 0);
	} else {
		block = false;
	}
}

function check(e) {
	if(!e) {
		var e = window.event;
	}
	switch(page) {
		case 1: nextField = document.mess.next1; thisField = document.mess.name; thisLength = nameLength; break;
		case 2: nextField = document.mess.next2; thisField = document.mess.message; thisLength = messageLength; break;
		//case 3: nextField = document.mess.next3; thisField = document.mess.mathD; thisLength = 2; break;
	}
	if(checkKey(e) == 13) {
		if(!nextField.disabled){
			swap();
			if(page==2) {
				document.mess.submit();
			}
		}
		return false;
	} else if(checkKey(e) == 46 || checkKey(e) == 8 || checkKey(e) == 37 || checkKey(e) == 38 || checkKey(e) == 39 || checkKey(e) == 40) {
		return true;
	} else if(thisField.value.length >= thisLength) {
		return false;
	} else {
		return true;
	}
}

function checkKey(e) {
	if(!e) {
		var e = window.event;
	}
	if(e.keyCode) {
		return e.keyCode;
	} else if(e.which) {
		return e.which;
	}
}