<tr>
	<td colspan="10" bgcolor="#666666">&nbsp;
	
	</td>
</tr>

<tr align="center">
	<td width="25"><a name="{id}"></a><strong>{id}</strong></td>
	<td width="206" colspan="2"><strong>{name_campaign}</strong></td>
	<td width="104" colspan="2"><strong>{nr_friends}</strong></td>
	<td width="90" colspan="2"><strong>{nr_friends_oblig}</strong></td>
	<td width="120" colspan="3">

		
<!--	<img  style="cursor:pointer "  src="images/brawhtml.jpg" onclick="window.location='{down_url}'" />
--><table width="120" border="0" >
  <tr>
    <td align="center"><img style="cursor:pointer " src="images/bedit.jpg" onclick="window.location='campaign_edit.php?id={id}'" /></td>
    <td align="center"><img style="cursor:pointer " src="images/bclone.jpg" onclick="window.location='campaign_clone.php?id={id}'" />&nbsp;</td>
  </tr>
  <tr>
    <td align="center"><img style="cursor:pointer " src="images/bdelete.jpg" onclick="if (confirm('Are you sure you want to delete the campaign?')) window.location='campaign_delete.php?id={id}'" /></td>
    <td align="center"><img style="cursor:pointer " src="images/email_reset.gif" onclick="if (confirm('Are you sure you want to reset all emails for this campaign?\n(If you press OK all emails stored in the database for current campaign will be deleted\nPress Cancel if you want to keep the emails)')) window.location='campaign_reset.php?id={id}'" /></td>
  </tr>
</table>

	</td>
