<!--

var loopCount=0;

function changeOn(i) {
	var color = '#c0c0c0';
	var imageSrc = '';
	
	if (i == 0) {
		imageSrc = 'images/squarepix/top/1.jpg';
	} else if (i == 1) {
		imageSrc = 'images/squarepix/top/2.jpg';
	} else if (i == 2) {
		imageSrc = 'images/squarepix/top/3.jpg';
	} else if (i == 3) {
		imageSrc = 'images/squarepix/top/4.jpg';
	} else if (i == 4) {
		imageSrc = 'images/squarepix/top/5.jpg';
	} else if (i == 5) {
		imageSrc = 'images/squarepix/bottom/6.jpg';
	} else if (i == 6) {
		imageSrc = 'images/squarepix/bottom/7.jpg';
	} else if (i == 7) {
		imageSrc = 'images/squarepix/bottom/8.jpg';
	} else if (i == 8) {
		imageSrc = 'images/squarepix/bottom/9.jpg';
	} else if (i == 9) {
		imageSrc = 'images/squarepix/bottom/10.jpg';
	}
	
    if (document.layers)
        //window.document.layers['td' + i].bgColor = color;
        window.document.layers['td' + i].background = imageSrc;
    else if (document.all)
        //window.document.all['td' + i].style.background = color;
        window.document.all['td' + i].background = imageSrc;
}

function changeOff(i) {
	var color = '';
    if (document.layers)
        window.document.layers['td' + i].bgColor = color;
    else if (document.all)
        window.document.all['td' + i].style.background = color;
}


function loop() {
  if (loopCount > 19) {
  	loopCount=0;
  } else {
  
  if (loopCount < 10) {
    changeOn(loopCount);
  	setTimeout('loop()',200);
  } else {
    changeOff(loopCount-10);
  	setTimeout('loop()',200);  
  }
   loopCount++;

  }

}
//-->