clickstr = "   markparsons.com   ";
clickdir = 1;
clickpos = 0;
do_anim = true;
do_fadeout = false;
fadepos = 0;

chr1 = "·";
chr2 = "∙";

	clr1 = "lightred";		clr2 = "red";		

function do_click_anim(new_clickstr) {

	if (new_clickstr) {

		clickstr = "   " + new_clickstr + "   ";

	}
	
	if (do_anim) {
	
		tmp  = "<span class='" + clr2 + "'>";
		tmp += clickstr.substr(0, clickpos).replace(/ /g, "&nbsp;");
		tmp += "</span>";

		if (clickdir === -1) {

			tmp += "<span class='white'>";

		} else {

			tmp += "<span class='" + clr1 + "'>";

		}
		
		c = clickstr.substr(clickpos, 1);

		if (!c || (c === " ")) {

			tmp += clickdir === -1 ? chr1 : chr2;

		} else {
		
			tmp += c.toUpperCase();

		}

		tmp += "</span>";

		if (clickdir === 1) {

			tmp += "<span class='white'>";

		} else {

			tmp += "<span class='" + clr1 + "'>";

		}

		c = clickstr.substr(clickpos + 1, 1);

		if (!c || (c === " ")) {

			tmp += clickdir === 1 ? chr1 : chr2;

		} else {
		
			tmp += c.toUpperCase();

		}

		tmp += "</span>";
		
		tmp += "<span class='" + clr2 + "'>";
		tmp += clickstr.substring(clickpos + 2, clickstr.length).replace(/ /g, "&nbsp;");
		tmp += "</span>";

		clickpos += clickdir;

		if (clickpos >= clickstr.length - 2) {

			clickdir = -1;

		} else if (clickpos == 0) {

			clickdir = 1;

		}
		
		document.getElementById("clickhere").innerHTML = tmp;

	} else if (do_fadeout) {

		switch (fadepos) {

			case 0:		clr = clr2;			break;
			case 1:		clr = clr1;			break;
			case 2:		clr = "white";		break;
			case 3:		clr = clr1;			break;
			case 4:		clr = clr2;			break;
			case 5:		clr = "grey";		break;

			case 6:
			clr = "black";
			do_fadeout = false;
			fadepos = -1;
			break;
		
		}

		tmp = "<span class='" + clr + "'>" + clickstr.replace(/ /g, "&nbsp;") + "</span>";
		
		document.getElementById("clickhere").innerHTML = tmp;

		fadepos++;

	}
	
	setTimeout("do_click_anim();", 60);

}

function start_anim() {

	do_anim = true;

}

function stop_anim() {

	do_anim = false;

}

function start_fadeout() {

	do_anim = false;
	do_fadeout = true;

}
