<?php 
	session_start(); 
	require_once('inc/conn.php');
	require_once('inc/constant.php');
	require_once('inc/ls_syscode.php');
	require_once('inc/check.php');
	$ls_msg="添加产品大类操作";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="styles/uploadify.css" rel="stylesheet" type="text/css">
<link href="styles/uploadify.jGrowl.css" rel="stylesheet" type="text/css">
<link href="css/admin.css" rel="stylesheet" type="text/css">
<link href="css/newui.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="scripts/jquery-core.js"></script>
<script type="text/javascript" src="scripts/plugin/jquery.jgrowl.js"></script>
<script type="text/javascript" src="scripts/plugin/jquery.uploadifylt.js"></script>
<script language="JavaScript" src="js/ls.js"></script>
<script type="text/javascript" src="js/newui.js"></script>
<title>添加产品大类</title>
<script type="text/javascript">
	$(function(){
			   $("#fileUploadgrowl").fileUpload({
						'uploader': 'scripts/uploader.swf',
						'cancelImg': '../images/cancel.png',
						'script': 'scripts/upload.php',
						'folder': '../uploadfiles',
						'fileDesc': 'Image Files',
						'fileExt': '*.jpg;*.jpeg;*.png;*.gif',
						'multi': true,
						'queueSizeLimit': 10,
						'simUploadLimit': 3,
						'sizeLimit': 1048576,
						'buttonText': 'Add Files',
						onError: function (event, queueID ,fileObj, errorObj) {
							var msg;
							if (errorObj.status == 404) {
								alert('Could not find upload script. Use a path relative to: '+'<?= getcwd() ?>');
								msg = 'Could not find upload script.';
							} else if (errorObj.type === "HTTP")
								msg = errorObj.type+": "+errorObj.status;
							else if (errorObj.type ==="File Size")
								msg = fileObj.name+'<br>'+errorObj.type+' Limit: '+Math.round(errorObj.sizeLimit/1024)+'KB';
							else
								msg = errorObj.type+": "+errorObj.text;
							$.jGrowl('<p></p>'+msg, {
								theme: 	'error',
								header: 'ERROR',
								sticky: true
							});			
							$("#fileUploadgrowl" + queueID).fadeOut(250, function() { $("#fileUploadgrowl" + queueID).remove()});
							return false;
						},
						onCancel: function (a, b, c, d) {
							var msg = "Cancelled uploading: "+c.name;
							$.jGrowl('<p></p>'+msg, {
								theme: 	'warning',
								header: 'Cancelled Upload',
								life:	4000,
								sticky: false
							});
						},
						onClearQueue: function (a, b) {
							var msg = "Cleared "+b.fileCount+" files from queue";
							$.jGrowl('<p></p>'+msg, {
								theme: 	'warning',
								header: 'Cleared Queue',
								life:	4000,
								sticky: false
							});
						},
						onComplete: function (a, b ,c, d, e) {
							var size = Math.round(c.size/1024);
							$('#filenamecache').append('uploadfiles/'+c.name+'<br />');
							$.jGrowl('<p></p>'+c.name+' - '+size+'KB', {
								theme: 	'success',
								header: 'Upload Complete',
								life:	4000,
								sticky: false
							});
						}
					});
			   });
	</script>
    <link rel="stylesheet" href="kindeditor-4.1.10/themes/default/default.css" />
	<link rel="stylesheet" href="kindeditor-4.1.10/plugins/code/prettify.css" />
	<script charset="utf-8" src="kindeditor-4.1.10/kindeditor.js"></script>
	<script charset="utf-8" src="kindeditor-4.1.10/lang/zh_CN.js"></script>
	<script charset="utf-8" src="kindeditor-4.1.10/plugins/code/prettify.js"></script>
	<script>
		KindEditor.ready(function(K) {
			var editor1 = K.create('textarea[name="cateDetail"]', {
				cssPath : 'kindeditor-4.1.10/plugins/code/prettify.css',
				uploadJson : 'kindeditor-4.1.10/php/upload_json.php',
				fileManagerJson : 'kindeditor-4.1.10/php/file_manager_json.php',
				allowFileManager : true,
				afterCreate : function() {
					var self = this;
					K.ctrl(document, 13, function() {
						self.sync();
						K('form[name=example]')[0].submit();
					});
					K.ctrl(self.edit.doc, 13, function() {
						self.sync();
						K('form[name=example]')[0].submit();
					});
				}
			});
			prettyPrint();
		});
	</script>
