//  вариант - jQuery  walks - new/ver. e2.jQuery.object
//  оформления - шаблоны 

//  оформляем элемент темы		  regim - tems
	var templElTems = function(j){
		var txt='' ; // param = "prnt=" + T.id ;
		txt += "<div class=\"pict\" align=\"center\"  onClick=\"doShow('tems', 'prnt=" + A.tems[j].id + "','" + A.tems[j].name + "');\"  >" ;
		txt += "<img src=\"/" + A.tems[j].pth + A.tems[j].pct + "\" " ;
		txt += "title=\"" + A.tems[j].name + "\" /><br/>" ;	
		txt += A.tems[j].name + "<br>" ;  //  убрать  +A.tems[j].id+   
		if(test==1) {txt += "<font size=\"-3\"> ("+A.tems[j].id+ ")</font></div>" ; } //  убрать  +A.tems[j].id+   
		return(txt);
	} ;
	
//  оформляем ссылку элемент оглавление		  regim - tems		_blank
	var templLinkTems = function(j){
	//	testText("<b>linkTemS:</b> "+A.tems[j].pct+' ... ' +A.tems[j].pct +" <br> " ) ;
		var txt='' ; // param = "prnt=" + T.id ;
		txt += "<div class=\"pict\" align=\"center\"   >" ;
		txt += "<a href=\"" + A.tems[j].link + "\" target=\"_n\" alt=\"Открыть в новом окне\" >" ;
		if ( A.tems[j].pct ) { txt += "<img src=\"" + A.tems[j].pct + "\" border=0 alt=\"" + A.tems[j].name + "\" title=\"Открыть сайт в новом окне\" /><br/>" ;}
		txt += A.tems[j].name + "</font><br/><font size=\"-2\"> "+A.tems[j].link+ "</font></a></div>" ;  
		return(txt);
	} ;
	
	
//  оформляем элемент оглавление прогулки	 regim - tems - переход на  regim - tema
	var templWalkElTems = function(j){
		var txt='' ; 
		txt += "<div class=\"pict\" align=\"center\"  onClick=\"doShow('tema', 'tema="+A.tems[j].pth +"/"+A.tems[j].dsc+".rus','"+A.tems[j].name+ "','"+A.tems[j].dsc+ "');\"  >" ;
		txt += "<img src=\"/" + A.tems[j].pth + A.tems[j].pct + "\" " ;
		txt += "title=\"" + A.tems[j].name + "\" /><br/>" ;	
		txt += A.tems[j].name+ "</a></div>" ;
		return(txt);
	} ;
 
//  оформляем элемент прогулки - источник - rus  regim - tema  - - - дальше Картинки
	var templElTema = function(j){
		var txt='' ; 
		A.tema[j].msg_1 = filtrUndef( A.tema[j].msg_1 ) ;	// плохо это делать здесь
		txt += "<div class=\"pict\" align=\"center\"  onClick=\"doShowPictAll('"+j+"');\"  >" ;
		txt += "<img src=\"/" + A.desc.pic_path + "/" + A.tema[j].pict_s + "\" " ;
		txt += "title=\"" + A.tema[j].msg_1 + "\" /><br/>" ;	
		txt += A.tema[j].msg_1+ "</a></div>" ;
		return(txt);
	} ;
 
//  оформляем элемент строки переходов - подчиненые картинки
	var templPictLink = function(j){	// выдача 1(одной) картинки-превью для перехода 
		var pict = "" ;
		testText( " <b>["+j+"]</b> " );
		 pict += "<div id=\"inLink_"+j+"\" class=\"PictLink\" " ;    //  
		 pict += "onclick=\"doShowPict('"+j+"');\"" ;    //  
		 pict += ">" 
		 pict += "<img src=\"/" + A.desc.pic_path + "/" + A.tema[j].pict_s + "\" " ;    //  
		 pict += " title=\""+filtrUndef( A.tema[j].msg_1 )+"\" align=\"middle\" />" ;    //  
		 pict += "</div> " ;    //  
		 
//		testText( filtrTag(pict) );  
//		testText( "<br>" );  
		return pict ;
	}
 
