var facetitle = [
"大笑","瀑布汗","惊讶","臭美","傻笑","抛媚眼","发怒","我错了","钱",
"气愤","挑逗","吻","怒","胜利","委屈","受伤","说啥呢?","闭嘴",
"不","逗你玩儿","飞吻","眩晕","魔法","我来了","睡了","我打","闭嘴",
"打","打晕了","刷牙","暴揍","炸弹","倒立","刮胡子","邪恶的笑","不要不要",
"恋爱中","放大仔细看","偷窥","超高兴","晕","松口气","我跑","享受","休养",
"哭","汗","啊~","热烈欢迎","打酱油","俯卧撑","??","你","你好",
"关我P事","洗澡","哼","困","饿","打呼噜","大喊","来来来","别缠着我",
];


//浏览器类型
var e_isOpera = false;
var e_isIE = false;
var e_isFF = false;
//工具按钮开关
var e_bold = false;
var e_italic = false;
var e_underline = false;
var e_font = false;
var e_fontsize = false;
var e_color = false;
var e_img = false;
var e_link = false;
var e_media = false;
var e_face = true;
var e_uploadimg = false;
var e_piclink = false;
var e_grppiclink = false;
var e_iframeno = 0;
var e_photo;

var g_gid = 0;
var g_inputchange = 0;

//回调函数
var e_onkeypress = null;

function webEditor(id,editorArea,width,height,toolbarpos)
{
	//初始化变量
	this.iframeno = e_iframeno++;
	this.id = id;
	this.editorArea = editorArea;
	this.width = width;
	this.height = height;
	this.toolbarpos = toolbarpos;
	//组件
	this.toolbar = null;
	this.iframe = null;
	this.textArea = null;
	//信号量
	this.range = null;
	this.seltype = null;
	this.openPanel = '';
	//上传图片文件
	this.uploadfile = "";
	//相册图片
	this.picfile = "";
	//群相册图片
	this.grppicfile = "";
}

function gEditor_SetInputTime()
{
	var now = new Date();
	g_inputtime = now.getTime();
}
webEditor.prototype.$ = function(s)
{
	if(document.getElementById)
	{
		return eval('document.getElementById("' + s + '")');
	}
	else
	{
		return eval('document.all.' + s);
	}
}

webEditor.prototype.getUA = function()
{
	var UA = navigator.userAgent.toLowerCase();
	e_isOpera  = (UA.indexOf('opera') != -1);
	e_isFF = (UA.indexOf('firefox')!= -1);
	e_isIE = document.all ? true : false;
}

webEditor.prototype.drawEditor = function()
{
	var htmlstr;

	if(e_isOpera)
	{
		htmlstr = '<textarea style="font-size:14px;width:'+this.width+'px;height:'+this.height+'px;" id="'+this.id+'_aid" name="'+this.id+'_aid"></textarea>';
	}
	else
	{
		var framename = this.id+'_fid_'+(++this.iframeno);
		if (this.toolbarpos == "right")
		{
			htmlstr = '<div id="'+this.id+'_eid" style="float:left;border:1px #808080 solid;width:'+(this.width-50)+'px;height:'+this.height+'px;"><div class="it1"><iframe id="'+framename+'" name="'+framename+'" style="width:'+(this.width-50-2)+'px; height: '+(this.height-2)+'px;" frameborder=0 marginwidth=0 scrolling=auto src="" onfocus="javascript:'+this.id+'.iframeOnfocus();" onblur="javascript:'+this.id+'.iframeOnblur();"></iframe></div></div><div id="'+this.id+'_tid" style="float:left;background-color:#fff;"></div><div style="clear:both;"></div>';
		}
		else
		{
			htmlstr = '<div id="'+this.id+'_tid" style="width:'+(this.width+2)+'px;background-color:#fff;"></div>'
			+'<div id="'+this.id+'_eid" style="border:1px #808080 solid;width:'+this.width+'px;height:'+this.height+'px;"><div class="it1"><iframe id="'+framename+'" name="'+framename+'" style="width:'+(this.width-2)+'px; height: '+(this.height-2)+'px;" frameborder=0 marginwidth=0 scrolling=auto src="" onfocus="javascript:'+this.id+'.iframeOnfocus();" onblur="javascript:'+this.id+'.iframeOnblur();"></iframe></div></div>';
		}
	}
	this.editorArea.innerHTML = htmlstr;
}

webEditor.prototype.iframeOnfocus = function()
{
	this.$(this.id+"_eid").childNodes[0].className = "it2";
	g_inputchange = setInterval(gEditor_SetInputTime, 1000);
}

