<?php defined('ByFeiWa') or exit('Access Invalid!');?>
<script type="text/javascript" src="<?php echo RESOURCE_SITE_URL;?>/js/jquery.Jcrop/jquery.Jcrop.js"></script>
<link href="<?php echo RESOURCE_SITE_URL;?>/js/jquery.Jcrop/jquery.Jcrop.min.css" rel="stylesheet" type="text/css" id="cssfile2" />
<div class="wrap">
  <div class="tabmenu">
    <?php include template('layout/submenu');?>
  </div>
  <?php if ($output['newfile'] == ''){?>
  <form action="<?php echo MEMBER_SITE_URL;?>/index.php?app=member_information&feiwa=upload" enctype="multipart/form-data" id="form_avaster" method="post">
    <input type="hidden" name="form_submit" value="ok" />
    <div class="ncm-default-form">
      <dl>
        <dt><?php echo $lang['home_member_avatar_thumb'].$lang['feiwa_colon'];?></dt>
        <dd>
          <div class="user-avatar"><span><img src="<?php echo getMemberAvatar($output['member_avatar']).'?'.microtime(); ?>" alt="" feiwa_type="avatar" /></span></div>
          <p class="hint mt5"><?php echo $lang['feiwa_member_avatar_hint'];?></p>
        </dd>
      </dl>
      <dl>
        <dt><?php echo $lang['home_member_change_avatar'].$lang['feiwa_colon'];?></dt>
        <dd>
          <div class="ncm-upload-btn"> <a href="javascript:void(0);"><span>
            <input type="file" hidefocus="true" size="1" class="input-file" name="pic" id="pic" file_id="0" multiple="" maxlength="0"/>
            </span>
            <p><i class="icon-upload-alt"></i>图片上传</p>
            <input id="submit_button" style="display:none" type="button" value="&nbsp;" onClick="submit_form($(this))" />
            </a> </div>
        </dd>
      </dl>
    </div>
  </form>
  <?php }else{?>
  <form action="<?php echo MEMBER_SITE_URL;?>/index.php?app=member_information&feiwa=cut" id="form_cut" method="post">
    <input type="hidden" name="form_submit" value="ok" />
    <input type="hidden" id="x1" name="x1" />
    <input type="hidden" id="x2" name="x2" />
    <input type="hidden" id="w" name="w" />
    <input type="hidden" id="y1" name="y1" />
    <input type="hidden" id="y2" name="y2" />
    <input type="hidden" id="h" name="h" />
    <input type="hidden" id="newfile" name="newfile" value="<?php echo $output['newfile'];?>" />
    <div class="pic-cut-120">
      <div class="work-title"><?php echo $lang['feiwa_comm_workarea'];?></div>
      <div class="work-layer">
        <p><img id="nccropbox" src="<?php echo UPLOAD_SITE_URL.DS.ATTACH_AVATAR.DS.$output['newfile'].'?'.microtime(); ?>"/></p>
      </div>
      <div class="thumb-title"><?php echo $lang['feiwa_comm_cut_view'];?></div>
      <div class="thumb-layer">
        <p><img id="preview" src="<?php echo UPLOAD_SITE_URL.DS.ATTACH_AVATAR.DS.$output['newfile'].'?'.microtime();?>"/></p>
      </div>
      <div class="cut-help">
        <h4><?php echo $lang['feiwa_comm_op_help'];?></h4>
        <p><?php echo $lang['feiwa_comm_op_help_tip'];?></p>
      </div>
      <div class="cut-btn">
        <input type="button" id="ncsubmit" class="submit" value="<?php echo $lang['feiwa_submit'];?>" />
      </div>
    </div>
  </form>
  <?php }?>
</div>
<script type="text/javascript">
$(function(){
<?php if ($output['newfile'] != ''){?>
	function showPreview(coords)
	{
		if (parseInt(coords.w) > 0){
			var rx = 120 / coords.w;
			var ry = 120 / coords.h;
			$('#preview').css({
				width: Math.round(rx * <?php echo $output['width'];?>) + 'px',
				height: Math.round(ry * <?php echo $output['height'];?>) + 'px',
				marginLeft: '-' + Math.round(rx * coords.x) + 'px',
				marginTop: '-' + Math.round(ry * coords.y) + 'px'
			});
		}
		$('#x1').val(coords.x);
		$('#y1').val(coords.y);
		$('#x2').val(coords.x2);
		$('#y2').val(coords.y2);
		$('#w').val(coords.w);
		$('#h').val(coords.h);
	}
    $('#nccropbox').Jcrop({
	aspectRatio:1,
	setSelect: [ 0, 0, 120, 120 ],
	minSize:[50, 50],
	allowSelect:0,
	onChange: showPreview,
	onSelect: showPreview
    });
	$('#ncsubmit').click(function() {
		var x1 = $('#x1').val();
		var y1 = $('#y1').val();
		var x2 = $('#x2').val();
		var y2 = $('#y2').val();
		var w = $('#w').val();
		var h = $('#h').val();
		if(x1=="" || y1=="" || x2=="" || y2=="" || w=="" || h==""){
			alert("您必须先选定一个区域");
			return false;
		}else{
			$('#form_cut').submit();
		}
	});
<?php }else{?>
	$('#pic').change(function(){
		var filepath=$(this).val();
		var extStart=filepath.lastIndexOf(".");
		var ext=filepath.substring(extStart,filepath.length).toUpperCase();
		if(ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"&&ext!=".JPEG"){
			alert("文件类型错误，请选择图片文件（png|gif|jpg|jpeg）");
			$(this).attr('value','');
			return false;
		}
		if ($(this).val() == '') return false;
		$("#form_avaster").submit();
	});
<?php }?>
});
</script>