var isIE = window.navigator.userAgent.indexOf("MSIE")>=1;
var isFireFox = window.navigator.userAgent.indexOf("Firefox")>=1;
var canContentEditable=true;
var CurrMode = "EDIT";

function getWin()
{
	return document.getElementById("HtmlEditor").contentWindow;
}

function getDoc()
{
	return getWin().document;
}

function HideMenu()
{
	var fontface = document.getElementById("fontface");
	var fontsize = document.getElementById("fontsize");
	var dvForeColor =document.getElementById("dvForeColor");
	var dvPortrait =document.getElementById("dvPortrait");
	var divAlign =document.getElementById("divAlign");
	var divList =document.getElementById("divList");
	if(dvForeColor) dvForeColor.style.display = "none";
	if(dvPortrait) dvPortrait.style.display = "none";
	if(fontface) fontface.style.display = "none";
	if(fontsize) fontsize.style.display = "none";
	if(divAlign) divAlign.style.display = "none";
	if(divList) divList.style.display = "none";
	
	UnsetFrmClick();
}

function GetParam(name) 
{ 
    var sSearch = location.search;
    var reg = new RegExp("(^|&|\\?)" + name + "=([^&]*)(&|$)", r);
    var r=sSearch.match(reg)
    if (r) 
        return unescape(r[2]); 
    else
        return null; 
}; 

function DisplayElement(element,displayValue, ev) 
{
	HideMenu();
	if (typeof element == "string" )
		element = document.getElementById(element);
		
	if (element == null) 
	    return;
	    

	element.style.display = displayValue;
	
	var f = getWin();
	
	element.style.height = null;
	if(element.clientHeight > f.document.body.clientHeight)
	{
	    element.style.height = (f.document.body.clientHeight - 3)+ "px";
	}
	
	
	var iX = ev.clientX;
	var iY = ev.clientY;

	element.style.display = "";

	element.style.left = (iX) + "px";
	element.style.top = 26 + "px";
	
	SetFrmClick();


	return true;
}

function formatFont(what, v)
{
	getDoc().execCommand("fontname", false,"eWebEditor_Temp_FontName");

	var a_Font = getDoc().body.getElementsByTagName("FONT");
	var arr = new Array();
	
	for (var i=0; i<a_Font.length; i++){
		var o_Font = a_Font[i];
		if (o_Font.getAttribute("face") == "eWebEditor_Temp_FontName"){
			arr[arr.length] = a_Font[i];
		};
	};
	for (var i=0; i<arr.length; i++){
		var o_Font = arr[i];
		delStyleInFont(o_Font, what);
    	delEmptyNodeInFont(o_Font);
		setStyleInFont(o_Font, what, v);
		o_Font.removeAttribute("face");

		var o_Parent = o_Font.parentNode;
		if (o_Parent.tagName=="FONT"){
			fontAttribute2Style(o_Parent);
		};
		if ((o_Parent.tagName=="FONT")||(o_Parent.tagName=="SPAN")){
			if (o_Parent.innerText ==o_Font.innerText && o_Parent.textContent==o_Font.textContent)
			{
				o_Parent.style.cssText = o_Parent.style.cssText + ";" + o_Font.style.cssText;
				o_Parent.innerHTML = o_Font.innerHTML;
				continue;
			};
		};
	};
    HideMenu();
};

function delStyleInFont(obj, what)
{
	setFontStyleValue(obj, what, "");
	var o_Children = obj.childNodes;
	for (var j=0; j<o_Children.length; j++){
	    if(o_Children[j].nodeType != 1)
	        continue;
		delStyleInFont(o_Children[j], what);
		if (o_Children[j].tagName=="FONT"){
			fontAttribute2Style(o_Children[j]);
		};
	};
};

function delEmptyNodeInFont(obj)
{
	var o_Children = obj.childNodes;
	for (var j=0; j<o_Children.length; j++)
	{
	    if(o_Children[j].nodeType != 1)
	        continue;
		delEmptyNodeInFont(o_Children[j]);
	
		if ((o_Children[j].tagName=="FONT") || (o_Children[j].tagName=="SPAN"))
		{
			if ((o_Children[j].style.cssText=="")||(o_Children[j].innerHTML==""))
			{
			    try
			    {
				    o_Children[j].removeNode(false);
    				delEmptyNodeInFont(obj);
    				return;
			    }
			    catch(e)
			    {
			    }
			};
		};
	};
};

function setStyleInFont(obj, what, v){
	setFontStyleValue(obj, what, v);
	var o_Children = obj.childNodes;
	for (var j=0; j<o_Children.length; j++){
	    if(o_Children[j].nodeType != 1)
	        continue;
		if ((o_Children[j].tagName=="SPAN")||(o_Children[j].tagName=="FONT")){
			setStyleInFont(o_Children[j], what, v);
		};
	};
};


