var opt				= getOptions();
var list			= getDatasets();

function init()
{
	var eDom 							= document.getElementById("guestbook");
	
	appendForm(eDom);
	
	if(eDom != null && list.length > 0)
	{
		for (var i = 0; i < list.length; i++)
		{
			dataset = list[i];
			dataset['count'] = (list.length - i);
			appendDataset(eDom, dataset);
		}
	}
}

function deleteText() 
{ 
	if(document.forms[0].elements['text'].value.indexOf('gen Sie hier bitte Ihren Eintrag zum G') == 2) 
		document.forms[0].elements['text'].value =''; 
}

function deleteName()
{
	if(document.forms[0].elements['name'].value =='Name') 
		document.forms[0].elements['name'].value =''; 
}

function deleteMail()
{
	if(document.forms[0].elements['mail'].value =='Email@Adresse.de') 
		document.forms[0].elements['mail'].value =''; 
}

function appendForm(eDom)
{
	var f 	= document.createElement("form");
	var action = document.createAttribute("action");
	action.nodeValue = "http://gbook.even2day.de/guestbook_add.php";
		
	var formname = document.createAttribute("name");
	formname.nodeValue = "GBform";
	
	var method = document.createAttribute("method");
	method.nodeValue = "post";
	
	f.setAttributeNode(action);
	f.setAttributeNode(method);
	f.setAttributeNode(formname);
	
	
	eDom.appendChild(f);
	var div 	= appendDiv(f, opt, 'normal');
	
	div.innerHTML = '<input name="name" size="25" maxlength="25" onfocus="deleteName()" type="text" value="Name" /><br/>';
	div.innerHTML += '<input name="mail" size="25" maxlength="50" onfocus="deleteMail();" type="text" value="Email@Adresse.de" /><br/><br/>';
	div.innerHTML += '<input name="uid" type="hidden" value="'+gid+'" />';
	div.innerHTML += '<textarea name="text" cols="60" rows="4" onfocus="deleteText();" >F&uuml;gen Sie hier bitte Ihren Eintrag zum G&auml;stebuch hinzu!</textarea><br/><br/>';
	div.innerHTML += '<input type="submit" value="Senden" /><br/>';
}

function appendDataset(eDom, dataset)
{
	var div;
	if(opt['fontsize'] != '')
		div 	= appendDiv(eDom, opt, 'bold', opt['fontsize']+'px');
	else
		div 	= appendDiv(eDom, opt, 'bold');
	div.innerHTML += dataset['content'];

	if(dataset['comment'] != '')
	{
		div		= appendDiv(eDom, opt, 'bold');
		div.innerHTML = '<br><span style="font-style: italic">Kommentar: '+dataset['comment']+'</span>';
	}
	
	if(opt['fontsize'] != '')
		div		= appendDiv(eDom, opt, 'normal', opt['fontsize']-2+'px');
	else
		div		= appendDiv(eDom, opt, 'normal', '16px');

	div.innerHTML += 'Eintrag #'+dataset['count']+" von "+
		(dataset['mail'] == '' ? '' : '<a href="mailto:'+dataset['mail']+'" style="text-decoration: none;color: black">')+
			dataset['name']+
		(dataset['mail'] == '' ? '' : '</a>')+
		' am '+dataset['date'];
		
	if(opt['divider'] != '')
	{
		appendBreak(eDom);
		appendImage(eDom, opt['divider']);
		
	}
		
	appendBreak(eDom);
	appendBreak(eDom);
}


function appendDiv(el, opt, font_weight, font_size)
{
	var div 	= document.createElement("div");
	if(font_size == null || font_size == '')
		font_size = '20px';

	div.style.textAlign		= 'center';
	div.style.fontFamily  = opt['font'];
	div.style.fontSize		= font_size;

	if(font_weight == 'bold')
		div.style.fontWeight = 'bold';
	else
		div.style.fontWeight = 'normal';
	
	el.appendChild(div);
	return div;
}

function appendImage(el, src)
{
	var div = document.createElement("div");
	div.style.textAlign = 'center';
	
	var image = document.createElement("img");
	var attrib_src = document.createAttribute("src");
	attrib_src.nodeValue = src;
	
	image.setAttributeNode(attrib_src);
	
	div.appendChild(image);
	el.appendChild(div);
}

function appendBreak(el)
{
	var br = document.createElement("br");
	el.appendChild(br);
}

var gid = '-1';function getOptions()
{
	var opt = new Object;	return opt;
}function getDatasets()
{
	var list = new Array;	return list;
}