Javascript problem in for loop

Hey everyone I was wondering how I can do the following in javascript below is an example

What I need to do:
XYYYYYX
YXYYYXY
YYXYXYY
YYYXYYY
YYXYXYY
YXYYYXY
XYYYYYX

What I have:



// X & Y THING
function printX()
{
	var i=0;
	for(i = 0; i<=6; i++)
	{
		if(i == 0){document.write("<b>X</b>");}
		document.write("Y");
		if(i == 1){document.write("<b>X</b>");}
		document.write("Y");
		if(i == 2){document.write("<b>X</b>");}
		document.write("Y");
		if(i == 3){document.write("<b>X</b>");}
		document.write("Y");
		if(i == 4){document.write("<b>X</b>");}
		document.write("Y");
		if(i == 5){document.write("<b>X</b>");}
		document.write("Y");
		if(i == 6){document.write("<b>X</b>");}
		document.write("<br/>");
	}
}

// print Y to document
function printY()
{
	var j=0;
	for(j = 0; j<=6; j++)
	{
		if(j == 6){document.write("<b>X</b>");}
		document.write("Y");
		if(j == 5){document.write("<b>X</b>");}
		document.write("Y");
		if(j == 4){document.write("<b>X</b>");}
		document.write("Y");
		if(j == 3){document.write("<b>X</b>");}
		document.write("Y");
		if(j == 2){document.write("<b>X</b>");}
		document.write("Y");
		if(j == 1){document.write("<b>X</b>");}
		document.write("Y");
		if(j == 0){document.write("<b>X</b>");}
		document.write("<br/>");
	}
}
printX();
printY();