</head>
<body>
<div class="maintitle"> <strong>增加产品类别</strong> </div>
<div class="mainfield">
	<form name="addcate" enctype="multipart/form-data" method="post" action="savecate.php" onSubmit="return Checkaddcate()">
		<input type="hidden" value="insert" name="ls">
		<div class="messagebox"> 提示：<font color="#FF0000"><?php echo $ls_msg; ?></font> </div>
		<div class="returnicon"> <img src="images/shao.gif">&nbsp;<a href="cate.php"><u>返回</u></a> </div>
		<div class="tabletitle"> </div>
		<div class="editableoverall">
			<div class="parellelleft">
				<fieldset class="infofield" onMouseOver="ibov(this);" onMouseOut="ibou(this);">
					<legend>类别信息</legend>
					<div class="gcatelabelnormal">大类名称</div>
					<div class="gcateinputnormal">
						<input type="text" name="cateName" class="gcateinputboxnoblank" onMouseOver="ibov(this);" onMouseOut="ibou(this);" onKeyUp="addcate.cateFolders.value=addcate.cateTitle.value=addcate.cateKeywords.value=addcate.cateDescription.value=this.value;" >
					</div>
					<div class="gcatelabelnormal">目录名称</div>
					<div class="gcateinputnormal">
						<input type="text" name="cateFolders" size="20"  class="gcateinputboxnoblank" onMouseOver="ibov(this);" onMouseOut="ibou(this);" >
					</div>
					<div class="gcatelabelnormal">简介</div>
					<div class="gcateinputnormal">
						<textarea name="cateBrief" class="inputareabig" onMouseOver="ibov(this);" onMouseOut="ibou(this);"></textarea>
					</div>
					<div class="gcateprompt1">橙色框部分为必须输入。目录名须用英文。简介不要超过<? echo $CateLength; ?>个字符，超过部分将无法显示。</div>
				</fieldset>
			</div>
			<div class="parellelright">
				<fieldset class="infofield" onMouseOver="ibov(this);" onMouseOut="ibou(this);">
					<legend>SEO优化</legend>
					<div class="infolabel">网站标题：</div>
					<div class="infoinput">
						<textarea name="cateTitle" class="inputareashortnoblank" onMouseOver="ibov(this);" onMouseOut="ibou(this);"></textarea>
					</div>
					<div class="infolabel">网站关键字：</div>
					<div class="infoinput">
						<textarea name="cateKeywords" class="inputareashortnoblank" onMouseOver="ibov(this);" onMouseOut="ibou(this);"></textarea>
					</div>
					<div class="infolabel">网站描述：</div>
					<div class="infoinput">
						<textarea name="cateDescription" class="inputareashortnoblank" onMouseOver="ibov(this);" onMouseOut="ibou(this);"></textarea>
					</div>
				</fieldset>
			</div>
			<div class="ifsingleframe">
				<div class="ifsingleoverbutton" onMouseOver="ibov(this);" onMouseOut="ibou(this);">
					<input name="submit2" type="submit" value="添加大类" class="ifsinglebutton">
				</div>
			</div>
			<fieldset class="lsconeditorsfield" onMouseOver="ibov(this);" onMouseOut="ibou(this);">
				<legend>大类详细信息</legend>
				<div class="gcateprompt2">大类详细项目如超过<? echo $minCateDetailLength; ?>个字符，将生成详细内容页，不生成本类下产品页，“简介”也不显示。</div>
				<div class="lsgcateeditorarea" style="margin-top:10px; clear:both;">
                <textarea name="cateDetail" style="width:100%;height:400px;visibility:hidden;"></textarea>
				</div>
			</fieldset>
			<fieldset class="lsconeditorsfield" onMouseOver="ibov(this);" onMouseOut="ibou(this);">
				<legend>详细信息编辑器用图片上传</legend>
				<div class="gcatepicoverall">
					<div class="gcateiconfield">
						<div class="gcateprompt2" style="margin-bottom:20px;">请在此处上传上面编辑器中所需要的图片，每次可以同时排队10个文件，每个文件大小不超过1MB。<br />
							图片的链接地址为：<font style="text-decoration:underline; color:#00F;">http://您的域名/uploadfiles/您上传的文件名</font>。<br />
							其中上传后的文件名与您上传时用的文件名（您硬盘中的文件名）相同，您可以将此链接直接粘贴入编辑器的图片编辑功能中的源文件一栏中来插入图片，同时，请注意链接地址的大小写。</div>
						<div style="float:left;">
							<div style="float:left; padding:0 2px 0 0;">
								<input type="button" onClick="javascript:$('#fileUploadgrowl').fileUploadStart()" value="Start Upload" style="background:url(../images/buttona.jpg) no-repeat; cursor:hand; width:110px; height:30px; color:#fff; font-weight:bold; border:none;" />
								<input type="button" onClick="javascript:$('#fileUploadgrowl').fileUploadClearQueue()" value="Clear Queue" style="background:url(../images/buttona.jpg) no-repeat; cursor:hand; width:110px; height:30px; color:#fff; font-weight:bold; border:none;" />
							</div>
							<div id="fileUploadgrowl"></div>
						</div>
						<div id="filenamecache" style="float:right; width:360px; border:1px solid #aaa; height:187px; overflow:scroll;"> <font style="font-size:12px; font-weight:bold;">已上传文件：</font><br />
						</div>
					</div>
				</div>
			</fieldset>
			<fieldset class="lsconeditorsfield" onMouseOver="ibov(this);" onMouseOut="ibou(this);">
				<legend>大类图片设置</legend>
				<div class="gcatepicoverall">
					<div class="gcateiconfield">
						<div class="gcatepiclabel">Icon（图标）：</div>
						<div class="gcatepicfilefield">
							<input type="file" name="cateIconPic" onBlur="document.Iconpic.src=addcate.cateIconPic.value;" class="gcatepicfilebox" onMouseOver="ibov(this);" onMouseOut="ibou(this);">
						</div>
					</div>
					<div class="gcateiconfield">
						<div class="gcatepiclabel">Banner（主体图）：</div>
						<div class="gcatepicsetxy"> 宽度
							<input type="text" class="ifinfoinputvshort" value="780" name="width" onBlur="document.pic.width=document.addcate.width.value;" onMouseOver="ibov(this);" onMouseOut="ibou(this);">
							px &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 高度
							<input type="text" class="ifinfoinputvshort" value="80" name="height" onBlur="document.pic.height=document.addcate.height.value;" onMouseOver="ibov(this);" onMouseOut="ibou(this);">
							px </div>
						<div class="gcatepicfilefield">
							<input type="file" name="catePagePic" onBlur="document.pic.src=addcate.catePagePic.value;" class="gcatepicfilebox" onMouseOver="ibov(this);" onMouseOut="ibou(this);">
						</div>
					</div>
					<div class="gcateiconfield">
						<div class="gcatepiclabelnofloat">图片预览</div>
						<div class="gcatepicleft"><img src="images/picture.gif" width="<? echo $cateIconPicW ?>" height="<? echo $cateIconPicH ?>" border="1" name="Iconpic"></div>
						<div class="gcatepicright"><img src="images/picture.gif" width="450" height="46" border="1" name="pic"></div>
					</div>
				</div>
			</fieldset>
		</div>
		<div class="tablefooter"> </div>
	</form>
</div>
</body>
</html>
