function _(id) { return document.getElementById(id); }
var sel_tmpls = Array();
var templates = tmpl_list();
var panel;
function get_tmpls(cat_id) {
_('large_preview').style.display = 'none';
	window.scrollTo(0, 0);
	if (!cat_id)
		if (window.location.hash)
			cat_id = window.location.hash.replace('#', '');
		else
			cat_id = 1;
	sel_tmpls = Array();
	start = -3;
	for (var i = 0; i < templates.length; i++) {
		if (!templates[i]) continue;
		if (templates[i][0] == cat_id)
			sel_tmpls.push(i);
	}
	if (!panel) panel = _('panel_0').cloneNode(true);
	_('panels').innerHTML = '';
	for (var i = 0; i < sel_tmpls.length; i++) {
		var new_panel = panel.cloneNode(true);
		new_panel.id = 'panel_' + sel_tmpls[i];
		var noflash = templates[sel_tmpls[i]][1] ? 'Yes' : 'No';
		new_panel.firstChild.src = 'http://templates.websitewelcome.com/thumbnails/pr_' + sel_tmpls[i] + '.jpg';
		new_panel.firstChild.id = 'tn_' + sel_tmpls[i];
		new_panel.innerHTML = new_panel.innerHTML.replace(/\<span>\</i, '<span>' + sel_tmpls[i] + '<');
		new_panel.innerHTML = new_panel.innerHTML.replace(/\<span>\</i, '<span>' + noflash + '<');
		new_panel.innerHTML = new_panel.innerHTML.replace(/\<a href=".+?".+?>/i, '<a href="download.php?' + sel_tmpls[i] + '" target="_blank">');
		if (i % 2 == 0) new_panel.style.clear = 'left';
		_('panels').appendChild(new_panel);
	}
	_('panels').scrollTop = 0;
}
function show_ss(e, tmpl_id) {
	if (tmpl_id) {
		var img = _('screenshot').firstChild.nextSibling;
		img.src = '';
		tmpl_id = tmpl_id.replace('tn_', '');
		img.src = 'http://templates.websitewelcome.com/screenshots/' + tmpl_id + '.jpg';
		_('screenshot').style.display = '';
	} else {
		_('screenshot').style.display = 'none';
	}
	move_ss(e);
}
function move_ss(e) {
	var img = _('screenshot').firstChild.nextSibling;
	width = img.width ? img.width : 429;
	_('screenshot').style.left = (e.clientX - width / 2) + 'px';
	_('screenshot').style.top = (e.clientY - 375) + 'px';
}
var old_tmpl_id;
function show_preview(tmpl_id) {
	tmpl_id = tmpl_id.replace(/tn_/, '');
	if (_('large_preview').style.display == 'none' || old_tmpl_id != tmpl_id) {
		_('large_preview').src = 'http://templates.websitewelcome.com/previews/' + tmpl_id + '/site.html';
		_('large_preview').style.display = '';
	} else {
		_('large_preview').style.display = 'none';
	}
	old_tmpl_id = tmpl_id;
}