</tr>
<tr>
<form name="form_{id}" action="download_taf.php">
	<td colspan="10">
		<table width="100%" cellpadding="0" cellspacing="0">
			<tr>
			  <td align="center"><table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="142" style="padding-left:2px"> Page Background Color: </td>
                  <td>
				  	<table width="100%" cellpadding="0" cellspacing="0">
						<tr>
						<td width="18" style="padding-right:2px">
						
				  	  <div id="pre_color_bg_main_{id}" style=" width:18 px; height:18px; background:#{color_bg_main}; border:1px solid; cursor:pointer" onclick="div = 'pre_color_bg_main_{id}';input = 'color_bg_main_{id}';div_color = document.getElementById('pickerPanel').style;div_color.display=''; div_color.display = 'block';div_color.left = document.getElementById('MouseX').value+'px';div_color.top = document.getElementById('MouseY').value+'px';"></div>
					  </td>
					  <td>
				  	  <input type="text" name="color_bg_main_{id}" size="6" maxlength="6" id="color_bg_main_{id}" value="{color_bg_main}" onclick="div = 'pre_color_bg_main_{id}';input = 'color_bg_main_{id}';div_color = document.getElementById('pickerPanel').style;div_color.display=''; div_color.display = 'block';div_color.left = document.getElementById('MouseX').value+'px';div_color.top = document.getElementById('MouseY').value+'px'" />
				      <span style="cursor:pointer; color:#0000CC; text-decoration:underline" onclick="div = 'pre_color_bg_main_{id}';input = 'color_bg_main_{id}';div_color = document.getElementById('pickerPanel').style;div_color.display=''; div_color.display = 'block';div_color.left = document.getElementById('MouseX').value+'px';div_color.top = document.getElementById('MouseY').value+'px'">Change</span>				  </td>
					  </tr>
					  </table>
                  <td width="144" style="padding-left:2px"> Table Background Color: </td>
                  <td>
				  	<table width="100%" cellpadding="0" cellspacing="0">
						<tr>
						<td width="18" style="padding-right:2px">
						
				  	  <div id="pre_color_bg_table_{id}" style=" width:18 px; height:18px; background-color:#{color_bg_table}; border:1px solid; cursor:pointer" onclick="div = 'pre_color_bg_table_{id}';input = 'color_bg_table_{id}';div_color = document.getElementById('pickerPanel').style;div_color.display=''; div_color.display = 'block';div_color.left = document.getElementById('MouseX').value+'px';div_color.top = document.getElementById('MouseY').value+'px'"></div>
					  </td>
					  <td>
					  <input type="text" id="color_bg_table_{id}" name="color_bg_table_{id}" size="6" maxlength="6" value="{color_bg_table}" onclick="div = 'pre_color_bg_table_{id}';input = 'color_bg_table_{id}';div_color = document.getElementById('pickerPanel').style;div_color.display=''; div_color.display = 'block';div_color.left = document.getElementById('MouseX').value+'px';div_color.top = document.getElementById('MouseY').value+'px'" />
				      <span style="cursor:pointer; color:#0000CC; text-decoration:underline" onclick="div = 'pre_color_bg_table_{id}';input = 'color_bg_table_{id}';div_color = document.getElementById('pickerPanel').style;div_color.display=''; div_color.display = 'block';div_color.left = document.getElementById('MouseX').value+'px';div_color.top = document.getElementById('MouseY').value+'px'">Change</span>				  </td>
                	</tr>
					</table>
					</td>
				</tr>
                <tr>
                  <td style="padding-left:2px"> Table Border Color: </td>
 
                  <td>
				  	<table width="100%" cellpadding="0" cellspacing="0">
						<tr>
						<td width="18" style="padding-right:2px">
						
				  	  <div id="pre_color_border_table_{id}" style=" width:18 px; height:18px; background-color:#{color_border_table}; border:1px solid; cursor:pointer" onclick="div = 'pre_color_border_table_{id}';input = 'color_border_table_{id}';div_color = document.getElementById('pickerPanel').style;div_color.display=''; div_color.display = 'block';div_color.left = document.getElementById('MouseX').value+'px';div_color.top = document.getElementById('MouseY').value+'px'"></div>
					  </td>
					  <td>
				  	  <input type="text" id="color_border_table_{id}" name="color_border_table_{id}" size="6" maxlength="6" value="{color_border_table}" onclick="div = 'pre_color_border_table_{id}';input = 'color_border_table_{id}';div_color = document.getElementById('pickerPanel').style;div_color.display=''; div_color.display = 'block';div_color.left = document.getElementById('MouseX').value+'px';div_color.top = document.getElementById('MouseY').value+'px'" />
				      <span style="cursor:pointer; color:#0000CC; text-decoration:underline" onclick="div = 'pre_color_border_table_{id}';input = 'color_border_table_{id}';div_color = document.getElementById('pickerPanel').style;div_color.display=''; div_color.display = 'block';div_color.left = document.getElementById('MouseX').value+'px';div_color.top = document.getElementById('MouseY').value+'px'">Change</span>				  </td>
                  </tr>
				  </table>
				  </td>
				  
				  <td align="left" style="padding-left:2px"> Font Color: </td>
                  <td>
				  	<table width="100%" cellpadding="0" cellspacing="0">
						<tr>
						<td width="18" style="padding-right:2px">
						
				  	  <div id="pre_color_font_{id}" style=" width:18 px; height:18px; background-color:#{color_font}; border:1px solid; cursor:pointer" onclick="div = 'pre_color_font_{id}';input = 'color_font_{id}';div_color = document.getElementById('pickerPanel').style;div_color.display=''; div_color.display = 'block';div_color.left = document.getElementById('MouseX').value+'px';div_color.top = document.getElementById('MouseY').value+'px'"></div>
					  </td>
					  <td>
				  	  <input type="text" id="color_font_{id}" name="color_font_{id}" size="6" maxlength="6" value="{color_font}" onclick="div = 'pre_color_font_{id}';input = 'pre_bg_color_{id}';div_color = document.getElementById('pickerPanel').style;div_color.display=''; div_color.display = 'block';div_color.left = document.getElementById('MouseX').value+'px';div_color.top = document.getElementById('MouseY').value+'px'" />
				      <span style="cursor:pointer; color:#0000CC; text-decoration:underline" onclick="div = 'pre_color_font_{id}';input = 'color_font_{id}';div_color = document.getElementById('pickerPanel').style;div_color.display=''; div_color.display = 'block';div_color.left = document.getElementById('MouseX').value+'px';div_color.top = document.getElementById('MouseY').value+'px'">Change</span>				  </td>
              		</tr>
					</table>
					</td>
			    </tr>
                <tr>
                  <td style="padding-left:2px"> Table Border Width: </td>
                  <td><select id="border_table_{id}" name="border_table_{id}">
                      <option value="0" {border_0}>0 px</option>
                      <option value="1" {border_1}>1 px</option>
                      <option value="2" {border_2}>2 px</option>
                      <option value="3" {border_3}>3 px</option>
                      <option value="4" {border_4}>4 px</option>
                    </select>                  </td>
                </tr>
              </table></td>
		 <td valign="top" align="center">
			  <table width="100%" cellpadding="0" cellspacing="0">
			  <tr>
			  <td height="32">
			  Font:			  </td>
			  <td>
        <select name="fonts_{id}" id="fonts_{id}">
          <option value="Times New Roman" {Times New Roman}>Times New Roman</option>
          <option value="Arial" {Arial}>Arial</option>
          <option value="Verdana" {Verdana}>Verdana</option>
          <option value="Tahoma" {Tahoma}>Tahoma</option>
		  <option value="Courier New" {Courier New}>Courier New</option>
		  <option value="Georgia" {Georgia}>Georgia</option>
        </select>		</td>
		</tr>
		<tr>
		<td width="35">
		Style:		</td>
		<td> 
        <select name="style_{id}" id="style_{id}">
			<option value="normal" {style_normal}>Normal</option>
			<option value="bold" {style_bold}>Bold</option>
        </select>		</td>
		</tr>
		<tr>
		<td>
		Size:		</td>
		<td> 
        <select name="sizes_{id}" id="sizes_{id}">
			<option value="8" {size_8}>8 px</option>
			<option value="9" {size_9}>9 px</option>
			<option value="10" {size_10}>10 px</option>
			<option value="11" {size_11}>11 px</option>
			<option value="12" {size_12}>12 px</option>
			<option value="13" {size_13}>13 px</option>
			<option value="14" {size_14}>14 px</option>
			<option value="15" {size_15}>15 px</option>
			<option value="16" {size_16}>16 px</option>
			<option value="17" {size_17}>17 px</option>
			<option value="18" {size_18}>18 px</option>
        </select>		</td>
		</tr>
		</table>		</td>
			</tr>
			<tr > 
				<td colspan="2">
				<table width="100%" style="border:solid; border-bottom:0px; border-left:0px; border-right:0px border-collapse:collapse; border-color:#000000; border-width:1px">
				<tr>
				<td align="center"><br />
				<img  style="cursor:pointer "  src="images/reset.gif" onclick="document.getElementById('color_bg_main_{id}').value='FFFFFF';
																				document.getElementById('color_border_table_{id}').value='FFFFFF';
																				document.getElementById('color_bg_table_{id}').value='FFFFFF';
																				document.getElementById('color_font_{id}').value='000000';
																				document.getElementById('border_table_{id}').options[0].selected=true;
																				document.getElementById('fonts_{id}').options[1].selected=true;
																				document.getElementById('sizes_{id}').options[2].selected=true;
																				document.getElementById('style_{id}').options[0].selected=true;
																				
																				document.getElementById('pre_color_bg_main_{id}').style.background='#FFFFFF';
																				document.getElementById('pre_color_border_table_{id}').style.background='#FFFFFF';
																				document.getElementById('pre_color_bg_table_{id}').style.background='#FFFFFF';
																				document.getElementById('pre_color_font_{id}').style.background='#000000';
																				" title="Resest to Default" />
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="hidden" name="id" value="{id}" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="image" src="images/download.gif" />
<!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img  style="cursor:pointer"  src="images/download.gif" onclick="url = 'id={id}&color_bg_main='+document.getElementById('color_bg_main_{id}').value+'&color_bg_table='+document.getElementById('color_bg_table_{id}').value+'&color_border_table='+document.getElementById('color_border_table_{id}').value+'&border_table='+document.getElementById('border_table_{id}').value+'&fonts='+document.getElementById('fonts_{id}').value+'&sizes='+document.getElementById('sizes_{id}').value+'&color_font='+document.getElementById('color_font_{id}').value+'&style='+document.getElementById('style_{id}').value;makeRequest_get('save_html.php?'+url);setTimeout('window.location=\'download_taf.php?\'+url',3000)" title="Save and Download HTML">
-->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img  style="cursor:pointer"  src="images/preview.gif" onclick="url = 'id={id}&color_bg_main='+document.getElementById('color_bg_main_{id}').value+'&color_bg_table='+document.getElementById('color_bg_table_{id}').value+'&color_border_table='+document.getElementById('color_border_table_{id}').value+'&border_table='+document.getElementById('border_table_{id}').value+'&fonts='+document.getElementById('fonts_{id}').value+'&sizes='+document.getElementById('sizes_{id}').value+'&color_font='+document.getElementById('color_font_{id}').value+'&style='+document.getElementById('style_{id}').value;makeRequest_get('save_html.php?'+url);window.open('download_taf_preview.php?'+url)" title="Save and Preview HTML">			
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img  style="cursor:pointer"  src="images/cancel.gif" onclick="window.location='view_campains.ag.php?id={id}'" title="cancel">			
<br /><br /></td>
</tr>
</table>
</td>
			</tr>
		</table>
	</td></form>