//  оформляем элемент строки переходов - переходы ВО ВНЕ - на страницу GOTO
	var templPictLinkExt = function(j, select){	// выдача 1(одной) картинки-превью для перехода 
	//	testText( "clickLinkColor=["+clickLinkColor+"]<br>" );  
	//	testText( " <b>[ext_"+j+"]</b> " );
		var pict = "<div id=\"extLink_"+j+"\" class=\"PictLinkBrd\" " ;    //  
		 pict += "onclick=\"doShowExtPict('"+j+"');\"" ;    //  
		 pict += ">" 
		 pict += "<img src=\"/"+LinksExt[j].path+"/"+LinksExt[j].pict_s+"\" " ;    //  
		 pict += " title=\""+filtrUndef( LinksExt[j].msg_1 )+"\" align=\"middle\" />" ;    //  
		 pict += "</div> " ;    //  
//		testText( filtrTag(pict)+"<br>" );  
//		testText( "<br>" );  
		return pict ;
	}
 
//  оформляем элемент строки переходов - переходы ВО ВНЕ - перезагрузка среды
	var templGotoExt = function(path_dsc, dsc, name, new_pict){	// строка с предложением перехода class=\"bttn\"
//		testText( "templ<b>GotoExt: "+name+" ["+dsc+"] </b><br>" );
		var txt = '';
		 txt += "<div onclick=\"doGotoExt('"+path_dsc+"','"+dsc+"','"+name+"','"+new_pict+"');\"   >" ;    //  
		 txt += "<font size=-1>переход на прогулку:</font> "; 
		 txt += name ;    //  
		 txt += "</div> " ;    //  
//		testText( filtrTag(txt)+"<br>" );  
		return txt ;
	}
  
//  оформляем элемент строки переходов - переходы ВО ВНЕ - возврат
	var templGotoRet = function(name){	// строка с предложением перехода 
//		testText( "templ<b>GotoRet: "+name+" </b><br>" );
		var txt ="<font size=-1>возврат на прогулку:</font> "; // 
		 txt += name ;    //  
//		testText( filtrTag(txt)+"<br>" );  
		return txt ;
	}
 
 //  оформляем страницу показа текст/хтмл - файлов и кнопкой закрытия - переделать на _0e.js
	var templText = function(txt){	// строка с предложением перехода 
		var r_txt='<div class="close_bttn_brd" title="outText" ></div>' + txt ;
		return r_txt ;
	}

// --------------------------------------------------------------------------------	

//  оформляем элемент Показа/Редактора записи Гостевой
//	var templEdtGB = function(j){	// выдача 1(одной) записи Гостевой
//		var txt = '' ;
//		testText( 'GB_Edt_<b>['+j+']</b> ' );
//		txt += '<form id="GB_Edt_'+j+'" >' ;     
//		txt += '<input type="text" size="33" class="msg_autor" value="'+filtrUndef( GB.gbook[j].msg_autor )+'" >' ;
//		txt += ' <span class="msg_date">'+' '+filtrUndef( GB.gbook[j].r_date )+'</span>'+' ' ;
//		txt += '<span class="msg_date">'+filtrUndef( GB.gbook[j].r_time )+' '+'</span>' ;
//		txt += '<input type="text" size="33"  class="msg_email" value="'+filtrUndef( GB.gbook[j].msg_email )+'" >' ;
//		txt += '<br>' ;
//		txt += '<textarea cols="103" rows="7"  class="msg_text" >'+filtrUndef( GB.gbook[j].msg_text)+'</textarea>' ;
//		txt += '<br>' ;
//		txt += '<textarea cols="103" rows="7"  class="msg_text" >'+filtrUndef( GB.gbook[j].msg_repl)+'</textarea>' ;
//		txt += '<br><br>' ;
//		txt += '<span class="msg_kod" title="'+GB.gbook[j].kod+'">'+' ('+GB.gbook[j].kod+')'+'</span>' ;
//		txt += '<a id="sendEdtBook" class="bttn_brd"  style="left:11px;"> отправить <strong></strong></a>' ;
//		txt += '<a class="close_bttn_brd" title="outEdt" style="left:111px;" >закрыть</a>' ; 
//		txt += '</form><hr/>' ;    //  
//		testText( filtrTag(pict) );  
//		testText( "<br>" );  
//		return txt ;
//	}
// 
	