function fontAttribute2Style(el){
	if (el.style.fontFamily==""){
		var s = el.getAttribute("face");
		if (s){
			el.style.fontFamily = s;
		};
	};
	el.removeAttribute("face");

	if (el.style.fontSize==""){
		var s = el.getAttribute("size");
		if (s){
			switch(s){
			case "1":
				s = "8pt";
				break;
			case "2":
				s = "10pt";
				break;
			case "3":
				s = "12pt";
				break;
			case "4":
				s = "14pt";
				break;
			case "5":
				s = "18pt";
				break;
			case "6":
				s = "24pt";
				break;
			case "7":
				s = "36pt";
				break;
			default:
				s = "";
				break;
			};
		};
		if (s){
			el.style.fontSize = s;
		};
	};
	el.removeAttribute("size");

	if (el.style.color==""){
		var s = el.getAttribute("color");
		if (s){
			el.style.color = s;
		};
	};
	el.removeAttribute("color");
};

function setFontStyleValue(obj, what, v){
	try{
		switch(what){
		case "face":
			obj.style.fontFamily = v;
			break;
		case "size":
			obj.style.fontSize = v;
			break;
		case "color":
			obj.style.color = v;
			break;
		default:
			break;
		};
	}catch(e){};
};

var bInitialized = false;
function Init()
{
    
    if(!canContentEditable)
    {
        return;
    }

	if (bInitialized) 
	{
	    return;
	}
    bInitialized = true;

    SetEditable();
    SetMode("EDIT");

    
    SetStyle()
    if(parent.oprcontent)
        parent.oprcontent()
}

function SetStyle()
{
    document.getElementById("showsourcetd").style.display=GetParam("showsource")=="true"?"":"none"
    document.getElementById("showsourcecheck").checked=false;
    
    document.getElementById("showhylinktd").style.display=GetParam("showhylink")=="true"?"":"none"
    document.getElementById("showcancelhylinktd").style.display=GetParam("showhylink")=="true"?"":"none"
    document.getElementById("showaddimgtd").style.display=GetParam("showaddimg")=="true"?"":"none"
    
    document.getElementById("OutdentTD").style.display=GetParam("style")=="short"?"none":""
    document.getElementById("IndentTD").style.display=GetParam("style")=="short"?"none":""
}

function SetEditable()
{
    getDoc().body.contentEditable="true";
    if(!isIE)
    {
        getDoc().designMode="on";
        getDoc().execCommand("useCSS",false, true);
    }
}

function UnsetFrmClick()
{
    if(isIE)
    {
	    parent.document.detachEvent("onclick", HideMenu);
	    getDoc().detachEvent("onclick", HideMenu);
	}
	else
    {
	    parent.document.removeEventListener("click", HideMenu, false);
	    getDoc().removeEventListener("click", HideMenu, false);
    }
}

function SetFrmClick()
{
    if(isIE)
    {
	    parent.document.attachEvent("onclick", HideMenu);
	    getDoc().attachEvent("onclick", HideMenu);
	}
	else
    {
	    parent.document.addEventListener("click", HideMenu, false);
	    getDoc().addEventListener("click", HideMenu, false);
    }
}

function format(type, para)
{
    getWin().focus();
	getDoc().execCommand(type, false, para);
    HideMenu();
}

function setFocus()
{
    getWin().focus();
}

var SetColorType = "";

function DisplayColorBoard(colortype, ev)
{
    HideMenu();
    
    SetColorType = colortype
	var dvForeColor =document.getElementById("dvForeColor");
	dvForeColor.innerHTML = drawCube();
	
	var iX = ev.clientX;
	var iY = ev.clientY;
	dvForeColor.style.display = "";
	
	dvForeColor.style.left = (iX-60) + "px";
	dvForeColor.style.top = 26 + "px";
	
	SetFrmClick();
	return true;
}

function SelectColor(color)
{
    format(SetColorType, color);
}


function createLink() 
{
    HideMenu();
    
    if(GetParam("linktype") == "select")
    {
	    showModalDialog('link.jsp', window, "dialogWidth:400px;dialogHeight:150px;help:no;scroll:no;status:no");
    }
    else
    {
    	var sURL=window.prompt("请输入链接位置:", "http://");
    	if ((sURL!=null) && (sURL!="http://"))
    	{
    		format("CreateLink", sURL);
    	}
    }
}

function UnLink() 
{
    HideMenu();
	format("UnLink");
}

