{header}
{ims}
{folders}

<style type="text/css">
#complite{float: right;  margin-bottom:5px; text-align:left;}
#searchn{float: right;  margin-bottom:5px;}
.bbbr{background: url(../img/bbr.gif) no-repeat 100% 100%; padding: 15px 20px;}
#profile{float: left;  background: #FAFAFA; color: #000; margin-bottom: 5px;}
</style>

<div class="column_main frame_content">

{mail_menu}

<div class="cl"></div>
<script Language="JavaScript" type="text/javascript">
  var isPost = false;
  var blockSubmission = false;
  function removeSubmissionBlock() {
    blockSubmission = false;
  }
  function isSubmissionAllowed() {
    if(blockSubmission){
       return false;
    }
    return;
   }
  document.onclick = isSubmissionAllowed;
  document.onkeydown = isSubmissionAllowed;

  function onValidateAddContactForm() {
    var form = document.forms['AddContactForm'];
    // "otherhandle" field validation.
    if (!(validateRequiredField(form['name'], '{l_username}'))) {
      removeSubmissionBlock();
      return false;
    }
    return true;
  }
  function validateAddContactForm() {
    blockSubmission = true;
     if (typeof beforeAddContactFormValidation != 'undefined') {
       beforeAddContactFormValidation();
    }
    var validated = onValidateAddContactForm();
    if (validated && (typeof uponSuccessfulAddContactFormValidation != 'undefined')) {
      validated = uponSuccessfulAddContactFormValidation();
    }
    else if (!validated && (typeof uponUnsuccessfulAddContactFormValidation != 'undefined')) {
      uponUnsuccessfulAddContactFormValidation();
    }
    if (!validated) {
      removeSubmissionBlock();
    }
    return validated;
  }
  function submitAddContactForm() {
    if (validateAddContactForm()) 
       isPost = true; 
       document.AddContactForm.submit();
    }

function setname(name)
{
	document.AddContactForm.name.value = name;
}

function switchdiv(div1_id, div2_id, form)
{
	if (document.getElementById)	{
	    if(!document.getElementById(div1_id)) return ;
	    if(!(document.getElementById(div1_id).style)) return ;
	    if(!(document.getElementById(div1_id).style.display)) return ;

		var state1 = document.getElementById(div1_id).style.display;
		if(state1=="none") {
        		document.getElementById(div1_id).style.display="block";
        		document.getElementById(div2_id).style.display="none";
                if (form != null)
                {
                   form[div1_id].value='true';
                   form[div2_id].value='false';
                 }
	     }
	    if(state1=="block") {
        		document.getElementById(div2_id).style.display="block";
        		document.getElementById(div1_id).style.display="none";
                if (form != null)
                {
                   form[div1_id].value='false';
                   form[div2_id].value='true';
                 }
	     }
	}
	else if (document.all)	{
	    if(!document.all[div1_id]) return ;
	    if(!(document.all[div1_id].style)) return ;
	    if(!(document.all[div1_id].style.display)) return ;

		var state1 = document.all[div1_id].style.display;
		if(state1=="none") {
		        document.all[div1_id].style.display = "block";
		        document.all[div2_id].style.display = "none";
                if (form != null)
                {
                   form[div1_id].value='true';
                   form[div2_id].value='false';
                 }
		}
		if(state1=="block") {
        		document.getElementById(div1_id).style.display="none";
        		document.getElementById(div2_id).style.display="block";
                if (form != null)
                {
                   form[div1_id].value='false';
                   form[div2_id].value='true';
                 }
	     }
    }
}

<!-- begin_reply_js -->
$(function () {
    reply_text = $.trim($('#text').val()); 
})
<!-- end_reply_js -->
window.onbeforeunload = function (evt) {
    var text = $.trim($('#text').val());
    if (text != '' && isPost == false <!-- begin_reply_compare_js -->&& text != reply_text<!-- end_reply_compare_js -->) {
        var message = '{l_leave_this_page}';
        if (typeof evt == "undefined") {
            evt = window.event;
        }
        if (evt) {
            evt.returnValue = message;
        }        
        return message;
    } 
}
</script>

