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

<form name="compStartForm" method="post" style="margin:0px;" action="index.php">

<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td width="50%" style="padding-top:10px">
<!-- A CONTENT -->
<table border=0 cellpadding=0 cellspacing=0 width="100%">
   <tr><td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table1_header_bg.gif);background-repeat:repeat-x;"><img src="{$skinFolder}images/ehc/containers/grayTable/table1_header_left.gif"></td><td colspan=2 style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table1_header_bg.gif);background-repeat:repeat-x;">A. When are we starting...</td><td><img src="{$skinFolder}images/ehc/containers/grayTable/table1_header_right2.gif"></td></tr>
   <tr><td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table_body_left.gif);background-repeat:repeat-y;"></td><td nowrap><font size=-2>Choose a starting date:</font></td><td nowrap><font size=-2>Choose an end date:</font></td><td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table_body_right2.gif);background-repeat:repeat-y;"></td></tr>
   <tr><td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table_body_left.gif);background-repeat:repeat-y;"></td>
	<td nowrap>
           <iframe name="frameCalendar" height="144" width="100%" src="?pg=jscalendar&id=0&year={$startDate|date_format2:"Y"}&month={$startDate|date_format2:"m"}&day={$startDate|date_format2:"j"}" scrolling="No" frameborder="image/gif"></iframe>
	</td>
        <td nowrap style="border-left:solid 1px gray;">
           <iframe name="frameCalendar2" height="144" width="100%" src="?pg=jscalendar&id=1&year={$endDate|date_format2:"Y"}&month={$endDate|date_format2:"m"}&day={$endDate|date_format2:"j"}" scrolling="No" frameborder="image/gif"></iframe>			   
        </td>
	<td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table_body_right2.gif);background-repeat:repeat-y;"></td></tr>
   <tr ><td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table_body_left.gif);background-repeat:repeat-y;"></td>
       <td nowrap>
	     <font size=-1>Starting on: </font>
             <input type="text" style="border:solid 1px white;width:90px;" disabled="disabled" name="newcomp[startDateViewable]" value="{if not $newcomp.startDate}Click a Date {else}{$newcomp.startDate|date_format2:"M j, Y"}{/if}">
	     <input type="hidden" name="newcomp[startDate]" value="">
       </td>
       <td nowrap>
             <font size=-1>Ending on: </font><input style="border:solid 1px white;width:90px;" type="text" disabled="disabled" name="newcomp[endDateViewable]" value="{if not $newcomp.endDate}Click a Date {else}{$newcomp.endDate|date_format2:"M j, Y"}{/if}">
   	     <input type="hidden" name="newcomp[endDate]" value="">
       </td>
      <td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table_body_right2.gif);background-repeat:repeat-y;"></td></tr>
   <tr><td><img src="{$skinFolder}images/ehc/containers/grayTable/table_bottom_corner_left.gif"></td><td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table_bottom_bg.gif);background-repeat:repeat-x;" colspan=2></td><td><img src="{$skinFolder}images/ehc/containers/grayTable/table_bottom_corner_right.gif"></td></tr>
</table>
<!-- END OF A CONTENT -->
</td>
<td valign=top style="padding-top:10px;padding-left:20px;">
<!-- B CONTENT -->
<table border=0 cellpadding=0 cellspacing=0 width="100%">
   <tr>
	<td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table1_header_bg.gif);background-repeat:repeat-x;"><img src="{$skinFolder}images/ehc/containers/grayTable/table1_header_left.gif"></td>
        <td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table1_header_bg.gif);background-repeat:repeat-x;">B. And the winner takes home ...</td>
        <td><img src="{$skinFolder}images/ehc/containers/grayTable/table1_header_right2.gif"></td>
   </tr>
   <tr> 
        <td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table_body_left.gif);background-repeat:repeat-y;"></td>
        <td nowrap>
<!-- Div to Block content -->
<div onclick="validateDiv(this);" id="step2_block_B" style="margin-top:-1px;margin-left:-13px;border:solid 1px gray;background-color:silver;zIndex:100;position:absolute;filter:alpha(opacity=25); width:107%;">
<table border=0 cellpadding=0 cellspacing=0>
  <tr>
  <td style='padding-left:13px'><h2><font color='silver'>Prize Method:</font></h2></td>
  <td><select name="tmp5" disabled>
        <option value="">Cash Settlement</option>
      </select>
  </td>
  </tr>
  <tr>
  <td style='padding-left:13px;padding-top:3px;'><b><font color='silver'>Type:</font></b></td>
  <td></td>
  </tr>
  <tr>
  <td colspan="2" align="right"><img src="blank.gif" width="200" height="100" alt="" border="0" /></td>
  </tr>
</table>

</div>
<!-- end of DIV -->
<table border=0 cellpadding=0 cellspacing=0>
  <tr>
  <td><h2>Prize Method:</h2></td>
  <td><select name="comp[prize_method]">
        <option value="">Cash Settlement</option>
      </select>
  </td>
  </tr>
  <tr>
  <td><b>Type:</b></td>
  <td><input type="text" value="$50.00" /></td>
  </tr>
  <tr>
  <td colspan="2" align="right"><img src="blank.gif" width="200" height="100" alt="" border="0" /></td>
  </tr>
</table>
        </td>
        <td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table_body_right2.gif);background-repeat:repeat-y;"></td>
   </tr>
   <tr>
        <td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table_bottom_bg.gif);background-repeat:repeat-x;"><img src="{$skinFolder}images/ehc/containers/grayTable/table_bottom_corner_left.gif"></td>
        <td style="background-image:url({$skinFolder}images/ehc/containers/grayTable/table_bottom_bg.gif);background-repeat:repeat-x;"></td>
        <td><img src="{$skinFolder}images/ehc/containers/grayTable/table_bottom_corner_right.gif"></td>
   </tr>
</table>

<!-- END OF B CONTENT -->
</td>
</tr>
</table>


<script language="javascript">
	{literal}

	{/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>