var gal = new Array();
gal[466] = new Array();
gal[466][0] = 'Patient A';
gal[466][1] = '<p>Gum recession was occurring on the 6 lower front teeth.  There was very little of the thicker light pink gum tissue present so a free gingival graft was placed below the gum line to make the gums thicker and halt the progression of the gum recession.</p>';
gal[466][2] = '/gallerypro/136/';
gal[466][3] = 1;
gal[466][4] = 2;
gal[466][5] = new Array();
gal[466][5][1] = new Array();
gal[466][5][1][1] = new Array('136_466_1_1244056222_full.jpg','Before Free Gingival Graft');
gal[466][5][2] = new Array();
gal[466][5][2][1] = new Array('136_466_1_1244056234_full.jpg','After Free Gingival Graft');
gal[466][6] = 400;
gal[467] = new Array();
gal[467][0] = 'Patient B';
gal[467][1] = '<p>Gum recession was beginning on the teeth in the lower left.  In this case a free gingival graft using commercially available donor tissue called <a title=\"Alloderm\" href=\"/frequent-questions/what-is-alloderm\" target=\"_blank\">Alloderm&reg;</a> was placed below the gum line to make the gums thicker.</p>';
gal[467][2] = '/gallerypro/136/';
gal[467][3] = 1;
gal[467][4] = 2;
gal[467][5] = new Array();
gal[467][5][1] = new Array();
gal[467][5][1][1] = new Array('136_467_1_1244056625_full.jpg','Before Free Gingival Graft');
gal[467][5][2] = new Array();
gal[467][5][2][1] = new Array('136_467_1_1244056651_full.jpg','After Free Gingival Graft');
gal[467][6] = 400;
gal[468] = new Array();
gal[468][0] = 'Patient C';
gal[468][1] = '<p>This patient&rsquo;s gums started to recede during orthodontic treatment so a free gingival graft was placed while the braces were present to stop the gums from receding.</p>';
gal[468][2] = '/gallerypro/136/';
gal[468][3] = 1;
gal[468][4] = 2;
gal[468][5] = new Array();
gal[468][5][1] = new Array();
gal[468][5][1][1] = new Array('136_468_1_1244056705_full.jpg','Before Free Gingival Graft');
gal[468][5][2] = new Array();
gal[468][5][2][1] = new Array('136_468_1_1244056721_full.jpg','After Free Gingival Graft');
gal[468][6] = 400;

var _img = "";
var _i = "";

function swapimagepro(img,i){
	if (i == 0){
		// FULL SWAP
		fadeobj ('fadedivmain',500, "out")
	} else {
		// IMG SWAP
		for (ct = 1; ct <= gal[img][4]; ct++){
			document.getElementById("sublink_" + ct).className = 'gallerybutton';
		}
		document.getElementById("sublink_" + i).className = 'gallerybuttonon';
		fadeobj ('fadediv',500, "out")
	}
	_img = img;
	_i = i;
	cmd = "swapimagepro_swap()";
//	alert ('Swapping');
	setTimeout(cmd,600);
}

function swapimagepro_swap(){
	img = _img;
	i = _i;
//	alert ('img = ' + img + "\n\ni = " + i);
	var fdm = document.getElementById('fadedivmain');
	var fd = document.getElementById('fadediv');

	var subselect = "";
	var images = "";

	if (i == 0){
		// FULL SWAP
		subselect += "<TABLE BORDER=\"0\" CELLSPACING=\"0\" CELLPADDING=\"0\" STYLE=\"width : 100%;\">\n";
		subselect += "	<TR>\n";
		subselect += "		<TD ALIGN=\"left\"><H2>" + gal[img][0] + "</H2></TD>\n";
		subselect += "		<TD ALIGN=\"right\"><TABLE BORDER=\"0\" CELLSPACING=\"2\" CELLPADDING=\"3\">\n";
		subselect += "			<TR>\n";
		for (x = 1; x <= gal[img][4]; x++){
			subselect += "				<TD CLASS=\"gallerybutton" + (x == 1 ? "on" : "") + "\" NAME=\"sublink_" + x + "\" ID=\"sublink_" + x + "\" ONCLICK=\"swapimagepro(" + img + "," + x + ")\">" + x + "</TD>\n";
		}
		subselect += "				<TD STYLE=\"width : 12px;\">&nbsp;</TD>\n";
		subselect += "			</TR>\n";
		subselect += "		</TABLE></TD>\n";
		subselect += "	</TR>\n";
		subselect += "</TABLE>\n";

		images += "<TABLE BORDER=\"0\" CELLSPACING=\"0\" CELLPADDING=\"0\"><TR>";
		for (x = 1; x <= gal[img][3]; x++){
			images += "<TD><IMG SRC=\"" + gal[img][2] + gal[img][5][1][x][0] + "\">";
			if (gal[img][5][1][x][1] != ""){
				images += "<BR><strong>" + gal[img][5][1][x][1] + "</strong></TD>";
			} else {
				images += "</TD>";
			}
		}
		images += "</TR></TABLE>";
		
		text = gal[img][1];

		fdm.innerHTML = subselect + "<DIV ID=\"fadediv\" STYLE=\"height : " + gal[img][6] + "px;\">" + images + "</DIV><BR><DIV ID=\"txtdiv\">" + text + "</DIV>";
	} else {
		// IMG + TEXT SWAP
		images += "<TABLE BORDER=\"0\" CELLSPACING=\"0\" CELLPADDING=\"0\"><TR>";
		for (x = 1; x <= gal[img][3]; x++){
			images += "<TD><IMG SRC=\"" + gal[img][2] + gal[img][5][i][x][0] + "\">";
			if (gal[img][5][1][x][1] != ""){
				images += "<BR><strong>" + gal[img][5][i][x][1] + "</strong></TD>";
			} else {
				images += "</TD>";
			}
		}
		images += "</TR></TABLE>";
		
		text = gal[img][1];

		fd.innerHTML = images;
	}

	cmd = "swapimagepro_finish()";
//	alert('Done swapping');
	setTimeout(cmd,10);
}

function swapimagepro_finish(){
	img = _img;
	i = _i;
//	alert ('img = ' + img + "\n\ni = " + i);
	if (i == 0){
		// FULL SWAP
		fadeobj ('fadedivmain',500, "in")
	} else {
		// IMG + TEXT SWAP
		fadeobj ('fadediv',500, "in")
	}

}