<form class="" name="AddContactForm" method="POST" action="{url_main}mail_compose.php?cmd=sent" onSubmit="return validateAddContactForm();" style="padding: 0px; margin: 0px;">
<input type="hidden" name="page_from" value="{page_from}">
				<table cellpadding="0" cellspacing="0" border="0" class="mail_compose">
                    <col width="100px" />
					<!-- begin_add_id -->
					<tr>
						<td class="body_text" valign="top" align="right" ><b>{l_username}:</b></td>
						<td class="body_text" valign="top">
							<input class="inp" type="hidden" name="name" value="{name}">
							<div> <!-- style="margin: -1px 0 0;" -->
							{name}
							</div>
						</td>
					</tr>
					<!-- end_add_id -->
					<!-- begin_add_name -->
					<tr>
						<td></td>
						<td>
							<div id="favorite-off" style="display:block; height: 30px; padding: 0; width: 450px; text-align: left;">
								<img src="{url_tmpl_main}img/icon_arrow_closed.gif" border=0>
								<span class="ter_text_bold">{l_friends_list}</span> -
								<a href="javascript:switchdiv('favorite-off','favorite-on');" class="body_little">{l_show_friends}</a>
							</div>
							<div id="favorite-on" style="display:none; width: 450px; text-align: left; padding: 0;">
								<img src="{url_tmpl_main}img/icon_arrow_open.gif" border=0>
								<span class="ter_text_bold">{l_friends_list}</span> -
								<a href="javascript:switchdiv('favorite-on','favorite-off');" class="body_little">{l_hide_friends}</a>
								<br><br>
								<table style="width: 100%;">
								<tr>
								<td width="33%" align="left" valign="top">
								<!-- begin_favorite -->
								<a href="#" onClick="setname('{fname_set}');">{fname}</a>&nbsp;({count})<br>
								<!-- begin_favorite_column -->
								</td><td width="33%" align="left" valign="top">
								<!-- end_favorite_column -->
								<!-- end_favorite -->
								</td>
								</tr>
								</table>
							</div>
                            <div align="left"><b>{message}</b></div>
						</td>
					</tr>
					<tr>
						<td class="body_text" align="right"><b>{l_username}:</b></td>
						<td><input id="to_name" type="text" class="inp" name="name" value="{name}"  tabindex="1"></td>
					</tr>
					<!-- end_add_name -->
					<tr>
						<td class="body_text" align="right"><b>{l_subject}:</b></td>
						<td><input class="inp" type="text" name="subject" value="{subject}"  tabindex="2"></td>
					</tr>
					<tr>
						<!-- begin_plain -->
						<td class="body_text" valign="top" align="right"><b>{l_text_mail}:</b></td>
						<td><textarea id="text" name="text">{text}</textarea></td>
						<!-- end_plain -->
						<!-- begin_postcard -->
						<td class="body_text" valign="top" align="right"></td>
						<td>
							<input type="hidden" name="text" value="{text}" />
							<input type="hidden" name="type" value="postcard" />
							<strong>{l_postcard_forward}</strong>
						</td>
						<!-- end_postcard -->
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td align="left"><div style="float:left;"><input type="checkbox" name="save" id="save" value="1" checked></div>&nbsp;<label for="save" class="chk_label"><span class="dash">{l_save_mail}</span></label></td>
					</tr>
<!-- 					<tr>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr> -->
					<tr>
						<td></td>
						<td align="left" style="padding-top: 10px;">
							<input type="button" value="{l_sent_message}" onClick=" submitAddContactForm();" class="btn lower_header_color" tabindex="3" title="{l_sent_message}" onMouseOver="window.status='{l_sent_message}'; return true;" onMouseOut="window.status=''; return true;">
						</td>
					</tr>
				</table>
<script type="text/javascript">
    
onload = function() {
document.forms['AddContactForm']['text'].focus();
}
</script>
</form>


</div>

{footer}