var gal = new Array();
gal[464] = new Array();
gal[464][0] = 'Patient A';
gal[464][1] = '<p>The root surface of the upper canine tooth is exposed from Gum Recession.  12 years after the placement of a connective tissue graft the root surface of the upper canine tooth is still completely covered and protected.  This type of graft is cosmetically pleasing as it cannot be recognized without having access to the presurgical photo.</p>';
gal[464][2] = '/gallerypro/135/';
gal[464][3] = 1;
gal[464][4] = 2;
gal[464][5] = new Array();
gal[464][5][1] = new Array();
gal[464][5][1][1] = new Array('135_464_1_1244055472_full.jpg','Before Connective Tissue Graft');
gal[464][5][2] = new Array();
gal[464][5][2][1] = new Array('135_464_1_1244059856_full.jpg','After Connective Tissue Graft');
gal[464][6] = 400;
gal[465] = new Array();
gal[465][0] = 'Patient B';
gal[465][1] = '<p>The upper canines and two front teeth all exhibit gum recession exposing the root surfaces.  Connective tissue grafts were placed on all 4 teeth as depicted in the after photo.  Without access to the before photo, it is difficult to tell which teeth underwent treatment.</p>';
gal[465][2] = '/gallerypro/135/';
gal[465][3] = 1;
gal[465][4] = 2;
gal[465][5] = new Array();
gal[465][5][1] = new Array();
gal[465][5][1][1] = new Array('135_465_1_1244055664_full.jpg','Before Connective Tissue Graft');
gal[465][5][2] = new Array();
gal[465][5][2][1] = new Array('135_465_1_1244055679_full.jpg','After Connective Tissue Graft');
gal[465][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")
	}

}