webEditor.prototype.iframeOnblur = function()
{
	if(!this.range)
	{
		this.$(this.id+"_eid").childNodes[0].className = "it1";
	}
	if(g_inputchange)
	{
		clearInterval(g_inputchange);
	}
}

webEditor.prototype.genObj = function()
{
	if(e_isOpera)
	{
		this.textArea = this.$(this.id+'_aid');
	}
	else
	{
		this.toolbar = this.$(this.id+'_tid');
		var framename = this.id+'_fid_'+this.iframeno;
		this.iframe= window.frames[framename];
	}
}

webEditor.prototype.setText = function(str)
{
	if(typeof str=='undefined')
	{
		str = "";
	}
	return "<html><head><style type=\"text/css\">body {background: #ffffff; margin:1px; padding:1px; font-size:14px; overflow:auto;word-wrap: break-word; font-family: Arial, '宋体';} p {padding: 0px; margin: 0px; } </style></head><body>"+str+"</body></html>";
}

webEditor.prototype.setKeypressHandler = function (keyHandler)
{
	var frameobj = this.iframe;
	var doc = frameobj.document;
	if (doc && keyHandler)
	{
		if (doc.addEventListener)
		{
			doc.addEventListener(
			'keypress',
			keyHandler,
			false
			);
		}
		else if (doc.attachEvent)
		{
			doc.attachEvent(
			'onkeypress',
			function () { keyHandler(frameobj.event); }
			);
		}
		else
		{
			doc.onkeypress = keyHandler;
		}
	}
}

webEditor.prototype.init = function(str)
{
	this.getUA();
	this.drawEditor();
	this.genObj();
	if(e_isOpera)
	{
		this.textArea.value = str;
		return;
	}
	str = this.setText(str);
	this.iframe.document.open();
	this.iframe.document.write(str);
	this.iframe.document.close();
	this.iframe.document.designMode = "On";
	this.iframe.document.contentEditable = true;
	this.createToolBar();
	this.setKeypressHandler(e_onkeypress);
}

webEditor.prototype.getText = function()
{
	if(e_isOpera)
	{
		return this.textArea.value;
	}
	else if (e_isIE)
	{
		return this.iframe.document.body.innerText;
	}
	else
	{
		return this.iframe.document.body.innerHTML;
	}
}

webEditor.prototype.setContent = function(str)
{
	if(e_isOpera)
	{
		this.textArea.value = str;
	}
	else
	{
		this.iframe.document.body.innerHTML = str;
	}
}

