var imageCt = 12;
var subDir = '/images/customerservice/Trees/treeSlides/';
var curImage = 1;
var imageList = new Array(12);

//imageList[1] = new Image;
imageList[1]=subDir + 'tree1.jpg';
//imageList[2] = new Image;
imageList[2]=subDir + 'tree10.jpg';
//imageList[3] = new Image;
imageList[3]=subDir + 'tree11.jpg';
//imageList[4] = new Image;
imageList[4]=subDir + 'tree12.jpg';
//imageList[5] = new Image;
imageList[5]=subDir + 'tree2.jpg';
//imageList[6] = new Image;
imageList[6]=subDir + 'tree3.jpg';
//imageList[7] = new Image;
imageList[7]=subDir + 'tree4.jpg';
//imageList[8] = new Image;
imageList[8]=subDir + 'tree5.jpg';
//imageList[9] = new Image;
imageList[9]=subDir + 'tree6.jpg';
//imageList[10] = new Image;
imageList[10]=subDir + 'tree7.jpg';
//imageList[11] = new Image;
imageList[11]=subDir + 'tree8.jpg';
//imageList[12] = new Image;
imageList[12]=subDir + 'tree9.jpg';

function showMap(map) {

//if (document.getElementById('slideFarLeft')) {alert('true');} else {alert('false');}

	if (map!=2&&map!=-2) {
		curImage = curImage + map;
		if (curImage>imageCt) {
			curImage=1;
		} else if (curImage<1) {
			curImage=imageCt;
		}
	} else if (map==2) {
		curImage = imageCt;
	} else if (map==-2) {
		curImage=1;
	}

	document.mapImage.src = imageList[curImage];
	if (curImage==1) {
		if (document.getElementById('slideFarLeft')) {
			slideFarLeft.innerHTML='<img src="/images/buttons/first.gif" border="0">';
		} else {
		}
	} else {
		if (document.getElementById('slideFarLeft')) {
			slideFarLeft.innerHTML='<a href="javascript:showMap(-2);"><img src="/images/buttons/first.gif" border="0"></a>';
		} else {
		}
	}
	if (curImage==imageCt) {
		if (document.getElementById('slideFarRight')) {
			slideFarRight.innerHTML='<img src="/images/buttons/last.gif" border="0">';
		} else {
		}
	} else {
		if (document.getElementById('slideFarRight')) {
			slideFarRight.innerHTML='<a href="javascript:showMap(2);"><img src="/images/buttons/last.gif" border="0"></a>';
		} else {
		}
	}
	if (document.getElementById('slideNum')) {
		slideNum.innerHTML='<b>Slide '+curImage + ' of 12</b>';
	} else {
		with (slideNum) {
			open();
			write('<span id = "slideNum">'+curImage+'</span>');
			close();
		}
	}
}

document.writeln('<table border="0" cellspacing="0" cellpadding="0">');
document.writeln('  <tr> ');
document.writeln('    <td colspan="5"><img src="/images/customerservice/Trees/treeSlides/tree1.jpg" alt="" border="0" name="mapImage" height="401"></td>');
document.writeln('  </tr>');
document.writeln('  <tr> ');
document.writeln('    <td align="left" valign="top" width="40"><span id="slideFarLeft"><img src="/images/buttons/first.gif" border="0"></span></td>');
document.writeln('    <td align="left" valign="top" width="40"><a href="javascript:showMap(-1);"><img src="/images/buttons/previous.gif" border="0"></a>&nbsp;</span></td>');
document.writeln('    <td align="center" width="308"><div id="slideNum"><b>Slide 1 of 12</b></div></td>');
document.writeln('    <td align="right" valign="top" width="40"><span id="slideRight"><a href="javascript:showMap(1);"><img src="/images/buttons/next.gif" border="0"></a></span></td>');
document.writeln('    <td align="right" valign="top" width="40"><span id="slideFarRight"><a href="javascript:showMap(2);"><img src="/images/buttons/last.gif" border="0"></a></span></td>');
document.writeln('  </tr>');
document.writeln('</table>');