{include file="shared:layouts/comp_create_navbar.tpl"}

<form method="post" action="index.php">

<table width="100%">
<tr>
  <td><h2>Prize Method:</h2></td>
  <td><select name="comp[prize_method]">
        <option value="">Cash Settlement</option>
      </select>
  </td>
  <td rowspan="2"><img src="blank.gif" width="200" height="100" alt="" border="1" /></td>
</tr>
<tr>
  <td><b>Type:</b></td>
  <td><input type="text" value="$50.00" /></td>
</tr>
</table>
<!--
<a name="invitations" />
<h2 class="withBG">
	<div class="topRight hideShow">
		<a href="javascript:toggle('enterEmails', 'hideEnterEmails', 'showHide');"><img id="enterEmails_img" src="./img/blank.gif" class="showHide_{if $newcomp.hideEnterEmails}off{else}on{/if}" alt="show/hide" border="0" /></a></div>
	Invite Some Competitors:</h2>
	<input type="hidden" id="hideEnterEmails" name="newcomp[hideEnterEmails]" value="{$newcomp.hideEnterEmails|default:"0"}">

<div>Enter a name and email address for each person you would like to invite into this competition. If this is a company wide competition simply enter EMPLOYEES as the name and the appropriate email address to reach them. If you did not create a letter to send, then SKIP this section.<br /><br /></div>

<div id="enterEmails" style="display:{if $newcomp.hideEnterEmails eq "1"}none{else}block{/if};">
	<div class="pixel underline2">&nbsp;</div>
	<div id="inviteList">
	<table align="center" style="margin:10px;">
	<tr>
		<td><div>&nbsp;</div></td>
		<td><h3 class="withBG">Name</h2></td>
		<td><h3 class="withBG">E-Mail</h2></td>
		<td><h3 class="withBG">Your Relation</h2></td>
	</tr> 
	{section name="contactLoop" loop=$addCount}  {* $addCount is assigned by the handler... *}
	<tr>
		<td><div>#{$smarty.section.contactLoop.iteration}</div></td>
		<td><div><input type="text" class="textInput" name="newcomp[invite][name][{$smarty.section.contactLoop.iteration}]"></div></td>
		<td><div><input type="text" class="textInput" style="width:200px;" name="newcomp[invite][email][{$smarty.section.contactLoop.iteration}]"></div></td>
		<td><div><input type="text" class="textInput" name="newcomp[invite][relation][{$smarty.section.contactLoop.iteration}]"></div></td>
	</tr>
	{/section}
	</table>
	</div>
	
	<div align="right" style="margin-right:30px;">
		<a href="javascript://" onclick="addEmailRows();return false;">&gt; Click to add more now! &lt;</a>
	</div>
</div>
<div class="pixel underline2">&nbsp;</div>-->


<script language="javascript">
	var addCount = {$addCount};
	{literal}
	function addEmailRows() {
		addCount++;
		var obj = document.getElementById('inviteList');
		var html = obj.innerHTML;
		html = html.replace(/\<\/TABLE\>/i, '');
		html += '<tr><td><div>#'+addCount+'</div></td><td><div><input type="text" class="textInput" name="newcomp[invite][name]['+addCount+']"></div></td><td><div><input type="text" class="textInput" style="width:200px;" name="newcomp[invite][email]['+addCount+']"></div></td><td><div><input type="text" class="textInput" name="newcomp[invite][relation]['+addCount+']"></div></td></tr></table>';
		obj.innerHTML = html;
	}
	{/literal}
</script>

{* stored_object_fill_form object=$newcomp name="newcomp" *}

<div align="right">
	<!-- input type="image" src="{$skinFolder}images/btn_back.gif" class="btn_image" onclick="pg.value='{$prev.pageName}';" -->
	<a href="?pg=compCreate/step3"><img src="{$skinFolder}images/btn_next.gif" alt="" border="0" /></a>
</div>

</form>