var img_blanc = new Image();
img_blanc.src = "escargot/blanc.gif";

var img_transp = new Image();
img_transp.src = "escargot/transp.gif";

var img_photo = new Image();
img_photo.src = "escargot/photo.gif";



var count = 0;

function create_matrix (nc, nr) {
	var cols = new Array (nc);
	var rows = new Array (nr);
	var myVar = "";
	for (var i=0; i<rows.length; i++) {
		rows[i] = new Array(cols.length);
		for (var j=0; j<cols.length; j++) {
			rows[i][j] = "["+i+","+j+"]";
		}
	}
	return rows;
}

var myMatrix = create_matrix(35, 32);

function draw_table(nc, nr) {
	var letext = '<table align="center" summary="escargot" border="0" cellspacing="0" cellpadding="0" background="escargot/photo.gif" width="350" height="320">';

	for(var r=0; r< ( (nr + 1) / 2) && r < ( (nc + 1) / 2); r++) {
		count = fillOutside (myMatrix, r, count+1);
	}
	
	
	for (r=0; r<nr; r++) {
		letext += '<tr align="center">';
		for (var c=0; c<nc; c++) {
			var num = myMatrix[r][c];
			letext += '<td><img name ="' + num  + '" src="' + img_blanc.src + '" width="10" height="10" alt="" /><\/td>';
		}
	letext += '<\/tr>';
	}
	letext += '<\/table>';
	document.getElementById("ici").innerHTML=letext;
}

function fillOutside (myMatrix, iter, startNum) {
	var myRows = myMatrix.length - iter * 2;
	var myCols = myMatrix[0].length - iter * 2;
	var low = startNum;
	var high = startNum + myCols * 2 + (myRows-2) * 2 - 1;
	var returnVal = high;
		for (var j=0; j<myRows; j++) {
			if (j==0) {
				for (var k=0; k<myCols; k++) {
					myMatrix[iter+j][iter+k] = low++;
				}
			}
			else if (j != myRows-1) {
				myMatrix[iter+j][iter] = high--;
				myMatrix[iter+j][myCols-1+iter] = low++;
			}
			else {
				for (var k=0; k<myCols; k++) {
					myMatrix[iter+j][iter+k] = high--;
				}
			}
		}
	return returnVal;
}

var foix = (35*32)+1;

// show
var a = 0;

function change_img()
{
a++;
	if (a <= foix) {
		if (a == foix) {
			a = 0;
			clearInterval(run);
		}
		else {
			document[a].src = img_transp.src;
		}
	}
}

function turn()
{
	run = setInterval('change_img()',10);
}

// show backwards
var aa = foix;

function change_img_a()
{
aa--;
	if (aa >= 0) {
		if (aa == 0) {
			aa = foix;
			clearInterval(run_a);
		}
		else {
			document[aa].src = img_transp.src;
		}
	}
}

function turn_a()
{
	run_a = setInterval('change_img_a()',10);
}

// effacer
var b = 0;
function efface_img()
{
b++;
	if (b <= foix) {
		if (b == foix) {
			b = 0;
			clearInterval(run2);
		}
		else {
			document[b].src = img_blanc.src;
		}
	}
}

function turn2()
{
	run2 = setInterval('efface_img()',10);
}

// effacer backwards
var bb = foix;
function efface_img_a()
{
bb--;
	if (bb >= 0) {
		if (bb == 0) {
			bb = foix;
			clearInterval(run2_a);
		}
		else {
			document[bb].src = img_blanc.src;
		}
	}
}

function turn2_a()
{
	run2_a = setInterval('efface_img_a()',10);
}