// JavaScript Document
// class clsTitlesList
// code by Azer Manafov (azerman[at]hotmail[dot]com)

function clsBuildTitlesList( listholder, xmlpath)
{
	var m_listholder = listholder;
	var m_xmlpath    = xmlpath;
	var m_titleset   = null; // list of titles taken from xml
	
	var m_prop =
	{
		clr_imgborder : '#ffe5c8',//'#7f7b6f',
		clr_txtborder : '#c0c0c0',
		clr_linktxt   : '#ffffff',
		clr_subtitle  : '#ffe5c8',//'#b9b4ac',
		clr_subhead   : '#D4AF37',
		bkg_pattern   : 'images/sys/bg_transp_25h35.png'//bg_transp_80blue.png'
	};
	var m_titlefont   =
	{   'font-size'   : '14px',
		'line-height' : '15px'
	};
	var m_subfont =
	{   'font-size'   : '11px',
		'line-height' : '15px',
		'color'       :  m_prop.clr_subtitle
	};
    this.start = function( ) { xmlparse.parseFile( urlbase()+m_xmlpath, processTitlesList );}
	function processTitlesList( xml )
	{   m_titleset    = parseXmlAlbumProject( xml );
		var innerhtml = buildTitlesTable( m_titleset );
		var o = $(m_listholder);
		o.innerHTML =  innerhtml;
	}
	function buildTitlesTable( titleset )
	{
		var s = '';
		var s_fonttitle    = '';
		var s_fontsubtitle = '';
		for ( var i in m_titlefont )
			  s_fonttitle += i + ': ' + m_titlefont[i] + '; '; 
		for ( var i in m_subfont )
			  s_fontsubtitle += i + ': ' + m_subfont[i] + '; '; 
			
		s += '<table width="100%" cellpadding="0" cellspacing="2" border="0"> <tbody>';
		for ( var i = 0; i < titleset.length; i++ ) 
		{ 
			var path = titleset[i].contentxml;
			var page = path.substring( path.lastIndexOf("/")+1, path.lastIndexOf(".") );
			var link = ( titleset[i].link )?titleset[i].link:"photopages.html?lang=ru&scene="+page;
	
			s += '<tr><td>&nbsp;</td><td>';
			
			s += '<table align="left" width="98%" cellpadding="6" cellspacing="2" border="0" style="border: 1px solid ' + m_prop.clr_imgborder + 
								 '; background-image:url(' + m_prop.bkg_pattern + '); background-repeat:repeat;">';
			s += '<tbody><tr> <td width="75" style="border: 1px solid ' + m_prop.clr_imgborder + '; text-align:center;">';
	
	
			var w = Math.round(124*0.6+0.5);
			var h = Math.round(124*0.6+0.5);
			s += '<a href="' + link + '" title="' + titleset[i].title + '">';
			s += '<img align="middle" border="0" src="' + titleset[i].thumburl + '">';
			s += '</a></td>';
			
			s += '<td align="left" style="border: 1px solid ' + m_prop.clr_txtborder + '; ">';
			s += '<p style="' + s_fonttitle + 'margin: 0;">';
			s += '<a style="color: ' + m_prop.clr_linktxt + '; text-decoration:none;' + m_titlefont['font-size'] + ';" href="#">';
			s += titleset[i].title;
			s += '</a></p>';
			
			if ( titleset[i].subtitle ) 
			{
				s += '<p style="' + s_fontsubtitle + 'margin:0;">';
				s += '<span style="color: ' + m_prop.clr_subhead + ';">&nbsp:&nbsp</span>' + titleset[i].subtitle + '</p>';
				if ( titleset[i].description ) 
				{ 
					s += '<p style="' + s_fontsubtitle + 'margin:0;">';
					s += '<span style="color: ' + m_prop.clr_subhead + ';">&nbsp:&nbsp</span>' + titleset[i].description + '</p>';
				}
			}
			s += '</td></tr></tbody></table>';
		}
		s += '</td></tr></tbody></table>';
		return s;
	}
	
};