function createImg()	
{
    HideMenu();
	if(GetParam("linktype") == "select")
    {
    	showModalDialog('img.jsp', window, "dialogWidth:400px;dialogHeight:315px;help:no;scroll:no;status:no");
    }
    else
    {
        if(GetParam("linktype") == "upimage")
        {
            var imgsrc = showModalDialog('upimage.jsp?owner='+GetParam("owner")+'&ownerName='+GetParam("ownerName")+'&dbName='+GetParam("dbName"), window, "dialogWidth:350px;dialogHeight:150px;resizable:yes;");
			if(imgsrc!=''&&imgsrc!=undefined)
			{
				format("InsertImage", imgsrc);
			}
        }  
        else
        {
        	var sPhoto=prompt("请输入图片位置:", "http://");
        	if ((sPhoto!=null) && (sPhoto!="http://"))
        	{
        		format("InsertImage", sPhoto);
        	}
        }  
    }
}

function insertHTML(html)
{
    getWin().focus();
	if (getDoc().selection.type.toLowerCase() != "none")
		getDoc().selection.clear() ;
	
	var range = getDoc().selection.createRange();
	range.pasteHTML(html);
}

function showsource(o)
{
    HideMenu();

    var tr = o.parentNode.parentNode;
    if(o.checked)
    {
        tr.style.visibility = "hidden"
        SetMode("CODE");
    }
    else
    {
        tr.style.visibility = "visible"
        SetMode("EDIT");
    }
}


function SetMode(NewMode)
{
    if(NewMode == CurrMode)
        return;
    
    var sBody = "";
    switch(CurrMode)
    {
	case "CODE":
	    if(isIE)
	        sBody = getDoc().body.innerText;
	    else
	        sBody = getDoc().body.textContent;
	    break;
	    
	case "EDIT":
	    sBody = getDoc().body.innerHTML;
	    break;
    }
    CurrMode = NewMode;
    setHTML(sBody);
}

function getHTML()
{
    if(!canContentEditable)
    {
        return document.getElementById("sourceEditor").value;
    }
    var sBody = "";
    switch(CurrMode)
    {
	case "CODE":
	    if(isIE)
	        sBody = getDoc().body.innerText;
	    else
	        sBody = getDoc().body.textContent;
	    break;
	    
	case "EDIT":
	    sBody = getDoc().body.innerHTML;
	    break;
    }
    
    return sBody;
}
function setHTML(html) 
{
    if(!canContentEditable)
    {
        document.getElementById("sourceEditor").value=html;
        return;
    }
	switch (CurrMode)
	{
	case "CODE":
    	getDoc().open();
    	getDoc().write("<html><body></body></html>");
    	if(isIE)
    	    getDoc().body.innerText = html;
    	else
    	    getDoc().body.textContent = html;
    	getDoc().close();
    	break;
	case "EDIT":
	    if(isFireFox && html == "")
	        html = "<br>"
    	getDoc().open();
		getDoc().write("<html><body>" + html + "</body></html>");
    	getDoc().close();
    	break;
    }
    
    SetEditable();
    getDoc().body.onpaste = onPaste ;
    getDoc().body.onhelp = onHelp ;
    getDoc().body.ondragend = onDragEnd;
}


function onPaste() 
{
	if (CurrMode=="EDIT")
	{
		var sHTML = GetClipboardHTML() ;
		
		getDoc().selection.createRange().pasteHTML(sHTML) ;
	}
	else
	{
		getDoc().selection.createRange().pasteHTML(HTMLEncode( clipboardData.getData("Text"))) ;
	}
	return false;
}

function GetClipboardHTML() 
{
	var oDiv = document.getElementById("SmallEditor_Temp_HTML");
	oDiv.innerHTML = "" ;
	
	var oTextRange = document.body.createTextRange() ;
	oTextRange.moveToElementText(oDiv) ;
	oTextRange.execCommand("Paste") ;
	
	var sData = oDiv.innerHTML ;
	oDiv.innerHTML = "" ;
	
	return sData ;
}

function onHelp()
{
	return false;
}

function onDragEnd()
{
	return false;
}

function HTMLEncode(text)
{
	if (text==null){return "";};
	text = text.replace(/&/g, "&amp;") ;
	text = text.replace(/"/g, "&quot;") ;
	text = text.replace(/</g, "&lt;") ;
	text = text.replace(/>/g, "&gt;") ;
	text = text.replace(/\n/g,"<br>");
	return text;
}

function setCanContentEditable(canEdit)
{
	canContentEditable=canEdit;
}
//获得浏览器类别名称
function getBrowsers()
{
	var userinfo = navigator.userAgent.toLowerCase();
	var arrayBrowser = new Array("msie", "firefox", "android 1","android 2","android 3","android 4","android ","safari", "opera", "netscape");
	for(var i = 0; i < arrayBrowser.length; i ++)
	{
		if(userinfo.indexOf(arrayBrowser[i]) != -1)
		{
			return arrayBrowser[i];
		}
	}
	return "other";
}
;