var trail_root = "/members/john";

var tFile = 0;
var tName = 1;

var trail_data=
new Array(
	// Intro Trail
	new Array(
		new Array("introduction"),
		new Array("<big>Contents</big>")
	),
	
	// Homepage Trail
	new Array(
		new Array("homepage","htmlbasics","textcentering","textformatting","title","morehtml"),
		new Array("Homepage","HTML","Centering","Formatting","Site Title","More&nbsp;HTML")
	),

	// Music Trail
	new Array(
		new Array("music","musicpic","musicsearch", "ownmusic"),
		new Array("Music","Music Pic","Music Search","Your&nbsp;music")
	),
	
	// Cool Features Trail
	new Array(
		new Array("coolfeatures","addpic","linkedpic","overviewlink","outsidelink","gif","video","counter"),
		new Array("Cool Features","Pictures","Linked&nbsp;Pic","Overview&nbsp;links","Outside&nbsp;Link","Animated&nbsp;Gif","Video","Counter")
	),
		
	// GEDCOM Trail
	new Array(
		new Array("gedcom","backup","rejected","splitgedcom"),
		new Array("Gedcom","Backups","Rejected?","Split")
	),
		
	// Browsers Trail
	new Array(
		new Array("browsers","ie_netscape","webtv"),
		new Array("Browsers","IE/Netscape","WebTV")
	),
		
	// What's New Trail
	new Array(
		new Array("whatsnew"),
		new Array("What's New")
	),
		
	// Issues Trail
	new Array(
		new Array("issues","loginissues","sitedown","forum","missingnames","textgraphics","characters","delete","javascript"),
		new Array("Issues","Cannot Login?","Site Down?","Help","Lost a name?","Documents","Characters","Delete","Javascript")
	),
		
		
	// General Trail
	new Array(
		new Array("general","printing","password","google"),
		new Array("General","Printing","Password","Google")
	)
	
);

function getContentRef(page,subpage,trailId)
{
	return '"'+trail_root+'/trail'+trailId+'/'+trail_data[trailId][tFile][page]+'.html" target="_parent"';
}

function getMainTrainPageRef(trailId)
{
	return '"'+trail_root+'/trail'+trailId+'/'+trail_data[trailId][tFile][0]+'.html" target="_parent"';
}


function trailSideBar(d, page, subpage, trailID)
{
	
	
var classtxt= 'class="nav" style="color: #ffffff;"';

	var v_sep=10;	
    d.write('<table width="125" border="0" cellpadding="0" cellspacing="0" >');
    
	d.write('<tr height="50" valign="center" align="left">');
		d.write('<td width=15><span class="body">&nbsp;</span></td>');
		d.write('<td width=110>&nbsp;</td>');
	d.write('</tr>');

	    for(var i=0; i<trailID; i++)
	    {
	        d.write('<tr height=20 valign="center" align="left">');
	        	d.write('<td colspan=2><span class="bodybold">&nbsp;<a href='+getMainTrainPageRef(i)+'>'+trail_data[i][tName][0]+'</a></span></td>');
	        d.write('</tr>');
	        
			d.write('<tr>');
				d.write('<td colspan=2><img src="/images/clear.gif" width=100 height='+v_sep+' border=0></td>');
			d.write('</tr>');
	    }
	        
	        
	    for(var i=0; i<trail_data[trailID][tName].length; i++)
	    {
	        d.write('<tr height=20 valign="center" align="left">');
	        	if(i==0)
	        	{
			        d.write('<tr valign="center" align="left">');
			        	if(page!=0) 
			        		d.write('<td colspan=2><span class="bodybold">&nbsp;<a href='+getContentRef(i,subpage,trailID)+'>'+trail_data[trailID][tName][i]+'</a></span></td>');
			        	else
			        	  d.write('<td colspan=2><span class="bodybold">&nbsp;'+trail_data[trailID][tName][i]+'</span></td>');
			        d.write('</tr>');
	        	}
	        
	        	else
	        	{
		        	if(page==i) 
		        	{
		        		d.write('<td align=right valign="center"><img src="/images/arrow.gif" width="7" height="7" border="0"></td>');
		        		d.write('<td><span class="bodybold">'+trail_data[trailID][tName][i]+'</span></td>');
		        	}
		        	else
		        	{ 
		        		d.write('<td><span class="body">&nbsp;</span></td>');
		        		d.write('<td><span class="body"><a href='+getContentRef(i,subpage,trailID)+'>'+trail_data[trailID][tName][i]+'</a></span></td>');
		        	}
	        	}
	        	
	        d.write('</tr>');
	    }
	        
	
	if(trailID!=0) 
	{
	    for(var i=trailID+1; i<trail_data.length; i++)
	    {
			d.write('<tr>');
				d.write('<td colspan=2><img src="/images/clear.gif" width=100 height='+v_sep+' border=0></td>');
			d.write('</tr>');
		
	        d.write('<tr height=20  valign="center" align="left">');
	        	d.write('<td colspan=2><span class="bodybold">&nbsp;<a href='+getMainTrainPageRef(i)+'>'+trail_data[i][tName][0]+'</a></span></td>');
	        d.write('</tr>');
	    }
	}        
    d.write('</table>');
}

