<h3>{$gbook_name}</h3>

{* honeypot do not remove *}<style type="text/css">
.gbook_website { position: absolute; left: -600em; }
</style>{* end honeypot *}

<div class="gbook_form">
{if !empty($gbook_errormessage)}<p class="gbook_error">{$gbook_errormessage}</p>{/if}
{$gbook_startform}

<div class="gbook_field{if $gbook_name_error} gbook_field_error{/if}">
	<label for="{$gbook_name_field}">{$gbook_name_label}</label>{$gbook_name_input}
</div>

<div class="gbook_field{if $gbook_email_error} gbook_field_error{/if}">
	<label for="{$gbook_email_field}">{$gbook_email_label}</label>{$gbook_email_input}
</div>

{* honeypot do not remove *}<div class="gbook_field gbook_website">
	<label for="{$gbook_formid}website">Website</label>{$gbook_honeypot_input}
</div>{* end honeypot *}

<div class="gbook_field{if $gbook_title_error} gbook_field_error{/if}">
	<label for="{$gbook_title_field}">{$gbook_title_label}</label>{$gbook_title_input}
</div>

<div class="gbook_field{if $gbook_message_error} gbook_field_error{/if}">
	<label for="{$gbook_message_field}">{$gbook_message_label}</label>{$gbook_message_input}
</div>

{if !empty($gbook_smileys)}
<script type="text/javascript">{literal}
function InsertText(textValue) {
	var txtArea = document.getElementById("{/literal}{$gbook_message_field}{literal}");

	//IE
	if (document.selection) {
		txtArea.focus();
		var sel = document.selection.createRange();
		sel.text = textValue;
		return;
	}
	//Firefox, chrome, mozilla
	else if (txtArea.selectionStart || txtArea.selectionStart == '0') {
		var startPos = txtArea.selectionStart;
		var endPos = txtArea.selectionEnd;
		var scrollTop = txtArea.scrollTop;
		txtArea.value = txtArea.value.substring(0, startPos) + textValue + txtArea.value.substring(endPos, txtArea.value.length);
		txtArea.focus();
		txtArea.selectionStart = startPos + textValue.length;
		txtArea.selectionEnd = startPos + textValue.length;
	}
	else {
		txtArea.value += textArea.value;
		txtArea.focus();
	}
}
{/literal}</script>

<div class="gbook_smileys">
{foreach from=$gbook_smileys item='gbook_smiley'}
<a href="#" onclick="InsertText(' {$gbook_smiley.smiley_code|escape:'quotes'} '); return false;"><img src="{$gbook_smiley.smiley_path}" alt="" /></a>
{/foreach}
</div>
{/if}

{if !empty($gbook_rating_input)}
<script type="text/javascript">{literal}
function rate(rating) {
	document.getElementById("{/literal}{$gbook_rating_field}{literal}").value = rating;
    return true;
}

function fillstar(Obj){
	var stars=document.getElementsByName(Obj.name);
	for(i=1;i<=stars.length;i++)
	{
		if (i<=Obj.alt) { stars[i-1].src="modules/Gbook/images/star_rate.png"; }
		else { stars[i-1].src="modules/Gbook/images/star_empty.png"; }
	}
}

function setstars(){
	var stars=document.getElementsByName("star");
	var rating=document.getElementById("{/literal}{$gbook_rating_field}{literal}").value;
	for(i=1;i<=stars.length;i++)
	{
		if (i<=rating) { stars[i-1].src="modules/Gbook/images/star_full.png"; }
		else { stars[i-1].src="modules/Gbook/images/star_empty.png"; }
	}
}
{/literal}</script>

<div class="gbook_field gbook_starrating{if $gbook_rating_error} gbook_field_error{/if}" onmouseleave="setstars()">
<label for="{$gbook_rating_field}">{$gbook_rating_label}</label><span class="gbook_stars">
{for $i=1 to 5}<img style="cursor:pointer;" src="modules/Gbook/images/star_empty.png" name="star" alt="{$i}" onmouseover="fillstar(this)" onclick="rate({$i})" /> {/for}
{$gbook_rating_input}</span>
</div>
{/if}

{if isset($gbook_notify_field)}
<label for="{$gbook_notify_field}">{$gbook_notify_label}</label>{$gbook_notify_input}<br />
{/if}

{$gbook_submit}
{$gbook_endform}
</div>