</tr>

<tr align="center">
<TD colspan="2">
Total members: {total} 
</TD>
<td colspan="2">
Number of mails sent to friends: {total_mails} 
</TD>
<td colspan="2">
Number of friends joined: {total_joined} 
</TD>
<td colspan="2">
Total unsubscribed: {total_unsub} 
</TD>
<td>
Total clicked: {total_click} 
</TD>
</tr>
<INPUT type='checkbox' value="1" name='{details}' id='{details}' style="display:none"/>
<tr>
<TD colspan="9" name='{details}_data' id='{details}_data' style="padding-left:20px" ><br /><FONT face=Arial color="#0000FF"><B><FONT style="font-size: 8pt" size=2>
<!--<label for="{details}_data" style="cursor:pointer; text-decoration:underline" onClick="if (document.getElementById('{details}').checked==true) { document.getElementById('{details}').checked=false } else { document.getElementById('{details}').checked=true };display_tr(document.getElementById('{details}'));">Click to View Details</label>
-->
<script>
j_{id}=0;
</script>
<label for="{details}_data" style="cursor:pointer; text-decoration:underline" onClick="if (document.getElementById('{details}').checked==true) { document.getElementById('{details}').checked=false } else { document.getElementById('{details}').checked=true };display_tr(document.getElementById('{details}'));if (j_{id} == 0){ j_{id}++;xmlHttp('view_campains.row.php?id={id}&total={total}','{details}_td','get')}">Click to View Details</label>
	</FONT></B></FONT><br /><br />
</TD>
</tr>
<tr>
<td align="center" colspan="10">
<div id="{details}_td">
</div>
</td>
</tr>