webEditor.prototype.getHtml = function()
{
	if(e_isOpera)
	{
		return this.textArea.value;
	}
	var return_html =  this.iframe.document.body.innerHTML;
	if(return_html.toLowerCase()=="<p>&nbsp;</p>"
	|| return_html.toLowerCase()=="<br/>"
	|| return_html.toLowerCase()=="<br />"
	|| return_html.toLowerCase()=="<br>")
	return '';
	//ie
	return_html = return_html.replace(/<IMG style=\"WIDTH: (\d*)px; HEIGHT: (\d*)px\"[^<]*src=(\"[^\"]+\")[^<]*>/gi, '<img width=$1 height=$2 src=$3>');
	//firefox
	return_html = return_html.replace(/<img style=\"width: (\d*)px; height: (\d*)px;\"[^<]*src=(\"[^\"]+\")[^<]*>/gi, '<img width=$1 height=$2 src=$3>');
	return return_html;
}

webEditor.prototype.getFocus = function()
{
	if(e_isOpera)
	{
		this.textArea.focus();
	}
	else
	{
		this.iframe.focus();
	}
}

webEditor.prototype.getTextType = function()
{
	if(e_isOpera)
	{
		return "plain";
	}
	else
	{
		return "html";
	}
}

webEditor.prototype.selectBegin = function()
{
	this.iframe.focus();
	if (e_isIE)
	{
		this.range = this.iframe.document.selection.createRange();
		this.seltype = this.iframe.document.selection.type;
	}
}

webEditor.prototype.drawPanel = function(inner,name)
{
	var pid = this.id + "_" + name;
	if(this.openPanel !='')
	{
		this.removePanel(this.openPanel);
	}
	this.openPanel = pid;
	tdiv=document.createElement("div");
	tdiv.id = pid;
	tdiv.innerHTML=inner;
	tdiv.style.display="block";
	tdiv.style.position="absolute";

	var btn_ele = this.id+"_"+name+'_icon';
	var btn = ((btn_ele=='')?this.$(this.id+'_eid'):this.$(btn_ele));
	var btn_pos = b_getAbsolutePos(btn);
	tdiv.style.top = ((btn_ele=='')?btn_pos.top:(btn_pos.top+28)) + "px";
	tdiv.style.left = (btn_pos.left+1) + "px";
	document.body.appendChild(tdiv);
	tdiv.focus();
}

webEditor.prototype.removePanel = function(panelid)
{
	if(this.$(panelid))
	{
		document.body.removeChild(this.$(panelid));
		if(e_isIE && this.range && this.seltype != "Control")
		{
			this.range.select();
		}
		this.range = null;
	}
}

webEditor.prototype.autoClose = function(pid)
{
	setTimeout(this.id+".removePanel('"+pid+"')", 1000);
}

function e_swapImgRestore()
{
	var i,x,a=document.e_sr;
	for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
	x.src=x.oSrc;
}

function e_findObj(n, d)
{
	var p,i,x;
	if(!d)
	d=document;
	if((p=n.indexOf("?"))>0&&parent.frames.length)
	{
		d=parent.frames[n.substring(p+1)].document;
		n=n.substring(0,p);
	}
	if(!(x=d[n])&&d.all)
	x=d.all[n];
	for (i=0;!x&&i<d.forms.length;i++)
	x=d.forms[i][n];
	for(i=0;!x&&d.layers&&i<d.layers.length;i++)
	x=e_findObj(n,d.layers[i].document);
	if(!x && d.getElementById)
	x=d.getElementById(n);
	return x;
}

function e_swapImage()
{
	var i,j=0,x,a=e_swapImage.arguments;
	document.e_sr=new Array;
	for(i=0;i<(a.length-2);i+=3)
	if ((x=e_findObj(a[i]))!=null)
	{
		document.e_sr[j++]=x;
		if(!x.oSrc)
		x.oSrc=x.src;
		x.src=a[i+2];
	}
}

webEditor.prototype.createToolBar = function()
{
	var str ='<table ellpadding="0"cellspacing="0" class="webEditor"><tr>';
	//字体
	str +=(e_font?'<td width="42"><div id="'+this.id+'_fontname_icon" onclick="javascript:'+this.id+'.fontPanel();" onMouseOut="e_swapImgRestore()" onMouseOver="e_swapImage(\'font\',\'\',\'/images/webEditor/e1_2.gif\',0)"><img src="/images/webEditor/e1_2.gif" name="font" border="0"></div></td>':'');
	//字体大小
	str +=(e_fontsize?'<td width="42"><div id="'+this.id+'_fontsize_icon" onclick="javascript:'+this.id+'.fontsizePanel();" onMouseOut="e_swapImgRestore()" onMouseOver="e_swapImage(\'fontsize\',\'\',\'/images/webEditor/e2_1.gif\',0)"><img src="/images/webEditor/e2_1.gif" name="fontsize" border="0"></div></td>':'');
	//字体颜色
	str +=(e_color?'<td width="29"><div id="'+this.id+'_forecolor_icon" onclick="javascript:'+this.id+'.colorPanel();" onMouseOut="e_swapImgRestore()" onMouseOver="e_swapImage(\'color\',\'\',\'/images/webEditor/e3_1.gif\',0)"><img src="/images/webEditor/e3_1.gif" name="color" border="0"></div></td>':'');
	//文字背景颜色
	//str +=(e_bgcolor?'<td width="29"><div id="'+this.id+'_btn_bgcolor" onclick="javascript:'+this.id+'.colorPanel();" onMouseOut="e_swapImgRestore()" onMouseOver="e_swapImage(\'color\',\'\',\'/images/webEditor/e4_1.gif\',0)"><img src="/images/webEditor/e4_1.gif" name="bgcolor" border="0"></div></td>':'');
	//粗体字
	str +=(e_bold?'<td width="18"><div onclick="javascript:'+this.id+'.setStyle(\'bold\');" onMouseOut="e_swapImgRestore()" onMouseOver="e_swapImage(\'bold\',\'\',\'/images/webEditor/e5_1.gif\',0)"><img src="/images/webEditor/e5_1.gif" name="bold" border="0"></div></td>':'');
	//斜体字
	str +=(e_italic?'<td width="18"><div onclick="javascript:'+this.id+'.setStyle(\'italic\');" onMouseOut="e_swapImgRestore()" onMouseOver="e_swapImage(\'italic\',\'\',\'/images/webEditor/e6_1.gif\',0)"><img src="/images/webEditor/e6_1.gif" name="italic" border="0"></div></td>':'');
	//下划线字
	str +=(e_underline?'<td width="18"><div onclick="javascript:'+this.id+'.setStyle(\'underline\');" onMouseOut="e_swapImgRestore()" onMouseOver="e_swapImage(\'underline\',\'\',\'/images/webEditor/e7_1.gif\',0)"><img src="/images/webEditor/e7_1.gif" name="underline" border="0"></div></td>':'');
	//效果字
	//str +=(e_effect?'<td width="18"><div onclick="javascript:'+this.id+'.textEdit(\'effect\');" onMouseOut="e_swapImgRestore()" onMouseOver="e_swapImage(\'underline\',\'\',\'/images/webEditor/e8_1.gif\',0)"><img src="/images/webEditor/e8_1.gif" name="effect" border="0"></div></td>':'');
	//分隔
	//str +='<td width="6" align="center">&nbsp;</td>';
	//图片
	str +=(e_img?'<td width="18"><div id="'+this.id+'_image_icon" onclick="javascript:'+this.id+'.imagePanel();" onMouseOut="e_swapImgRestore()" onMouseOver="e_swapImage(\'image\',\'\',\'/images/webEditor/e9_1.gif\',0)"><img src="/images/webEditor/e9_1.gif" name="image" border="0"></div></td>':'');
	//音视频
	str +=(e_media?'<td width="18"><div id="'+this.id+'_media_icon" onclick="javascript:'+this.id+'.mediaPanel(\''+this.id+'_btn_media\');" onMouseOut="e_swapImgRestore()" onMouseOver="e_swapImage(\'media\',\'\',\'/images/webEditor/ea_1.gif\',0)"><img src="/images/webEditor/ea_1.gif" name="media" border="0"></div></td>':'');
	//链接
	str +=(e_link?'<td width="18"><div id="'+this.id+'_link_icon" onclick="javascript:'+this.id+'.linkPanel();" onMouseOut="e_swapImgRestore()" onMouseOver="e_swapImage(\'link\',\'\',\'/images/webEditor/eb_1.gif\',0)"><img src="/images/webEditor/eb_1.gif" name="link" border="0"></div></td>':'');
	//笑脸
	str +=(e_face?'<td width="29"><div id="'+this.id+'_face_icon" onclick="javascript:'+this.id+'.facePanel();" onMouseOut="e_swapImgRestore()" onMouseOver="e_swapImage(\'face\',\'\',\'/images/webEditor/ec_1.gif\',0)"><img src="/images/webEditor/ec_1.gif" name="face" border="0"></div></td>':'');
	str +='</tr></table>';
	this.toolbar.innerHTML = str;
}

webEditor.prototype.insertHTML = function(html)
{
	if (e_isIE)
	{
		if (!this.range)
		{
			this.selectBegin();
		}
		if(this.range && this.seltype != "Control")
		{
			this.range.pasteHTML(html);
			this.range.select();
		}
		this.range = null;
	}
	else
	{
		this.iframe.document.execCommand("insertHTML", false, html);
		this.iframe.focus();
	}
}
function showface_(){
	$("#myphoto").hide();
	$("#ec").show();
}

function shutdownthis(){
	$("#shutdownthis").hide();
}
webEditor.prototype.facePanel = function()
{
	this.selectBegin();

	if(this.$(this.id + '_face'))
	{
		document.body.removeChild(this.$(this.id + '_face'));
		return;
	}
	var pContent = '';
	var photoshowatthis=e_photo?'<a href="javascript:loadmyphoto()">我的相册</a>|':'';
	pContent +='<div id="shutdownthis"><div style="text-align:left;background-color:#DAD9CF;padding:4px;"><a href="javascript:showface_()">绿豆蛙</a>|'+photoshowatthis+'<a href="javascript:shutdownthis()">关闭</a></div><div id="myphoto" style="display:none"></div><div onmouseleave="javascript:'+this.id+'.autoClose(\''+this.id+'_face\')" class="e_d1" id="ec"><div class="e_d2"><div class="e_d3"><div class="e_d4"><div>';

	for(i=0;i<7;i++)
	{
		for(j=1;j<=9;j++)
		{
			if(j*i<62){
				var tt = (i*9+j).toString();
				var t='/images/smilies/'+tt+'.gif';
				pContent += '<div class="emo_of" onmouseover="this.className=\'emo_on\';" onmouseout="this.className=\'emo_of\';" onclick="javascript:'+this.id+'.insFace(\''+t+'\');"><img src="'+t+'" title="'+facetitle[i*9+j-1]+'" width="30" height="30" /></div>';
			}
		}
	}
	pContent +='<div class="c"></div>  </div></div></div></div></div></div>';
	this.drawPanel(pContent,'face');
}

webEditor.prototype.insFace = function(img)
{
	var arr = img.split('/');
	arr = arr[arr.length-1].split('.');
	var order = arr[0];

	var str = '';
	if (img != '')
	{
		str = "<img src='"+img+"' title='"+facetitle[order-1]+"' border=0>";
	}

	this.insertHTML(str);

	this.removePanel(this.id +'_face');
}

webEditor.prototype.insPic = function(thumb,picture)
{
	var str = "<br/><a class=\"miniImg artZoom\" href="+picture+" rel="+picture+"><img src="+thumb+" /></a>";
	this.insertHTML(str);
	this.removePanel(this.id +'_face');
}


webEditor.prototype.colorPanel = function()
{
	this.selectBegin();

	if(this.$(this.id+'_forecolor'))
	{
		this.removePanel(this.id+'_forecolor');
		return;
	}

	var color_set =new Array(
	new Array("#333333","#000000","#993300","#333300","#003300","#003366","#000080","#333399"),
	new Array("#808080","#800000","#ff6600","#808000","#008000","#008080","#0000ff","#666699"),
	new Array("#999999","#ff0000","#ff9900","#99cc00","#339966","#33cccc","#3366ff","#800080"),
	new Array("#c0c0c0","#ff00ff","#ffcc00","#ffff00","#00ff00","#00ffff","#00ccff","#993366"),
	new Array("#ffffff","#ff99cc","#ffcc99","#ffff99","#ccffcc","#F4F9FD","#99ccff","#cc99ff")
	);
	var cContent = '';

	cContent +='<div class="e_d1" id="e3" onmouseleave="javascript:'+this.id+'.autoClose(\''+this.id+'_forecolor\')"><div class="e_d2"><div class="e_d3"><div class="e_d4"><div class="sk" >';

	for(i=0;i<5;i++)
	{
		for(j=0;j<8;j++)
		{
			cContent += '<div class="sk_of" onmouseover="this.className=\'sk_on\';" onmouseout="this.className=\'sk_of\';" onclick="javascript:'+this.id+'.setStyle(\'forecolor\' , \''+color_set[i][j]+'\');"><div class="sk_sk" style="background:'+color_set[i][j]+';"></div></div>';
		}
	}
	cContent +='<div class="c"></div>  </div></div></div></div></div>';
	this.drawPanel(cContent,'forecolor');
}

webEditor.prototype.linkPanel = function()
{
	this.selectBegin();

	if(this.$(this.id+'_link'))
	{
		this.removePanel(this.id+'_link');
		return;
	}
	lContent = '';
	lContent += '<div class="e_d1" id="eb">\n';
	lContent += '<div class="e_d2">\n';
	lContent += '<div class="e_d3">\n';
	lContent += '<div class="e_d4">\n';
	lContent += '<div>请输入选择文字的链接地址</div>\n';
	lContent += '<div><span class="it_s"><input id="'+this.id+'_link_input" type="text" value="http://" style="width:200px;" class="it1" onfocus="this.className=\'it2\';" onblur="this.className=\'it1\';" /></span></div>\n';
	lContent += '<div class="e_d5">\n';
	lContent += '<span class="e_d51"><input type="button" id="btn_qd" value="确定" title="确定" class="e_d51_of" onmouseover="this.className=\'e_d51_on\';" onmouseout="this.className=\'e_d51_of\';" onclick="javascript:'+this.id+'.insLink();" /></span>\n';
	lContent += '<span class="e_d52"><input type="button" id="btn_qx" value="取消" title="取消" class="e_d52_of" onmouseover="this.className=\'e_d52_on\';" onmouseout="this.className=\'e_d52_of\';" onclick="javascript:'+this.id+'.removePanel(\''+this.id+'_link\');" /></span>\n';
	lContent += '</div>\n';
	lContent += '</div>\n';
	lContent += '</div>\n';
	lContent += '</div>\n';
	lContent += '</div>\n';

	this.drawPanel(lContent,'link');
}


webEditor.prototype.insLink = function()
{
	var link = this.$(this.id+'_link_input')
	var linkhtml="";
	linkhtml += "<a href=\"" + link.value + "\" target=\"_blank\">";

	if (e_isIE)
	{
		if(this.range && this.range.text!="")
		linkhtml += this.range.text+"</a>";
		else
		linkhtml += link.value+"</a>";
	}
	else
	{
		if (this.iframe.getSelection()!="")
		linkhtml += this.iframe.getSelection()+"</a>";
		else
		linkhtml += link.value+"</a>";
	}

	this.insertHTML(linkhtml);

	this.removePanel(this.id+'_link');
}

function showpicdlg(instance)
{
	openWindow('/interface/getmypic.php?instance='+instance, 570, 480, '选择照片');
}

function showgrppicdlg(instance)
{
	openWindow('/interface/getgrppic.php?gid='+g_gid+'&instance='+instance, 570, 480, '选择群相册照片');
}
//加载我的相册的分类
function loadalbum(){
	$.ajax({
		type:"POST",url:"/photo/load.php",data:"act=album",beforeSend:function(){$("#album_kind").html("<img src=\"/images/group/loader_shor_green.gif\">相册分类加载中.......");},success:function(msg){
			$("#album_kind").html(msg);
		}
	});
}

//加载我的相册里面的照片
function loadmyphoto(){
	$("#showMyPhoto").show();
	$.ajax({
		type:"POST",url:"/photo/load.php",data:"getphotos",beforeSend:function(){$("#showMyPhoto").html("<img src=\"/images/group/loader_shor_green.gif\">相册加载中.......");},success:function(msg){
			$("#showMyPhoto").html(msg);
		}
	});
}
//当分类改变时需要重新加载
function albumchange()
{
	albumid=$("#album").val();
	$.ajax({
		type:"POST",url:"/photo/load.php",data:"act=album&albumid="+albumid,beforeSend:function(){$("#showMyPhoto").html("<img src=\"/images/group/loader_shor_green.gif\">加载中.......");},success:function(msg){
			$("#showMyPhoto").html(msg);
		}
	});
}
//分页加载图片
function loadPhotoPage(albumid,page){
	$.ajax({
		type:"POST",url:"/photo/load.php",data:"act=album&albumid="+albumid+"&page="+page,beforeSend:function(){$("#showMyPhoto").html("<img src=\"/images/group/loader_shor_green.gif\">分页信息加载中.......");},success:function(msg){
			$("#showMyPhoto").html(msg);
		}
	});
}
//Ajax上传文件
function ajaxFileUpload(){
	$("#loading")
	.ajaxStart(function(){
		$(this).show();
	})
	.ajaxComplete(function(){
		$(this).hide();
	});
	
	$("#file_upload_submit").attr("disabled",true);
	
	$.ajaxFileUpload({
		url:'/photo/upload.php',
		secureuri:false,
		fileElementId:'uploadfile',
		type:"POST",
		dataType: 'html',
		data:"title=title",
		success:function(msg){
			$("#uploadfile").val('');
			$("#file_upload_submit").attr("disabled",false);
			loadmyphoto();
		},
		error:function(msg){
			$("#uploadfile").val('');
			$("#file_upload_submit").attr("disabled",false);
			loadmyphoto();
		}
	})
	return false;
}

//图片管理
webEditor.prototype.imagePanel = function()
{
	this.selectBegin();
	if(this.$(this.id+'_image'))
	{
		this.removePanel(this.id+'_image');
		return;
	}

	iContent = '';
	iContent += '<div class="e_d1" id="e9">\n';
	iContent += '<div class="e_d2">\n';
	iContent += '<div class="e_d3">\n';
	iContent += '<div class="e_d4">\n<div style="text-align:right;"><a href="javascript:'+this.id+'.removePanel(\''+this.id+'_image\')"><img src="/images/boxy/close_green.gif"></a></div>\n';
	iContent += '<div class="e_d43" style="padding-top:0;margin-top:0;">方法1：我的相册</div>\n<div style=\"padding:8px;padding-top:0;height:auto;\" id=\"album_kind\"></div>\n<div id="showMyPhoto" style="height:60px;"></div>\n';
	
	iContent += '<div class="e_d43">方法2：上传电脑里的图片(<span style="color:red;">同步至我的相册</span>)<img src="/images/group/new1.gif"></div>\n';
	iContent +='<input type="file" name="uploadfile" id="uploadfile" style="height:20px;"><input id="file_upload_submit" type="submit" value="上传" style="height:20px;" onclick="ajaxFileUpload()"><div id="loading" style="display:none;"><img src="/images/group/loader_shor_green.gif"></div>\n';
	
	iContent += '<div style=\"margin-top:10px;\">方法3：引用互联网上的图片</div>\n';
	iContent += '<div  style="margin-top:3px;"><input id="'+this.id+'_i_link" type="text" value="http://" style="width:200px;" onblur="this.className=\'it1\';" /></div>\n';
	
	'<div><form name='+this.id+'_i_file_form action=/interface/getimg.php method=post enctype="multipart/form-data" target="'+this.id+'_i_file_frame"><input id="'+this.id+'_i_file" type="file" name=img class="it5" /><input type=hidden name=instance value="'+this.id+'"></form><iframe id='+this.id+'_i_file_frame name='+this.id+'_i_file_frame style="display:none;"></iframe></div>\n';

	iContent += '<div class="e_d5">\n';
	iContent += '<span class="e_d51"><input type="button" id="btn_qd" value="确定" title="确定" class="e_d51_of" onmouseover="this.className=\'e_d51_on\';" onmouseout="this.className=\'e_d51_of\';" onclick="javascript:'+this.id+'.insImage();" /></span>\n';
	iContent += '<span class="e_d52"><input type="button" id="btn_qx" value="关闭" title="关闭" class="e_d52_of" onmouseover="this.className=\'e_d52_on\';" onmouseout="this.className=\'e_d52_of\';" onclick="javascript:'+this.id+'.removePanel(\''+this.id+'_image\');" /></span>\n';
	iContent += '</div>\n';
	iContent += '</div>\n';
	iContent += '</div>\n';
	iContent += '</div>\n';
	iContent += '</div>\n';
	this.drawPanel(iContent,'image');
	loadalbum();
	loadmyphoto();
}


webEditor.prototype.showerror = function(v_errno, v_error)
{
	alert(v_error);
	this.removePanel(this.id+'_image');
}

webEditor.prototype.uploadComplete = function(v_link)
{
	this.uploadfile += v_link + ",";
	var imghtml = "<img src='"+v_link+"'>";

	this.insertHTML(imghtml);

	this.removePanel(this.id+'_image');
}

webEditor.prototype.selectPicComplete = function(v_link)
{
	this.picfile += v_link + ",";
	var imghtml = "<img src='"+v_link+"'>";

	this.insertHTML(imghtml);

	this.removePanel(this.id+'_image');
}

webEditor.prototype.selectGrpPicComplete = function(v_link)
{
	this.grppicfile += v_link + ",";
	var imghtml = "<img src='"+v_link+"'>";

	this.insertHTML(imghtml);

	this.removePanel(this.id+'_image');
}


webEditor.prototype.insImage = function()
{
	var i_link =this.$(this.id+'_i_link');
	if (i_link.value != "http://" && i_link.value != "" && this.seltype != "Control")
	{
		var imghtml = "<img src='"+i_link.value+"'>";
		this.insertHTML(imghtml);
	}

	var i_file = this.$(this.id+'_i_file');
	if (i_file && i_file.value.length != 0)
	{
		var arr = i_file.value.split('\.');
		suffix = arr[arr.length-1].toLowerCase();
		if(suffix != "gif" && suffix != "png" && suffix != "jpg" && suffix != "jpeg" && suffix != "pjpeg" && suffix != "bmp")
		{
			alert("请选择gif/png/jpg/bmp类型的图片");
			return;
		}
		try
		{
			eval('document.' + this.id+'_i_file_form.submit()');
		}
		catch(e)
		{
			alert("请选择正确的文件。");
		}
	}
	else
	{
		this.removePanel(this.id+'_image');
	}
}

webEditor.prototype.mediaPanel = function()
{
	this.selectBegin();
	if(this.$(this.id+'_media'))
	{
		this.removePanel(this.id+'_media');
		return;
	}

	var iContent = '';
	iContent += '<div class="e_d1" id="ea">';
	iContent += '<div class="e_d2">';
	iContent += '<div class="e_d3">';
	iContent += '<div class="e_d4">';
	iContent += '<div>请粘贴视频源文件地址(Flash地址)：</div>';
	iContent += '<div><span class="it_s"><input id="'+this.id+'_m_link" type="text" value="http://" style="width:200px;" class="it1" onfocus="this.className=\'it2\';" onblur="this.className=\'it1\';" /></span></div>';
	iContent += '<div class="c9" style="padding:5px 0 0 2px;">视频粘贴小窍门：</div>';
	iContent += '<div class="c9" style="padding:0px 0 0 26px;">从视频所在的网页里，直接用鼠标将其拖拽/复制到日记内容输入框中。<a href="/s/help_general.html#q21" class="c9" target="_blank"><img src="http://img.kaixin001.com.cn/i/help/help_icon.gif" style="margin-top:-3px;*margin-top:0px;" align="absmiddle" title="如何粘贴视频" /></a></div>';
	iContent += '<div class="e_d5">';
	iContent += '<span class="e_d51"><input type="button" id="btn_qd" value="确定" title="确定" class="e_d51_of" onmouseover="this.className=\'e_d51_on\';" onmouseout=\"this.className=\'e_d51_of\';" onclick="javascript:'+this.id+'.insMedia();" /></span>\n';
	iContent += '<span class="e_d52"><input type="button" id="btn_qx" value="取消" title="取消" class="e_d52_of" onmouseover="this.className=\'e_d52_on\';" onmouseout="this.className=\'e_d52_of\';" onclick="javascript:'+this.id+'.removePanel(\''+this.id+'_media\');" /></span>';
	iContent += '</div>';
	iContent += '</div>';
	iContent += '</div>';
	iContent += '</div>';
	iContent += '</div>';
	iContent += '<br clear="all" /><br clear="all" />';

	this.drawPanel(iContent,'media');
}

webEditor.prototype.insMedia = function()
{
	var m_link =this.$(this.id+'_m_link').value;
	var dot_arr = m_link.split(".");
	var m_format = dot_arr[dot_arr.length-1].toLowerCase();
	var m_height = 384;
	var m_width = 454;
	if(m_format == "mp3" || m_format == "wma" || m_format == "midi")
	{
		m_height = 45;
		m_width = Math.ceil(this.width*0.7);

	}
	var mediahtml = '<EMBED style="DISPLAY: block; MARGIN: 0px auto 10px; TEXT-ALIGN: center" src='+m_link+' width='+m_width+' height='+m_height+' autostart="false" loop="false" />';

	this.insertHTML(mediahtml);

	this.removePanel(this.id+'_media');
}


webEditor.prototype.fontPanel = function()
{
	this.selectBegin();

	if(this.$(this.id+'_fontname'))
	{
		this.removePanel(this.id+'_fontname');
		return;
	}
	var fv = new Array("宋体","黑体","楷体_GB2312","隶书","幼圆","Arial","Tahoma","Times New Roman","Courier New","Sans-serif","Verdana");

	fContent = '';
	fContent += '<div class="e_d1" id="e1" onmouseleave="javascript:'+this.id+'.autoClose(\''+this.id+'_fontname\');">';
	fContent += '<div class="e_d2">';
	fContent += '<div class="e_d3">';
	for(i=0 ; i<fv.length ; i++)
	{
		fContent += '<div class="e_of" onmouseover="this.className=\'e_on\';" onmouseout="this.className=\'e_of\';" style="font-family:\''+fv[i]+'\';" onclick="javascript:'+this.id+'.setStyle(\'fontname\', \''+fv[i]+'\');">'+fv[i]+'</div>';
	}
	fContent += '</div>';
	fContent += '</div>';
	fContent += '</div>';
	this.drawPanel(fContent,'fontname');
}

webEditor.prototype.setStyle = function(name , value)
{
	if (e_isIE)
	{
		if (!this.range)
		{
			this.selectBegin();
		}
		if (this.range && this.seltype != "Control" && this.range.text != "")
		{
			this.range.execCommand(name, false, value);
			this.range.select();
		}
		else
		{
			this.iframe.document.execCommand(name, false, value);
		}
		this.range = null;
	}
	else
	{
		this.iframe.document.execCommand(name, false, value);
		this.iframe.focus();
	}

	if(this.$(this.id+"_"+name))
	{
		this.removePanel(this.id+"_"+name);
	}
}


webEditor.prototype.fontsizePanel = function()
{
	this.selectBegin();

	if(this.$(this.id+'_fontsize'))
	{
		this.removePanel(this.id+'_fontsize');
		return;
	}
	var fn = new Array("10","14","16","18","24","32","48");

	fContent = '';
	fContent +='<div class="e_d1" onmouseleave="javascript:'+this.id+'.autoClose(\''+this.id+'_fontsize\')">\n';
	fContent += '<table border=0 cellpadding=0 cellspacing=0><tr><td>';
	fContent +='<div class="e_d2">\n';
	fContent +='<div class="e_d3">\n';

	for(i=0 ; i<fn.length ; i++)
	{
		fContent +='<div class="e_of" onmouseover="this.className=\'e_on\';" onmouseout="this.className=\'e_of\';" onclick="javascript:'+this.id+'.setStyle(\'fontsize\',\''+(i+1)+'\');">'+fn[i]+'px'+'</div>\n';
	}
	fContent +='</div>\n';
	fContent +='</div>\n';
	fContent +='</td></tr></table>\n';
	fContent +='</div>\n';

	this.drawPanel(fContent,'fontsize');
}

function b_getAbsolutePos(element)
{
	if ( arguments.length != 1 || element == null )
	{
		return null;
	}
	var elmt = element;
	var offsetTop = elmt.offsetTop;
	var offsetLeft = elmt.offsetLeft;
	var offsetWidth = elmt.offsetWidth;
	var offsetHeight = elmt.offsetHeight;
	while( elmt = elmt.offsetParent )
	{
		// add this judge
		if ( elmt.style.position == 'absolute'
		//		    || elmt.style.position == 'relative'
		|| ( elmt.style.overflow != 'visible' && elmt.style.overflow != '' ) )
		{
			break;
		}
		offsetTop += elmt.offsetTop;
		offsetLeft += elmt.offsetLeft;
	}
	return {top:offsetTop, left:offsetLeft, right:offsetWidth+offsetLeft, bottom:offsetHeight+offsetTop };
}