/* @author z (nehzgnaw+c6@gmail.com) */
var C6ID = 0;
var C6OA = [];

function C6MoveInfo(q, m){
	return m/2+1+' / '+(q+1)/2;
}

function C6ShowMoves(id, action){
	var o = C6OA[id], om = o.m, oq = o.q, nm = 0;
	switch(action){
	case 1: nm = om - 2; break;
	case 2:	nm = om + 2; break;
	case 3:	nm = oq - 1; break;
	}
	if(nm<0 || nm>=oq || nm==om)
		return;
	o.m = nm;
	var el = document.getElementById(id+'M');
	el.innerHTML = C6MoveInfo(oq, nm);
	el = document.getElementById(id+'P');
	el.style.width = Math.ceil((nm+2)*150/(oq+1)) + 'px';
	el.style.background = nm+1==oq?'#e0af5f':'gray';
	if(nm<om){
		while(nm<om){
			++nm;
			el = document.getElementById(id+'S'+nm);
			el.style.visibility = 'hidden';
		}
	}else{
		while(nm>om){
			++om;
			el = document.getElementById(id+'S'+om);
			el.style.visibility = 'visible';
		}
	}

	var el2;
	for(var i = 0; i<2; ++i){
		if(o.m>=i)
			el2 = document.getElementById(id+'S'+(o.m-i));
		el = document.getElementById(id+'X'+i);
		el.style.visibility = 'visible';
		el.style.left = el2.style.left;
		el.style.top = el2.style.top;
	}
}

function C6EmbedBoard(q){
	var id = "C6ID" + C6ID;
	var r = "<div id='" + id + "B' class='c6board'>";
	for(var i=0; i<q.length; i+=2){
		var x = q.charCodeAt(i)-97, y = q.charCodeAt(i+1)-97;

                r += "<div id='" + id + "S" + (i/2) + "' class='c6" + (Math.floor((i+3)/4)%2==0?"black":"white")
			+ "' style='left: " + (x+1)*17 + "px; top: " + (19-y)*17 + "px;'></div>";
	}
	r += "<div id='"+id+"X0' class='c6cross'></div><div id='"+id+"X1' class='c6cross'></div>";
	r += "</div><div id='" + id +"C' class='c6controls'>";
	for(var i=0; i<4; ++i){
		r += "<a id='"+ id+"C"+i+"' class='c6button" + i + "' href='javascript:;' onmouseup='C6ShowMoves(\""+id+"\","+i+")'></a>";
	}
	r += "<div class='c6progressbg'><div id='"+id+"P' class='c6progress'></div></div>";
	r += "<div id='"+id+"M' class='c6moves'>"+C6MoveInfo(q.length/2, q.length/2-1)+"</div><div style='clear: both;'></div></div>";
	document.write(r);

	C6OA[id] = {q:q.length/2,m:q.length/2-1};
	++C6ID;
}