//  оформляем элемент записи Гостевой
	var templStrGB = function(j){	// выдача 1(одной) записи Гостевой
		var txt = "" ;
		// testText( " <b>["+j+"]</b> " );
		txt += '<div id="GB_'+j+'" >' ;    //  
		if( filtrUndef( GB.gbook[j].msg_autor ) != '' )
		{txt += '<span class="msg_autor">'+GB.gbook[j].msg_autor+'</span>' ;}
		if( filtrUndef( GB.gbook[j].r_date ) != '' )
			{txt += ' <span class="msg_date">'+' '+GB.gbook[j].r_date+'</span>'+' ' ;}
		if( filtrUndef( GB.gbook[j].r_time ) != '' )
			{txt += '<span class="msg_date">'+GB.gbook[j].r_time+' '+'</span>' ;}
		if( test == 1 ) {
			if( filtrUndef( GB.gbook[j].msg_email ) != '' )
			{txt += '<span class="msg_email">'+' ('+GB.gbook[j].msg_email +')'+'</span>' ;}
		}
		if( filtrUndef( GB.gbook[j].msg_text ) != '' )
			{txt += '<br>'+'<span class="msg_text">'+filtrBR(GB.gbook[j].msg_text)+'</span>' ;}
		if( filtrUndef( GB.gbook[j].msg_repl ) != '' )
			{txt += '<br>'+'<span class="msg_repl">'+filtrBR(GB.gbook[j].msg_repl)+'</span>' ;}
		if( test == 1 ) {
			if( filtrUndef( GB.gbook[j].kod ) != '' )
			{txt += '<br>'+'<span class="msg_kod" title="'+GB.gbook[j].kod+'">'+' ('+GB.gbook[j].kod+')'+'</span>' ;}
		}
		txt += "</div><hr/>" ;    //  
		 
//		testText( filtrTag(pict) );  
//		testText( "<br>" );  
		return txt ;
	}
 	
// --------------------------------------------------------------------------------	
	
//  оформляем строку Sleda:  глобальные переменные и функции
var sled_i = 0;
var sled_tbl;
var sled_tr;
var sled_td = new Array();	

function sled_ts(t){	
	if( t>0 ){ 
		t = sled_td.length-1; 
		sled_hom.style.display = 'block'; 	
		sled_end.style.display = 'none'; 	
	}else{
		sled_hom.style.display = 'none'; 	
		sled_end.style.display = 'block'; 	
	}
	sled_td[t].scrollIntoView(false);
}
function sled_cr_td(txt){	
//	testText( "templ<b>SledLine:sled_cr_td:: Out=</b>"+txt+" <br>" );
		sled_td[sled_i] = sled_tr.insertCell(sled_i);  
		sled_td[sled_i].innerHTML += "<nobr> "+txt+" </nobr>" ;
		sled_td[sled_i].scrollIntoView(false);
	//		testText( "templ<b>SledLine:sled_cr_td::</b>sled="+sled.clientWidth+" < "+sled_tbl.clientWidth+"=sled_tbl <br>" );
		if( sled.clientWidth < sled_tbl.clientWidth ){
	//		testText( "templ<b>SledLine:sled_cr_td::</b>!!!sled < sled_tbl !!!<br>" );
			sled_hom.style.display = 'block'; 	
			sled_end.style.display = 'none'; 	
		}

	sled_i++; 
}  ;	
 //  оформляем строку Sleda
 	var templSledLine = function(params){
	sled_i = 0;
	sled.innerHTML = '<table id="sled_tbl" border="0" >' ;
	sled_tbl = document.getElementById('sled_tbl');
	sled_tr = sled_tbl.insertRow(0);
		var txt='' ;
		testText( "<br>templ<b>SledLine: "+params+" </b> Sled.length="+Sled.length+"<br>" );
		for (var j=0; j<Sled.length; j++) {   //   перебираем Следы для публикации цепочки  
			txt='' ;
		testText( "<br>templ<b>SledLine: Sled["+j+"].params </b> ="+Sled[j].params+"<br>" );
			if ( params != Sled[j].params   )  { 
				txt += "[ <a class=\"sled\" onClick=\"doShow('"+Sled[j].regims+"','"+Sled[j].params+"','"+Sled[j].name+"');\"  > " ;
				txt += Sled[j].name + "</a> ] " ;
				sled_cr_td(txt);
			} else {         //    неактивный пункт - для текущего Следа
				txt += "[ <b> "+ Sled[j].name + "</b> ]" ;
				sled_cr_td(txt);
				break;
			}
		}
		testText( "templ<b>SledLine: Out=</b>"+txt+" <br>" );
		return(txt);
	}