var tpl = new Array();
function load_tpl() {
	tpl['views'] = ''+
		'<ul id="views">'+
			// '<li><div id="resizer"><div id="resizer-handle"></div></div></li>'+
			'<li><div id="resizer"><a href="#"><img src="'+INSTALL_PATH+'/images/size-1.gif" alt="1" /></a><a href="#" class="selected"><img src="'+INSTALL_PATH+'/images/size-2.gif" alt="2" /></a><a href="#"><img src="'+INSTALL_PATH+'/images/size-3.gif" alt="3" /></a></li>'+
			'<li><a href="#" id="view1"><img src="'+INSTALL_PATH+'/images/view1.png" alt="view 1" /></a></li>'+
			'<li><a href="#" id="view2"><img src="'+INSTALL_PATH+'/images/view2.png" alt="view 2" /></a></li>'+
			'<li><a href="#" id="view3"><img src="'+INSTALL_PATH+'/images/view3.png" alt="view 3" /></a></li>'+
		'</ul>';

	tpl['loading'] = '<div id="ajax-actions"><img src="/fgallery/images/ajax-loading-redwhite-12.gif" alt="" /> Loading...</div>';

	tpl['main'] = ''+
		'<div id="main">'+
			'<div id="informations">'+
				'<div id="informations-button"><img src="'+INSTALL_PATH+'/images/right.png" alt="show/hide informations" /></div>'+
				'<div id="informations-container">'+
					'<h3>Image informations</h3>'+
					'<dl>'+
						'<dt>Title</dt>'+
						'<dd id="im-title"></dd>'+
						'<!-- <dt>Filename</dt>'+
						'<dd id="im-filename"></dd> -->'+
						'<dt>Size</dt>'+
						'<dd id="im-size"></dd>'+
						'<dt>Comment</dt>'+
						'<dd id="im-comment"></dd>'+
					'</dl>'+
					'<hr class="clear" />'+
					'<div id="im-rating"></div>'+
					'<hr class="clear" />'+
					'<h3>Details</h3>'+
					'<div id="im-exif"></div>'+
				'</div>'+
			'</div>'+
			'<div id="image">'+
				'<div id="image-container"><img src="" alt="" /></div>'+
			'</div>'+
			'<div id="controls">'+
				'<ul>'+
					'<li id="resize-ratio">0 %</li>'+
					'<li>|</li>'+
					'<li><a href="#" id="fit" class="selected">fit</a></li>'+
					'<li><a href="#" id="full">100 %</a></li>'+
					'<li>|</li>'+
					'<!-- <li><a href="" id="direct-link">Direct link</a></li> -->'+
					'<li><a href="" id="direct-link">URL</a></li> <!-- <img src="'+INSTALL_PATH+'/images/directlink.png" alt="Direct Link"> -->'+
					'<li>|</li>'+
					'<!-- <li><a href="#" id="prev">&lt;</a></li> -->'+
					'<!-- <li><a href="#" id="next">&gt;</a></li> -->'+
					'<li><a href="#" id="prev"><img src="'+INSTALL_PATH+'/images/prev.png" alt="&lt;" /></a></li>'+
					'<li><a href="#" id="slideshow">Slideshow</a></li>'+
					'<li><a href="#" id="next"><img src="'+INSTALL_PATH+'/images/next.png" alt="&gt;" /></a></li>'+
				'</ul>'+
			'</div>'+
		'</div>';

	tpl['slider-button'] = '<div id="slider-button"><img src="'+INSTALL_PATH+'/images/down.png" alt="show/hide slider" /></div>';
}