function trailGetWriteNextPrevStr(d, page, subpage, trailId)
{
	if(trail_data[trailId][tName].length==1) return '&nbsp;'
	if(trailId>0)
	{
		if((page+1)==trail_data[trailId][tName].length) // last page
		{
			if(trailId < (trail_data.length-1) ) 
				return '<span class="body"><a href='+getContentRef(page-1,subpage,trailId)+'><b>&#171;Previous</b></a>&nbsp;&nbsp;<a href='+getMainTrainPageRef(trailId+1)+'>Next ('+trail_data[trailId+1][tName][0]+') &#187;</span></a>';
			else
				return '<span class="body"><a href='+getContentRef(page-1,subpage,trailId)+'><b>&#171;Previous</b></a>&nbsp;&nbsp;<b>End</b></span>';
		}
		else
		{
			if(page==0) // first page
				return '<span class="body"><a href='+getContentRef(page+1,subpage,trailId)+'><b>Next&#187;</b></a></span>';
			else
				return '<span class="body"><a href='+getContentRef(page-1,subpage,trailId)+'><b>&#171;Previous</b></a>&nbsp;&nbsp;<a href='+getContentRef(page+1,subpage,trailId)+'><b>Next&#187;</b></a></span>';
			// <img src="/images/next.gif" border="0" alt="next page" align="absmiddle">
		}
	}
	else
		return '&nbsp;';
}

function trailTop(d, page, subpage, trailId)
{
	d.write('<tr>');
		d.write('<td>');
			d.write('<table width=100% border=0 cellspacing=5 cellpadding=5>');
			d.write('<tr>');
				d.write('<td>');
					d.write('<span class="bodytitle">'+trail_title+'</span><br>');
				d.write('</td>');
				d.write('<td align="right">');
				d.write(trailGetWriteNextPrevStr(d, page, subpage, trailId));
				d.write('</td>');
			d.write('</tr>');
			d.write('</table>');
		d.write('</td>');
	d.write('</tr>');
}

function trailBottom(d, page, subpage, trailId)
{
	d.write('<tr>');
		d.write('<td>');
			d.write('<table width=100% border=0 cellspacing=5 cellpadding=5>');
			d.write('<tr>');
				d.write('<td>');
					d.write('<span class="body">&nbsp;</span><br>');
					//d.write('<span class="body"><a href="/tribes/royal" target="_new">Sample Website</a></span><br>');
				d.write('</td>');
				d.write('<td align="right">');
				d.write(trailGetWriteNextPrevStr(d, page, subpage, trailId));
				d.write('</td>');
			d.write('</tr>');
			d.write('</table>');
		d.write('</td>');
	d.write('</tr>');
}


function trailContent(d, page, subpage, trailId, imageBorder)
{
		d.write('<table width=550 border=0 cellspacing=5 cellpadding=0>');
			trailTop(d, page, subpage, trailId);
			
			d.write('<tr>');
				d.write('<td>');
					d.write('<span class="body">');
					d.write(trail_text);
					d.write('</span>');
				d.write('</td>');
			d.write('</tr>');
			d.write('<tr>');
				d.write('<td align="center">');
					d.write('<img src="'+trail_root+'/images/trail'+trailId+'/'+trail_image+'" border="'+imageBorder+'">');
					if(trailId!=0) d.write('<br><br><br>');
				d.write('</td>');
			d.write('</tr>');
			
			if(trailId!=0)
				trailBottom(d, page, subpage, trailId);
		d.write('</table>');
}

function getThePagePosition(trailId,fname)
{
    for(var i=0; i<trail_data[trailId][tFile].length; i++)
    {
    	if(trail_data[trailId][tFile][i]==fname)
    		return i;
    }
    return 0;
}


function trailAutoContent(d, fname, subpage, trailId, imageBorder)
{
	var page=getThePagePosition(trailId,fname);
d.write('<table width="750" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">');
d.write('<tr>');
	<!---Side Bar------>
    d.write('<td bgcolor="#ffffcc" valign="top">');
	trailSideBar(d, page, subpage, trailId);
    d.write('</td>');
	<!---End Side Bar------>
	
    d.write('<td bgcolor="#ffffff" valign="top">');

    d.write('<table width="625"   height="600" border="0" cellpadding="0" cellspacing="0" >');
    d.write('<tr valign="top" ><td>');

<!---Put page content here --->    

	trailContent(d, page, subpage, trailId,imageBorder);


<!--- End Put page content here --->    

<!---Begin New stuff------>
    d.write('</td></tr>');
    d.write('</table>');
    d.write('</td>');
d.write('</tr>');
d.write('</table>');
}