{include file="header.tpl.htm"}
<script type="text/javascript" src="{$URL}js/jquery.tipsy.js"></script>
<script language="JavaScript" type="text/javascript" src="{$URL}js/maxcharacters.js"></script>
<div id="middle">
	<div class="pages">
		<div>
			<h1>{$comment_page_title}</h1>
      <form id="form_comments" name="form_comments" method="post" action="#form_comments">
        <span class="product-form-top-left">
          <p>
            <strong>{$name_field[0]}</strong><br />
            	{$logged_user.first_name} {$logged_user.last_name}            
          </p>
          <p><strong>{$rating_field[0]}</strong><br />
          	<input class="south_tooltip" {if ($rating_field[1])}title="{$rating_field[1]}"{/if} name="rating" type="radio" id="rating1" value="1" {if ($rating == 1)}checked="checked"{/if}/>
          	<label>{$rating1_value_text}</label>
          	<input class="south_tooltip" {if ($rating_field[1])}title="{$rating_field[1]}"{/if} name="rating" type="radio" id="rating2" value="2" {if ($rating == 2)}checked="checked"{/if}/>
          	<label>{$rating2_value_text}</label>
          	<input class="south_tooltip" {if ($rating_field[1])}title="{$rating_field[1]}"{/if} name="rating" type="radio" id="rating3" value="3" {if ($rating == 3)}checked="checked"{/if}/>
          	<label>{$rating3_value_text}</label>
          	<input class="south_tooltip" {if ($rating_field[1])}title="{$rating_field[1]}"{/if} name="rating" type="radio" id="rating4" value="4" {if ($rating == 4)}checked="checked"{/if}/>
          	<label>{$rating4_value_text}</label>
          	<input class="south_tooltip" {if ($rating_field[1])}title="{$rating_field[1]}"{/if} name="rating" type="radio" id="rating5" value="5" {if ($rating == 5)}checked="checked"{/if}/>
          	<label>{$rating5_value_text}</label>
          </p>
          <p><strong>{$title_field[0]}</strong><br />
            <input type="text" name="title" maxlength="150" size="33" value="{$title}" {if ($title_field[1])}title="{$title_field[1]}"{/if} onKeyPress='return numbersonly(event, false, true)'/>          
          </p>
          
        </span>
        <span class="product-form-top-right">
        	{if ($item.image)}	
        		<img border="0" src="{$URL}media_lib/files/{$item.image}" alt="{$item.name}" style="max-width:240px; max-height:140px;" /><br />    
        	{/if}
        	{$item.name}
       </span>
        <span class="product-form-top-bottom">
          <p>
            <strong>{$comment_text_field[0]}</strong><br />
            <textarea style="width:100%;" name="comment_text" {if ($comment_text_field[1])}title="{$comment_text_field[1]}"{/if} cols="26" rows="6" onKeyDown="textCounter(this.form.comment_text,this.form.comment_remLen,1000);" onKeyUp="textCounter(this.form.comment_text,this.form.comment_remLen,1000);">{$comment_text}</textarea>
         	<input readonly="readonly" type="text" name="comment_remLen" size="3" maxlength="3" value="{$comment_length}"> {$char_left_text}</font>
          </p>
          <p>
            <img src="{$URL}includes/CaptchaSecurityImages.php?width=100&height=40&characters=5" /><br />
            <strong>{$security_code_field[0]}</strong><br />
            <input id="security_code" name="security_code" type="text" {if ($security_code_field[1])}title="{$security_code_field[1]}"{/if} />
          </p>
          <p>
            <br />
           <label>{$recommend_field[0]} <input name="recommend" type="checkbox" value="1" {if ($recommend_field[1])}title="{$recommend_field[1]}"{/if} {if ($recommend == 1)} checked="checked" {/if} class="east_tooltip" /> </label>
			<br />
            <input name="action" type="hidden" id="action" value="comment" /><br />
            <label><input name="subscribe" type="checkbox" value="1" {if ($subscribe_field[1])}title="{$subscribe_field[1]}"{/if} {if ($subscribe == 1)} checked="checked" {/if} class="east_tooltip" /> {$subscribe_field[0]}</label>
          </p>
          <p style="float:left;">
          	<input name="item_id" type="hidden" id="item_id" value="{$item_id}" />
          	<input name="type" type="hidden" id="type" value="{$type}" />
          	<input name="user_email" type="hidden" id="user_email" value="{$logged_user.user_email}" />
          	<input class="master-sprite fx-button" type="submit" name="button" id="button" value="{$send_btn}" />
          </p>
        </span>
      </form>
			
      {if (!empty($form_message))}
      	<script type='text/javascript'>document.form_comments.{$focus_field}.focus();</script>
        <div id="warning">{$form_message}</div>
      {/if}
	  </div>
	</div>
</div>
<script type='text/javascript'>
	$(function() {ldelim}
		$('.east_tooltip').tipsy({ldelim}trigger:'focus', gravity: 'e'{rdelim});
	{rdelim});
</script>

<script type='text/javascript'>
	$(function() {ldelim}
		$('.pages [title]').tipsy({ldelim}trigger:'focus', gravity: 'w'{rdelim});
	{rdelim});
</script>
{include file="footer.tpl.htm"}