diff --git a/src/main/java/seed/admin/member/service/AdminMemberServiceImpl.java b/src/main/java/seed/admin/member/service/AdminMemberServiceImpl.java
index d73b5a03..5275842c 100644
--- a/src/main/java/seed/admin/member/service/AdminMemberServiceImpl.java
+++ b/src/main/java/seed/admin/member/service/AdminMemberServiceImpl.java
@@ -1,925 +1,924 @@
-package seed.admin.member.service;
-
-import java.util.Date;
-import java.util.List;
-import java.util.Map;
-
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.stereotype.Service;
-import org.springframework.transaction.annotation.Transactional;
-
-import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
-
-import seed.dao.BannerDataDAO;
-import seed.dao.BannerManagerDAO;
-import seed.dao.BannerSetDAO;
-import seed.dao.BbsAuthDAO;
-import seed.dao.BbsCommentDAO;
-import seed.dao.BbsDataDAO;
-import seed.dao.BbsItemDAO;
-import seed.dao.BbsManagerDAO;
-import seed.dao.BbsSetDAO;
-import seed.dao.BbsSkinDAO;
-import seed.dao.CommonMessageDAO;
-import seed.dao.FormbuilderAuthDAO;
-import seed.dao.FormbuilderItemDAO;
-import seed.dao.FormbuilderManagerDAO;
-import seed.dao.FormbuilderSetDAO;
-import seed.dao.FormbuilderSkinDAO;
-import seed.dao.GroupsDAO;
-import seed.dao.MemberDAO;
-import seed.dao.MenuAuthDAO;
-import seed.dao.PopupDataDAO;
-import seed.dao.PopupManagerDAO;
-import seed.dao.PopupSetDAO;
-import seed.dao.QuickDataDAO;
-import seed.dao.QuickManagerDAO;
-import seed.dao.QuickSetDAO;
-import seed.dao.SiteDAO;
-import seed.dao.SiteManagerDAO;
-import seed.dao.SiteMenuDAO;
-import seed.dao.SiteMenuManagerDAO;
-import seed.dao.SurveyAuthDAO;
-import seed.dao.SurveyItemDAO;
-import seed.dao.SurveyManagerDAO;
-import seed.dao.SurveySetDAO;
-import seed.dao.SurveySkinDAO;
-import seed.dao.VisualDataDAO;
-import seed.dao.VisualManagerDAO;
-import seed.dao.VisualSetDAO;
-import seed.map.T_BANNER_DATA;
-import seed.map.T_BANNER_MANAGER;
-import seed.map.T_BANNER_SET;
-import seed.map.T_BBS_AUTH;
-import seed.map.T_BBS_COMMENT;
-import seed.map.T_BBS_DATA;
-import seed.map.T_BBS_ITEM;
-import seed.map.T_BBS_MANAGER;
-import seed.map.T_BBS_SET;
-import seed.map.T_BBS_SKIN;
-import seed.map.T_FORMBUILDER_AUTH;
-import seed.map.T_FORMBUILDER_ITEM;
-import seed.map.T_FORMBUILDER_MANAGER;
-import seed.map.T_FORMBUILDER_SET;
-import seed.map.T_FORMBUILDER_SKIN;
-import seed.map.T_GROUP;
-import seed.map.T_GROUPS;
-import seed.map.T_MEMBER;
-import seed.map.T_MENU_AUTH;
-import seed.map.T_MESSAGE;
-import seed.map.T_POPUP_DATA;
-import seed.map.T_POPUP_MANAGER;
-import seed.map.T_POPUP_SET;
-import seed.map.T_QUICK_DATA;
-import seed.map.T_QUICK_MANAGER;
-import seed.map.T_QUICK_SET;
-import seed.map.T_SITE;
-import seed.map.T_SITE_MANAGER;
-import seed.map.T_SITE_MENU;
-import seed.map.T_SITE_MENU_MANAGER;
-import seed.map.T_SURVEY_AUTH;
-import seed.map.T_SURVEY_ITEM;
-import seed.map.T_SURVEY_MANAGER;
-import seed.map.T_SURVEY_SET;
-import seed.map.T_SURVEY_SKIN;
-import seed.map.T_VISUAL_DATA;
-import seed.map.T_VISUAL_MANAGER;
-import seed.map.T_VISUAL_SET;
-import seed.utils.SeedUtils;
-
-@Service
-public class AdminMemberServiceImpl extends AbstractServiceImpl implements AdminMemberService{
-	
-    @Autowired
-    private MemberDAO memberDAO;
-    
-    @Autowired
-    private GroupsDAO groupsDAO;
-    
-    @Autowired
-    private BbsDataDAO bbsDataDAO;
-    
-    @Autowired
-    private CommonMessageDAO commonMessageDAO;
-    
-    @Autowired
-    private SiteManagerDAO siteManagerDAO;
-    
-    @Autowired
-    private SiteMenuDAO siteMenuDAO;
-    
-    @Autowired
-    private SiteMenuManagerDAO siteMenuManagerDAO;
-    
-    @Autowired
-    private BbsManagerDAO bbsManagerDAO;
-    
-    @Autowired
-    private FormbuilderManagerDAO formbuilderManagerDAO;
-    
-    @Autowired
-    private SurveyManagerDAO surveyManagerDAO;
-    
-    @Autowired
-    private BannerManagerDAO bannerManagerDAO;
-    
-    @Autowired
-    private PopupManagerDAO popupManagerDAO;
-    
-    @Autowired
-    private VisualManagerDAO visualManagerDAO;
-    
-    @Autowired
-    private QuickManagerDAO quickManagerDAO;
-    
-    @Autowired
-    private SiteDAO siteDAO;
-
-    @Autowired
-    private BbsSkinDAO bbsSkinDAO;
-    
-    @Autowired
-    private BbsSetDAO bbsSetDAO;
-    
-    @Autowired
-    private BbsAuthDAO bbsAuthDAO;
-    
-    @Autowired
-    private BbsItemDAO bbsItemDAO;
-
-    @Autowired
-    private BbsCommentDAO bbsCommentDAO;
-    
-    @Autowired
-    private FormbuilderSkinDAO formbuilderSkinDAO;
-    
-    @Autowired
-    private FormbuilderSetDAO formbuilderSetDAO;
-    
-    @Autowired
-    private FormbuilderAuthDAO formbuilderAuthDAO;
-    
-    @Autowired
-    private FormbuilderItemDAO formbuilderItemDAO;
-    
-    @Autowired
-    private SurveySkinDAO surveySkinDAO;
-    
-    @Autowired
-    private SurveySetDAO surveySetDAO;
-    
-    @Autowired
-    private SurveyAuthDAO surveyAuthDAO;
-    
-    @Autowired
-    private SurveyItemDAO surveyItemDAO;
-    
-    @Autowired
-    private MenuAuthDAO menuAuthDAO;
-    
-    @Autowired
-    private BannerSetDAO bannerSetDAO;
-    
-    @Autowired
-    private BannerDataDAO bannerDataDAO;
-    
-    @Autowired
-    private PopupSetDAO popupSetDAO;
-    
-    @Autowired
-    private PopupDataDAO popupDataDAO;
-    
-    @Autowired
-    private VisualSetDAO visualSetDAO;
-    
-    @Autowired
-    private VisualDataDAO visualDataDAO;
-    
-    @Autowired
-    private QuickSetDAO quickSetDAO;
-    
-    @Autowired
-    private QuickDataDAO quickDataDAO;
-    
-	//AdminMemberController, AdminGroupController, AdminSiteController
-	public T_MEMBER getMemberForm(Integer memberIdx){
-		
-		return memberDAO.getMemberForm(memberIdx);
-	}
-	
-	public Map<Object, Object> getMemberMapForm(Integer memberIdx, String[] qryColumns){
-		
-		return memberDAO.getMemberMapForm(memberIdx, qryColumns);
-	}
-	
-	//AdminMemberController
-    public Long getMemberFormCnt(String memberId){
-    	
-    	return memberDAO.getMemberFormCnt(memberId);
-    }
-    
-    //AdminMemberController
-    public Long getMemberListCnt(String siteIdx, Integer selGroup, String column, String search){
-    	
-    	return memberDAO.getMemberListCnt(siteIdx, selGroup, column, search);
-    }
-
-    //AdminMemberController
-    public Long getMemberListCnt(String column, String search){
-    	
-    	return memberDAO.getMemberListCnt(column, search);
-    }
-
-    //AdminMemberController
-    public Long getMemberPrivacyListCnt(String siteIdx, String column, String search, Integer privacyDate){
-    	
-    	return memberDAO.getMemberPrivacyListCnt(siteIdx, column, search, privacyDate);
-    }
-    
-    //AdminMemberController
-    public List<T_MEMBER> getMemberList(String siteIdx, int page, int row, String orderColumn, String order, Integer selGroup, String column, String search, String[] qryColumns){
-    	
-    	return memberDAO.getMemberList(siteIdx, ((page-1) * row), row, orderColumn, order, selGroup, column, search, qryColumns);
-    }
-    
-    //AdminMemberController
-    public List<T_MEMBER> getMemberList(int page, int row, String orderColumn, String order, String column, String search, String[] qryColumns){
-    	
-    	return memberDAO.getMemberList(((page-1) * row), row, orderColumn, order, column, search, qryColumns);
-    }
-    
-    //AdminMemberController
-    public List<T_MEMBER> getMemberPrivacyList(String siteIdx, int page, int row, String orderColumn, String order, String column, String search, Integer privacyDate, String[] qryColumns){
-    	
-    	return memberDAO.getMemberPrivacyList(siteIdx, ((page-1) * row), row, orderColumn, order, column, search, privacyDate, qryColumns);
-    }
-	
-	//AdminMemberController
-    @Transactional
-	public Integer setMemberRegProc(T_MEMBER tMember, T_SITE tSite, T_GROUP tGroup, String memberAuto){
-		
-		Integer memberIdx = 0;
-		
-		String strCode =  SeedUtils.getSeedMD5Code(tMember.getMemberPw());
-		tMember.setMemberPw(SeedUtils.getSeedSHA256Code(strCode));
-		tMember.setMemberGrant("N");
-		
-		if(memberAuto.equals("true")){
-			tMember.setMemberStatus("U");
-		}else if(memberAuto.equals("false")){
-			tMember.setMemberStatus("S");
-		}
-		
-		tMember.setMemberCode(strCode);
-		tMember.setMemberRegDate(new Date());
-		tMember.setMemberModDate(new Date());
-		
-		T_MEMBER tMemberDB = memberDAO.setMemberRegProc(tMember);
-		
-		if(tMemberDB != null){
-			
-			memberIdx = tMemberDB.getMemberIdx();
-			
-			T_GROUPS tGroups = new T_GROUPS();
-			tGroups.settSite(tSite);
-			tGroups.settGroup(tGroup);
-			tGroups.settMember(tMemberDB);
-			tGroups.setGroupsStatus("U");
-			tGroups.setGroupsRegDate(new Date());
-			
-			if(!groupsDAO.setGroupsRegProc(tGroups)){
-				memberIdx = 0;				
-			}
-		}
-
-		return memberIdx;
-	}
-	
-	//AdminMemberController	
-    @Transactional
-	public boolean setMemberModProc(T_MEMBER tMember){
-		
-		T_MEMBER tMemberDB = memberDAO.getMemberForm(tMember.getMemberIdx());
-
-		if(!tMember.getMemberPw().equals("")){
-			String strCode =  SeedUtils.getSeedMD5Code(tMember.getMemberPw());
-			tMemberDB.setMemberPw(SeedUtils.getSeedSHA256Code(strCode));
-			tMemberDB.setMemberCode(strCode);
-		}
-		
-		tMemberDB.setMemberOldPwChk("Y");
-		tMemberDB.setMemberId(tMember.getMemberId());
-		tMemberDB.setMemberName(tMember.getMemberName());
-		tMemberDB.setMemberEmail1(tMember.getMemberEmail1());
-		tMemberDB.setMemberEmail2(tMember.getMemberEmail2());
-		tMemberDB.setMemberModDate(new Date());
-		
-		tMemberDB.setMemberPost(tMember.getMemberPost());
-		tMemberDB.setMemberAddress1(tMember.getMemberAddress1());
-		tMemberDB.setMemberAddress2(tMember.getMemberAddress2());
-		tMemberDB.setMemberDept(tMember.getMemberDept());
-		tMemberDB.setMemberPosition(tMember.getMemberPosition());
-		tMemberDB.setMemberTel(tMember.getMemberTel());
-		tMemberDB.setMemberPhone(tMember.getMemberPhone());
-		
-		tMemberDB.setMemberItemA1(tMember.getMemberItemA1());
-		tMemberDB.setMemberItemB2(tMember.getMemberItemB2());
-		tMemberDB.setMemberItemC3(tMember.getMemberItemC3());
-		tMemberDB.setMemberItemD4(tMember.getMemberItemD4());
-		tMemberDB.setMemberItemE5(tMember.getMemberItemE5());
-		tMemberDB.setMemberItemF6(tMember.getMemberItemF6());
-		tMemberDB.setMemberItemG7(tMember.getMemberItemG7());
-		tMemberDB.setMemberItemH8(tMember.getMemberItemH8());
-		tMemberDB.setMemberItemI9(tMember.getMemberItemI9());
-		tMemberDB.setMemberItemJ10(tMember.getMemberItemJ10());		
-		
-		return memberDAO.setMemberModProc(tMemberDB);
-	}
-	
-	//AdminMemberController	
-    @Transactional
-	public boolean setMemberDelProc(String siteIdx, Integer memberIdx, String memberFlag){
-		
-		boolean success = false;
-		
-		List<T_GROUPS> groupsList = groupsDAO.getGroupsList(siteIdx, memberIdx);
-		
-		if(groupsList.size() > 0){
-			for(int g=0; g<groupsList.size(); g++){
-				T_GROUPS tGroups = groupsList.get(g);
-				if(!groupsDAO.setGroupsDelProc(tGroups)){
-					success = false;
-					break;
-				}else{
-					success = true;
-				}
-			}
-		}else{
-			success = true;
-		}
-		
-		if(success){
-
-			T_MEMBER tMemberDB = memberDAO.getMemberForm(memberIdx);
-			
-			if(memberFlag.equals("false")){
-
-				String memberGrant = tMemberDB.getMemberGrant();
-
-				//쪽지 리스트
-				List<T_MESSAGE> messageList = commonMessageDAO.getMessageList(memberIdx);
-				
-				//게시글 리스트
-				List<T_BBS_DATA> bbsDataList = bbsDataDAO.getBbsDataList(memberIdx);
-				
-				//쪽지 삭제
-				if(messageList.size() > 0){
-					for(int i=0; i<messageList.size(); i++){
-						T_MESSAGE tMessageDB = messageList.get(i);
-						if(!commonMessageDAO.setMessageDelProc(tMessageDB)){
-							success = false;
-						}
-					}
-				}
-				
-				if(memberGrant.equals("N")){ //일반 사용자
-					
-					//게시글 삭제
-					if(bbsDataList.size() > 0){
-						for(int i=0; i<bbsDataList.size(); i++){
-							T_BBS_DATA tBbsDataDB = bbsDataList.get(i);
-							if(!bbsDataDAO.setBbsDataDelProc(tBbsDataDB)){
-								success = false;
-							}
-						}
-					}
-					
-				}else{ //관리자
-					
-					//슈퍼관리자 MEMBER_IDX = 1
-					T_MEMBER tMemberSDB = memberDAO.getMemberForm(1);
-					
-					/***************************** 사이트 관련 *****************************/
-					//사이트
-					List<T_SITE> siteList = siteDAO.getSiteList(memberIdx);
-					
-					if(siteList.size() > 0){
-						for(int i=0; i<siteList.size(); i++){
-							T_SITE tSiteDB = siteList.get(i);
-							tSiteDB.settMember(tMemberSDB);
-							if(!siteDAO.setSiteModProc(tSiteDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//사이트 관리자 리스트
-					List<T_SITE_MANAGER> siteManagerList = siteManagerDAO.getSiteManagerList(memberIdx);
-					
-					//사이트 관리자 삭제
-					if(siteManagerList.size() > 0){
-						for(int i=0; i<siteManagerList.size(); i++){
-							T_SITE_MANAGER tSiteManagerDB = siteManagerList.get(i);
-							if(!siteManagerDAO.setSiteManagerDelProc(tSiteManagerDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//사이트 메뉴 작성자 리스트
-					List<T_SITE_MENU> siteMenuList = siteMenuDAO.getSiteMenuList(memberIdx);
-					
-					if(siteMenuList.size() > 0){
-						for(int i=0; i<siteMenuList.size(); i++){
-							T_SITE_MENU tSiteMenuDB = siteMenuList.get(i);
-							tSiteMenuDB.settMember(tMemberSDB);
-							if(!siteMenuDAO.setSiteMenuModProc(tSiteMenuDB)){
-								success = false;
-							}
-						}
-					}				
-					
-					//사이트 메뉴 관리자 리스트
-					List<T_SITE_MENU_MANAGER> siteMenuManagerList = siteMenuManagerDAO.getSiteMenuManagerList(memberIdx);
-					
-					//사이트 메뉴 관리자 삭제
-					if(siteMenuManagerList.size() > 0){
-						for(int i=0; i<siteMenuManagerList.size(); i++){
-							T_SITE_MENU_MANAGER tSiteMenuManagerDB = siteMenuManagerList.get(i);
-							if(!siteMenuManagerDAO.setSiteMenuManagerDelProc(tSiteMenuManagerDB)){
-								success = false;
-							}
-						}
-					}				
-					/***************************** 사이트 관련 *****************************/
-					
-					
-					/***************************** 게시판 관련 *****************************/
-					//게시글 MEMBER_IDX 변경
-					if(bbsDataList.size() > 0){
-						for(int i=0; i<bbsDataList.size(); i++){
-							T_BBS_DATA tBbsDataDB = bbsDataList.get(i);
-							tBbsDataDB.settMember(tMemberSDB);
-							if(!bbsDataDAO.setBbsDataModProc(tBbsDataDB)){
-								success = false;
-							}
-						}
-					}
-
-					//게시판 스킨
-					List<T_BBS_SKIN> bbsSkinList = bbsSkinDAO.getBbsSkinList(memberIdx);
-					
-					if(bbsSkinList.size() > 0){
-						for(int i=0; i<bbsSkinList.size(); i++){
-							T_BBS_SKIN tBbsSkinDB = bbsSkinList.get(i);
-							tBbsSkinDB.settMember(tMemberSDB);
-							if(!bbsSkinDAO.setBbsSkinModProc(tBbsSkinDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//게시판 기능 리스트
-					List<T_BBS_SET> bbsSetList = bbsSetDAO.getBbsSetList(memberIdx);
-					
-					if(bbsSetList.size() > 0){
-						for(int i=0; i<bbsSetList.size(); i++){
-							T_BBS_SET tBbsSetDB = bbsSetList.get(i);
-							tBbsSetDB.settMember(tMemberSDB);
-							if(!bbsSetDAO.setBbsSetModProc(tBbsSetDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//게시판 관리자 리스트
-					List<T_BBS_MANAGER> bbsManagerList = bbsManagerDAO.getBbsManagerList(memberIdx);
-					
-					//게시판 관리자 삭제
-					if(bbsManagerList.size() > 0){
-						for(int i=0; i<bbsManagerList.size(); i++){
-							T_BBS_MANAGER tBbsManagerDB = bbsManagerList.get(i);
-							if(!bbsManagerDAO.setBbsManagerDelProc(tBbsManagerDB)){
-								success = false;
-							}
-						}
-					}				
-					
-					//게시판 권한 리스트
-					List<T_BBS_AUTH> bbsAuthList = bbsAuthDAO.getBbsAuthList(memberIdx);
-					
-					if(bbsAuthList.size() > 0){
-						for(int i=0; i<bbsAuthList.size(); i++){
-							T_BBS_AUTH tBbsAuthDB = bbsAuthList.get(i);
-							tBbsAuthDB.settMember(tMemberSDB);
-							if(!bbsAuthDAO.setBbsAuthModProc(tBbsAuthDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//게시판 항목 리스트
-					List<T_BBS_ITEM> bbsItemList = bbsItemDAO.getBbsItemAllList(memberIdx);
-					
-					if(bbsItemList.size() > 0){
-						for(int i=0; i<bbsItemList.size(); i++){
-							T_BBS_ITEM tBbsItemDB = bbsItemList.get(i);
-							tBbsItemDB.settMember(tMemberSDB);
-							if(!bbsItemDAO.setBbsItemModProc(tBbsItemDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//게시판 코멘트 리스트
-					List<T_BBS_COMMENT> bbsCommentList = bbsCommentDAO.getBbsCommentList(memberIdx);
-					
-					if(bbsCommentList.size() > 0){
-						for(int i=0; i<bbsCommentList.size(); i++){
-							T_BBS_COMMENT tBbsCommentDB = bbsCommentList.get(i);
-							tBbsCommentDB.settMember(tMemberSDB);
-							if(!bbsCommentDAO.setBbsCommentModProc(tBbsCommentDB)){
-								success = false;
-							}
-						}
-					}
-					/***************************** 게시판 관련 *****************************/
-
-					
-					/***************************** 폼빌더 관련 *****************************/
-					//폼빌더 스킨
-					List<T_FORMBUILDER_SKIN> formbuilderSkinList = formbuilderSkinDAO.getFormbuilderSkinList(memberIdx);
-					
-					if(formbuilderSkinList.size() > 0){
-						for(int i=0; i<formbuilderSkinList.size(); i++){
-							T_FORMBUILDER_SKIN tFormbuilderSkinDB = formbuilderSkinList.get(i);
-							tFormbuilderSkinDB.settMember(tMemberSDB);
-							if(!formbuilderSkinDAO.setFormbuilderSkinModProc(tFormbuilderSkinDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//폼빌더 기능 리스트
-					List<T_FORMBUILDER_SET> formbuilderSetList = formbuilderSetDAO.getFormbuilderSetList(memberIdx);
-					
-					if(formbuilderSetList.size() > 0){
-						for(int i=0; i<formbuilderSetList.size(); i++){
-							T_FORMBUILDER_SET tFormbuilderSetDB = formbuilderSetList.get(i);
-							tFormbuilderSetDB.settMember(tMemberSDB);
-							if(!formbuilderSetDAO.setFormbuilderSetModProc(tFormbuilderSetDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//폼빌더 관리자 리스트
-					List<T_FORMBUILDER_MANAGER> formbuilderManagerList = formbuilderManagerDAO.getFormbuilderManagerList(memberIdx);
-					
-					//폼빌더 관리자 삭제
-					if(formbuilderManagerList.size() > 0){
-						for(int i=0; i<formbuilderManagerList.size(); i++){
-							T_FORMBUILDER_MANAGER tFormbuilderManagerDB = formbuilderManagerList.get(i);
-							if(!formbuilderManagerDAO.setFormbuilderManagerDelProc(tFormbuilderManagerDB)){
-								success = false;
-							}
-						}
-					}				
-					
-					//폼빌더 권한 리스트
-					List<T_FORMBUILDER_AUTH> formbuilderAuthList = formbuilderAuthDAO.getFormbuilderAuthList(memberIdx);
-					
-					if(formbuilderAuthList.size() > 0){
-						for(int i=0; i<formbuilderAuthList.size(); i++){
-							T_FORMBUILDER_AUTH tFormbuilderAuthDB = formbuilderAuthList.get(i);
-							tFormbuilderAuthDB.settMember(tMemberSDB);
-							if(!formbuilderAuthDAO.setFormbuilderAuthModProc(tFormbuilderAuthDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//폼빌더 항목 리스트
-					List<T_FORMBUILDER_ITEM> formbuilderItemList = formbuilderItemDAO.getFormbuilderItemAllList(memberIdx);
-					
-					if(formbuilderItemList.size() > 0){
-						for(int i=0; i<formbuilderItemList.size(); i++){
-							T_FORMBUILDER_ITEM tFormbuilderItemDB = formbuilderItemList.get(i);
-							tFormbuilderItemDB.settMember(tMemberSDB);
-							if(!formbuilderItemDAO.setFormbuilderItemModProc(tFormbuilderItemDB)){
-								success = false;
-							}
-						}
-					}
-					/***************************** 폼빌더 관련 *****************************/
-				
-					
-					/***************************** 설문 관련 *****************************/
-					//설문 스킨
-					List<T_SURVEY_SKIN> surveySkinList = surveySkinDAO.getSurveySkinList(memberIdx);
-					
-					if(surveySkinList.size() > 0){
-						for(int i=0; i<surveySkinList.size(); i++){
-							T_SURVEY_SKIN tSurveySkinDB = surveySkinList.get(i);
-							tSurveySkinDB.settMember(tMemberSDB);
-							if(!surveySkinDAO.setSurveySkinModProc(tSurveySkinDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//설문 기능 리스트
-					List<T_SURVEY_SET> surveySetList = surveySetDAO.getSurveySetList(memberIdx);
-					
-					if(surveySetList.size() > 0){
-						for(int i=0; i<surveySetList.size(); i++){
-							T_SURVEY_SET tSurveySetDB = surveySetList.get(i);
-							tSurveySetDB.settMember(tMemberSDB);
-							if(!surveySetDAO.setSurveySetModProc(tSurveySetDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//설문 관리자 리스트
-					List<T_SURVEY_MANAGER> surveyManagerList = surveyManagerDAO.getSurveyManagerList(memberIdx);
-					
-					//설문 관리자 삭제
-					if(surveyManagerList.size() > 0){
-						for(int i=0; i<surveyManagerList.size(); i++){
-							T_SURVEY_MANAGER tSurveyManagerDB = surveyManagerList.get(i);
-							if(!surveyManagerDAO.setSurveyManagerDelProc(tSurveyManagerDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//설문 권한 리스트
-					List<T_SURVEY_AUTH> surveyAuthList = surveyAuthDAO.getSurveyAuthList(memberIdx);
-					
-					if(surveyAuthList.size() > 0){
-						for(int i=0; i<surveyAuthList.size(); i++){
-							T_SURVEY_AUTH tSurveyAuthDB = surveyAuthList.get(i);
-							tSurveyAuthDB.settMember(tMemberSDB);
-							if(!surveyAuthDAO.setSurveyAuthModProc(tSurveyAuthDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//설문 항목 리스트
-					List<T_SURVEY_ITEM> surveyItemList = surveyItemDAO.getSurveyItemAllList(memberIdx);
-					
-					if(surveyItemList.size() > 0){
-						for(int i=0; i<surveyItemList.size(); i++){
-							T_SURVEY_ITEM tSurveyItemDB = surveyItemList.get(i);
-							tSurveyItemDB.settMember(tMemberSDB);
-							if(!surveyItemDAO.setSurveyItemModProc(tSurveyItemDB)){
-								success = false;
-							}
-						}
-					}
-					/***************************** 설문 관련 *****************************/
-					
-					
-					/***************************** 메뉴 권한 관련 *****************************/
-					//메뉴 권한 리스트
-					List<T_MENU_AUTH> menuAuthList = menuAuthDAO.getMenuAuthList(memberIdx);
-					
-					if(menuAuthList.size() > 0){
-						for(int i=0; i<menuAuthList.size(); i++){
-							T_MENU_AUTH tMenuAuthDB = menuAuthList.get(i);
-							tMenuAuthDB.settMember(tMemberSDB);
-							if(!menuAuthDAO.setMenuAuthModProc(tMenuAuthDB)){
-								success = false;
-							}
-						}
-					}
-					/***************************** 메뉴 권한 관련 *****************************/
-					
-					
-					/***************************** 배너 관련 *****************************/
-					//배너 기능 리스트
-					List<T_BANNER_SET> bannerSetList = bannerSetDAO.getBannerSetList(memberIdx);
-					
-					if(bannerSetList.size() > 0){
-						for(int i=0; i<bannerSetList.size(); i++){
-							T_BANNER_SET tBannerSetDB = bannerSetList.get(i);
-							tBannerSetDB.settMember(tMemberSDB);
-							if(!bannerSetDAO.setBannerSetModProc(tBannerSetDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//배너 관리자 리스트
-					List<T_BANNER_MANAGER> bannerManagerList = bannerManagerDAO.getBannerManagerList(memberIdx);
-					
-					//배너 관리자 삭제
-					if(bannerManagerList.size() > 0){
-						for(int i=0; i<bannerManagerList.size(); i++){
-							T_BANNER_MANAGER tBannerManagerDB = bannerManagerList.get(i);
-							if(!bannerManagerDAO.setBannerManagerDelProc(tBannerManagerDB)){
-								success = false;
-							}
-						}
-					}				
-					
-					//배너 리스트
-					List<T_BANNER_DATA> bannerDataList = bannerDataDAO.getBannerDataAllList(memberIdx);
-					
-					if(bannerDataList.size() > 0){
-						for(int i=0; i<bannerDataList.size(); i++){
-							T_BANNER_DATA tBannerDataDB = bannerDataList.get(i);
-							tBannerDataDB.settMember(tMemberSDB);
-							if(!bannerDataDAO.setBannerDataModProc(tBannerDataDB)){
-								success = false;
-							}
-						}
-					}
-					/***************************** 배너 관련 *****************************/
-					
-					
-					/***************************** 팝업 관련 *****************************/
-					//팝업 기능 리스트
-					List<T_POPUP_SET> popupSetList = popupSetDAO.getPopupSetList(memberIdx);
-					
-					if(popupSetList.size() > 0){
-						for(int i=0; i<popupSetList.size(); i++){
-							T_POPUP_SET tPopupSetDB = popupSetList.get(i);
-							tPopupSetDB.settMember(tMemberSDB);
-							if(!popupSetDAO.setPopupSetModProc(tPopupSetDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//팝업 관리자 리스트
-					List<T_POPUP_MANAGER> popupManagerList = popupManagerDAO.getPopupManagerList(memberIdx);
-					
-					//팝업 관리자 삭제
-					if(popupManagerList.size() > 0){
-						for(int i=0; i<popupManagerList.size(); i++){
-							T_POPUP_MANAGER tPopupManagerDB = popupManagerList.get(i);
-							if(!popupManagerDAO.setPopupManagerDelProc(tPopupManagerDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//팝업 리스트
-					List<T_POPUP_DATA> popupDataList = popupDataDAO.getPopupDataAllList(memberIdx);
-					
-					if(popupDataList.size() > 0){
-						for(int i=0; i<popupDataList.size(); i++){
-							T_POPUP_DATA tPopupDataDB = popupDataList.get(i);
-							tPopupDataDB.settMember(tMemberSDB);
-							if(!popupDataDAO.setPopupDataModProc(tPopupDataDB)){
-								success = false;
-							}
-						}
-					}
-					/***************************** 팝업 관련 *****************************/
-					
-					
-					/***************************** 비주얼 관련 *****************************/
-					//비주얼 기능 리스트
-					List<T_VISUAL_SET> visualSetList = visualSetDAO.getVisualSetList(memberIdx);
-					
-					if(visualSetList.size() > 0){
-						for(int i=0; i<visualSetList.size(); i++){
-							T_VISUAL_SET tVisualSetDB = visualSetList.get(i);
-							tVisualSetDB.settMember(tMemberSDB);
-							if(!visualSetDAO.setVisualSetModProc(tVisualSetDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//비주얼 관리자 리스트
-					List<T_VISUAL_MANAGER> visualManagerList = visualManagerDAO.getVisualManagerList(memberIdx);
-					
-					//비주얼 관리자 삭제
-					if(visualManagerList.size() > 0){
-						for(int i=0; i<visualManagerList.size(); i++){
-							T_VISUAL_MANAGER tVisualManagerDB = visualManagerList.get(i);
-							if(!visualManagerDAO.setVisualManagerDelProc(tVisualManagerDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//비주얼 리스트
-					List<T_VISUAL_DATA> visualDataList = visualDataDAO.getVisualDataAllList(memberIdx);
-					
-					if(visualDataList.size() > 0){
-						for(int i=0; i<visualDataList.size(); i++){
-							T_VISUAL_DATA tVisualDataDB = visualDataList.get(i);
-							tVisualDataDB.settMember(tMemberSDB);
-							if(!visualDataDAO.setVisualDataModProc(tVisualDataDB)){
-								success = false;
-							}
-						}
-					}
-					/***************************** 비주얼 관련 *****************************/
-					
-					
-					/***************************** 퀵 관련 *****************************/
-					//퀵 기능 리스트
-					List<T_QUICK_SET> quickSetList = quickSetDAO.getQuickSetList(memberIdx);
-					
-					if(quickSetList.size() > 0){
-						for(int i=0; i<quickSetList.size(); i++){
-							T_QUICK_SET tQuickSetDB = quickSetList.get(i);
-							tQuickSetDB.settMember(tMemberSDB);
-							if(!quickSetDAO.setQuickSetModProc(tQuickSetDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//퀵 관리자 리스트
-					List<T_QUICK_MANAGER> quickManagerList = quickManagerDAO.getQuickManagerList(memberIdx);
-					
-					//퀵 관리자 삭제
-					if(quickManagerList.size() > 0){
-						for(int i=0; i<quickManagerList.size(); i++){
-							T_QUICK_MANAGER tQuickManagerDB = quickManagerList.get(i);
-							if(!quickManagerDAO.setQuickManagerDelProc(tQuickManagerDB)){
-								success = false;
-							}
-						}
-					}
-					
-					//퀵 리스트
-					List<T_QUICK_DATA> quickDataList = quickDataDAO.getQuickDataAllList(memberIdx);
-					
-					if(quickDataList.size() > 0){
-						for(int i=0; i<quickDataList.size(); i++){
-							T_QUICK_DATA tQuickDataDB = quickDataList.get(i);
-							tQuickDataDB.settMember(tMemberSDB);
-							if(!quickDataDAO.setQuickDataModProc(tQuickDataDB)){
-								success = false;
-							}
-						}
-					}
-					/***************************** 퀵 관련 *****************************/
-				}
-				
-				if(!memberDAO.setMemberDelProc(tMemberDB)){
-					success = false;
-				}
-				
-			}else{
-				
-				tMemberDB.setMemberId(" ");
-				tMemberDB.setMemberCode(" ");
-				tMemberDB.setMemberEmail1(" ");
-				tMemberDB.setMemberEmail2(" ");
-				tMemberDB.setMemberGrant(" ");
-				
-				tMemberDB.setMemberPost(" ");
-				tMemberDB.setMemberAddress1(" ");
-				tMemberDB.setMemberAddress2(" ");
-				tMemberDB.setMemberDept(" ");
-				tMemberDB.setMemberPosition(" ");
-				tMemberDB.setMemberTel(" ");
-				tMemberDB.setMemberPhone(" ");
-				
-				tMemberDB.setMemberItemA1(" ");
-				tMemberDB.setMemberItemB2(" ");
-				tMemberDB.setMemberItemC3(" ");
-				tMemberDB.setMemberItemD4(" ");
-				tMemberDB.setMemberItemE5(" ");
-				tMemberDB.setMemberItemF6(" ");
-				tMemberDB.setMemberItemG7(" ");
-				tMemberDB.setMemberItemH8(" ");
-				tMemberDB.setMemberItemI9(" ");
-				tMemberDB.setMemberItemJ10(" ");
-				tMemberDB.setMemberLockNum(0);
-				tMemberDB.setMemberPost(" ");
-				tMemberDB.setMemberPw(" ");
-				tMemberDB.setMemberStatus("Z");
-				tMemberDB.setMemberModDate(new Date());
-				
-				if(!memberDAO.setMemberModProc(tMemberDB)){
-					success = false;
-				}
-			}
-		}
-		
-		return success;
-	}
-	
-	//AdminMemberController	
-    @Transactional
-	public boolean setMemberStatusProc(Integer memberIdx, String status){
-		
-		T_MEMBER tMemberDB = memberDAO.getMemberForm(memberIdx);
-		
-		tMemberDB.setMemberStatus(status);
-		tMemberDB.setMemberModDate(new Date());
-		
-		return memberDAO.setMemberModProc(tMemberDB);
-	}
-}
+package seed.admin.member.service;
+
+import java.util.Date;
+import java.util.List;
+import java.util.Map;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
+import seed.dao.BannerDataDAO;
+import seed.dao.BannerManagerDAO;
+import seed.dao.BannerSetDAO;
+import seed.dao.BbsAuthDAO;
+import seed.dao.BbsCommentDAO;
+import seed.dao.BbsDataDAO;
+import seed.dao.BbsItemDAO;
+import seed.dao.BbsManagerDAO;
+import seed.dao.BbsSetDAO;
+import seed.dao.BbsSkinDAO;
+import seed.dao.CommonMessageDAO;
+import seed.dao.FormbuilderAuthDAO;
+import seed.dao.FormbuilderItemDAO;
+import seed.dao.FormbuilderManagerDAO;
+import seed.dao.FormbuilderSetDAO;
+import seed.dao.FormbuilderSkinDAO;
+import seed.dao.GroupsDAO;
+import seed.dao.MemberDAO;
+import seed.dao.MenuAuthDAO;
+import seed.dao.PopupDataDAO;
+import seed.dao.PopupManagerDAO;
+import seed.dao.PopupSetDAO;
+import seed.dao.QuickDataDAO;
+import seed.dao.QuickManagerDAO;
+import seed.dao.QuickSetDAO;
+import seed.dao.SiteDAO;
+import seed.dao.SiteManager2DAO;
+import seed.dao.SiteMenuDAO;
+import seed.dao.SiteMenuManagerDAO;
+import seed.dao.SurveyAuthDAO;
+import seed.dao.SurveyItemDAO;
+import seed.dao.SurveyManagerDAO;
+import seed.dao.SurveySetDAO;
+import seed.dao.SurveySkinDAO;
+import seed.dao.VisualDataDAO;
+import seed.dao.VisualManagerDAO;
+import seed.dao.VisualSetDAO;
+import seed.map.T_BANNER_DATA;
+import seed.map.T_BANNER_MANAGER;
+import seed.map.T_BANNER_SET;
+import seed.map.T_BBS_AUTH;
+import seed.map.T_BBS_COMMENT;
+import seed.map.T_BBS_DATA;
+import seed.map.T_BBS_ITEM;
+import seed.map.T_BBS_MANAGER;
+import seed.map.T_BBS_SET;
+import seed.map.T_BBS_SKIN;
+import seed.map.T_FORMBUILDER_AUTH;
+import seed.map.T_FORMBUILDER_ITEM;
+import seed.map.T_FORMBUILDER_MANAGER;
+import seed.map.T_FORMBUILDER_SET;
+import seed.map.T_FORMBUILDER_SKIN;
+import seed.map.T_GROUP;
+import seed.map.T_GROUPS;
+import seed.map.T_MEMBER;
+import seed.map.T_MENU_AUTH;
+import seed.map.T_MESSAGE;
+import seed.map.T_POPUP_DATA;
+import seed.map.T_POPUP_MANAGER;
+import seed.map.T_POPUP_SET;
+import seed.map.T_QUICK_DATA;
+import seed.map.T_QUICK_MANAGER;
+import seed.map.T_QUICK_SET;
+import seed.map.T_SITE;
+import seed.map.T_SITE_MANAGER;
+import seed.map.T_SITE_MENU;
+import seed.map.T_SITE_MENU_MANAGER;
+import seed.map.T_SURVEY_AUTH;
+import seed.map.T_SURVEY_ITEM;
+import seed.map.T_SURVEY_MANAGER;
+import seed.map.T_SURVEY_SET;
+import seed.map.T_SURVEY_SKIN;
+import seed.map.T_VISUAL_DATA;
+import seed.map.T_VISUAL_MANAGER;
+import seed.map.T_VISUAL_SET;
+import seed.utils.SeedUtils;
+
+@Service
+public class AdminMemberServiceImpl extends AbstractServiceImpl implements AdminMemberService{
+	
+    @Autowired
+    private MemberDAO memberDAO;
+    
+    @Autowired
+    private GroupsDAO groupsDAO;
+    
+    @Autowired
+    private BbsDataDAO bbsDataDAO;
+    
+    @Autowired
+    private CommonMessageDAO commonMessageDAO;
+    
+    //@Autowired
+    private SiteManager2DAO siteManagerDAO;
+    
+    @Autowired
+    private SiteMenuDAO siteMenuDAO;
+    
+    @Autowired
+    private SiteMenuManagerDAO siteMenuManagerDAO;
+    
+    @Autowired
+    private BbsManagerDAO bbsManagerDAO;
+    
+    @Autowired
+    private FormbuilderManagerDAO formbuilderManagerDAO;
+    
+    @Autowired
+    private SurveyManagerDAO surveyManagerDAO;
+    
+    @Autowired
+    private BannerManagerDAO bannerManagerDAO;
+    
+    @Autowired
+    private PopupManagerDAO popupManagerDAO;
+    
+    @Autowired
+    private VisualManagerDAO visualManagerDAO;
+    
+    @Autowired
+    private QuickManagerDAO quickManagerDAO;
+    
+    @Autowired
+    private SiteDAO siteDAO;
+
+    @Autowired
+    private BbsSkinDAO bbsSkinDAO;
+    
+    @Autowired
+    private BbsSetDAO bbsSetDAO;
+    
+    @Autowired
+    private BbsAuthDAO bbsAuthDAO;
+    
+    @Autowired
+    private BbsItemDAO bbsItemDAO;
+
+    @Autowired
+    private BbsCommentDAO bbsCommentDAO;
+    
+    @Autowired
+    private FormbuilderSkinDAO formbuilderSkinDAO;
+    
+    @Autowired
+    private FormbuilderSetDAO formbuilderSetDAO;
+    
+    @Autowired
+    private FormbuilderAuthDAO formbuilderAuthDAO;
+    
+    @Autowired
+    private FormbuilderItemDAO formbuilderItemDAO;
+    
+    @Autowired
+    private SurveySkinDAO surveySkinDAO;
+    
+    @Autowired
+    private SurveySetDAO surveySetDAO;
+    
+    @Autowired
+    private SurveyAuthDAO surveyAuthDAO;
+    
+    @Autowired
+    private SurveyItemDAO surveyItemDAO;
+    
+    @Autowired
+    private MenuAuthDAO menuAuthDAO;
+    
+    @Autowired
+    private BannerSetDAO bannerSetDAO;
+    
+    @Autowired
+    private BannerDataDAO bannerDataDAO;
+    
+    @Autowired
+    private PopupSetDAO popupSetDAO;
+    
+    @Autowired
+    private PopupDataDAO popupDataDAO;
+    
+    @Autowired
+    private VisualSetDAO visualSetDAO;
+    
+    @Autowired
+    private VisualDataDAO visualDataDAO;
+    
+    @Autowired
+    private QuickSetDAO quickSetDAO;
+    
+    @Autowired
+    private QuickDataDAO quickDataDAO;
+    
+	//AdminMemberController, AdminGroupController, AdminSiteController
+	public T_MEMBER getMemberForm(Integer memberIdx){
+		
+		return memberDAO.getMemberForm(memberIdx);
+	}
+	
+	public Map<Object, Object> getMemberMapForm(Integer memberIdx, String[] qryColumns){
+		
+		return memberDAO.getMemberMapForm(memberIdx, qryColumns);
+	}
+	
+	//AdminMemberController
+    public Long getMemberFormCnt(String memberId){
+    	
+    	return memberDAO.getMemberFormCnt(memberId);
+    }
+    
+    //AdminMemberController
+    public Long getMemberListCnt(String siteIdx, Integer selGroup, String column, String search){
+    	
+    	return memberDAO.getMemberListCnt(siteIdx, selGroup, column, search);
+    }
+
+    //AdminMemberController
+    public Long getMemberListCnt(String column, String search){
+    	
+    	return memberDAO.getMemberListCnt(column, search);
+    }
+
+    //AdminMemberController
+    public Long getMemberPrivacyListCnt(String siteIdx, String column, String search, Integer privacyDate){
+    	
+    	return memberDAO.getMemberPrivacyListCnt(siteIdx, column, search, privacyDate);
+    }
+    
+    //AdminMemberController
+    public List<T_MEMBER> getMemberList(String siteIdx, int page, int row, String orderColumn, String order, Integer selGroup, String column, String search, String[] qryColumns){
+    	
+    	return memberDAO.getMemberList(siteIdx, ((page-1) * row), row, orderColumn, order, selGroup, column, search, qryColumns);
+    }
+    
+    //AdminMemberController
+    public List<T_MEMBER> getMemberList(int page, int row, String orderColumn, String order, String column, String search, String[] qryColumns){
+    	
+    	return memberDAO.getMemberList(((page-1) * row), row, orderColumn, order, column, search, qryColumns);
+    }
+    
+    //AdminMemberController
+    public List<T_MEMBER> getMemberPrivacyList(String siteIdx, int page, int row, String orderColumn, String order, String column, String search, Integer privacyDate, String[] qryColumns){
+    	
+    	return memberDAO.getMemberPrivacyList(siteIdx, ((page-1) * row), row, orderColumn, order, column, search, privacyDate, qryColumns);
+    }
+	
+	//AdminMemberController
+    @Transactional
+	public Integer setMemberRegProc(T_MEMBER tMember, T_SITE tSite, T_GROUP tGroup, String memberAuto){
+		
+		Integer memberIdx = 0;
+		
+		String strCode =  SeedUtils.getSeedMD5Code(tMember.getMemberPw());
+		tMember.setMemberPw(SeedUtils.getSeedSHA256Code(strCode));
+		tMember.setMemberGrant("N");
+		
+		if(memberAuto.equals("true")){
+			tMember.setMemberStatus("U");
+		}else if(memberAuto.equals("false")){
+			tMember.setMemberStatus("S");
+		}
+		
+		tMember.setMemberCode(strCode);
+		tMember.setMemberRegDate(new Date());
+		tMember.setMemberModDate(new Date());
+		
+		T_MEMBER tMemberDB = memberDAO.setMemberRegProc(tMember);
+		
+		if(tMemberDB != null){
+			
+			memberIdx = tMemberDB.getMemberIdx();
+			
+			T_GROUPS tGroups = new T_GROUPS();
+			tGroups.settSite(tSite);
+			tGroups.settGroup(tGroup);
+			tGroups.settMember(tMemberDB);
+			tGroups.setGroupsStatus("U");
+			tGroups.setGroupsRegDate(new Date());
+			
+			if(!groupsDAO.setGroupsRegProc(tGroups)){
+				memberIdx = 0;				
+			}
+		}
+
+		return memberIdx;
+	}
+	
+	//AdminMemberController	
+    @Transactional
+	public boolean setMemberModProc(T_MEMBER tMember){
+		
+		T_MEMBER tMemberDB = memberDAO.getMemberForm(tMember.getMemberIdx());
+
+		if(!tMember.getMemberPw().equals("")){
+			String strCode =  SeedUtils.getSeedMD5Code(tMember.getMemberPw());
+			tMemberDB.setMemberPw(SeedUtils.getSeedSHA256Code(strCode));
+			tMemberDB.setMemberCode(strCode);
+		}
+		
+		tMemberDB.setMemberOldPwChk("Y");
+		tMemberDB.setMemberId(tMember.getMemberId());
+		tMemberDB.setMemberName(tMember.getMemberName());
+		tMemberDB.setMemberEmail1(tMember.getMemberEmail1());
+		tMemberDB.setMemberEmail2(tMember.getMemberEmail2());
+		tMemberDB.setMemberModDate(new Date());
+		
+		tMemberDB.setMemberPost(tMember.getMemberPost());
+		tMemberDB.setMemberAddress1(tMember.getMemberAddress1());
+		tMemberDB.setMemberAddress2(tMember.getMemberAddress2());
+		tMemberDB.setMemberDept(tMember.getMemberDept());
+		tMemberDB.setMemberPosition(tMember.getMemberPosition());
+		tMemberDB.setMemberTel(tMember.getMemberTel());
+		tMemberDB.setMemberPhone(tMember.getMemberPhone());
+		
+		tMemberDB.setMemberItemA1(tMember.getMemberItemA1());
+		tMemberDB.setMemberItemB2(tMember.getMemberItemB2());
+		tMemberDB.setMemberItemC3(tMember.getMemberItemC3());
+		tMemberDB.setMemberItemD4(tMember.getMemberItemD4());
+		tMemberDB.setMemberItemE5(tMember.getMemberItemE5());
+		tMemberDB.setMemberItemF6(tMember.getMemberItemF6());
+		tMemberDB.setMemberItemG7(tMember.getMemberItemG7());
+		tMemberDB.setMemberItemH8(tMember.getMemberItemH8());
+		tMemberDB.setMemberItemI9(tMember.getMemberItemI9());
+		tMemberDB.setMemberItemJ10(tMember.getMemberItemJ10());		
+		
+		return memberDAO.setMemberModProc(tMemberDB);
+	}
+	
+	//AdminMemberController	
+    @Transactional
+	public boolean setMemberDelProc(String siteIdx, Integer memberIdx, String memberFlag){
+		
+		boolean success = false;
+		
+		List<T_GROUPS> groupsList = groupsDAO.getGroupsList(siteIdx, memberIdx);
+		
+		if(groupsList.size() > 0){
+			for(int g=0; g<groupsList.size(); g++){
+				T_GROUPS tGroups = groupsList.get(g);
+				if(!groupsDAO.setGroupsDelProc(tGroups)){
+					success = false;
+					break;
+				}else{
+					success = true;
+				}
+			}
+		}else{
+			success = true;
+		}
+		
+		if(success){
+
+			T_MEMBER tMemberDB = memberDAO.getMemberForm(memberIdx);
+			
+			if(memberFlag.equals("false")){
+
+				String memberGrant = tMemberDB.getMemberGrant();
+
+				//쪽지 리스트
+				List<T_MESSAGE> messageList = commonMessageDAO.getMessageList(memberIdx);
+				
+				//게시글 리스트
+				List<T_BBS_DATA> bbsDataList = bbsDataDAO.getBbsDataList(memberIdx);
+				
+				//쪽지 삭제
+				if(messageList.size() > 0){
+					for(int i=0; i<messageList.size(); i++){
+						T_MESSAGE tMessageDB = messageList.get(i);
+						if(!commonMessageDAO.setMessageDelProc(tMessageDB)){
+							success = false;
+						}
+					}
+				}
+				
+				if(memberGrant.equals("N")){ //일반 사용자
+					
+					//게시글 삭제
+					if(bbsDataList.size() > 0){
+						for(int i=0; i<bbsDataList.size(); i++){
+							T_BBS_DATA tBbsDataDB = bbsDataList.get(i);
+							if(!bbsDataDAO.setBbsDataDelProc(tBbsDataDB)){
+								success = false;
+							}
+						}
+					}
+					
+				}else{ //관리자
+					
+					//슈퍼관리자 MEMBER_IDX = 1
+					T_MEMBER tMemberSDB = memberDAO.getMemberForm(1);
+					
+					/***************************** 사이트 관련 *****************************/
+					//사이트
+					List<T_SITE> siteList = siteDAO.getSiteList(memberIdx);
+					
+					if(siteList.size() > 0){
+						for(int i=0; i<siteList.size(); i++){
+							T_SITE tSiteDB = siteList.get(i);
+							tSiteDB.settMember(tMemberSDB);
+							if(!siteDAO.setSiteModProc(tSiteDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//사이트 관리자 리스트
+					List<T_SITE_MANAGER> siteManagerList = siteManagerDAO.getSiteManagerList(memberIdx);
+					
+					//사이트 관리자 삭제
+					if(siteManagerList.size() > 0){
+						for(int i=0; i<siteManagerList.size(); i++){
+							T_SITE_MANAGER tSiteManagerDB = siteManagerList.get(i);
+							if(!siteManagerDAO.setSiteManagerDelProc(tSiteManagerDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//사이트 메뉴 작성자 리스트
+					List<T_SITE_MENU> siteMenuList = siteMenuDAO.getSiteMenuList(memberIdx);
+					
+					if(siteMenuList.size() > 0){
+						for(int i=0; i<siteMenuList.size(); i++){
+							T_SITE_MENU tSiteMenuDB = siteMenuList.get(i);
+							tSiteMenuDB.settMember(tMemberSDB);
+							if(!siteMenuDAO.setSiteMenuModProc(tSiteMenuDB)){
+								success = false;
+							}
+						}
+					}				
+					
+					//사이트 메뉴 관리자 리스트
+					List<T_SITE_MENU_MANAGER> siteMenuManagerList = siteMenuManagerDAO.getSiteMenuManagerList(memberIdx);
+					
+					//사이트 메뉴 관리자 삭제
+					if(siteMenuManagerList.size() > 0){
+						for(int i=0; i<siteMenuManagerList.size(); i++){
+							T_SITE_MENU_MANAGER tSiteMenuManagerDB = siteMenuManagerList.get(i);
+							if(!siteMenuManagerDAO.setSiteMenuManagerDelProc(tSiteMenuManagerDB)){
+								success = false;
+							}
+						}
+					}				
+					/***************************** 사이트 관련 *****************************/
+					
+					
+					/***************************** 게시판 관련 *****************************/
+					//게시글 MEMBER_IDX 변경
+					if(bbsDataList.size() > 0){
+						for(int i=0; i<bbsDataList.size(); i++){
+							T_BBS_DATA tBbsDataDB = bbsDataList.get(i);
+							tBbsDataDB.settMember(tMemberSDB);
+							if(!bbsDataDAO.setBbsDataModProc(tBbsDataDB)){
+								success = false;
+							}
+						}
+					}
+
+					//게시판 스킨
+					List<T_BBS_SKIN> bbsSkinList = bbsSkinDAO.getBbsSkinList(memberIdx);
+					
+					if(bbsSkinList.size() > 0){
+						for(int i=0; i<bbsSkinList.size(); i++){
+							T_BBS_SKIN tBbsSkinDB = bbsSkinList.get(i);
+							tBbsSkinDB.settMember(tMemberSDB);
+							if(!bbsSkinDAO.setBbsSkinModProc(tBbsSkinDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//게시판 기능 리스트
+					List<T_BBS_SET> bbsSetList = bbsSetDAO.getBbsSetList(memberIdx);
+					
+					if(bbsSetList.size() > 0){
+						for(int i=0; i<bbsSetList.size(); i++){
+							T_BBS_SET tBbsSetDB = bbsSetList.get(i);
+							tBbsSetDB.settMember(tMemberSDB);
+							if(!bbsSetDAO.setBbsSetModProc(tBbsSetDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//게시판 관리자 리스트
+					List<T_BBS_MANAGER> bbsManagerList = bbsManagerDAO.getBbsManagerList(memberIdx);
+					
+					//게시판 관리자 삭제
+					if(bbsManagerList.size() > 0){
+						for(int i=0; i<bbsManagerList.size(); i++){
+							T_BBS_MANAGER tBbsManagerDB = bbsManagerList.get(i);
+							if(!bbsManagerDAO.setBbsManagerDelProc(tBbsManagerDB)){
+								success = false;
+							}
+						}
+					}				
+					
+					//게시판 권한 리스트
+					List<T_BBS_AUTH> bbsAuthList = bbsAuthDAO.getBbsAuthList(memberIdx);
+					
+					if(bbsAuthList.size() > 0){
+						for(int i=0; i<bbsAuthList.size(); i++){
+							T_BBS_AUTH tBbsAuthDB = bbsAuthList.get(i);
+							tBbsAuthDB.settMember(tMemberSDB);
+							if(!bbsAuthDAO.setBbsAuthModProc(tBbsAuthDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//게시판 항목 리스트
+					List<T_BBS_ITEM> bbsItemList = bbsItemDAO.getBbsItemAllList(memberIdx);
+					
+					if(bbsItemList.size() > 0){
+						for(int i=0; i<bbsItemList.size(); i++){
+							T_BBS_ITEM tBbsItemDB = bbsItemList.get(i);
+							tBbsItemDB.settMember(tMemberSDB);
+							if(!bbsItemDAO.setBbsItemModProc(tBbsItemDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//게시판 코멘트 리스트
+					List<T_BBS_COMMENT> bbsCommentList = bbsCommentDAO.getBbsCommentList(memberIdx);
+					
+					if(bbsCommentList.size() > 0){
+						for(int i=0; i<bbsCommentList.size(); i++){
+							T_BBS_COMMENT tBbsCommentDB = bbsCommentList.get(i);
+							tBbsCommentDB.settMember(tMemberSDB);
+							if(!bbsCommentDAO.setBbsCommentModProc(tBbsCommentDB)){
+								success = false;
+							}
+						}
+					}
+					/***************************** 게시판 관련 *****************************/
+
+					
+					/***************************** 폼빌더 관련 *****************************/
+					//폼빌더 스킨
+					List<T_FORMBUILDER_SKIN> formbuilderSkinList = formbuilderSkinDAO.getFormbuilderSkinList(memberIdx);
+					
+					if(formbuilderSkinList.size() > 0){
+						for(int i=0; i<formbuilderSkinList.size(); i++){
+							T_FORMBUILDER_SKIN tFormbuilderSkinDB = formbuilderSkinList.get(i);
+							tFormbuilderSkinDB.settMember(tMemberSDB);
+							if(!formbuilderSkinDAO.setFormbuilderSkinModProc(tFormbuilderSkinDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//폼빌더 기능 리스트
+					List<T_FORMBUILDER_SET> formbuilderSetList = formbuilderSetDAO.getFormbuilderSetList(memberIdx);
+					
+					if(formbuilderSetList.size() > 0){
+						for(int i=0; i<formbuilderSetList.size(); i++){
+							T_FORMBUILDER_SET tFormbuilderSetDB = formbuilderSetList.get(i);
+							tFormbuilderSetDB.settMember(tMemberSDB);
+							if(!formbuilderSetDAO.setFormbuilderSetModProc(tFormbuilderSetDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//폼빌더 관리자 리스트
+					List<T_FORMBUILDER_MANAGER> formbuilderManagerList = formbuilderManagerDAO.getFormbuilderManagerList(memberIdx);
+					
+					//폼빌더 관리자 삭제
+					if(formbuilderManagerList.size() > 0){
+						for(int i=0; i<formbuilderManagerList.size(); i++){
+							T_FORMBUILDER_MANAGER tFormbuilderManagerDB = formbuilderManagerList.get(i);
+							if(!formbuilderManagerDAO.setFormbuilderManagerDelProc(tFormbuilderManagerDB)){
+								success = false;
+							}
+						}
+					}				
+					
+					//폼빌더 권한 리스트
+					List<T_FORMBUILDER_AUTH> formbuilderAuthList = formbuilderAuthDAO.getFormbuilderAuthList(memberIdx);
+					
+					if(formbuilderAuthList.size() > 0){
+						for(int i=0; i<formbuilderAuthList.size(); i++){
+							T_FORMBUILDER_AUTH tFormbuilderAuthDB = formbuilderAuthList.get(i);
+							tFormbuilderAuthDB.settMember(tMemberSDB);
+							if(!formbuilderAuthDAO.setFormbuilderAuthModProc(tFormbuilderAuthDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//폼빌더 항목 리스트
+					List<T_FORMBUILDER_ITEM> formbuilderItemList = formbuilderItemDAO.getFormbuilderItemAllList(memberIdx);
+					
+					if(formbuilderItemList.size() > 0){
+						for(int i=0; i<formbuilderItemList.size(); i++){
+							T_FORMBUILDER_ITEM tFormbuilderItemDB = formbuilderItemList.get(i);
+							tFormbuilderItemDB.settMember(tMemberSDB);
+							if(!formbuilderItemDAO.setFormbuilderItemModProc(tFormbuilderItemDB)){
+								success = false;
+							}
+						}
+					}
+					/***************************** 폼빌더 관련 *****************************/
+				
+					
+					/***************************** 설문 관련 *****************************/
+					//설문 스킨
+					List<T_SURVEY_SKIN> surveySkinList = surveySkinDAO.getSurveySkinList(memberIdx);
+					
+					if(surveySkinList.size() > 0){
+						for(int i=0; i<surveySkinList.size(); i++){
+							T_SURVEY_SKIN tSurveySkinDB = surveySkinList.get(i);
+							tSurveySkinDB.settMember(tMemberSDB);
+							if(!surveySkinDAO.setSurveySkinModProc(tSurveySkinDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//설문 기능 리스트
+					List<T_SURVEY_SET> surveySetList = surveySetDAO.getSurveySetList(memberIdx);
+					
+					if(surveySetList.size() > 0){
+						for(int i=0; i<surveySetList.size(); i++){
+							T_SURVEY_SET tSurveySetDB = surveySetList.get(i);
+							tSurveySetDB.settMember(tMemberSDB);
+							if(!surveySetDAO.setSurveySetModProc(tSurveySetDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//설문 관리자 리스트
+					List<T_SURVEY_MANAGER> surveyManagerList = surveyManagerDAO.getSurveyManagerList(memberIdx);
+					
+					//설문 관리자 삭제
+					if(surveyManagerList.size() > 0){
+						for(int i=0; i<surveyManagerList.size(); i++){
+							T_SURVEY_MANAGER tSurveyManagerDB = surveyManagerList.get(i);
+							if(!surveyManagerDAO.setSurveyManagerDelProc(tSurveyManagerDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//설문 권한 리스트
+					List<T_SURVEY_AUTH> surveyAuthList = surveyAuthDAO.getSurveyAuthList(memberIdx);
+					
+					if(surveyAuthList.size() > 0){
+						for(int i=0; i<surveyAuthList.size(); i++){
+							T_SURVEY_AUTH tSurveyAuthDB = surveyAuthList.get(i);
+							tSurveyAuthDB.settMember(tMemberSDB);
+							if(!surveyAuthDAO.setSurveyAuthModProc(tSurveyAuthDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//설문 항목 리스트
+					List<T_SURVEY_ITEM> surveyItemList = surveyItemDAO.getSurveyItemAllList(memberIdx);
+					
+					if(surveyItemList.size() > 0){
+						for(int i=0; i<surveyItemList.size(); i++){
+							T_SURVEY_ITEM tSurveyItemDB = surveyItemList.get(i);
+							tSurveyItemDB.settMember(tMemberSDB);
+							if(!surveyItemDAO.setSurveyItemModProc(tSurveyItemDB)){
+								success = false;
+							}
+						}
+					}
+					/***************************** 설문 관련 *****************************/
+					
+					
+					/***************************** 메뉴 권한 관련 *****************************/
+					//메뉴 권한 리스트
+					List<T_MENU_AUTH> menuAuthList = menuAuthDAO.getMenuAuthList(memberIdx);
+					
+					if(menuAuthList.size() > 0){
+						for(int i=0; i<menuAuthList.size(); i++){
+							T_MENU_AUTH tMenuAuthDB = menuAuthList.get(i);
+							tMenuAuthDB.settMember(tMemberSDB);
+							if(!menuAuthDAO.setMenuAuthModProc(tMenuAuthDB)){
+								success = false;
+							}
+						}
+					}
+					/***************************** 메뉴 권한 관련 *****************************/
+					
+					
+					/***************************** 배너 관련 *****************************/
+					//배너 기능 리스트
+					List<T_BANNER_SET> bannerSetList = bannerSetDAO.getBannerSetList(memberIdx);
+					
+					if(bannerSetList.size() > 0){
+						for(int i=0; i<bannerSetList.size(); i++){
+							T_BANNER_SET tBannerSetDB = bannerSetList.get(i);
+							tBannerSetDB.settMember(tMemberSDB);
+							if(!bannerSetDAO.setBannerSetModProc(tBannerSetDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//배너 관리자 리스트
+					List<T_BANNER_MANAGER> bannerManagerList = bannerManagerDAO.getBannerManagerList(memberIdx);
+					
+					//배너 관리자 삭제
+					if(bannerManagerList.size() > 0){
+						for(int i=0; i<bannerManagerList.size(); i++){
+							T_BANNER_MANAGER tBannerManagerDB = bannerManagerList.get(i);
+							if(!bannerManagerDAO.setBannerManagerDelProc(tBannerManagerDB)){
+								success = false;
+							}
+						}
+					}				
+					
+					//배너 리스트
+					List<T_BANNER_DATA> bannerDataList = bannerDataDAO.getBannerDataAllList(memberIdx);
+					
+					if(bannerDataList.size() > 0){
+						for(int i=0; i<bannerDataList.size(); i++){
+							T_BANNER_DATA tBannerDataDB = bannerDataList.get(i);
+							tBannerDataDB.settMember(tMemberSDB);
+							if(!bannerDataDAO.setBannerDataModProc(tBannerDataDB)){
+								success = false;
+							}
+						}
+					}
+					/***************************** 배너 관련 *****************************/
+					
+					
+					/***************************** 팝업 관련 *****************************/
+					//팝업 기능 리스트
+					List<T_POPUP_SET> popupSetList = popupSetDAO.getPopupSetList(memberIdx);
+					
+					if(popupSetList.size() > 0){
+						for(int i=0; i<popupSetList.size(); i++){
+							T_POPUP_SET tPopupSetDB = popupSetList.get(i);
+							tPopupSetDB.settMember(tMemberSDB);
+							if(!popupSetDAO.setPopupSetModProc(tPopupSetDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//팝업 관리자 리스트
+					List<T_POPUP_MANAGER> popupManagerList = popupManagerDAO.getPopupManagerList(memberIdx);
+					
+					//팝업 관리자 삭제
+					if(popupManagerList.size() > 0){
+						for(int i=0; i<popupManagerList.size(); i++){
+							T_POPUP_MANAGER tPopupManagerDB = popupManagerList.get(i);
+							if(!popupManagerDAO.setPopupManagerDelProc(tPopupManagerDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//팝업 리스트
+					List<T_POPUP_DATA> popupDataList = popupDataDAO.getPopupDataAllList(memberIdx);
+					
+					if(popupDataList.size() > 0){
+						for(int i=0; i<popupDataList.size(); i++){
+							T_POPUP_DATA tPopupDataDB = popupDataList.get(i);
+							tPopupDataDB.settMember(tMemberSDB);
+							if(!popupDataDAO.setPopupDataModProc(tPopupDataDB)){
+								success = false;
+							}
+						}
+					}
+					/***************************** 팝업 관련 *****************************/
+					
+					
+					/***************************** 비주얼 관련 *****************************/
+					//비주얼 기능 리스트
+					List<T_VISUAL_SET> visualSetList = visualSetDAO.getVisualSetList(memberIdx);
+					
+					if(visualSetList.size() > 0){
+						for(int i=0; i<visualSetList.size(); i++){
+							T_VISUAL_SET tVisualSetDB = visualSetList.get(i);
+							tVisualSetDB.settMember(tMemberSDB);
+							if(!visualSetDAO.setVisualSetModProc(tVisualSetDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//비주얼 관리자 리스트
+					List<T_VISUAL_MANAGER> visualManagerList = visualManagerDAO.getVisualManagerList(memberIdx);
+					
+					//비주얼 관리자 삭제
+					if(visualManagerList.size() > 0){
+						for(int i=0; i<visualManagerList.size(); i++){
+							T_VISUAL_MANAGER tVisualManagerDB = visualManagerList.get(i);
+							if(!visualManagerDAO.setVisualManagerDelProc(tVisualManagerDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//비주얼 리스트
+					List<T_VISUAL_DATA> visualDataList = visualDataDAO.getVisualDataAllList(memberIdx);
+					
+					if(visualDataList.size() > 0){
+						for(int i=0; i<visualDataList.size(); i++){
+							T_VISUAL_DATA tVisualDataDB = visualDataList.get(i);
+							tVisualDataDB.settMember(tMemberSDB);
+							if(!visualDataDAO.setVisualDataModProc(tVisualDataDB)){
+								success = false;
+							}
+						}
+					}
+					/***************************** 비주얼 관련 *****************************/
+					
+					
+					/***************************** 퀵 관련 *****************************/
+					//퀵 기능 리스트
+					List<T_QUICK_SET> quickSetList = quickSetDAO.getQuickSetList(memberIdx);
+					
+					if(quickSetList.size() > 0){
+						for(int i=0; i<quickSetList.size(); i++){
+							T_QUICK_SET tQuickSetDB = quickSetList.get(i);
+							tQuickSetDB.settMember(tMemberSDB);
+							if(!quickSetDAO.setQuickSetModProc(tQuickSetDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//퀵 관리자 리스트
+					List<T_QUICK_MANAGER> quickManagerList = quickManagerDAO.getQuickManagerList(memberIdx);
+					
+					//퀵 관리자 삭제
+					if(quickManagerList.size() > 0){
+						for(int i=0; i<quickManagerList.size(); i++){
+							T_QUICK_MANAGER tQuickManagerDB = quickManagerList.get(i);
+							if(!quickManagerDAO.setQuickManagerDelProc(tQuickManagerDB)){
+								success = false;
+							}
+						}
+					}
+					
+					//퀵 리스트
+					List<T_QUICK_DATA> quickDataList = quickDataDAO.getQuickDataAllList(memberIdx);
+					
+					if(quickDataList.size() > 0){
+						for(int i=0; i<quickDataList.size(); i++){
+							T_QUICK_DATA tQuickDataDB = quickDataList.get(i);
+							tQuickDataDB.settMember(tMemberSDB);
+							if(!quickDataDAO.setQuickDataModProc(tQuickDataDB)){
+								success = false;
+							}
+						}
+					}
+					/***************************** 퀵 관련 *****************************/
+				}
+				
+				if(!memberDAO.setMemberDelProc(tMemberDB)){
+					success = false;
+				}
+				
+			}else{
+				
+				tMemberDB.setMemberId(" ");
+				tMemberDB.setMemberCode(" ");
+				tMemberDB.setMemberEmail1(" ");
+				tMemberDB.setMemberEmail2(" ");
+				tMemberDB.setMemberGrant(" ");
+				
+				tMemberDB.setMemberPost(" ");
+				tMemberDB.setMemberAddress1(" ");
+				tMemberDB.setMemberAddress2(" ");
+				tMemberDB.setMemberDept(" ");
+				tMemberDB.setMemberPosition(" ");
+				tMemberDB.setMemberTel(" ");
+				tMemberDB.setMemberPhone(" ");
+				
+				tMemberDB.setMemberItemA1(" ");
+				tMemberDB.setMemberItemB2(" ");
+				tMemberDB.setMemberItemC3(" ");
+				tMemberDB.setMemberItemD4(" ");
+				tMemberDB.setMemberItemE5(" ");
+				tMemberDB.setMemberItemF6(" ");
+				tMemberDB.setMemberItemG7(" ");
+				tMemberDB.setMemberItemH8(" ");
+				tMemberDB.setMemberItemI9(" ");
+				tMemberDB.setMemberItemJ10(" ");
+				tMemberDB.setMemberLockNum(0);
+				tMemberDB.setMemberPost(" ");
+				tMemberDB.setMemberPw(" ");
+				tMemberDB.setMemberStatus("Z");
+				tMemberDB.setMemberModDate(new Date());
+				
+				if(!memberDAO.setMemberModProc(tMemberDB)){
+					success = false;
+				}
+			}
+		}
+		
+		return success;
+	}
+	
+	//AdminMemberController	
+    @Transactional
+	public boolean setMemberStatusProc(Integer memberIdx, String status){
+		
+		T_MEMBER tMemberDB = memberDAO.getMemberForm(memberIdx);
+		
+		tMemberDB.setMemberStatus(status);
+		tMemberDB.setMemberModDate(new Date());
+		
+		return memberDAO.setMemberModProc(tMemberDB);
+	}
+}
diff --git a/src/main/java/seed/admin/site/service/AdminSiteServiceImpl.java b/src/main/java/seed/admin/site/service/AdminSiteServiceImpl.java
index 8af07960..91af75f2 100644
--- a/src/main/java/seed/admin/site/service/AdminSiteServiceImpl.java
+++ b/src/main/java/seed/admin/site/service/AdminSiteServiceImpl.java
@@ -1,4200 +1,4199 @@
-package seed.admin.site.service;
-
-import java.io.BufferedReader;
-import java.io.BufferedWriter;
-import java.io.File;
-import java.io.FileInputStream;
-import java.io.FileNotFoundException;
-import java.io.FileOutputStream;
-import java.io.IOException;
-import java.io.InputStreamReader;
-import java.io.OutputStreamWriter;
-import java.text.SimpleDateFormat;
-import java.util.ArrayList;
-import java.util.Date;
-import java.util.Iterator;
-import java.util.List;
-import java.util.Map;
-
-import org.apache.log4j.Logger;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.stereotype.Service;
-import org.springframework.transaction.annotation.Transactional;
-
-import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
-
-import seed.dao.BannerDataDAO;
-import seed.dao.BannerManagerDAO;
-import seed.dao.BannerSetDAO;
-import seed.dao.BbsAuthDAO;
-import seed.dao.BbsItemDAO;
-import seed.dao.BbsManagerDAO;
-import seed.dao.BbsSetDAO;
-import seed.dao.BbsSkinDAO;
-import seed.dao.FormbuilderAuthDAO;
-import seed.dao.FormbuilderItemDAO;
-import seed.dao.FormbuilderManagerDAO;
-import seed.dao.FormbuilderSetDAO;
-import seed.dao.FormbuilderSkinDAO;
-import seed.dao.GroupDAO;
-import seed.dao.MemberDAO;
-import seed.dao.MenuAuthDAO;
-import seed.dao.PopupDataDAO;
-import seed.dao.PopupManagerDAO;
-import seed.dao.PopupSetDAO;
-import seed.dao.QuickDataDAO;
-import seed.dao.QuickManagerDAO;
-import seed.dao.QuickSetDAO;
-import seed.dao.SiteDAO;
-import seed.dao.SiteManagerDAO;
-import seed.dao.SiteMenuAuthDAO;
-import seed.dao.SiteMenuDAO;
-import seed.dao.SiteMenuHistoryDAO;
-import seed.dao.SiteMenuManagerDAO;
-import seed.dao.SurveyAuthDAO;
-import seed.dao.SurveyItemDAO;
-import seed.dao.SurveyManagerDAO;
-import seed.dao.SurveySetDAO;
-import seed.dao.SurveySkinDAO;
-import seed.dao.VisualDataDAO;
-import seed.dao.VisualManagerDAO;
-import seed.dao.VisualSetDAO;
-import seed.map.T_BANNER_DATA;
-import seed.map.T_BANNER_MANAGER;
-import seed.map.T_BANNER_SET;
-import seed.map.T_BBS_AUTH;
-import seed.map.T_BBS_ITEM;
-import seed.map.T_BBS_MANAGER;
-import seed.map.T_BBS_SET;
-import seed.map.T_BBS_SKIN;
-import seed.map.T_FORMBUILDER_AUTH;
-import seed.map.T_FORMBUILDER_ITEM;
-import seed.map.T_FORMBUILDER_MANAGER;
-import seed.map.T_FORMBUILDER_SET;
-import seed.map.T_FORMBUILDER_SKIN;
-import seed.map.T_GROUP;
-import seed.map.T_GROUPS;
-import seed.map.T_MEMBER;
-import seed.map.T_MENU;
-import seed.map.T_MENU_AUTH;
-import seed.map.T_POPUP_DATA;
-import seed.map.T_POPUP_MANAGER;
-import seed.map.T_POPUP_SET;
-import seed.map.T_QUICK_DATA;
-import seed.map.T_QUICK_MANAGER;
-import seed.map.T_QUICK_SET;
-import seed.map.T_SITE;
-import seed.map.T_SITE_MANAGER;
-import seed.map.T_SITE_MENU;
-import seed.map.T_SITE_MENU_AUTH;
-import seed.map.T_SITE_MENU_HISTORY;
-import seed.map.T_SITE_MENU_MANAGER;
-import seed.map.T_SURVEY_AUTH;
-import seed.map.T_SURVEY_ITEM;
-import seed.map.T_SURVEY_MANAGER;
-import seed.map.T_SURVEY_SET;
-import seed.map.T_SURVEY_SKIN;
-import seed.map.T_VISUAL_DATA;
-import seed.map.T_VISUAL_MANAGER;
-import seed.map.T_VISUAL_SET;
-import seed.utils.SeedFtpType;
-import seed.utils.SeedUtils;
-
-@Service
-public class AdminSiteServiceImpl extends AbstractServiceImpl implements AdminSiteService{
-	
-	private Logger log = Logger.getLogger(this.getClass());
-	
-    @Autowired
-    private SiteDAO siteDAO;
-    
-    @Autowired
-    private SiteMenuHistoryDAO siteMenuHistoryDAO;
-    
-    @Autowired
-    private SiteManagerDAO siteManagerDAO;
-    
-    @Autowired
-    private SiteMenuManagerDAO siteMenuManagerDAO;
-    
-    @Autowired
-    private MenuAuthDAO menuAuthDAO;
-    
-    @Autowired
-    private SiteMenuDAO siteMenuDAO;
-    
-    @Autowired
-    private SiteMenuAuthDAO siteMenuAuthDAO;
-    
-    @Autowired
-    private GroupDAO groupDAO;
-    
-    @Autowired
-    private MemberDAO memberDAO;
-    
-    @Autowired
-    private BbsSkinDAO bbsSkinDAO;
-    
-    @Autowired
-    private BbsSetDAO bbsSetDAO;
-    
-    @Autowired
-    private BbsManagerDAO bbsManagerDAO;
-    
-    @Autowired
-    private BbsItemDAO bbsItemDAO;    
-    
-    @Autowired
-    private BbsAuthDAO bbsAuthDAO;
-    
-    @Autowired
-    private BannerSetDAO bannerSetDAO;
-    
-    @Autowired
-    private BannerManagerDAO bannerManagerDAO;
-    
-    @Autowired
-    private BannerDataDAO bannerDataDAO;
-    
-    @Autowired
-    private FormbuilderSkinDAO formbuilderSkinDAO;
-    
-    @Autowired
-    private FormbuilderSetDAO formbuilderSetDAO;
-    
-    @Autowired
-    private FormbuilderManagerDAO formbuilderManagerDAO;
-    
-    @Autowired
-    private FormbuilderItemDAO formbuilderItemDAO;
-    
-    @Autowired
-    private FormbuilderAuthDAO formbuilderAuthDAO;
-    
-    @Autowired
-    private SurveySkinDAO surveySkinDAO;
-    
-    @Autowired
-    private SurveySetDAO surveySetDAO;
-    
-    @Autowired
-    private SurveyManagerDAO surveyManagerDAO;
-    
-    @Autowired
-    private SurveyItemDAO surveyItemDAO;
-    
-    @Autowired
-    private SurveyAuthDAO surveyAuthDAO;
-    
-    @Autowired
-    private PopupSetDAO popupSetDAO;
-    
-    @Autowired
-    private PopupManagerDAO popupManagerDAO;
-    
-    @Autowired
-    private PopupDataDAO popupDataDAO;
-    
-    @Autowired
-    private VisualSetDAO visualSetDAO;
-    
-    @Autowired
-    private VisualManagerDAO visualManagerDAO;
-    
-    @Autowired
-    private VisualDataDAO visualDataDAO;
-    
-    @Autowired
-    private QuickSetDAO quickSetDAO;
-    
-    @Autowired
-    private QuickManagerDAO quickManagerDAO;
-    
-    @Autowired
-    private QuickDataDAO quickDataDAO;
-    
-  //AdminStatisticsController
-    public List<Map<Object, Object>> getSiteVolumeList(String siteIdx, String[] qryColumns){
-    	
-    	return siteDAO.getSiteVolumeList(siteIdx, qryColumns);
-    }
-    
-	//AdminGroupController
-	public List<T_SITE> getSiteList(String siteIdx, String[] qryColumns){
-		
-		return siteDAO.getSiteList(siteIdx, qryColumns);
-	}
-	
-    //AdminSiteController
-	public List<T_SITE> getSiteList(int page, int row, String orderColumn, String order, String column, String search, String memberMergeSiteIdx, String[] qryColumns){
-		
-		return siteDAO.getSiteList(((page-1) * row), row, orderColumn, order, column, search, memberMergeSiteIdx, qryColumns);
-	}
-	
-	//AdminSiteController
-	public Long getSiteListCnt(String column, String search, String memberMergeSiteIdx){
-		
-		return siteDAO.getSiteListCnt(column, search, memberMergeSiteIdx);
-	}
-	
-	//AdminSiteController
-	public Long getSiteFormCnt(String siteIdx){
-		
-		return siteDAO.getSiteFormCnt(siteIdx);
-	}
-	
-	//AdminSiteController
-	public T_SITE getSiteForm(String siteIdx){
-		
-		return siteDAO.getSiteForm(siteIdx);
-	}
-	
-	//AdminSiteController
-	@Transactional
-	public String setSiteRegProc(T_SITE tSite, Integer[] menuIdxs, Integer memberIdx, String memberGrant, String memberMerge, String rootPath){
-		
-		String siteIdx = "";
-		
-		T_MEMBER tMember = new T_MEMBER();
-		tMember.setMemberIdx(memberIdx);
-		
-		tSite.settMember(tMember);
-		tSite.setSiteStatus("U");
-		tSite.setSiteRegDate(new Date());
-		tSite.setSiteModDate(new Date());
-		
-		if(!SeedUtils.setReplaceNull(tSite.getSiteService()).equals("Y")){
-			tSite.setSiteService("N");
-		}
-		
-		T_SITE tSiteDB = siteDAO.setSiteRegProc(tSite);
-		
-		if(tSiteDB != null){
-			
-			siteIdx = tSiteDB.getSiteIdx();
-			
-			String[] dirPath = {
-					"/"+siteIdx, 
-					"/"+siteIdx+"/css", 
-					"/"+siteIdx+"/js", 
-					"/"+siteIdx+"/images/menu", 
-					"/"+siteIdx+"/jsp/content",
-					"/"+siteIdx+"/jsp/alert/css",
-					"/"+siteIdx+"/jsp/login/css",
-					"/"+siteIdx+"/jsp/member/css",
-					"/"+siteIdx+"/jsp/navigation/css",
-					"/"+siteIdx+"/jsp/satisfaction/css",
-					"/"+siteIdx+"/jsp/charge/css",
-					"/"+siteIdx+"/jsp/fileupload/css",
-					"/"+siteIdx+"/jsp/mypage/css",
-					"/"+siteIdx+"/jsp/smartmenu/css",
-					"/"+siteIdx+"/jsp/alert/images",
-					"/"+siteIdx+"/jsp/login/images",
-					"/"+siteIdx+"/jsp/member/images",
-					"/"+siteIdx+"/jsp/navigation/images",
-					"/"+siteIdx+"/jsp/satisfaction/images",
-					"/"+siteIdx+"/jsp/charge/images",
-					"/"+siteIdx+"/jsp/fileupload/images",
-					"/"+siteIdx+"/jsp/mypage/images",
-					"/"+siteIdx+"/jsp/main/layOut/header",
-					"/"+siteIdx+"/jsp/main/layOut/footer",
-					"/"+siteIdx+"/jsp/main/layOut/sub",
-					"/"+siteIdx+"/jsp/main/menu/top", 
-					"/"+siteIdx+"/jsp/sub/layOut/header",
-					"/"+siteIdx+"/jsp/sub/layOut/footer", 
-					"/"+siteIdx+"/jsp/sub/layOut/sub",
-					"/"+siteIdx+"/jsp/sub/menu/top", 
-					"/"+siteIdx+"/jsp/sub/menu/sub",
-					"/"+siteIdx+"/jsp/bbs/js",
-					"/"+siteIdx+"/jsp/formbuilder/js",
-					"/"+siteIdx+"/jsp/survey/js"
-			};
-			
-			for(int i=0;i<dirPath.length;i++){
-				SeedUtils.setSeedMkDirs(rootPath+dirPath[i]);
-			}
-			
-			String filePath[] = {
-					"header.jsp", 
-					"footer.jsp",
-					"sub.jsp", 
-					"header.html",
-					"sub.html",
-					"footer.html",
-					"menu_main.css", 
-					"menu_sub.css", 
-					"menu_main.js", 
-					"menu_sub.js",
-					"message.jsp",
-					"message.html",
-					"error.jsp",
-					"error.html",
-					"alert.css", 
-					"login.jsp",
-					"login.html",
-					"loginAuth.jsp",
-					"loginAuth.html",
-					"loginPw.jsp",
-					"loginPw.html",
-					"logout.jsp",
-					"logout.html",					
-					"login.css", 
-					"memberChk.jsp",
-					"memberChk.html",
-					"memberForm.jsp",
-					"memberForm.html",
-					"memberFormPw.jsp",
-					"memberFormPw.html",
-					"memberFormPwDel.jsp",
-					"memberFormPwDel.html",					
-					"memberEdit.jsp",
-					"memberEdit.html",
-					"memberIdFind.jsp",
-					"memberIdFind.html",
-					"memberPwFind.jsp",
-					"memberPwFind.html",
-					"memberIdResult.jsp",
-					"memberIdResult.html",
-					"memberPwResult.jsp",
-					"memberPwResult.html",
-					"memberPwDelResult.jsp",
-					"memberPwDelResult.html",					
-					"member.css",
-					"navigation.jsp",
-					"navigation.html",					
-					"navigation.css",
-					"satisfaction.jsp",
-					"satisfaction.html",					
-					"satisfaction.css",
-					"charge.jsp",
-					"charge.html",					
-					"charge.css",
-					"fileupload.jsp",
-					"fileupload.html",					
-					"fileupload.css",
-					"mypage.css",
-					"smartmenu.css",
-					"smartmenu.jsp",
-					"smartmenu.html",
-					"before_js.jsp",
-					"success_js.jsp"
-			};
-			
-			String commonPath = rootPath+"/common";
-			
-			/*
-			//FTP 전송
-			SeedFtpType seedFtpType = new SeedFtpType();
-			*/
-			
-			for(int i=0;i<filePath.length;i++){
-				
-				File fileCopy = new File(rootPath+"/"+siteIdx+filePath[i]);
-				
-				if(!fileCopy.exists()){
-					if(filePath[i].indexOf(".jsp") >= 0 || filePath[i].indexOf(".html") >= 0 || filePath[i].indexOf("login") >= 0 || filePath[i].indexOf("member") >= 0
-							|| filePath[i].indexOf("alert") >= 0 || filePath[i].indexOf("charge") >= 0 || filePath[i].indexOf("navigation") >= 0 || filePath[i].indexOf("satisfaction") >= 0
-							|| filePath[i].indexOf("fileupload") >= 0 || filePath[i].indexOf("mypage") >= 0 || filePath[i].indexOf("smartmenu") >= 0){
-						
-						String subPath = "jsp";
-						
-						if(filePath[i].indexOf(".html") >= 0){
-							subPath = "html";
-						}
-						
-						if(filePath[i].indexOf("header.jsp") >=0 || filePath[i].indexOf("header.html") >=0){
-							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/main/layOut/header/"+filePath[i]);
-							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/sub/layOut/header/"+filePath[i]);
-						}else if(filePath[i].indexOf("footer.jsp") >=0 || filePath[i].indexOf("footer.html") >=0 ){
-							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/main/layOut/footer/"+filePath[i]);
-							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/sub/layOut/footer/"+filePath[i]);
-						}else if(filePath[i].indexOf("sub.jsp") >=0 || filePath[i].indexOf("sub.html") >=0){
-							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/main/layOut/sub/"+filePath[i]);
-							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/sub/layOut/sub/"+filePath[i]);
-						}else if(filePath[i].indexOf("message") >=0 || filePath[i].indexOf("error") >=0 || filePath[i].indexOf("alert") >=0){
-							
-							if(filePath[i].indexOf(".css") >= 0){
-								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/alert/css/"+filePath[i]);
-								
-								/*
-								//WEB 서버의 경로
-								seedFtpType.setDestFilePath(siteIdx+"/jsp/alert/css");
-								//WAS 서버의 경로
-								seedFtpType.setSrcFilePath(commonPath+"/css");
-								//WAS 파일명
-								seedFtpType.setFileName(filePath[i]);
-								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-								seedFtpType.setFtpType("regFile");
-								seedFtpType.setSeedFtp();
-								*/
-								
-							}else{
-								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/alert/"+filePath[i]);
-							}
-							
-						}else if(filePath[i].indexOf("login") >=0 || filePath[i].indexOf("loginAuth") >=0 || filePath[i].indexOf("loginPw") >=0 || filePath[i].indexOf("logout") >=0){
-							
-							if(filePath[i].indexOf(".css") >= 0){
-								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/login/css/"+filePath[i]);
-								
-								/*
-								//WEB 서버의 경로
-								seedFtpType.setDestFilePath(siteIdx+"/jsp/login/css");
-								//WAS 서버의 경로
-								seedFtpType.setSrcFilePath(commonPath+"/css");
-								//WAS 파일명
-								seedFtpType.setFileName(filePath[i]);
-								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-								seedFtpType.setFtpType("regFile");
-								seedFtpType.setSeedFtp();
-								*/
-								
-							}else{
-								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/login/"+filePath[i]);
-							}
-							
-						}else if(filePath[i].indexOf("member") >=0){
-							
-							if(filePath[i].indexOf(".css") >= 0){
-								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/member/css/"+filePath[i]);
-								
-								/*
-								//WEB 서버의 경로
-								seedFtpType.setDestFilePath(siteIdx+"/jsp/member/css");
-								//WAS 서버의 경로
-								seedFtpType.setSrcFilePath(commonPath+"/css");
-								//WAS 파일명
-								seedFtpType.setFileName(filePath[i]);
-								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-								seedFtpType.setFtpType("regFile");
-								seedFtpType.setSeedFtp();
-								*/
-								
-							}else{
-								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/member/"+filePath[i]);
-							}
-							
-						}else if(filePath[i].indexOf("navigation") >=0){
-							
-							if(filePath[i].indexOf(".css") >= 0){
-								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/navigation/css/"+filePath[i]);
-								
-								/*
-								//WEB 서버의 경로
-								seedFtpType.setDestFilePath(siteIdx+"/jsp/navigation/css");
-								//WAS 서버의 경로
-								seedFtpType.setSrcFilePath(commonPath+"/css");
-								//WAS 파일명
-								seedFtpType.setFileName(filePath[i]);
-								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-								seedFtpType.setFtpType("regFile");
-								seedFtpType.setSeedFtp();
-								*/
-								
-							}else{
-								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/navigation/"+filePath[i]);
-							}
-							
-						}else if(filePath[i].indexOf("satisfaction") >=0){
-							
-							if(filePath[i].indexOf(".css") >= 0){
-								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/satisfaction/css/"+filePath[i]);
-								
-								/*
-								//WEB 서버의 경로
-								seedFtpType.setDestFilePath(siteIdx+"/jsp/satisfaction/css");
-								//WAS 서버의 경로
-								seedFtpType.setSrcFilePath(commonPath+"/css");
-								//WAS 파일명
-								seedFtpType.setFileName(filePath[i]);
-								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-								seedFtpType.setFtpType("regFile");
-								seedFtpType.setSeedFtp();
-								*/
-								
-							}else{
-								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/satisfaction/"+filePath[i]);
-							}
-							
-						}else if(filePath[i].indexOf("charge") >=0){
-							
-							if(filePath[i].indexOf(".css") >= 0){
-								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/charge/css/"+filePath[i]);
-								
-								/*
-								//WEB 서버의 경로
-								seedFtpType.setDestFilePath(siteIdx+"/jsp/charge/css");
-								//WAS 서버의 경로
-								seedFtpType.setSrcFilePath(commonPath+"/css");
-								//WAS 파일명
-								seedFtpType.setFileName(filePath[i]);
-								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-								seedFtpType.setFtpType("regFile");
-								seedFtpType.setSeedFtp();
-								*/
-								
-							}else{
-								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/charge/"+filePath[i]);
-							}
-						}else if(filePath[i].indexOf("fileupload") >=0){
-							
-							if(filePath[i].indexOf(".css") >= 0){
-								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/fileupload/css/"+filePath[i]);
-								
-								/*
-								//WEB 서버의 경로
-								seedFtpType.setDestFilePath(siteIdx+"/jsp/fileupload/css");
-								//WAS 서버의 경로
-								seedFtpType.setSrcFilePath(commonPath+"/css");
-								//WAS 파일명
-								seedFtpType.setFileName(filePath[i]);
-								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-								seedFtpType.setFtpType("regFile");
-								seedFtpType.setSeedFtp();
-								*/
-								
-							}else{
-								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/fileupload/"+filePath[i]);
-							}
-						}else if(filePath[i].indexOf("mypage") >=0){
-							SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/mypage/css/"+filePath[i]);
-							
-							/*
-							//WEB 서버의 경로
-							seedFtpType.setDestFilePath(siteIdx+"/jsp/mypage/css");
-							//WAS 서버의 경로
-							seedFtpType.setSrcFilePath(commonPath+"/css");
-							//WAS 파일명
-							seedFtpType.setFileName(filePath[i]);
-							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-							seedFtpType.setFtpType("regFile");
-							seedFtpType.setSeedFtp();
-							*/
-							
-							File sourcelocation = new File(commonPath+"/images");
-							File targetdirectory = new File(rootPath+"/"+siteIdx+"/jsp/mypage/images");
-							
-							SeedUtils.setSeedCopyFiles(sourcelocation, targetdirectory, new String[]{}, new String[]{});
-						}else if(filePath[i].indexOf("smartmenu") >=0){
-							
-							if(filePath[i].indexOf(".css") >= 0){
-								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/smartmenu/css/"+filePath[i]);
-								
-								/*
-								//WEB 서버의 경로
-								seedFtpType.setDestFilePath(siteIdx+"/jsp/smartmenu/css");
-								//WAS 서버의 경로
-								seedFtpType.setSrcFilePath(commonPath+"/css");
-								//WAS 파일명
-								seedFtpType.setFileName(filePath[i]);
-								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-								seedFtpType.setFtpType("regFile");
-								seedFtpType.setSeedFtp();
-								*/
-								
-							}else{
-								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/smartmenu/"+filePath[i]);
-							}
-						}else if(filePath[i].indexOf("before_js") >=0 || filePath[i].indexOf("success_js") >=0){
-							
-							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/bbs/js/"+filePath[i]);
-							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/formbuilder/js/"+filePath[i]);
-							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/survey/js/"+filePath[i]);
-						}
-						
-					}else if(filePath[i].indexOf(".css") >= 0){
-						SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/css/"+filePath[i]);
-						
-						/*
-						//WEB 서버의 경로
-						seedFtpType.setDestFilePath(siteIdx+"/css");
-						//WAS 서버의 경로
-						seedFtpType.setSrcFilePath(commonPath+"/css");
-						//WAS 파일명
-						seedFtpType.setFileName(filePath[i]);
-						//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-						seedFtpType.setFtpType("regFile");
-						seedFtpType.setSeedFtp();
-						*/
-						
-					}else if(filePath[i].indexOf(".js") >= 0){
-						SeedUtils.setSeedFileCopy(commonPath+"/js/"+filePath[i], rootPath+"/"+siteIdx+"/js/"+filePath[i]);
-						
-						/*
-						//WEB 서버의 경로
-						seedFtpType.setDestFilePath(siteIdx+"/js");
-						//WAS 서버의 경로
-						seedFtpType.setSrcFilePath(commonPath+"/js");
-						//WAS 파일명
-						seedFtpType.setFileName(filePath[i]);
-						//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-						seedFtpType.setFtpType("regFile");
-						seedFtpType.setSeedFtp();
-						*/
-					}
-				}
-			}
-			
-			//통합회원이 아닐때만 T_GROUP에 값을 넣어줌
-			if(!memberMerge.equals("true")){
-				
-				T_GROUP tGroup = new T_GROUP();
-				
-				tGroup.setGroupLevel(999);
-				tGroup.setGroupName("손님");
-				tGroup.setGroupType("D");
-				tGroup.setGroupStatus("U");
-				tGroup.setGroupRegDate(new Date());
-				tGroup.setGroupModDate(new Date());
-				tGroup.settMember(tMember);
-				tGroup.settSite(tSiteDB);
-				
-				if(groupDAO.setGroupRegProc(tGroup).getGroupIdx() == 0){
-					siteIdx = "";
-					return siteIdx;
-				}
-			}
-			
-			T_SITE_MANAGER tSiteManager = new T_SITE_MANAGER();
-			
-			tSiteManager.settSite(tSiteDB);
-			tSiteManager.settMember(tMember);
-			tSiteManager.setSiteManagerStatus("U");
-			tSiteManager.setSiteManagerRegDate(new Date());
-			
-			if(!siteManagerDAO.setSiteManagerRegProc(tSiteManager)){
-				siteIdx = "";
-				return siteIdx;
-			}
-			
-			if(menuIdxs.length > 0){
-					
-				for(int m=0; m<menuIdxs.length; m++){
-					
-					T_MENU tMenu = new T_MENU();
-					tMenu.setMenuIdx(menuIdxs[m]);
-					
-					T_MENU_AUTH tMenuAuth = new T_MENU_AUTH();
-					
-					tMenuAuth.settSite(tSiteDB);
-					tMenuAuth.settMenu(tMenu);
-					tMenuAuth.settMember(tMember);
-					tMenuAuth.setMenuAuthStatus("U");
-					tMenuAuth.setMenuAuthRegDate(new Date());
-					
-					if(!menuAuthDAO.setMenuAuthRegProc(tMenuAuth)){
-						siteIdx = "";
-						return siteIdx;
-					}
-				}
-			}
-		}
-		
-		return siteIdx;
-	}
-	
-	//AdminSiteController
-	@Transactional
-	public boolean setSiteModProc(T_SITE tSite, Integer[] menuIdxs, Integer memberIdx, String rootPath){
-		
-		boolean success = false;
-		
-		T_SITE tSiteDB = siteDAO.getSiteForm(tSite.getSiteIdx());
-		
-		T_MEMBER tMember = new T_MEMBER();
-		tMember.setMemberIdx(memberIdx);
-		
-		tSiteDB.settMember(tMember);
-		tSiteDB.setSiteModDate(new Date());
-		tSiteDB.setSiteName(tSite.getSiteName());
-		tSiteDB.setSiteMemberIp(tSite.getSiteMemberIp());
-		tSiteDB.setSiteMenuTopDepth(tSite.getSiteMenuTopDepth());
-		tSiteDB.setSiteMenuSubSDepth(tSite.getSiteMenuSubSDepth());
-		tSiteDB.setSiteMenuSubEDepth(tSite.getSiteMenuSubEDepth());
-		tSiteDB.setSiteActiveMenuWidth(tSite.getSiteActiveMenuWidth());
-		
-		if(!SeedUtils.setReplaceNull(tSite.getSiteService()).equals("Y")){
-			tSiteDB.setSiteService("N");
-			tSiteDB.setSiteServiceSdate("");
-			tSiteDB.setSiteServiceEdate("");
-		}else{
-			tSiteDB.setSiteService(tSite.getSiteService());
-			tSiteDB.setSiteServiceSdate(tSite.getSiteServiceSdate());
-			tSiteDB.setSiteServiceEdate(tSite.getSiteServiceEdate());
-		}
-		
-		if(siteDAO.setSiteModProc(tSiteDB)){
-			
-			success = true;
-			
-			String[] qryColumns = null;
-			
-			List<T_MENU_AUTH> menuAuthList = menuAuthDAO.getMenuAuthList(tSite.getSiteIdx(), qryColumns);
-			
-			for(int d=0; d<menuAuthList.size(); d++){
-				T_MENU_AUTH tMenuAuth = menuAuthList.get(d);
-				if(!menuAuthDAO.setMenuAuthDelProc(tMenuAuth)){
-					success = false;
-					break;
-				}
-			}
-			
-			if(menuIdxs.length > 0){
-				
-				if(success){
-					
-					for(int m=0; m<menuIdxs.length; m++){
-						
-						T_MENU tMenu = new T_MENU();
-						tMenu.setMenuIdx(menuIdxs[m]);
-						
-						T_MENU_AUTH tMenuAuth = new T_MENU_AUTH();
-						
-						tMenuAuth.settSite(tSiteDB);
-						tMenuAuth.settMenu(tMenu);
-						tMenuAuth.settMember(tMember);
-						tMenuAuth.setMenuAuthStatus("U");
-						tMenuAuth.setMenuAuthRegDate(new Date());
-						
-						if(!menuAuthDAO.setMenuAuthRegProc(tMenuAuth)){
-							success = false;
-							break;
-						}
-					}
-				}
-			}
-			
-			//모든 메뉴 생성
-			if(!setSiteMenuAllCompile(tSiteDB.getSiteIdx(), rootPath)){
-				success = false;
-			}
-		}
-		
-		return success;
-	}
-	
-	//AdminSiteController
-	@Transactional
-	public boolean setSiteDelProc(String siteIdx, Integer smemberIdx, String smemberId, String rootPath){
-
-		boolean success = false;
-		
-		T_SITE tSiteDB = siteDAO.getSiteForm(siteIdx);
-		
-		Iterator<T_GROUPS> iteratorList = tSiteDB.gettGroupss().iterator();
-		
-		if(siteDAO.setSiteDelProc(tSiteDB)){
-			
-			success = true;
-			
-			while(iteratorList.hasNext()){ 
-				
-				Integer memberIdx = iteratorList.next().gettMember().getMemberIdx();
-				
-				T_MEMBER tMemberDB = memberDAO.getMemberForm(memberIdx);
-				
-				if(!tMemberDB.getMemberGrant().equals("S")){ //슈퍼 관리자가아닐때만 작업
-					if(!memberDAO.setMemberDelProc(tMemberDB)){
-						success=false;
-						break;
-					}
-				}
-			}
-			
-			File getSiteFile = new File(rootPath+"/"+tSiteDB.getSiteIdx());
-			
-			if(getSiteFile.exists()){
-				
-				Date getDate = new Date();
-				SimpleDateFormat dateFormat = new SimpleDateFormat("yyyyMMddHHmmss");
-
-				String setSiteBakPath = rootPath+"/site_bak/";
-				File getSitePathDir = new File(setSiteBakPath);
-				
-				if(!getSitePathDir.exists()){
-					SeedUtils.setSeedMkDirs(setSiteBakPath);
-				}
-						
-				File setSiteBakFile = new File(setSiteBakPath+tSiteDB.getSiteIdx()+"_"+dateFormat.format(getDate) + "_" + smemberIdx + "_" + smemberId);
-				getSiteFile.renameTo(setSiteBakFile);
-			}
-		}
-		
-		return success;
-	}
-	
-	//AdminSiteController
-	@Transactional
-	public boolean setSiteStatusProc(String siteIdx, String rootPath, String status, Integer memberIdx){
-
-		boolean success = false;
-		
-		T_SITE tSiteDB = siteDAO.getSiteForm(siteIdx);
-		Iterator<T_SITE_MANAGER> iteratorList = tSiteDB.gettSiteManagers().iterator();
-		
-		T_MEMBER tMember = new T_MEMBER();
-		tMember.setMemberIdx(memberIdx);
-		
-		tSiteDB.settMember(tMember);
-		tSiteDB.setSiteModDate(new Date());
-		tSiteDB.setSiteStatus(status);
-		
-		if(siteDAO.setSiteModProc(tSiteDB)){
-			
-			success = true;
-			
-			//사이트 관리자 상태변경
-			while(iteratorList.hasNext()){
-				
-				T_SITE_MANAGER tSiteManagerDB = siteManagerDAO.getSiteManagerForm(iteratorList.next().getSiteManagerIdx());
-				
-				tSiteManagerDB.settMember(tMember);
-				tSiteManagerDB.setSiteManagerStatus(status);
-				
-				if(!siteManagerDAO.setSiteManagerModProc(tSiteManagerDB)){
-					success = false;
-					break;
-				}
-			}
-			
-			//사용자 상태변경
-			List<T_MEMBER> memberList = memberDAO.getMemberList(siteIdx);
-			
-			for(int i=0; i<memberList.size(); i++){
-				
-				T_MEMBER tMemberDB = memberList.get(i);
-				
-				tMemberDB.setMemberStatus(status);
-				
-				if(!memberDAO.setMemberModProc(tMemberDB)){
-					success = false;
-					break;
-				}
-			}
-			
-			//사이트 메뉴 관리자 상태변경
-			List<T_SITE_MENU_MANAGER> siteMenuManagerList = siteMenuManagerDAO.getSiteMenuManagerList(siteIdx);
-			
-			for(int i=0; i<siteMenuManagerList.size(); i++){
-				
-				T_SITE_MENU_MANAGER tSiteMenuManagerDB = siteMenuManagerList.get(i);
-				
-				tSiteMenuManagerDB.setSiteMenuManagerStatus(status);
-				
-				if(!siteMenuManagerDAO.setSiteMenuManagerModProc(tSiteMenuManagerDB)){
-					success = false;
-					break;
-				}
-			}
-			
-			//게시판 관리자 상태변경
-			List<T_BBS_MANAGER> bbsManagerList = bbsManagerDAO.getBbsManagerList(siteIdx);
-			
-			for(int i=0; i<bbsManagerList.size(); i++){
-				
-				T_BBS_MANAGER tBbsManagerDB = bbsManagerList.get(i);
-				
-				tBbsManagerDB.setBbsManagerStatus(status);
-				
-				if(!bbsManagerDAO.setBbsManagerModProc(tBbsManagerDB)){
-					success = false;
-					break;
-				}
-			}
-			
-			//폼빌더 관리자 상태변경
-			List<T_FORMBUILDER_MANAGER> formbuilderManagerList = formbuilderManagerDAO.getFormbuilderManagerList(siteIdx);
-			
-			for(int i=0; i<formbuilderManagerList.size(); i++){
-				
-				T_FORMBUILDER_MANAGER tFormbuilderManagerDB = formbuilderManagerList.get(i);
-				
-				tFormbuilderManagerDB.setFormbuilderManagerStatus(status);
-				
-				if(!formbuilderManagerDAO.setFormbuilderManagerModProc(tFormbuilderManagerDB)){
-					success = false;
-					break;
-				}
-			}
-			
-			//설문 관리자 상태변경
-			List<T_SURVEY_MANAGER> surveyManagerList = surveyManagerDAO.getSurveyManagerList(siteIdx);
-			
-			for(int i=0; i<surveyManagerList.size(); i++){
-				
-				T_SURVEY_MANAGER tSurveyManagerDB = surveyManagerList.get(i);
-				
-				tSurveyManagerDB.setSurveyManagerStatus(status);
-				
-				if(!surveyManagerDAO.setSurveyManagerModProc(tSurveyManagerDB)){
-					success = false;
-					break;
-				}
-			}
-			
-			//퀵메뉴 관리자 상태변경
-			List<T_QUICK_MANAGER> quickManagerList = quickManagerDAO.getQuickManagerList(siteIdx);
-			
-			for(int i=0; i<quickManagerList.size(); i++){
-				
-				T_QUICK_MANAGER tQuickManagerDB = quickManagerList.get(i);
-				
-				tQuickManagerDB.setQuickManagerStatus(status);
-				
-				if(!quickManagerDAO.setQuickManagerModProc(tQuickManagerDB)){
-					success = false;
-					break;
-				}
-			}
-			
-			//비주얼 관리자 상태변경
-			List<T_VISUAL_MANAGER> visualManagerList = visualManagerDAO.getVisualManagerList(siteIdx);
-			
-			for(int i=0; i<visualManagerList.size(); i++){
-				
-				T_VISUAL_MANAGER tVisualManagerDB = visualManagerList.get(i);
-				
-				tVisualManagerDB.setVisualManagerStatus(status);
-				
-				if(!visualManagerDAO.setVisualManagerModProc(tVisualManagerDB)){
-					success = false;
-					break;
-				}
-			}
-			
-			//배너 관리자 상태변경
-			List<T_BANNER_MANAGER> bannerManagerList = bannerManagerDAO.getBannerManagerList(siteIdx);
-			
-			for(int i=0; i<bannerManagerList.size(); i++){
-				
-				T_BANNER_MANAGER tBannerManagerDB = bannerManagerList.get(i);
-				
-				tBannerManagerDB.setBannerManagerStatus(status);
-				
-				if(!bannerManagerDAO.setBannerManagerModProc(tBannerManagerDB)){
-					success = false;
-					break;
-				}
-			}
-			
-			//팝업 관리자 상태변경
-			List<T_POPUP_MANAGER> popupManagerList = popupManagerDAO.getPopupManagerList(siteIdx);
-			
-			for(int i=0; i<popupManagerList.size(); i++){
-				
-				T_POPUP_MANAGER tPopupManagerDB = popupManagerList.get(i);
-				
-				tPopupManagerDB.setPopupManagerStatus(status);
-				
-				if(!popupManagerDAO.setPopupManagerModProc(tPopupManagerDB)){
-					success = false;
-					break;
-				}
-			}
-			
-			/*
-			if(status.equals("U")){
-				
-				File getBakFile = new File(rootPath+"/site_bak/");
-				File[] getBakFiles = getBakFile.listFiles();
-				
-				if(getBakFiles != null && getBakFiles.length > 0){
-					for(int i=getBakFiles.length-1; i>=0; i--){
-						if(getBakFiles[i].getName().indexOf(tSiteDB.getSiteIdx()) >= 0){
-							String getSitePath = rootPath+"/"+tSiteDB.getSiteIdx();
-							File siteBakFile = new File(rootPath+"/site_bak/"+getBakFiles[i].getName());
-							File setSiteFile = new File(getSitePath);
-							siteBakFile.renameTo(setSiteFile);
-							break;
-						}
-					}
-				}
-			}
-			*/
-		}
-		
-		return success;
-	}
-	
-	//AdminSiteController
-	@Transactional
-	public synchronized boolean setSiteCopyProc(String copySiteIdx, T_SITE tSite, String rootPath, String memberMerge, String memberMergeSiteIdx, Integer memberIdx){
-		
-		boolean success = false;
-		
-		try{
-			
-			String[] noCopyFolders = {"content_bak", "tempFiles"};
-			String[] noCopyFiles = {"header_", "sub_", "footer_", "menu_main_", "menu_sub_"};
-			
-			File sourcelocation = new File(rootPath+"/"+copySiteIdx);
-			File targetdirectory = new File(rootPath+"/"+tSite.getSiteIdx());
-			
-			SeedUtils.setSeedCopyFiles(sourcelocation, targetdirectory, noCopyFolders, noCopyFiles);
-			
-			/*
-			//FTP 전송
-			SeedFtpType seedFtpType = new SeedFtpType();
-
-			//작업해야함 폴더 전체 올리는 작업 (현재는 사이트 복사 후 FTP로 파일올려줘야함)
-			//WEB 서버의 경로
-			seedFtpType.setDestFilePath(tSite.getSiteIdx());
-			//WAS 서버의 경로
-			seedFtpType.setSrcFilePath(rootPath+"/"+copySiteIdx);
-			//WAS 파일명
-			seedFtpType.setFileName("");
-			//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-			seedFtpType.setFtpType("regFiles");
-			seedFtpType.setSeedFtp();
-			*/
-			
-			T_SITE tSiteTmp = siteDAO.getSiteForm(copySiteIdx);
-			
-			T_MEMBER tMember = new T_MEMBER();
-			tMember.setMemberIdx(memberIdx);
-			
-			tSite.settMember(tMember);
-			tSite.setSiteStatus("U");
-			tSite.setSiteMemberIp(tSiteTmp.getSiteMemberIp());
-			tSite.setSiteMenuTopDepth(tSiteTmp.getSiteMenuTopDepth());
-			tSite.setSiteMenuSubSDepth(tSiteTmp.getSiteMenuSubSDepth());
-			tSite.setSiteMenuSubEDepth(tSiteTmp.getSiteMenuSubEDepth());
-			tSite.setSiteRegDate(new Date());
-			tSite.setSiteModDate(new Date());
-			
-			T_SITE tSiteDB = siteDAO.setSiteRegProc(tSite);
-			
-			if(tSiteDB != null){
-				
-				success = true;
-				
-				String oldSiteIdx = copySiteIdx;
-				String newSiteIdx = tSiteDB.getSiteIdx();
-				
-				ArrayList<String> arrayDataList = new ArrayList<String>();
-				
-				//사이트 관리자 설정
-				T_SITE_MANAGER tSiteManager = new T_SITE_MANAGER();
-				
-				tSiteManager.settSite(tSiteDB);
-				tSiteManager.settMember(tMember);
-				tSiteManager.setSiteManagerStatus("U");
-				tSiteManager.setSiteManagerRegDate(new Date());
-				
-				if(!siteManagerDAO.setSiteManagerRegProc(tSiteManager)){
-					success = false;
-					return success;
-				}
-				
-				String[] qryColumns = null;
-			
-				//메뉴 설정 복사
-				List<T_MENU_AUTH> menuAuthList = menuAuthDAO.getMenuAuthList(oldSiteIdx, qryColumns);
-				
-				if(menuAuthList.size() > 0){
-					
-					for(int m=0; m<menuAuthList.size(); m++){
-						
-						T_MENU_AUTH tMenuAuth = new T_MENU_AUTH();
-						
-						T_MENU_AUTH tMenuAuthTmp = menuAuthList.get(m);
-						
-						tMenuAuth.settSite(tSiteDB);
-						tMenuAuth.settMember(tMember);
-						tMenuAuth.settMenu(tMenuAuthTmp.gettMenu());
-						tMenuAuth.setMenuAuthStatus(tMenuAuthTmp.getMenuAuthStatus());
-						tMenuAuth.setMenuAuthRegDate(new Date());
-						
-						if(!menuAuthDAO.setMenuAuthRegProc(tMenuAuth)){
-							success = false;
-							return success;
-						}
-					}
-				}
-				
-				//사이트 그룹 복사
-				//통합회원이 아닐때만 작업해줌
-				if(SeedUtils.setReplaceNull(memberMerge).equals("false")){
-						
-					List<T_GROUP> groupList = groupDAO.getGroupList(oldSiteIdx, qryColumns);
-					
-					if(groupList.size() > 0){
-						
-						for(int g=0; g<groupList.size(); g++){
-							
-							T_GROUP tGroup = new T_GROUP();
-							
-							T_GROUP tGroupTmp = groupList.get(g);
-							
-							tGroup.settSite(tSiteDB);
-							tGroup.settMember(tMember);
-							tGroup.setGroupName(tGroupTmp.getGroupName());
-							tGroup.setGroupType(tGroupTmp.getGroupType());
-							tGroup.setGroupLevel(tGroupTmp.getGroupLevel());
-							tGroup.setGroupStatus(tGroupTmp.getGroupStatus());
-							tGroup.setGroupRegDate(new Date());
-							tGroup.setGroupModDate(new Date());
-							
-							if(groupDAO.setGroupRegProc(tGroup).getGroupIdx() == 0){
-								success = false;
-								return success;
-							}
-						}
-					}
-				}
-				
-				//사이트 게시판 스킨 복사
-				List<T_BBS_SKIN> bbsSkinList = bbsSkinDAO.getBbsSkinList(oldSiteIdx, qryColumns);
-				
-				if(bbsSkinList.size() > 0){
-					
-					for(int b=0; b<bbsSkinList.size(); b++){
-						
-						T_BBS_SKIN tBbsSkin = new T_BBS_SKIN();
-						
-						T_BBS_SKIN tBbsSkinTmp = bbsSkinList.get(b);
-						
-						tBbsSkin.settSite(tSiteDB);
-						tBbsSkin.settMember(tMember);
-						tBbsSkin.setBbsSkinCode(tBbsSkinTmp.getBbsSkinCode());
-						tBbsSkin.setBbsSkinThumb(tBbsSkinTmp.getBbsSkinThumb());
-						tBbsSkin.setBbsSkinReThumb(tBbsSkinTmp.getBbsSkinReThumb().replaceAll("_"+oldSiteIdx+"_", "_"+newSiteIdx+"_"));
-						tBbsSkin.setBbsSkinType(tBbsSkinTmp.getBbsSkinType());
-						tBbsSkin.setBbsSkinSubType(tBbsSkinTmp.getBbsSkinSubType());
-						tBbsSkin.setBbsSkinStatus(tBbsSkinTmp.getBbsSkinStatus());
-						tBbsSkin.setBbsSkinRegDate(new Date());
-						tBbsSkin.setBbsSkinModDate(new Date());
-						
-						T_BBS_SKIN tBbsSkinDB = bbsSkinDAO.setBbsSkinRegProc(tBbsSkin);
-						
-						if(tBbsSkinDB != null){
-							
-							String filePath = rootPath+"/"+newSiteIdx+"/jsp/bbs/skin/"+tBbsSkinDB.getBbsSkinCode();
-							filePath = SeedUtils.setFilePathReplaceAll(filePath);
-							
-							SeedUtils.setSeedMoveFile(filePath+"/"+tBbsSkinTmp.getBbsSkinReThumb(), 
-									filePath+"/"+tBbsSkinDB.getBbsSkinReThumb());
-							
-							BufferedReader bufferedTxtReader = new BufferedReader(
-									new InputStreamReader(
-											new FileInputStream(filePath+"/_css/skin_"+tBbsSkinDB.getBbsSkinCode()+".txt"), "UTF-8")); 
-							
-							String fileBuffer = "";
-							String htmlCode = "";
-							
-							while((fileBuffer = bufferedTxtReader.readLine()) != null){
-								htmlCode += fileBuffer.replaceAll(oldSiteIdx, newSiteIdx)+"\n";
-							}
-
-							FileOutputStream 	cssFileOutputStream 		= null;
-							OutputStreamWriter	cssOutputStreamWriter 	= null;
-							BufferedWriter 		cssWriter 						= null;
-							
-							try{
-								
-								//css파일 작성
-								cssFileOutputStream 		= new FileOutputStream(filePath+"/_css/skin_"+tBbsSkinDB.getBbsSkinCode()+".css");
-								cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
-								cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
-								cssWriter.write("@charset \"utf-8\";");
-								cssWriter.write("\n");
-								cssWriter.write("\n");
-								cssWriter.write(htmlCode);
-								cssWriter.flush();
-								
-								/*
-								//WEB 서버의 경로
-								seedFtpType.setDestFilePath(newSiteIdx+"/jsp/bbs/skin/"+tBbsSkinDB.getBbsSkinCode());
-								//WAS 서버의 경로
-								seedFtpType.setSrcFilePath(filePath+"/_css");
-								//WAS 파일명
-								seedFtpType.setFileName("skin_"+tBbsSkinDB.getBbsSkinCode()+".css");
-								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-								seedFtpType.setFtpType("regFile");
-								seedFtpType.setSeedFtp();
-								*/
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-						}else{
-							success = false;
-							return success;
-						}
-					}
-				}
-				
-				//사이트 폼빌더 스킨 복사
-				List<T_FORMBUILDER_SKIN> formbuilderSkinList = formbuilderSkinDAO.getFormbuilderSkinList(oldSiteIdx, qryColumns);
-				
-				if(formbuilderSkinList.size() > 0){
-					
-					for(int b=0; b<formbuilderSkinList.size(); b++){
-						
-						T_FORMBUILDER_SKIN tFormbuilderSkin = new T_FORMBUILDER_SKIN();
-						
-						T_FORMBUILDER_SKIN tFormbuilderSkinTmp = formbuilderSkinList.get(b);
-						
-						tFormbuilderSkin.settSite(tSiteDB);
-						tFormbuilderSkin.settMember(tMember);
-						tFormbuilderSkin.setFormbuilderSkinCode(tFormbuilderSkinTmp.getFormbuilderSkinCode());
-						tFormbuilderSkin.setFormbuilderSkinThumb(tFormbuilderSkinTmp.getFormbuilderSkinThumb());
-						tFormbuilderSkin.setFormbuilderSkinReThumb(tFormbuilderSkinTmp.getFormbuilderSkinReThumb().replaceAll("_"+oldSiteIdx+"_", "_"+newSiteIdx+"_"));
-						tFormbuilderSkin.setFormbuilderSkinStatus(tFormbuilderSkinTmp.getFormbuilderSkinStatus());
-						tFormbuilderSkin.setFormbuilderSkinRegDate(new Date());
-						tFormbuilderSkin.setFormbuilderSkinModDate(new Date());
-						
-						T_FORMBUILDER_SKIN tFormbuilderSkinDB = formbuilderSkinDAO.setFormbuilderSkinRegProc(tFormbuilderSkin);
-						
-						if(tFormbuilderSkinDB != null){
-							
-							String filePath = rootPath+"/"+newSiteIdx+"/jsp/formbuilder/skin/"+tFormbuilderSkinDB.getFormbuilderSkinCode();
-							filePath = SeedUtils.setFilePathReplaceAll(filePath);
-							
-							SeedUtils.setSeedMoveFile(filePath+"/"+tFormbuilderSkinTmp.getFormbuilderSkinReThumb(), 
-									filePath+"/"+tFormbuilderSkinDB.getFormbuilderSkinReThumb());
-							
-							BufferedReader bufferedTxtReader = new BufferedReader(
-									new InputStreamReader(
-											new FileInputStream(filePath+"/_css/skin_"+tFormbuilderSkinDB.getFormbuilderSkinCode()+".txt"), "UTF-8")); 
-							
-							String fileBuffer = "";
-							String htmlCode = "";
-							
-							while((fileBuffer = bufferedTxtReader.readLine()) != null){
-								htmlCode += fileBuffer.replaceAll(oldSiteIdx, newSiteIdx)+"\n";
-							}
-
-							FileOutputStream 	cssFileOutputStream 		= null;
-							OutputStreamWriter	cssOutputStreamWriter 	= null;
-							BufferedWriter 		cssWriter 						= null;
-							
-							try{
-								
-								//css파일 작성
-								cssFileOutputStream 		= new FileOutputStream(filePath+"/_css/skin_"+tFormbuilderSkinDB.getFormbuilderSkinCode()+".css");
-								cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
-								cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
-								cssWriter.write("@charset \"utf-8\";");
-								cssWriter.write("\n");
-								cssWriter.write("\n");
-								cssWriter.write(htmlCode);
-								cssWriter.flush();
-								
-								/*
-								//WEB 서버의 경로
-								seedFtpType.setDestFilePath(newSiteIdx+"/jsp/bbs/skin/"+tBbsSkinDB.getBbsSkinCode());
-								//WAS 서버의 경로
-								seedFtpType.setSrcFilePath(filePath+"/_css");
-								//WAS 파일명
-								seedFtpType.setFileName("skin_"+tBbsSkinDB.getBbsSkinCode()+".css");
-								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-								seedFtpType.setFtpType("regFile");
-								seedFtpType.setSeedFtp();
-								*/
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-						}else{
-							success = false;
-							return success;
-						}
-					}
-				}
-				
-				//사이트 설문조사 스킨 복사
-				List<T_SURVEY_SKIN> surveySkinList = surveySkinDAO.getSurveySkinList(oldSiteIdx, qryColumns);
-				
-				if(surveySkinList.size() > 0){
-					
-					for(int b=0; b<surveySkinList.size(); b++){
-						
-						T_SURVEY_SKIN tSurveySkin = new T_SURVEY_SKIN();
-						
-						T_SURVEY_SKIN tSurveySkinTmp = surveySkinList.get(b);
-						
-						tSurveySkin.settSite(tSiteDB);
-						tSurveySkin.settMember(tMember);
-						tSurveySkin.setSurveySkinCode(tSurveySkinTmp.getSurveySkinCode());
-						tSurveySkin.setSurveySkinThumb(tSurveySkinTmp.getSurveySkinThumb());
-						tSurveySkin.setSurveySkinReThumb(tSurveySkinTmp.getSurveySkinReThumb().replaceAll("_"+oldSiteIdx+"_", "_"+newSiteIdx+"_"));
-						tSurveySkin.setSurveySkinStatus(tSurveySkinTmp.getSurveySkinStatus());
-						tSurveySkin.setSurveySkinRegDate(new Date());
-						tSurveySkin.setSurveySkinModDate(new Date());
-						
-						T_SURVEY_SKIN tSurveySkinDB = surveySkinDAO.setSurveySkinRegProc(tSurveySkin);
-						
-						if(tSurveySkinDB != null){
-							
-							String filePath = rootPath+"/"+newSiteIdx+"/jsp/survey/skin/"+tSurveySkinDB.getSurveySkinCode();
-							filePath = SeedUtils.setFilePathReplaceAll(filePath);
-							
-							SeedUtils.setSeedMoveFile(filePath+"/"+tSurveySkinTmp.getSurveySkinReThumb(), 
-									filePath+"/"+tSurveySkinDB.getSurveySkinReThumb());
-							
-							BufferedReader bufferedTxtReader = new BufferedReader(
-									new InputStreamReader(
-											new FileInputStream(filePath+"/_css/skin_"+tSurveySkinDB.getSurveySkinCode()+".txt"), "UTF-8")); 
-							
-							String fileBuffer = "";
-							String htmlCode = "";
-							
-							while((fileBuffer = bufferedTxtReader.readLine()) != null){
-								htmlCode += fileBuffer.replaceAll(oldSiteIdx, newSiteIdx)+"\n";
-							}
-
-							FileOutputStream 	cssFileOutputStream 		= null;
-							OutputStreamWriter	cssOutputStreamWriter 	= null;
-							BufferedWriter 		cssWriter 						= null;
-							
-							try{
-								
-								//css파일 작성
-								cssFileOutputStream 		= new FileOutputStream(filePath+"/_css/skin_"+tSurveySkinDB.getSurveySkinCode()+".css");
-								cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
-								cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
-								cssWriter.write("@charset \"utf-8\";");
-								cssWriter.write("\n");
-								cssWriter.write("\n");
-								cssWriter.write(htmlCode);
-								cssWriter.flush();
-								
-								/*
-								//WEB 서버의 경로
-								seedFtpType.setDestFilePath(newSiteIdx+"/jsp/bbs/skin/"+tBbsSkinDB.getBbsSkinCode());
-								//WAS 서버의 경로
-								seedFtpType.setSrcFilePath(filePath+"/_css");
-								//WAS 파일명
-								seedFtpType.setFileName("skin_"+tBbsSkinDB.getBbsSkinCode()+".css");
-								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-								seedFtpType.setFtpType("regFile");
-								seedFtpType.setSeedFtp();
-								*/
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-						}else{
-							success = false;
-							return success;
-						}
-					}
-				}
-
-				//사이트 게시판 복사
-				List<T_BBS_SET> bbsSetList = bbsSetDAO.getBbsSetList(oldSiteIdx, qryColumns);
-				
-				if(bbsSetList.size() > 0){
-					
-					//복사된 게시판 업로드 파일 삭제
-					SeedUtils.setSeedDeleteFiles(rootPath+"/"+newSiteIdx+"/upload/bbs", "");
-					
-					for(int b=0; b<bbsSetList.size(); b++){
-						
-						T_BBS_SET tBbsSet = new T_BBS_SET();
-						
-						T_BBS_SET tBbsSetTmp = bbsSetList.get(b);
-						
-						Integer oldBbsSetIdx = tBbsSetTmp.getBbsSetIdx();
-						
-						tBbsSet.settSite(tSiteDB);
-						tBbsSet.settMember(tMember);
-						tBbsSet.setBbsSetName(tBbsSetTmp.getBbsSetName());
-						tBbsSet.setBbsSetType(tBbsSetTmp.getBbsSetType());
-						tBbsSet.setBbsSetSubType(tBbsSetTmp.getBbsSetSubType());
-						tBbsSet.setBbsSetBest(tBbsSetTmp.getBbsSetBest());
-						tBbsSet.setBbsSetBestRow(tBbsSetTmp.getBbsSetBestRow());
-						tBbsSet.setBbsSetComment(tBbsSetTmp.getBbsSetComment());
-						tBbsSet.setBbsSetCommentRow(tBbsSetTmp.getBbsSetCommentRow());
-						tBbsSet.setBbsSetDataRow(tBbsSetTmp.getBbsSetDataRow());
-						tBbsSet.setBbsSetDataMiniRow(tBbsSetTmp.getBbsSetDataMiniRow());
-						tBbsSet.setBbsSetFileCount(tBbsSetTmp.getBbsSetFileCount());
-						tBbsSet.setBbsSetFileSize(tBbsSetTmp.getBbsSetFileSize());
-						tBbsSet.setBbsSetNP(tBbsSetTmp.getBbsSetNP());
-						tBbsSet.setBbsSetReply(tBbsSetTmp.getBbsSetReply());
-						tBbsSet.setBbsSetSecret(tBbsSetTmp.getBbsSetSecret());
-						tBbsSet.setBbsSetSkinCode(tBbsSetTmp.getBbsSetSkinCode());
-						tBbsSet.setBbsSetTrash(tBbsSetTmp.getBbsSetTrash());
-						tBbsSet.setBbsSetStatus(tBbsSetTmp.getBbsSetStatus());
-						tBbsSet.setBbsSetRegDate(new Date());
-						tBbsSet.setBbsSetModDate(new Date());
-						
-						T_BBS_SET tBbsSetDB = bbsSetDAO.setBbsSetRegProc(tBbsSet);
-						
-						if(tBbsSetDB != null){
-							
-							Integer newBbsSetIdx = tBbsSetDB.getBbsSetIdx();
-							
-							//게시판 BBS_ITEM 생성
-							List<T_BBS_ITEM> bbsItemList = bbsItemDAO.getBbsItemList(oldBbsSetIdx);
-							
-							for(int i=0; i<bbsItemList.size(); i++){
-								
-								T_BBS_ITEM tBbsItem = new T_BBS_ITEM();
-								
-								T_BBS_ITEM tBbsItemTmp = bbsItemList.get(i);
-								
-								tBbsItem.settBbsSet(tBbsSetDB);
-								tBbsItem.settMember(tMember);
-								tBbsItem.setBbsItemName(tBbsItemTmp.getBbsItemName());
-								tBbsItem.setBbsItemColWidth(tBbsItemTmp.getBbsItemColWidth());
-								tBbsItem.setBbsItemWidth(tBbsItemTmp.getBbsItemWidth());
-								tBbsItem.setBbsItemDataMiniLength(tBbsItemTmp.getBbsItemDataMiniLength());
-								tBbsItem.setBbsItemDataLength(tBbsItemTmp.getBbsItemDataLength());								
-								tBbsItem.setBbsItemHeight(tBbsItemTmp.getBbsItemHeight());
-								tBbsItem.setBbsItemCount(tBbsItemTmp.getBbsItemCount());
-								tBbsItem.setBbsItemPattern(tBbsItemTmp.getBbsItemPattern());
-								tBbsItem.setBbsItemGroup(tBbsItemTmp.getBbsItemGroup());
-								tBbsItem.setBbsItemLink(tBbsItemTmp.getBbsItemLink());
-								tBbsItem.setBbsItemList(tBbsItemTmp.getBbsItemList());
-								tBbsItem.setBbsItemView(tBbsItemTmp.getBbsItemView());
-								tBbsItem.setBbsItemMiniList(tBbsItemTmp.getBbsItemMiniList());
-								tBbsItem.setBbsItemMiniOrder(tBbsItemTmp.getBbsItemMiniOrder());
-								tBbsItem.setBbsItemListOrder(tBbsItemTmp.getBbsItemListOrder());
-								tBbsItem.setBbsItemViewOrder(tBbsItemTmp.getBbsItemViewOrder());
-								tBbsItem.setBbsItemSearch(tBbsItemTmp.getBbsItemSearch());
-								tBbsItem.setBbsItemText(tBbsItemTmp.getBbsItemText());
-								tBbsItem.setBbsItemType(tBbsItemTmp.getBbsItemType());
-								tBbsItem.setBbsItemEssential(tBbsItemTmp.getBbsItemEssential());
-								tBbsItem.setBbsItemValue(tBbsItemTmp.getBbsItemValue());
-								tBbsItem.setBbsItemRegDate(new Date());
-								tBbsItem.setBbsItemWL(tBbsItemTmp.getBbsItemWL());
-								tBbsItem.setBbsItemStatus(tBbsItemTmp.getBbsItemStatus());
-								
-								if(bbsItemDAO.setBbsItemRegProc(tBbsItem).getBbsItemIdx() == 0){
-									success = false;
-									return success;
-								}
-							}
-							
-							//게시판 BBS_AUTH 생성
-							List<T_BBS_AUTH> bbsAuthList = bbsAuthDAO.getBbsAuthList(oldBbsSetIdx, qryColumns);
-							
-							for(int a=0; a<bbsAuthList.size(); a++){
-								
-								T_BBS_AUTH tBbsAuth = new T_BBS_AUTH();
-								
-								T_BBS_AUTH tBbsAuthTmp = bbsAuthList.get(a);
-								
-								tBbsAuth.settBbsSet(tBbsSetDB);
-								tBbsAuth.settGroup(tBbsAuthTmp.gettGroup());
-								tBbsAuth.settMember(tMember);
-								tBbsAuth.setBbsAuthList(tBbsAuthTmp.getBbsAuthList());
-								tBbsAuth.setBbsAuthContent(tBbsAuthTmp.getBbsAuthContent());
-								tBbsAuth.setBbsAuthWrite(tBbsAuthTmp.getBbsAuthWrite());
-								tBbsAuth.setBbsAuthReply(tBbsAuthTmp.getBbsAuthReply());
-								tBbsAuth.setBbsAuthModDate(new Date());
-								tBbsAuth.setBbsAuthRegDate(new Date());
-								
-								if(!bbsAuthDAO.setBbsAuthRegProc(tBbsAuth)){
-									success = false;
-									return success;
-								}
-							}
-							
-							String[] bbsMenuIdxs = SeedUtils.setReplaceNull(tBbsSetTmp.getSiteMenuIdxs()).split("\\|");
-							
-							for(int m=0; m<bbsMenuIdxs.length; m++){
-								arrayDataList.add("bbs,"+bbsMenuIdxs[m]+","+newBbsSetIdx);
-							}
-							
-							//복사된 컴파일 게시판 삭제 후 새로 생성 
-							String filePath = rootPath+"/"+newSiteIdx+"/jsp/bbs";
-							
-							SeedUtils.setSeedDeleteFile(filePath+"/"+"bbs_"+oldBbsSetIdx+".jsp");
-							
-							FileOutputStream 	jspFileOutputStream 		= null;
-							OutputStreamWriter	jspOutputStreamWriter 	= null;
-							BufferedWriter 		jspWriter 						= null;
-							
-							try{
-								
-								jspFileOutputStream 		= new FileOutputStream(filePath+"/bbs_"+newBbsSetIdx+".jsp");
-								jspOutputStreamWriter 	= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
-								jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
-								
-								jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-								jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
-								jspWriter.write("\n");
-								jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-										
-								jspWriter.write("<li id='bbs_li_"+newBbsSetIdx+"' class='bbs_li_"+newBbsSetIdx+"'>");
-								jspWriter.write("\n");		
-								
-								jspWriter.write("<span id='bbs_span_"+newBbsSetIdx+"' class='bbs_span_"+newBbsSetIdx+"'><s:message code='common.message.no.data'/></span>");
-								
-								jspWriter.write("\n");
-								jspWriter.write("</li>");
-
-								jspWriter.flush();
-								 
-								setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldBbsSetIdx, newBbsSetIdx, "bbs");
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-						}else{
-							success = false;
-							return success;
-						}
-					}
-				}	
-				
-				//사이트 폼빌더 복사
-				List<T_FORMBUILDER_SET> formbuilderSetList = formbuilderSetDAO.getFormbuilderSetList(oldSiteIdx, qryColumns);
-				
-				if(formbuilderSetList.size() > 0){
-					
-					//복사된 폼빌더 업로드 파일 삭제
-					SeedUtils.setSeedDeleteFiles(rootPath+"/"+newSiteIdx+"/upload/formbuilder", "");
-					
-					for(int f=0; f<formbuilderSetList.size(); f++){
-						
-						T_FORMBUILDER_SET tFormbuilderSet = new T_FORMBUILDER_SET();
-						
-						T_FORMBUILDER_SET tFormbuilderSetTmp = formbuilderSetList.get(f);
-						
-						Integer oldFormbuilderSetIdx = tFormbuilderSetTmp.getFormbuilderSetIdx();
-						
-						tFormbuilderSet.settSite(tSiteDB);
-						tFormbuilderSet.settMember(tMember);
-						tFormbuilderSet.setFormbuilderSetName(tFormbuilderSetTmp.getFormbuilderSetName());
-						tFormbuilderSet.setFormbuilderSetOverlap(tFormbuilderSetTmp.getFormbuilderSetOverlap());
-						tFormbuilderSet.setFormbuilderSetSdate(tFormbuilderSetTmp.getFormbuilderSetSdate());
-						tFormbuilderSet.setFormbuilderSetEdate(tFormbuilderSetTmp.getFormbuilderSetEdate());
-						tFormbuilderSet.setFormbuilderSetSkinCode(tFormbuilderSetTmp.getFormbuilderSetSkinCode());
-						tFormbuilderSet.setFormbuilderSetStatus(tFormbuilderSetTmp.getFormbuilderSetStatus());
-						tFormbuilderSet.setFormbuilderSetRegDate(new Date());
-						tFormbuilderSet.setFormbuilderSetModDate(new Date());
-						
-						T_FORMBUILDER_SET tFormbuilderSetDB = formbuilderSetDAO.setFormbuilderSetRegProc(tFormbuilderSet);
-						
-						if(tFormbuilderSetDB != null){
-							
-							Integer newFormbuilderSetIdx = tFormbuilderSetDB.getFormbuilderSetIdx();
-							
-							//폼빌더 FORMBUILDER_ITEM 생성
-							List<T_FORMBUILDER_ITEM> formbuilderItemList = formbuilderItemDAO.getFormbuilderItemList(oldFormbuilderSetIdx);
-							
-							for(int i=0; i<formbuilderItemList.size(); i++){
-								
-								T_FORMBUILDER_ITEM tFormbuilderItem = new T_FORMBUILDER_ITEM();
-								
-								T_FORMBUILDER_ITEM tFormbuilderItemTmp = formbuilderItemList.get(i);
-								
-								tFormbuilderItem.settFormbuilderSet(tFormbuilderSetDB);
-								tFormbuilderItem.settMember(tMember);
-								tFormbuilderItem.setFormbuilderItemName(tFormbuilderItemTmp.getFormbuilderItemName());
-								tFormbuilderItem.setFormbuilderItemColWidth(tFormbuilderItemTmp.getFormbuilderItemColWidth());
-								tFormbuilderItem.setFormbuilderItemWidth(tFormbuilderItemTmp.getFormbuilderItemWidth());
-								tFormbuilderItem.setFormbuilderItemWL(tFormbuilderItemTmp.getFormbuilderItemWL());
-								tFormbuilderItem.setFormbuilderItemHeight(tFormbuilderItemTmp.getFormbuilderItemHeight());
-								tFormbuilderItem.setFormbuilderItemCount(tFormbuilderItemTmp.getFormbuilderItemCount());
-								tFormbuilderItem.setFormbuilderItemPattern(tFormbuilderItemTmp.getFormbuilderItemPattern());
-								tFormbuilderItem.setFormbuilderItemGroup(tFormbuilderItemTmp.getFormbuilderItemGroup());
-								tFormbuilderItem.setFormbuilderItemLink(tFormbuilderItemTmp.getFormbuilderItemLink());
-								tFormbuilderItem.setFormbuilderItemList(tFormbuilderItemTmp.getFormbuilderItemList());
-								tFormbuilderItem.setFormbuilderItemOrder(tFormbuilderItemTmp.getFormbuilderItemOrder());
-								tFormbuilderItem.setFormbuilderItemText(tFormbuilderItemTmp.getFormbuilderItemText());
-								tFormbuilderItem.setFormbuilderItemEssential(tFormbuilderItemTmp.getFormbuilderItemEssential());
-								tFormbuilderItem.setFormbuilderItemEtc(tFormbuilderItemTmp.getFormbuilderItemEtc());
-								tFormbuilderItem.setFormbuilderItemEtcWidth(tFormbuilderItemTmp.getFormbuilderItemEtcWidth());
-								tFormbuilderItem.setFormbuilderItemValue(tFormbuilderItemTmp.getFormbuilderItemValue());
-								tFormbuilderItem.setFormbuilderItemRegDate(new Date());
-								tFormbuilderItem.setFormbuilderItemModDate(new Date());
-								tFormbuilderItem.setFormbuilderItemStatus(tFormbuilderItemTmp.getFormbuilderItemStatus());
-								
-								if(formbuilderItemDAO.setFormbuilderItemRegProc(tFormbuilderItem).getFormbuilderItemIdx() == 0){
-									success = false;
-									return success;
-								}
-							}
-							
-							//폼빌더 FORMBUILDER_AUTH 생성
-							List<T_FORMBUILDER_AUTH> formbuilderAuthList = formbuilderAuthDAO.getFormbuilderAuthList(oldFormbuilderSetIdx, qryColumns);
-							
-							for(int a=0; a<formbuilderAuthList.size(); a++){
-								
-								T_FORMBUILDER_AUTH tFormbuilderAuth = new T_FORMBUILDER_AUTH();
-								
-								T_FORMBUILDER_AUTH tFormbuilderAuthTmp = formbuilderAuthList.get(a);
-								
-								tFormbuilderAuth.settFormbuilderSet(tFormbuilderSetDB);
-								tFormbuilderAuth.settGroup(tFormbuilderAuthTmp.gettGroup());
-								tFormbuilderAuth.settMember(tMember);
-								tFormbuilderAuth.setFormbuilderAuthList(tFormbuilderAuthTmp.getFormbuilderAuthList());
-								tFormbuilderAuth.setFormbuilderAuthWrite(tFormbuilderAuthTmp.getFormbuilderAuthWrite());
-								tFormbuilderAuth.setFormbuilderAuthModDate(new Date());
-								tFormbuilderAuth.setFormbuilderAuthRegDate(new Date());
-								
-								if(!formbuilderAuthDAO.setFormbuilderAuthRegProc(tFormbuilderAuth)){
-									success = false;
-									return success;
-								}
-							}
-							
-							String[] formbuilderMenuIdxs = SeedUtils.setReplaceNull(tFormbuilderSetTmp.getSiteMenuIdxs()).split("\\|");
-							
-							for(int m=0; m<formbuilderMenuIdxs.length; m++){
-								arrayDataList.add("formbuilder,"+formbuilderMenuIdxs[m]+","+newFormbuilderSetIdx);
-							}
-							
-							/*
-							//복사된 컴파일 폼빌더 삭제 후 새로 생성 
-							String filePath = rootPath+"/"+newSiteIdx+"/jsp/formbuilder";
-							
-							SeedUtils.setSeedDeleteFile(filePath+"/"+"formbuilder_"+oldFormbuilderSetIdx+".jsp");
-							
-							BufferedWriter jspWriter = new BufferedWriter(
-									new OutputStreamWriter(
-											new FileOutputStream(filePath+"/formbuilder_"+newFormbuilderSetIdx+".jsp"), "UTF-8"));	
-							
-							jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
-							jspWriter.write("\n");
-							jspWriter.write("\n");
-							jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
-							jspWriter.write("\n");
-							jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
-							jspWriter.write("\n");
-							jspWriter.write("\n");
-									
-							jspWriter.write("<li id='formbuilder_li_"+newFormbuilderSetIdx+"' class='formbuilder_li_"+newFormbuilderSetIdx+"'>");
-							jspWriter.write("\n");		
-							
-							jspWriter.write("<span id='formbuilder_span_"+newFormbuilderSetIdx+"' class='formbuilder_span_"+newFormbuilderSetIdx+"'><s:message code='common.message.no.data'/></span>");
-							
-							jspWriter.write("\n");
-							jspWriter.write("</li>");
-
-							jspWriter.close();
-							
-							setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldFormbuilderSetIdx, newFormbuilderSetIdx, "formbuilder");
-							*/
-							
-						}else{
-							success = false;
-							return success;
-						}
-					}
-				}	
-				
-				//사이트 설문조사 복사
-				List<T_SURVEY_SET> surveySetList = surveySetDAO.getSurveySetList(oldSiteIdx, qryColumns);
-				
-				if(surveySetList.size() > 0){
-					
-					//복사된 설문조사 업로드 파일 삭제
-					SeedUtils.setSeedDeleteFiles(rootPath+"/"+newSiteIdx+"/upload/survey", "");
-					
-					for(int s=0; s<surveySetList.size(); s++){
-						
-						T_SURVEY_SET tSurveySet = new T_SURVEY_SET();
-						
-						T_SURVEY_SET tSurveySetTmp = surveySetList.get(s);
-						
-						Integer oldSurveySetIdx = tSurveySetTmp.getSurveySetIdx();
-						
-						tSurveySet.settSite(tSiteDB);
-						tSurveySet.settMember(tMember);
-						tSurveySet.setSurveySetName(tSurveySetTmp.getSurveySetName());
-						tSurveySet.setSurveySetOverlap(tSurveySetTmp.getSurveySetOverlap());
-						tSurveySet.setSurveySetSdate(tSurveySetTmp.getSurveySetSdate());
-						tSurveySet.setSurveySetEdate(tSurveySetTmp.getSurveySetEdate());
-						tSurveySet.setSurveySetSkinCode(tSurveySetTmp.getSurveySetSkinCode());
-						tSurveySet.setSurveySetStatus(tSurveySetTmp.getSurveySetStatus());
-						tSurveySet.setSurveySetRegDate(new Date());
-						tSurveySet.setSurveySetModDate(new Date());
-						
-						T_SURVEY_SET tSurveySetDB = surveySetDAO.setSurveySetRegProc(tSurveySet);
-						
-						if(tSurveySetDB != null){
-							
-							Integer newSurveySetIdx = tSurveySetDB.getSurveySetIdx();
-							
-							//설문조사 SURVEY_ITEM 생성
-							List<T_SURVEY_ITEM> surveyItemList = surveyItemDAO.getSurveyItemList(oldSurveySetIdx);
-							
-							for(int i=0; i<surveyItemList.size(); i++){
-								
-								T_SURVEY_ITEM tSurveyItem = new T_SURVEY_ITEM();
-								
-								T_SURVEY_ITEM tSurveyItemTmp = surveyItemList.get(i);
-								
-								tSurveyItem.settSurveySet(tSurveySetDB);
-								tSurveyItem.settMember(tMember);
-								tSurveyItem.setSurveyItemName(tSurveyItemTmp.getSurveyItemName());
-								tSurveyItem.setSurveyItemCount(tSurveyItemTmp.getSurveyItemCount());
-								tSurveyItem.setSurveyItemPattern(tSurveyItemTmp.getSurveyItemPattern());
-								tSurveyItem.setSurveyItemGroup(tSurveyItemTmp.getSurveyItemGroup());
-								tSurveyItem.setSurveyItemOrder(tSurveyItemTmp.getSurveyItemOrder());
-								tSurveyItem.setSurveyItemText(tSurveyItemTmp.getSurveyItemText());
-								tSurveyItem.setSurveyItemEssential(tSurveyItemTmp.getSurveyItemEssential());
-								tSurveyItem.setSurveyItemEtc(tSurveyItemTmp.getSurveyItemEtc());
-								tSurveyItem.setSurveyItemEtcWidth(tSurveyItemTmp.getSurveyItemEtcWidth());
-								tSurveyItem.setSurveyItemValue(tSurveyItemTmp.getSurveyItemValue());
-								tSurveyItem.setSurveyItemRegDate(new Date());
-								tSurveyItem.setSurveyItemModDate(new Date());
-								tSurveyItem.setSurveyItemStatus(tSurveyItemTmp.getSurveyItemStatus());
-								
-								if(surveyItemDAO.setSurveyItemRegProc(tSurveyItem).getSurveyItemIdx() == 0){
-									success = false;
-									return success;
-								}
-							}
-							
-							//설문조사 SURVEY_AUTH 생성
-							List<T_SURVEY_AUTH> surveyAuthList = surveyAuthDAO.getSurveyAuthList(oldSurveySetIdx, qryColumns);
-							
-							for(int a=0; a<surveyAuthList.size(); a++){
-								
-								T_SURVEY_AUTH tSurveyAuth = new T_SURVEY_AUTH();
-								
-								T_SURVEY_AUTH tSurveyAuthTmp = surveyAuthList.get(a);
-								
-								tSurveyAuth.settSurveySet(tSurveySetDB);
-								tSurveyAuth.settGroup(tSurveyAuthTmp.gettGroup());
-								tSurveyAuth.settMember(tMember);
-								tSurveyAuth.setSurveyAuthList(tSurveyAuthTmp.getSurveyAuthList());
-								tSurveyAuth.setSurveyAuthWrite(tSurveyAuthTmp.getSurveyAuthWrite());
-								tSurveyAuth.setSurveyAuthResult(tSurveyAuthTmp.getSurveyAuthResult());
-								tSurveyAuth.setSurveyAuthModDate(new Date());
-								tSurveyAuth.setSurveyAuthRegDate(new Date());
-								
-								if(!surveyAuthDAO.setSurveyAuthRegProc(tSurveyAuth)){
-									success = false;
-									return success;
-								}
-							}
-							
-							String[] surveyMenuIdxs = SeedUtils.setReplaceNull(tSurveySetTmp.getSiteMenuIdxs()).split("\\|");
-							
-							for(int m=0; m<surveyMenuIdxs.length; m++){
-								arrayDataList.add("survey,"+surveyMenuIdxs[m]+","+newSurveySetIdx);
-							}
-							
-							/*
-							//복사된 컴파일 설문조사 삭제 후 새로 생성 
-							String filePath = rootPath+"/"+newSiteIdx+"/jsp/survey";
-							
-							SeedUtils.setSeedDeleteFile(filePath+"/"+"survey_"+oldSurveySetIdx+".jsp");
-							
-							BufferedWriter jspWriter = new BufferedWriter(
-									new OutputStreamWriter(
-											new FileOutputStream(filePath+"/survey_"+newSurveySetIdx+".jsp"), "UTF-8"));	
-							
-							jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
-							jspWriter.write("\n");
-							jspWriter.write("\n");
-							jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
-							jspWriter.write("\n");
-							jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
-							jspWriter.write("\n");
-							jspWriter.write("\n");
-									
-							jspWriter.write("<li id='survey_li_"+newSurveySetIdx+"' class='survey_li_"+newSurveySetIdx+"'>");
-							jspWriter.write("\n");		
-							
-							jspWriter.write("<span id='survey_span_"+newSurveySetIdx+"' class='survey_span_"+newSurveySetIdx+"'><s:message code='common.message.no.data'/></span>");
-							
-							jspWriter.write("\n");
-							jspWriter.write("</li>");
-
-							jspWriter.close();
-							
-							setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldSurveySetIdx, newSurveySetIdx, "survey");
-							*/
-							
-						}else{
-							success = false;
-							return success;
-						}
-					}
-				}	
-				
-				//사이트 배너 복사
-				List<T_BANNER_SET> bannerSetList = bannerSetDAO.getBannerSetList(oldSiteIdx, qryColumns);
-				
-				if(bannerSetList.size() > 0){
-					
-					for(int b=0; b<bannerSetList.size(); b++){
-						
-						T_BANNER_SET tBannerSet = new T_BANNER_SET();
-						
-						T_BANNER_SET tBannerSetTmp = bannerSetList.get(b);
-						
-						Integer oldBannerSetIdx = tBannerSetTmp.getBannerSetIdx();
-						
-						List<T_BANNER_DATA> bannerDataList = bannerDataDAO.getBannerDataList(oldBannerSetIdx);
-						
-						tBannerSet.settSite(tSiteDB);
-						tBannerSet.settMember(tMember);
-						tBannerSet.setBannerSetType(tBannerSetTmp.getBannerSetType());
-						tBannerSet.setBannerSetName(tBannerSetTmp.getBannerSetName());
-						tBannerSet.setBannerSetWidth(tBannerSetTmp.getBannerSetWidth());
-						tBannerSet.setBannerSetHeight(tBannerSetTmp.getBannerSetHeight());
-						tBannerSet.setBannerDataWidth(tBannerSetTmp.getBannerDataWidth());
-						tBannerSet.setBannerDataHeight(tBannerSetTmp.getBannerDataHeight());
-						tBannerSet.setBannerDataPadding(tBannerSetTmp.getBannerDataPadding());
-						tBannerSet.setBannerSetSkin(tBannerSetTmp.getBannerSetSkin());
-						tBannerSet.setBannerSetTime(tBannerSetTmp.getBannerSetTime());
-						tBannerSet.setBannerSetPSTB(tBannerSetTmp.getBannerSetPSTB());
-						tBannerSet.setBannerSetPSTBPosition(tBannerSetTmp.getBannerSetPSTBPosition());
-						tBannerSet.setBannerSetPSLR(tBannerSetTmp.getBannerSetPSLR());
-						tBannerSet.setBannerSetPSLRPosition(tBannerSetTmp.getBannerSetPSLRPosition());
-						tBannerSet.setBannerSetPlayImg(tBannerSetTmp.getBannerSetPlayImg());
-						tBannerSet.setBannerSetPlayReImg(tBannerSetTmp.getBannerSetPlayReImg());
-						tBannerSet.setBannerSetStopImg(tBannerSetTmp.getBannerSetStopImg());
-						tBannerSet.setBannerSetStopReImg(tBannerSetTmp.getBannerSetStopReImg());
-						tBannerSet.setBannerSetPreTB(tBannerSetTmp.getBannerSetPreTB());
-						tBannerSet.setBannerSetPreTBPosition(tBannerSetTmp.getBannerSetPreTBPosition());
-						tBannerSet.setBannerSetPreLR(tBannerSetTmp.getBannerSetPreLR());
-						tBannerSet.setBannerSetPreLRPosition(tBannerSetTmp.getBannerSetPreLRPosition());
-						tBannerSet.setBannerSetPreImg(tBannerSetTmp.getBannerSetPreImg());
-						tBannerSet.setBannerSetPreReImg(tBannerSetTmp.getBannerSetPreReImg());
-						tBannerSet.setBannerSetNextTB(tBannerSetTmp.getBannerSetNextTB());
-						tBannerSet.setBannerSetNextTBPosition(tBannerSetTmp.getBannerSetNextTBPosition());
-						tBannerSet.setBannerSetNextLR(tBannerSetTmp.getBannerSetNextLR());
-						tBannerSet.setBannerSetNextLRPosition(tBannerSetTmp.getBannerSetNextLRPosition());
-						tBannerSet.setBannerSetNextImg(tBannerSetTmp.getBannerSetNextImg());
-						tBannerSet.setBannerSetNextReImg(tBannerSetTmp.getBannerSetNextReImg());
-						tBannerSet.setBannerSetRegDate(new Date());
-						tBannerSet.setBannerSetModDate(new Date());
-						tBannerSet.setBannerSetStatus(tBannerSetTmp.getBannerSetStatus());
-						
-						T_BANNER_SET tBannerSetDB = bannerSetDAO.setBannerSetRegProc(tBannerSet);
-						
-						if(tBannerSetDB != null){
-							
-							Integer newBannerSetIdx = tBannerSetDB.getBannerSetIdx();
-							
-							//업로드 파일 폴더 변경
-							SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/banner/"+oldBannerSetIdx, rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx);
-							
-							//업로드 파일 변경
-							String bannerSetPreReImg = tBannerSetDB.getBannerSetPreReImg();
-							
-							if(bannerSetPreReImg.indexOf("btn_") == -1){
-								
-								bannerSetPreReImg = bannerSetPreReImg.substring(bannerSetPreReImg.indexOf("_")+1);
-								tBannerSetDB.setBannerSetPreReImg(newBannerSetIdx+"_"+bannerSetPreReImg);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+oldBannerSetIdx+"_"+bannerSetPreReImg, 
-										rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+newBannerSetIdx+"_"+bannerSetPreReImg);
-							}
-							
-							String bannerSetNextReImg = tBannerSetDB.getBannerSetNextReImg();
-							
-							if(bannerSetNextReImg.indexOf("btn_") == -1){
-								
-								bannerSetNextReImg = bannerSetNextReImg.substring(bannerSetNextReImg.indexOf("_")+1);
-								tBannerSetDB.setBannerSetNextReImg(bannerSetNextReImg);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+oldBannerSetIdx+"_"+bannerSetNextReImg, 
-										rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+newBannerSetIdx+"_"+bannerSetNextReImg);
-							}
-							
-							String bannerSetPlayReImg = tBannerSetDB.getBannerSetPlayReImg();
-							
-							if(bannerSetPlayReImg.indexOf("btn_") == -1){
-								
-								bannerSetPlayReImg = bannerSetPlayReImg.substring(bannerSetPlayReImg.indexOf("_")+1);
-								tBannerSetDB.setBannerSetPlayReImg(bannerSetPlayReImg);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+oldBannerSetIdx+"_"+bannerSetPlayReImg, 
-										rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+newBannerSetIdx+"_"+bannerSetPlayReImg);
-							}
-							
-							String bannerSetStopReImg = tBannerSetDB.getBannerSetStopReImg();
-							
-							if(bannerSetStopReImg.indexOf("btn_") == -1){
-								
-								bannerSetStopReImg = bannerSetStopReImg.substring(bannerSetStopReImg.indexOf("_")+1);
-								tBannerSetDB.setBannerSetStopReImg(bannerSetStopReImg);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+oldBannerSetIdx+"_"+bannerSetStopReImg, 
-										rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+newBannerSetIdx+"_"+bannerSetStopReImg);
-							}
-							
-							/*
-							//WEB 서버의 경로
-							seedFtpType.setDestFilePath(newSiteIdx+"/upload/banner/"+newBannerSetIdx);
-							//WAS 서버의 경로
-							seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx);
-							//WAS 파일명
-							seedFtpType.setFileName("");
-							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-							seedFtpType.setFtpType("regFiles");
-							seedFtpType.setSeedFtp();
-							*/
-							
-							//복사된 기존 bannerData 파일들 삭제
-							if(bannerDataList.size() > 0){
-								for(int x=0; x<bannerDataList.size(); x++){
-									T_BANNER_DATA tBannerDataDB = bannerDataList.get(x);
-									SeedUtils.setSeedDeleteFile(rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+tBannerDataDB.getBannerDataReFile());
-								}
-							}
-							
-							//복사된 컴파일 배너 삭제 후 새로 생성 
-							String filePath = rootPath+"/"+newSiteIdx+"/jsp/banner";
-							
-							//css파일 삭제 후 재작성
-							SeedUtils.setSeedDeleteFile(filePath+"/css/banner_"+oldBannerSetIdx+".css");
-							
-							FileOutputStream 	cssFileOutputStream 		= null;
-							OutputStreamWriter	cssOutputStreamWriter 	= null;
-							BufferedWriter 		cssWriter 						= null;
-							
-							try{
-								
-								cssFileOutputStream 		= new FileOutputStream(filePath + "/css/banner_"+newBannerSetIdx+".css");
-								cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
-								cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
-								
-								cssWriter.write("@charset \"utf-8\";");
-								cssWriter.flush();
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-							
-							/*
-							//WEB 서버의 경로
-							seedFtpType.setDestFilePath(newSiteIdx+"/jsp/banner/css");
-							//WAS 서버의 경로
-							seedFtpType.setSrcFilePath(filePath + "/css");
-							//WAS 파일명
-							seedFtpType.setFileName("banner_"+newBannerSetIdx+".css");
-							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-							seedFtpType.setFtpType("regFile");
-							seedFtpType.setSeedFtp();
-							*/
-							
-							//js파일 삭제 후 재작성
-							SeedUtils.setSeedDeleteFile(filePath+"/js/banner_"+oldBannerSetIdx+".js");
-							FileOutputStream 	jsFileOutputStream 			= null;
-							OutputStreamWriter	jsOutputStreamWriter 		= null;
-							BufferedWriter 		jsWriter 							= null;
-							
-							try{
-								
-								jsFileOutputStream 			= new FileOutputStream(filePath + "/js/banner_"+newBannerSetIdx+".js");
-								jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
-								jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
-								
-								jsWriter.write("");
-								jsWriter.flush();
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(jsWriter!=null){try{jsWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jsOutputStreamWriter!=null){try{jsOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jsFileOutputStream!=null){try{jsFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-							
-							/*
-							//WEB 서버의 경로
-							seedFtpType.setDestFilePath(newSiteIdx+"/jsp/banner/js");
-							//WAS 서버의 경로
-							seedFtpType.setSrcFilePath(filePath + "/js");
-							//WAS 파일명
-							seedFtpType.setFileName("banner_"+newBannerSetIdx+".js");
-							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-							seedFtpType.setFtpType("regFile");
-							seedFtpType.setSeedFtp();
-							*/
-							
-							//jsp파일 작성
-							SeedUtils.setSeedDeleteFile(filePath+"/"+"banner_"+oldBannerSetIdx+".jsp");
-
-							FileOutputStream 	jspFileOutputStream 			= null;
-							OutputStreamWriter	jspOutputStreamWriter 		= null;
-							BufferedWriter 		jspWriter 						= null;
-							
-							try{
-								
-								jspFileOutputStream 			= new FileOutputStream(filePath+"/banner_"+newBannerSetIdx+".jsp");
-								jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
-								jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
-								
-								jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-								jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
-								jspWriter.write("\n");
-								jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-								jspWriter.write("<link href='/site/"+newSiteIdx+"/jsp/banner/css/banner_"+newBannerSetIdx+".css' rel='stylesheet' type='text/css'/>");
-								jspWriter.write("\n");
-								jspWriter.write("<script src='/site/"+newSiteIdx+"/jsp/banner/js/banner_"+newBannerSetIdx+".js'></script>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-								jspWriter.write("<div id='jcarousellite_banner_"+newBannerSetIdx+"'>");
-								jspWriter.write("\n");
-								jspWriter.write("		<ul>");
-								jspWriter.write("\n");
-								jspWriter.write("			<li><s:message code='common.message.no.data'/></li>");
-								jspWriter.write("\n");
-								jspWriter.write("		</ul>");
-								jspWriter.write("\n");
-								jspWriter.write("</div>");		
-								
-								jspWriter.flush();
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-							setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldBannerSetIdx, newBannerSetIdx, "banner");
-							
-							if(!bannerSetDAO.setBannerSetModProc(tBannerSetDB)){
-								success = false;
-								return success;
-							}
-							
-						}else{
-							success = false;
-							return success;
-						}
-					}
-				}	
-				
-				//사이트 팝업 복사
-				List<T_POPUP_SET> popupSetList = popupSetDAO.getPopupSetList(oldSiteIdx, qryColumns);
-				
-				if(popupSetList.size() > 0){
-					
-					for(int p=0; p<popupSetList.size(); p++){
-						
-						T_POPUP_SET tPopupSet = new T_POPUP_SET();
-						
-						T_POPUP_SET tPopupSetTmp = popupSetList.get(p);
-						
-						Integer oldPopupSetIdx = tPopupSetTmp.getPopupSetIdx();
-						
-						List<T_POPUP_DATA> popupDataList = popupDataDAO.getPopupDataList(oldPopupSetIdx);
-						
-						tPopupSet.settSite(tSiteDB);
-						tPopupSet.setPopupSetSkin(tPopupSetTmp.getPopupSetSkin());
-						tPopupSet.settMember(tMember);
-						tPopupSet.setPopupSetType(tPopupSetTmp.getPopupSetType());
-						tPopupSet.setPopupSetName(tPopupSetTmp.getPopupSetName());
-						tPopupSet.setPopupSetWidth(tPopupSetTmp.getPopupSetWidth());
-						tPopupSet.setPopupSetHeight(tPopupSetTmp.getPopupSetHeight());
-						tPopupSet.setPopupSetTime(tPopupSetTmp.getPopupSetTime());
-						tPopupSet.setPopupSetChoiceTB(tPopupSetTmp.getPopupSetChoiceTB());
-						tPopupSet.setPopupSetChoiceTBPosition(tPopupSetTmp.getPopupSetChoiceTBPosition());
-						tPopupSet.setPopupSetChoiceLR(tPopupSetTmp.getPopupSetChoiceLR());
-						tPopupSet.setPopupSetChoiceLRPosition(tPopupSetTmp.getPopupSetChoiceLRPosition());
-						tPopupSet.setPopupSetChoiceImgOff(tPopupSetTmp.getPopupSetChoiceImgOff());
-						tPopupSet.setPopupSetChoiceReImgOff(tPopupSetTmp.getPopupSetChoiceReImgOff());
-						tPopupSet.setPopupSetChoiceImgOffWidth(tPopupSetTmp.getPopupSetChoiceImgOffWidth());
-						tPopupSet.setPopupSetChoiceImgOffHeight(tPopupSetTmp.getPopupSetChoiceImgOffHeight());
-						tPopupSet.setPopupSetChoiceImgOn(tPopupSetTmp.getPopupSetChoiceImgOn());
-						tPopupSet.setPopupSetChoiceReImgOn(tPopupSetTmp.getPopupSetChoiceReImgOn());
-						tPopupSet.setPopupSetChoiceImgOnWidth(tPopupSetTmp.getPopupSetChoiceImgOnWidth());
-						tPopupSet.setPopupSetChoiceImgOnHeight(tPopupSetTmp.getPopupSetChoiceImgOnHeight());
-						tPopupSet.setPopupSetChoiceImgOver(tPopupSetTmp.getPopupSetChoiceImgOver());
-						tPopupSet.setPopupSetChoiceReImgOver(tPopupSetTmp.getPopupSetChoiceReImgOver());
-						tPopupSet.setPopupSetChoiceImgOverWidth(tPopupSetTmp.getPopupSetChoiceImgOverWidth());
-						tPopupSet.setPopupSetChoiceImgOverHeight(tPopupSetTmp.getPopupSetChoiceImgOverHeight());
-						tPopupSet.setPopupSetPSTB(tPopupSetTmp.getPopupSetPSTB());
-						tPopupSet.setPopupSetPSTBPosition(tPopupSetTmp.getPopupSetPSTBPosition());
-						tPopupSet.setPopupSetPSLR(tPopupSetTmp.getPopupSetPSLR());
-						tPopupSet.setPopupSetPSLRPosition(tPopupSetTmp.getPopupSetPSLRPosition());
-						tPopupSet.setPopupSetPlayImgOn(tPopupSetTmp.getPopupSetPlayImgOn());
-						tPopupSet.setPopupSetPlayReImgOn(tPopupSetTmp.getPopupSetPlayReImgOn());
-						tPopupSet.setPopupSetPlayImgOff(tPopupSetTmp.getPopupSetPlayImgOff());
-						tPopupSet.setPopupSetPlayReImgOff(tPopupSetTmp.getPopupSetPlayReImgOff());
-						tPopupSet.setPopupSetPlayImgOnWidth(tPopupSetTmp.getPopupSetPlayImgOnWidth());
-						tPopupSet.setPopupSetPlayImgOnHeight(tPopupSetTmp.getPopupSetPlayImgOnHeight());
-						tPopupSet.setPopupSetPlayImgOffWidth(tPopupSetTmp.getPopupSetPlayImgOffWidth());
-						tPopupSet.setPopupSetPlayImgOffHeight(tPopupSetTmp.getPopupSetPlayImgOffHeight());
-						tPopupSet.setPopupSetStopImgOn(tPopupSetTmp.getPopupSetStopImgOn());
-						tPopupSet.setPopupSetStopReImgOn(tPopupSetTmp.getPopupSetStopReImgOn());
-						tPopupSet.setPopupSetStopImgOff(tPopupSetTmp.getPopupSetStopImgOff());
-						tPopupSet.setPopupSetStopReImgOff(tPopupSetTmp.getPopupSetStopReImgOff());
-						tPopupSet.setPopupSetStopImgOnWidth(tPopupSetTmp.getPopupSetStopImgOnWidth());
-						tPopupSet.setPopupSetStopImgOnHeight(tPopupSetTmp.getPopupSetStopImgOnHeight());
-						tPopupSet.setPopupSetStopImgOffWidth(tPopupSetTmp.getPopupSetStopImgOffWidth());
-						tPopupSet.setPopupSetStopImgOffHeight(tPopupSetTmp.getPopupSetStopImgOffHeight());
-						tPopupSet.setPopupSetRegDate(new Date());
-						tPopupSet.setPopupSetModDate(new Date());
-						tPopupSet.setPopupSetStatus(tPopupSetTmp.getPopupSetStatus());
-						
-						T_POPUP_SET tPopupSetDB = popupSetDAO.setPopupSetRegProc(tPopupSet);
-						
-						if(tPopupSetDB != null){
-							
-							Integer newPopupSetIdx = tPopupSetDB.getPopupSetIdx();
-							
-							//업로드 파일 폴더 변경
-							SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+oldPopupSetIdx, rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx);
-							
-							//업로드 파일 변경
-							String popupSetChoiceReImgOff = tPopupSetDB.getPopupSetChoiceReImgOff();
-							
-							if(popupSetChoiceReImgOff.indexOf("btn_") == -1){
-								
-								popupSetChoiceReImgOff = popupSetChoiceReImgOff.substring(popupSetChoiceReImgOff.indexOf("_")+1);
-								tPopupSetDB.setPopupSetChoiceReImgOff(newPopupSetIdx+"_"+popupSetChoiceReImgOff);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetChoiceReImgOff, 
-										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetChoiceReImgOff);
-							}
-							
-							String popupSetChoiceReImgOn = tPopupSetDB.getPopupSetChoiceReImgOn();
-							
-							if(popupSetChoiceReImgOn.indexOf("btn_") == -1){
-								
-								popupSetChoiceReImgOn = popupSetChoiceReImgOn.substring(popupSetChoiceReImgOn.indexOf("_")+1);
-								tPopupSetDB.setPopupSetChoiceReImgOn(newPopupSetIdx+"_"+popupSetChoiceReImgOn);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetChoiceReImgOn, 
-										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetChoiceReImgOn);
-							}
-								
-							String popupSetChoiceReImgOver = tPopupSetDB.getPopupSetChoiceReImgOver();
-							
-							if(popupSetChoiceReImgOver.indexOf("btn_") == -1){
-								
-								popupSetChoiceReImgOver = popupSetChoiceReImgOver.substring(popupSetChoiceReImgOver.indexOf("_")+1);
-								tPopupSetDB.setPopupSetChoiceReImgOver(newPopupSetIdx+"_"+popupSetChoiceReImgOver);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetChoiceReImgOver, 
-										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetChoiceReImgOver);
-							}
-							
-							String popupSetPlayReImgOn = tPopupSetDB.getPopupSetPlayReImgOn();
-							
-							if(popupSetPlayReImgOn.indexOf("btn_") == -1){
-								
-								popupSetPlayReImgOn = popupSetPlayReImgOn.substring(popupSetPlayReImgOn.indexOf("_")+1);
-								tPopupSetDB.setPopupSetPlayReImgOn(newPopupSetIdx+"_"+popupSetPlayReImgOn);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetPlayReImgOn, 
-										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetPlayReImgOn);
-							}
-							
-							String popupSetPlayReImgOff = tPopupSetDB.getPopupSetPlayReImgOff();
-							
-							if(popupSetPlayReImgOff.indexOf("btn_") == -1){
-								
-								popupSetPlayReImgOff = popupSetPlayReImgOff.substring(popupSetPlayReImgOff.indexOf("_")+1);
-								tPopupSetDB.setPopupSetPlayReImgOff(newPopupSetIdx+"_"+popupSetPlayReImgOff);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetPlayReImgOff, 
-										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetPlayReImgOff);
-							}
-							
-							String popupSetStopReImgOn = tPopupSetDB.getPopupSetStopReImgOn();
-							
-							if(popupSetStopReImgOn.indexOf("btn_") == -1){
-								
-								popupSetStopReImgOn = popupSetStopReImgOn.substring(popupSetStopReImgOn.indexOf("_")+1);
-								tPopupSetDB.setPopupSetStopReImgOn(newPopupSetIdx+"_"+popupSetStopReImgOn);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetStopReImgOn, 
-										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetStopReImgOn);
-							}
-							
-							String popupSetStopReImgOff = tPopupSetDB.getPopupSetStopReImgOff();
-							
-							if(popupSetStopReImgOff.indexOf("btn_") == -1){
-								
-								popupSetStopReImgOff = popupSetStopReImgOff.substring(popupSetStopReImgOff.indexOf("_")+1);
-								tPopupSetDB.setPopupSetStopReImgOff(newPopupSetIdx+"_"+popupSetStopReImgOff);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetStopReImgOff, 
-										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetStopReImgOff);
-							}
-							
-							/*
-							//WEB 서버의 경로
-							seedFtpType.setDestFilePath(newSiteIdx+"/upload/popup/"+newPopupSetIdx);
-							//WAS 서버의 경로
-							seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx);
-							//WAS 파일명
-							seedFtpType.setFileName("");
-							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-							seedFtpType.setFtpType("regFiles");
-							seedFtpType.setSeedFtp();
-							*/
-							
-							//복사된 기존 popupData 파일들 삭제
-							if(popupDataList.size() > 0){
-								for(int x=0; x<popupDataList.size(); x++){
-									T_POPUP_DATA tPopupDataDB = popupDataList.get(x);
-									SeedUtils.setSeedDeleteFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+tPopupDataDB.getPopupDataReFile());
-								}
-							}
-							
-							//복사된 컴파일 팝업 삭제 후 새로 생성 
-							String filePath = rootPath+"/"+newSiteIdx+"/jsp/popup";
-							
-							//css파일 삭제 후 재작성
-							SeedUtils.setSeedDeleteFile(filePath+"/css/popup_"+oldPopupSetIdx+".css");
-							FileOutputStream 	cssFileOutputStream 		= null;
-							OutputStreamWriter	cssOutputStreamWriter 	= null;
-							BufferedWriter 		cssWriter 						= null;
-							
-							try{
-								
-								cssFileOutputStream 		= new FileOutputStream(filePath + "/css/popup_"+newPopupSetIdx+".css");
-								cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
-								cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
-								
-								cssWriter.write("@charset \"utf-8\";");
-								cssWriter.flush();
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-							
-							/*
-							//WEB 서버의 경로
-							seedFtpType.setDestFilePath(newSiteIdx+"/jsp/popup/css");
-							//WAS 서버의 경로
-							seedFtpType.setSrcFilePath(filePath+"/css");
-							//WAS 파일명
-							seedFtpType.setFileName("popup_"+newPopupSetIdx+".css");
-							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-							seedFtpType.setFtpType("regFile");
-							seedFtpType.setSeedFtp();
-							*/
-							
-							//js파일 삭제 후 재작성
-							SeedUtils.setSeedDeleteFile(filePath+"/js/popup_"+oldPopupSetIdx+".js");
-							FileOutputStream 	jsFileOutputStream 			= null;
-							OutputStreamWriter	jsOutputStreamWriter 		= null;
-							BufferedWriter 		jsWriter 							= null;
-							
-							try{
-								
-								jsFileOutputStream 			= new FileOutputStream(filePath + "/js/popup_"+newPopupSetIdx+".js");
-								jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
-								jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
-								
-								jsWriter.write("");
-								jsWriter.flush();
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(jsWriter!=null){try{jsWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jsOutputStreamWriter!=null){try{jsOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jsFileOutputStream!=null){try{jsFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-							
-							/*
-							//WEB 서버의 경로
-							seedFtpType.setDestFilePath(newSiteIdx+"/jsp/popup/js");
-							//WAS 서버의 경로
-							seedFtpType.setSrcFilePath(filePath+"/js");
-							//WAS 파일명
-							seedFtpType.setFileName("popup_"+newPopupSetIdx+".js");
-							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-							seedFtpType.setFtpType("regFile");
-							seedFtpType.setSeedFtp();
-							*/
-							
-							//jsp파일 작성
-							SeedUtils.setSeedDeleteFile(filePath+"/"+"popup_"+oldPopupSetIdx+".jsp");
-							FileOutputStream 	jspFileOutputStream 			= null;
-							OutputStreamWriter	jspOutputStreamWriter 		= null;
-							BufferedWriter 		jspWriter 						= null;
-							
-							try{
-								
-								jspFileOutputStream 			= new FileOutputStream(filePath+"/popup_"+newPopupSetIdx+".jsp");
-								jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
-								jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
-								
-								jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-								jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
-								jspWriter.write("\n");
-								jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-								jspWriter.write("<link href='/site/"+newSiteIdx+"/jsp/popup/css/popup_"+newPopupSetIdx+".css' rel='stylesheet' type='text/css'/>");
-								jspWriter.write("\n");
-								jspWriter.write("<script src='/site/"+newSiteIdx+"/jsp/popup/js/popup_"+newPopupSetIdx+".js'></script>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-								
-								if(tPopupSetDB.getPopupSetType().equals("active")){
-									jspWriter.write("<div class='popup_"+newPopupSetIdx+"'>");
-								}else{
-									jspWriter.write("<div id='popup_"+newPopupSetIdx+"' style='width:"+tPopupSetDB.getPopupSetWidth()+"px; height:"+tPopupSetDB.getPopupSetHeight()+"px; position:relative;'>");
-								}
-								
-								jspWriter.write("\n");
-								jspWriter.write("		<s:message code='common.message.no.data'/>");
-								jspWriter.write("\n");
-								jspWriter.write("</div>");		
-								
-								jspWriter.flush();
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-							setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldPopupSetIdx, newPopupSetIdx, "popup");
-							
-							if(!popupSetDAO.setPopupSetModProc(tPopupSetDB)){
-								success = false;
-								return success;
-							}
-							
-						}else{
-							success = false;
-							return success;
-						}
-					}
-				}
-				
-				//사이트 비주얼 복사
-				List<T_VISUAL_SET> visualSetList = visualSetDAO.getVisualSetList(oldSiteIdx, qryColumns);
-				
-				if(visualSetList.size() > 0){
-					
-					for(int v=0; v<visualSetList.size(); v++){
-						
-						T_VISUAL_SET tVisualSet = new T_VISUAL_SET();
-						
-						T_VISUAL_SET tVisualSetTmp = visualSetList.get(v);
-						
-						Integer oldVisualSetIdx = tVisualSetTmp.getVisualSetIdx();
-						
-						List<T_VISUAL_DATA> visualDataList = visualDataDAO.getVisualDataList(oldVisualSetIdx);
-						
-						tVisualSet.settSite(tSiteDB);
-						tVisualSet.setVisualSetSkin(tVisualSetTmp.getVisualSetSkin());
-						tVisualSet.settMember(tMember);
-						tVisualSet.setVisualSetType(tVisualSetTmp.getVisualSetType());
-						tVisualSet.setVisualSetName(tVisualSetTmp.getVisualSetName());
-						tVisualSet.setVisualSetWidth(tVisualSetTmp.getVisualSetWidth());
-						tVisualSet.setVisualSetHeight(tVisualSetTmp.getVisualSetHeight());
-						tVisualSet.setVisualSetTime(tVisualSetTmp.getVisualSetTime());
-						tVisualSet.setVisualSetChoiceTB(tVisualSetTmp.getVisualSetChoiceTB());
-						tVisualSet.setVisualSetChoiceTBPosition(tVisualSetTmp.getVisualSetChoiceTBPosition());
-						tVisualSet.setVisualSetChoiceLR(tVisualSetTmp.getVisualSetChoiceLR());
-						tVisualSet.setVisualSetChoiceLRPosition(tVisualSetTmp.getVisualSetChoiceLRPosition());
-						tVisualSet.setVisualSetChoiceImgOff(tVisualSetTmp.getVisualSetChoiceImgOff());
-						tVisualSet.setVisualSetChoiceReImgOff(tVisualSetTmp.getVisualSetChoiceReImgOff());
-						tVisualSet.setVisualSetChoiceImgOffWidth(tVisualSetTmp.getVisualSetChoiceImgOffWidth());
-						tVisualSet.setVisualSetChoiceImgOffHeight(tVisualSetTmp.getVisualSetChoiceImgOffHeight());
-						tVisualSet.setVisualSetChoiceImgOn(tVisualSetTmp.getVisualSetChoiceImgOn());
-						tVisualSet.setVisualSetChoiceReImgOn(tVisualSetTmp.getVisualSetChoiceReImgOn());
-						tVisualSet.setVisualSetChoiceImgOnWidth(tVisualSetTmp.getVisualSetChoiceImgOnWidth());
-						tVisualSet.setVisualSetChoiceImgOnHeight(tVisualSetTmp.getVisualSetChoiceImgOnHeight());
-						tVisualSet.setVisualSetChoiceImgOver(tVisualSetTmp.getVisualSetChoiceImgOver());
-						tVisualSet.setVisualSetChoiceReImgOver(tVisualSetTmp.getVisualSetChoiceReImgOver());
-						tVisualSet.setVisualSetChoiceImgOverWidth(tVisualSetTmp.getVisualSetChoiceImgOverWidth());
-						tVisualSet.setVisualSetChoiceImgOverHeight(tVisualSetTmp.getVisualSetChoiceImgOverHeight());
-						tVisualSet.setVisualSetPSTB(tVisualSetTmp.getVisualSetPSTB());
-						tVisualSet.setVisualSetPSTBPosition(tVisualSetTmp.getVisualSetPSTBPosition());
-						tVisualSet.setVisualSetPSLR(tVisualSetTmp.getVisualSetPSLR());
-						tVisualSet.setVisualSetPSLRPosition(tVisualSetTmp.getVisualSetPSLRPosition());
-						tVisualSet.setVisualSetPlayImgOn(tVisualSetTmp.getVisualSetPlayImgOn());
-						tVisualSet.setVisualSetPlayReImgOn(tVisualSetTmp.getVisualSetPlayReImgOn());
-						tVisualSet.setVisualSetPlayImgOff(tVisualSetTmp.getVisualSetPlayImgOff());
-						tVisualSet.setVisualSetPlayReImgOff(tVisualSetTmp.getVisualSetPlayReImgOff());
-						tVisualSet.setVisualSetPlayImgOnWidth(tVisualSetTmp.getVisualSetPlayImgOnWidth());
-						tVisualSet.setVisualSetPlayImgOnHeight(tVisualSetTmp.getVisualSetPlayImgOnHeight());
-						tVisualSet.setVisualSetPlayImgOffWidth(tVisualSetTmp.getVisualSetPlayImgOffWidth());
-						tVisualSet.setVisualSetPlayImgOffHeight(tVisualSetTmp.getVisualSetPlayImgOffHeight());
-						tVisualSet.setVisualSetStopImgOn(tVisualSetTmp.getVisualSetStopImgOn());
-						tVisualSet.setVisualSetStopReImgOn(tVisualSetTmp.getVisualSetStopReImgOn());
-						tVisualSet.setVisualSetStopImgOff(tVisualSetTmp.getVisualSetStopImgOff());
-						tVisualSet.setVisualSetStopReImgOff(tVisualSetTmp.getVisualSetStopReImgOff());
-						tVisualSet.setVisualSetStopImgOnWidth(tVisualSetTmp.getVisualSetStopImgOnWidth());
-						tVisualSet.setVisualSetStopImgOnHeight(tVisualSetTmp.getVisualSetStopImgOnHeight());
-						tVisualSet.setVisualSetStopImgOffWidth(tVisualSetTmp.getVisualSetStopImgOffWidth());
-						tVisualSet.setVisualSetStopImgOffHeight(tVisualSetTmp.getVisualSetStopImgOffHeight());
-						tVisualSet.setVisualSetNextTB(tVisualSetTmp.getVisualSetNextTB());
-						tVisualSet.setVisualSetNextTBPosition(tVisualSetTmp.getVisualSetNextTBPosition());
-						tVisualSet.setVisualSetNextLR(tVisualSetTmp.getVisualSetNextLR());
-						tVisualSet.setVisualSetNextLRPosition(tVisualSetTmp.getVisualSetNextLRPosition());
-						tVisualSet.setVisualSetNextImgOff(tVisualSetTmp.getVisualSetNextImgOff());
-						tVisualSet.setVisualSetNextReImgOff(tVisualSetTmp.getVisualSetNextReImgOff());
-						tVisualSet.setVisualSetNextImgOffWidth(tVisualSetTmp.getVisualSetNextImgOffWidth());
-						tVisualSet.setVisualSetNextImgOffHeight(tVisualSetTmp.getVisualSetNextImgOffHeight());
-						tVisualSet.setVisualSetNextImgOn(tVisualSetTmp.getVisualSetNextImgOn());
-						tVisualSet.setVisualSetNextReImgOn(tVisualSetTmp.getVisualSetNextReImgOn());
-						tVisualSet.setVisualSetNextImgOnWidth(tVisualSetTmp.getVisualSetNextImgOnWidth());
-						tVisualSet.setVisualSetNextImgOnHeight(tVisualSetTmp.getVisualSetNextImgOnHeight());
-						tVisualSet.setVisualSetPreTB(tVisualSetTmp.getVisualSetPreTB());
-						tVisualSet.setVisualSetPreTBPosition(tVisualSetTmp.getVisualSetPreTBPosition());
-						tVisualSet.setVisualSetPreLR(tVisualSetTmp.getVisualSetPreLR());
-						tVisualSet.setVisualSetPreLRPosition(tVisualSetTmp.getVisualSetPreLRPosition());
-						tVisualSet.setVisualSetPreImgOff(tVisualSetTmp.getVisualSetPreImgOff());
-						tVisualSet.setVisualSetPreReImgOff(tVisualSetTmp.getVisualSetPreReImgOff());
-						tVisualSet.setVisualSetPreImgOffWidth(tVisualSetTmp.getVisualSetPreImgOffWidth());
-						tVisualSet.setVisualSetPreImgOffHeight(tVisualSetTmp.getVisualSetPreImgOffHeight());
-						tVisualSet.setVisualSetPreImgOn(tVisualSetTmp.getVisualSetPreImgOn());
-						tVisualSet.setVisualSetPreReImgOn(tVisualSetTmp.getVisualSetPreReImgOn());
-						tVisualSet.setVisualSetPreImgOnWidth(tVisualSetTmp.getVisualSetPreImgOnWidth());
-						tVisualSet.setVisualSetPreImgOnHeight(tVisualSetTmp.getVisualSetPreImgOnHeight());
-						tVisualSet.setVisualSetRegDate(new Date());
-						tVisualSet.setVisualSetModDate(new Date());
-						tVisualSet.setVisualSetStatus(tVisualSetTmp.getVisualSetStatus());
-						
-						T_VISUAL_SET tVisualSetDB = visualSetDAO.setVisualSetRegProc(tVisualSet);
-						
-						if(tVisualSetDB != null){
-							
-							Integer newVisualSetIdx = tVisualSetDB.getVisualSetIdx();
-							
-							//업로드 파일 폴더 변경
-							SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+oldVisualSetIdx, rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx);
-							
-							//업로드 파일 변경
-							String visualSetChoiceReImgOff = tVisualSetDB.getVisualSetChoiceReImgOff();
-							
-							if(visualSetChoiceReImgOff.indexOf("btn_") == -1){
-								
-								visualSetChoiceReImgOff = visualSetChoiceReImgOff.substring(visualSetChoiceReImgOff.indexOf("_")+1);
-								tVisualSetDB.setVisualSetChoiceReImgOff(newVisualSetIdx+"_"+visualSetChoiceReImgOff);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetChoiceReImgOff, 
-										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetChoiceReImgOff);
-							}
-								
-							String visualSetChoiceReImgOn = tVisualSetDB.getVisualSetChoiceReImgOn();
-							
-							if(visualSetChoiceReImgOn.indexOf("btn_") == -1){
-								
-								visualSetChoiceReImgOn = visualSetChoiceReImgOn.substring(visualSetChoiceReImgOn.indexOf("_")+1);
-								tVisualSetDB.setVisualSetChoiceReImgOn(newVisualSetIdx+"_"+visualSetChoiceReImgOn);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetChoiceReImgOn, 
-										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetChoiceReImgOn);
-							}
-							
-							String visualSetChoiceReImgOver = tVisualSetDB.getVisualSetChoiceReImgOver();
-							
-							if(visualSetChoiceReImgOver.indexOf("btn_") == -1){
-								
-								visualSetChoiceReImgOver = visualSetChoiceReImgOver.substring(visualSetChoiceReImgOver.indexOf("_")+1);
-								tVisualSetDB.setVisualSetChoiceReImgOver(newVisualSetIdx+"_"+visualSetChoiceReImgOver);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetChoiceReImgOver, 
-										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetChoiceReImgOver);
-							}
-							
-							String visualSetPlayReImgOn = tVisualSetDB.getVisualSetPlayReImgOn();
-							
-							if(visualSetPlayReImgOn.indexOf("btn_") == -1){
-								
-								visualSetPlayReImgOn = visualSetPlayReImgOn.substring(visualSetPlayReImgOn.indexOf("_")+1);
-								tVisualSetDB.setVisualSetPlayReImgOn(newVisualSetIdx+"_"+visualSetPlayReImgOn);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetPlayReImgOn, 
-										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetPlayReImgOn);
-							}
-							
-							String visualSetPlayReImgOff = tVisualSetDB.getVisualSetPlayReImgOff();
-							
-							if(visualSetPlayReImgOff.indexOf("btn_") == -1){
-								
-								visualSetPlayReImgOff = visualSetPlayReImgOff.substring(visualSetPlayReImgOff.indexOf("_")+1);
-								tVisualSetDB.setVisualSetPlayReImgOff(newVisualSetIdx+"_"+visualSetPlayReImgOff);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetPlayReImgOff, 
-										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetPlayReImgOff);
-							}
-							
-							String visualSetStopReImgOn = tVisualSetDB.getVisualSetStopReImgOn();
-							
-							if(visualSetStopReImgOn.indexOf("btn_") == -1){
-								
-								visualSetStopReImgOn = visualSetStopReImgOn.substring(visualSetStopReImgOn.indexOf("_")+1);
-								tVisualSetDB.setVisualSetStopReImgOn(newVisualSetIdx+"_"+visualSetStopReImgOn);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetStopReImgOn, 
-										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetStopReImgOn);
-							}
-							
-							String visualSetStopReImgOff = tVisualSetDB.getVisualSetStopReImgOff();
-							
-							if(visualSetStopReImgOff.indexOf("btn_") == -1){
-								
-								visualSetStopReImgOff = visualSetStopReImgOff.substring(visualSetStopReImgOff.indexOf("_")+1);
-								tVisualSetDB.setVisualSetStopReImgOff(newVisualSetIdx+"_"+visualSetStopReImgOff);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetStopReImgOff, 
-										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetStopReImgOff);
-							}
-							
-							String visualSetNextReImgOn = tVisualSetDB.getVisualSetNextReImgOn();
-							
-							if(visualSetNextReImgOn.indexOf("btn_") == -1){
-								
-								visualSetNextReImgOn = visualSetNextReImgOn.substring(visualSetNextReImgOn.indexOf("_")+1);
-								tVisualSetDB.setVisualSetNextReImgOn(newVisualSetIdx+"_"+visualSetNextReImgOn);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetNextReImgOn, 
-										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetNextReImgOn);
-							}
-							
-							String visualSetNextReImgOff = tVisualSetDB.getVisualSetNextReImgOff();
-							
-							if(visualSetNextReImgOff.indexOf("btn_") == -1){
-								
-								visualSetNextReImgOff = visualSetNextReImgOff.substring(visualSetNextReImgOff.indexOf("_")+1);
-								tVisualSetDB.setVisualSetNextReImgOff(newVisualSetIdx+"_"+visualSetNextReImgOff);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetNextReImgOff, 
-										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetNextReImgOff);
-							}
-							
-							String visualSetPreReImgOn = tVisualSetDB.getVisualSetPreReImgOn();
-							
-							if(visualSetPreReImgOn.indexOf("btn_") == -1){
-								
-								visualSetPreReImgOn = visualSetPreReImgOn.substring(visualSetPreReImgOn.indexOf("_")+1);
-								tVisualSetDB.setVisualSetPreReImgOn(newVisualSetIdx+"_"+visualSetPreReImgOn);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetPreReImgOn, 
-										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetPreReImgOn);
-							}
-							
-							String visualSetPreReImgOff = tVisualSetDB.getVisualSetPreReImgOff();
-							
-							if(visualSetPreReImgOff.indexOf("btn_") == -1){
-								
-								visualSetPreReImgOff = visualSetPreReImgOff.substring(visualSetPreReImgOff.indexOf("_")+1);
-								tVisualSetDB.setVisualSetPreReImgOff(newVisualSetIdx+"_"+visualSetPreReImgOff);
-								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetPreReImgOff, 
-										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetPreReImgOff);
-							}
-							
-							/*
-							//WEB 서버의 경로
-							seedFtpType.setDestFilePath(newSiteIdx+"/upload/visual/"+newVisualSetIdx);
-							//WAS 서버의 경로
-							seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx);
-							//WAS 파일명
-							seedFtpType.setFileName("");
-							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-							seedFtpType.setFtpType("regFiles");
-							seedFtpType.setSeedFtp();
-							*/
-							
-							//복사된 기존 visualData 파일들 삭제
-							if(visualDataList.size() > 0){
-								for(int x=0; x<visualDataList.size(); x++){
-									T_VISUAL_DATA tVisualDataDB = visualDataList.get(x);
-									SeedUtils.setSeedDeleteFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+tVisualDataDB.getVisualDataReFile());
-								}
-							}
-							
-							//복사된 컴파일 비주얼 삭제 후 새로 생성 
-							String filePath = rootPath+"/"+newSiteIdx+"/jsp/visual";
-							
-							//css파일 삭제 후 재작성
-							SeedUtils.setSeedDeleteFile(filePath+"/css/visual_"+oldVisualSetIdx+".css");
-							FileOutputStream 	cssFileOutputStream 		= null;
-							OutputStreamWriter	cssOutputStreamWriter 	= null;
-							BufferedWriter 		cssWriter 						= null;
-							
-							try{
-								
-								cssFileOutputStream 		= new FileOutputStream(filePath + "/css/visual_"+newVisualSetIdx+".css");
-								cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
-								cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
-								
-								cssWriter.write("@charset \"utf-8\";");
-								cssWriter.flush();
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-							
-							/*
-							//WEB 서버의 경로
-							seedFtpType.setDestFilePath(newSiteIdx+"/jsp/visual/css");
-							//WAS 서버의 경로
-							seedFtpType.setSrcFilePath(filePath+"/css");
-							//WAS 파일명
-							seedFtpType.setFileName("visual_"+newVisualSetIdx+".css");
-							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-							seedFtpType.setFtpType("regFile");
-							seedFtpType.setSeedFtp();
-							*/
-							
-							//js파일 삭제 후 재작성
-							SeedUtils.setSeedDeleteFile(filePath+"/js/visual_"+oldVisualSetIdx+".js");
-							FileOutputStream 	jsFileOutputStream 			= null;
-							OutputStreamWriter	jsOutputStreamWriter 		= null;
-							BufferedWriter 		jsWriter 							= null;
-							
-							try{
-								
-								jsFileOutputStream 			= new FileOutputStream(filePath + "/js/visual_"+newVisualSetIdx+".js");
-								jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
-								jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
-								
-								jsWriter.write("");
-								jsWriter.flush();
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(jsWriter!=null){try{jsWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jsOutputStreamWriter!=null){try{jsOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jsFileOutputStream!=null){try{jsFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-							
-							/*
-							//WEB 서버의 경로
-							seedFtpType.setDestFilePath(newSiteIdx+"/jsp/visual/js");
-							//WAS 서버의 경로
-							seedFtpType.setSrcFilePath(filePath+"/js");
-							//WAS 파일명
-							seedFtpType.setFileName("visual_"+newVisualSetIdx+".js");
-							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-							seedFtpType.setFtpType("regFile");
-							seedFtpType.setSeedFtp();
-							*/
-							
-							//jsp파일 작성
-							SeedUtils.setSeedDeleteFile(filePath+"/"+"visual_"+oldVisualSetIdx+".jsp");
-							FileOutputStream 	jspFileOutputStream 			= null;
-							OutputStreamWriter	jspOutputStreamWriter 		= null;
-							BufferedWriter 		jspWriter 						= null;
-							
-							try{
-								
-								jspFileOutputStream 			= new FileOutputStream(filePath+"/visual_"+newVisualSetIdx+".jsp");
-								jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
-								jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
-								
-								jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-								jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
-								jspWriter.write("\n");
-								jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-								jspWriter.write("<link href='/site/"+newSiteIdx+"/jsp/visual/css/visual_"+newVisualSetIdx+".css' rel='stylesheet' type='text/css'/>");
-								jspWriter.write("\n");
-								jspWriter.write("<script src='/site/"+newSiteIdx+"/jsp/visual/js/visual_"+newVisualSetIdx+".js'></script>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-								
-								if(tVisualSetDB.getVisualSetType().equals("active")){
-									jspWriter.write("<div class='popup_"+newVisualSetIdx+"'>");
-								}else{
-									jspWriter.write("<div id='popup_"+newVisualSetIdx+"' style='width:"+tVisualSetDB.getVisualSetWidth()+"px; height:"+tVisualSetDB.getVisualSetHeight()+"px; position:relative;'>");
-								}
-								
-								jspWriter.write("\n");
-								jspWriter.write("		<s:message code='common.message.no.data'/>");
-								jspWriter.write("\n");
-								jspWriter.write("</div>");		
-								
-								jspWriter.flush();
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-							setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldVisualSetIdx, newVisualSetIdx, "visual");
-							
-							if(!visualSetDAO.setVisualSetModProc(tVisualSetDB)){
-								success = false;
-								return success;
-							}
-							
-						}else{
-							success = false;
-							return success;
-						}
-					}
-				}
-				
-				//사이트 퀵 복사
-				List<T_QUICK_SET> quickSetList = quickSetDAO.getQuickSetList(oldSiteIdx, qryColumns);
-				
-				if(quickSetList.size() > 0){
-					
-					//복사된 퀵 업로드 파일 삭제
-					SeedUtils.setSeedDeleteFiles(rootPath+"/"+newSiteIdx+"/upload/quick", "");
-					
-					for(int q=0; q<quickSetList.size(); q++){
-						
-						T_QUICK_SET tQuickSet = new T_QUICK_SET();
-						
-						T_QUICK_SET tQuickSetTmp = quickSetList.get(q);
-						
-						Integer oldQuickSetIdx = tQuickSetTmp.getQuickSetIdx();
-						
-						List<T_QUICK_DATA> quickDataList = quickDataDAO.getQuickDataList(oldQuickSetIdx);
-						
-						tQuickSet.settSite(tSiteDB);
-						tQuickSet.settMember(tMember);
-						tQuickSet.setQuickSetName(tQuickSetTmp.getQuickSetName());
-						tQuickSet.setQuickDataWidth(tQuickSetTmp.getQuickDataWidth());
-						tQuickSet.setQuickDataHeight(tQuickSetTmp.getQuickDataHeight());
-						tQuickSet.setQuickSetRegDate(new Date());
-						tQuickSet.setQuickSetModDate(new Date());
-						tQuickSet.setQuickSetStatus(tQuickSetTmp.getQuickSetStatus());
-						
-						T_QUICK_SET tQuickSetDB = quickSetDAO.setQuickSetRegProc(tQuickSet);
-						
-						if(tQuickSetDB != null){
-							
-							Integer newQuickSetIdx = tQuickSetDB.getQuickSetIdx();
-							
-							//복사된 기존 visualData 파일들 삭제
-							if(quickDataList.size() > 0){
-								for(int x=0; x<quickDataList.size(); x++){
-									T_QUICK_DATA tQuickDataDB = quickDataList.get(x);
-									SeedUtils.setSeedDeleteFile(rootPath+"/"+newSiteIdx+"/upload/quick/"+newQuickSetIdx+"/"+tQuickDataDB.getQuickDataReFile());
-								}
-							}
-							
-							//복사된 컴파일 게시판 삭제 후 새로 생성 
-							String filePath = rootPath+"/"+newSiteIdx+"/jsp/quick";
-							
-							SeedUtils.setSeedDeleteFile(filePath+"/"+"quick_"+oldQuickSetIdx+".jsp");
-							FileOutputStream 	jspFileOutputStream 		= null;
-							OutputStreamWriter	jspOutputStreamWriter 	= null;
-							BufferedWriter 		jspWriter 						= null;
-							try{
-								jspFileOutputStream 		= new FileOutputStream(filePath+"/quick_"+newQuickSetIdx+".jsp");
-								jspOutputStreamWriter 	= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
-								jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
-								
-								jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-								jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
-								jspWriter.write("\n");
-								jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-										
-								jspWriter.write("<li id='quick_li_"+newQuickSetIdx+"' class='quick_li_"+newQuickSetIdx+"'>");
-								jspWriter.write("\n");		
-								
-								jspWriter.write("<span id='quick_span_"+newQuickSetIdx+"' class='quick_span_"+newQuickSetIdx+"'><s:message code='common.message.no.data'/></span>");
-								
-								jspWriter.write("\n");
-								jspWriter.write("</li>");
-
-								jspWriter.flush();
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-							setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldQuickSetIdx, newQuickSetIdx, "quick");
-							
-						}else{
-							success = false;
-							return success;
-						}
-					}
-				}	
-				
-				//사이트 메뉴 복사
-				List<T_SITE_MENU> siteMenuList = siteMenuDAO.getSiteMenuList(oldSiteIdx);
-				
-				if(siteMenuList.size() > 0){
-					
-					for(int m=0; m<siteMenuList.size(); m++){
-						
-						T_SITE_MENU tSiteMenu = new T_SITE_MENU();
-						
-						T_SITE_MENU tSiteMenuTmp = siteMenuList.get(m);
-						
-						Integer oldSiteMenuIdx = tSiteMenuTmp.getSiteMenuIdx();
-						String oldSiteMenuLinkUrl = tSiteMenuTmp.getSiteMenuLinkUrl();
-						
-						tSiteMenu.settSite(tSiteDB);
-						tSiteMenu.settMember(tMember);
-						tSiteMenu.setSiteMenuNameType(tSiteMenuTmp.getSiteMenuNameType());
-						tSiteMenu.setSiteMenuName(tSiteMenuTmp.getSiteMenuName());
-						tSiteMenu.setSiteMenuSNS(tSiteMenuTmp.getSiteMenuSNS());
-						tSiteMenu.setSiteMenuContent(SeedUtils.setReplaceNull(tSiteMenuTmp.getSiteMenuContent()).replaceAll("/"+oldSiteIdx+"/", "/"+newSiteIdx+"/"));
-
-						if(tSiteMenuTmp.getSiteMenuType().equals("S")){
-							tSiteMenu.setSiteMenuLinkUrl("");
-						}else{
-							tSiteMenu.setSiteMenuLinkUrl(oldSiteMenuLinkUrl.replaceAll("/"+oldSiteIdx+"/", "/"+newSiteIdx+"/"));
-						}
-						
-						tSiteMenu.setSiteMenuDepth(tSiteMenuTmp.getSiteMenuDepth());
-						tSiteMenu.setSiteMenuParentIdx(tSiteMenuTmp.getSiteMenuParentIdx());
-						tSiteMenu.setSiteMenuIdxs(tSiteMenuTmp.getSiteMenuIdxs());
-						tSiteMenu.setSiteMenuIdx1(tSiteMenuTmp.getSiteMenuIdx1());
-						tSiteMenu.setSiteMenuIdx2(tSiteMenuTmp.getSiteMenuIdx2());
-						tSiteMenu.setSiteMenuIdx3(tSiteMenuTmp.getSiteMenuIdx3());
-						tSiteMenu.setSiteMenuIdx4(tSiteMenuTmp.getSiteMenuIdx4());
-						tSiteMenu.setSiteMenuIdx5(tSiteMenuTmp.getSiteMenuIdx5());
-						tSiteMenu.setSiteMenuIdx6(tSiteMenuTmp.getSiteMenuIdx6());
-						tSiteMenu.setSiteMenuIdx7(tSiteMenuTmp.getSiteMenuIdx7());
-						tSiteMenu.setSiteMenuIdx8(tSiteMenuTmp.getSiteMenuIdx8());
-						tSiteMenu.setSiteMenuIdx9(tSiteMenuTmp.getSiteMenuIdx9());
-						tSiteMenu.setSiteMenuIdx10(tSiteMenuTmp.getSiteMenuIdx10());
-						tSiteMenu.setSiteMenuLink(tSiteMenuTmp.getSiteMenuLink());
-						tSiteMenu.setSiteMenuType(tSiteMenuTmp.getSiteMenuType());
-						tSiteMenu.setSiteMenuOrder(tSiteMenuTmp.getSiteMenuOrder());
-						tSiteMenu.setSiteMenuCharge(tSiteMenuTmp.getSiteMenuCharge());
-						tSiteMenu.setSiteMenuSatisfaction(tSiteMenuTmp.getSiteMenuSatisfaction());
-						tSiteMenu.setSiteMenuTitle(tSiteMenuTmp.getSiteMenuTitle());
-						tSiteMenu.setSiteMenuTHtml(tSiteMenuTmp.getSiteMenuTHtml());
-						tSiteMenu.setSiteMenuFHtml(tSiteMenuTmp.getSiteMenuFHtml());
-						tSiteMenu.setSiteMenuStatus(tSiteMenuTmp.getSiteMenuStatus());
-						tSiteMenu.setSiteMenuRegDate(new Date());
-						tSiteMenu.setSiteMenuModDate(new Date());
-						
-						T_SITE_MENU tSiteMenuDB = siteMenuDAO.setSiteMenuRegProc(tSiteMenu);
-						
-						if(tSiteMenuDB != null){
-							
-							Integer newSiteMenuIdx = tSiteMenuDB.getSiteMenuIdx();
-							 
-							//메뉴 SITE_MENU_AUTH 생성
-							List<T_SITE_MENU_AUTH> siteMenuAuthList = siteMenuAuthDAO.getSiteMenuAuthList(oldSiteMenuIdx, qryColumns);
-							
-							for(int a=0; a<siteMenuAuthList.size(); a++){
-								
-								T_SITE_MENU_AUTH tSiteMenuAuth = new T_SITE_MENU_AUTH();
-								
-								T_SITE_MENU_AUTH tSiteMenuAuthTmp = siteMenuAuthList.get(a);
-								
-								tSiteMenuAuth.settSiteMenu(tSiteMenuDB);
-								tSiteMenuAuth.settGroup(tSiteMenuAuthTmp.gettGroup());
-								tSiteMenuAuth.settMember(tMember);
-								tSiteMenuAuth.setSiteMenuAuth(tSiteMenuAuthTmp.getSiteMenuAuth());
-								tSiteMenuAuth.setSiteMenuAuthModDate(new Date());
-								tSiteMenuAuth.setSiteMenuAuthRegDate(new Date());
-								
-								if(!siteMenuAuthDAO.setSiteMenuAuthRegProc(tSiteMenuAuth)){
-									success = false;
-									return success;
-								}
-							}
-							
-							//사이트 컨텐트 파일 재생성
-							FileOutputStream 	htmlFileOutputStream 		= null;
-							OutputStreamWriter	htmlOutputStreamWriter 	= null;
-							BufferedWriter 		htmlWriter 						= null;
-
-							FileOutputStream 	jspFileOutputStream 			= null;
-							OutputStreamWriter	jspOutputStreamWriter 		= null;
-							BufferedWriter 		jspWriter 						= null;
-							
-							try{
-								
-								htmlFileOutputStream 		= new FileOutputStream(rootPath+"/"+newSiteIdx+"/jsp/content/"+tSiteMenuDB.getSiteMenuIdxs()+".html");
-								htmlOutputStreamWriter 	= new OutputStreamWriter(htmlFileOutputStream, "UTF-8");
-								htmlWriter 						= new BufferedWriter(htmlOutputStreamWriter);
-
-								htmlWriter.write(SeedUtils.setReplaceNull(tSiteMenuDB.getSiteMenuContent()));
-								htmlWriter.flush();
-								
-								jspFileOutputStream 			= new FileOutputStream(rootPath+"/"+newSiteIdx+"/jsp/content/"+tSiteMenuDB.getSiteMenuIdxs()+".jsp");
-								jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
-								jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
-								
-								jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c' %>");
-								jspWriter.write("\n");
-								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
-								jspWriter.write("\n");
-								jspWriter.write("\n");
-								jspWriter.write(SeedUtils.setReplaceNull(tSiteMenuDB.getSiteMenuContent()));
-								jspWriter.flush();
-								
-							}catch(FileNotFoundException e){
-								log.error("CHECK ERROR:",e);
-							}catch(IOException e){
-								log.error("CHECK ERROR:",e);
-							}finally{
-								if(htmlWriter!=null){try{htmlWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(htmlOutputStreamWriter!=null){try{htmlOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(htmlFileOutputStream!=null){try{htmlFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-
-								if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-								if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							}
-							
-
-							boolean funcChk = false;
-							
-							if(tSiteMenuDB.getSiteMenuType().equals("H")){
-								
-								tSiteMenuDB.setSiteMenuLinkUrl(tSiteMenuDB.getSiteMenuLinkUrl().substring(0, tSiteMenuDB.getSiteMenuLinkUrl().lastIndexOf("/"))+"/"+newSiteMenuIdx+".do");
-								
-							}else if(tSiteMenuDB.getSiteMenuType().equals("L")){
-
-								//링크타입이 HTML메뉴 링크일때
-								if(tSiteMenuDB.getSiteMenuLinkUrl().indexOf("/subIndex/") > -1 &&
-										tSiteMenuDB.getSiteMenuLinkUrl().indexOf("/"+newSiteIdx+"/") > -1){
-								
-									arrayDataList.add("subIndex," + tSiteMenuDB.getSiteMenuLinkUrl().substring(tSiteMenuDB.getSiteMenuLinkUrl().lastIndexOf("/")+1).replaceAll(".do", "") + "," +newSiteMenuIdx);
-								}
-								
-							}else if(tSiteMenuDB.getSiteMenuType().equals("F")){
-								
-								String[] funcDatas = {"/login", "/member", "/mypage"};
-								
-								for(int f=0; f<funcDatas.length; f++){
-									if(tSiteMenuDB.getSiteMenuLinkUrl().indexOf(funcDatas[f]) > -1){
-										
-										if(funcDatas[f].equals("/mypage")){
-											tSiteMenuDB.setSiteMenuLinkUrl("/user/mypage/"+ newSiteIdx+"/"+tSiteMenuDB.getSiteMenuIdx()+
-													tSiteMenuDB.getSiteMenuLinkUrl().substring(tSiteMenuDB.getSiteMenuLinkUrl().lastIndexOf("/")));
-										}else{
-											tSiteMenuDB.setSiteMenuLinkUrl("/user/"+ newSiteIdx+"/"+tSiteMenuDB.getSiteMenuIdx()+
-													tSiteMenuDB.getSiteMenuLinkUrl().substring(tSiteMenuDB.getSiteMenuLinkUrl().lastIndexOf("/")));
-										}
-											
-										funcChk = true;
-										break;
-									}
-								}
-								
-								if(!funcChk){
-									
-									for(int i=0; i<arrayDataList.size(); i++){
-										
-										String[] arrayDatas = arrayDataList.get(i).split(",");
-										
-										if(oldSiteMenuIdx.equals(Integer.parseInt(SeedUtils.setReplaceNull(arrayDatas[1],"0")))){
-											
-											tSiteMenuDB.setSiteMenuLinkUrl("/user/"+arrayDatas[0]+"/"+ newSiteIdx+"/"+arrayDatas[2]+"/"+tSiteMenuDB.getSiteMenuIdx()+
-													tSiteMenuDB.getSiteMenuLinkUrl().substring(tSiteMenuDB.getSiteMenuLinkUrl().lastIndexOf("/")));
-											
-											if(arrayDatas[0].equals("bbs")){
-												
-												T_BBS_SET tBbsSetDB = bbsSetDAO.getBbsSetForm(Integer.parseInt(arrayDatas[2]));
-												
-												tBbsSetDB.setSiteMenuIdxs(newSiteMenuIdx.toString()+"|"+SeedUtils.setReplaceNull(tBbsSetDB.getSiteMenuIdxs()));
-												
-												if(!bbsSetDAO.setBbsSetModProc(tBbsSetDB)){
-													success = false;
-													return success;
-												}
-											}else if(arrayDatas[0].equals("formbuilder")){
-												
-												T_FORMBUILDER_SET tFormbuilderSetDB = formbuilderSetDAO.getFormbuilderSetForm(Integer.parseInt(arrayDatas[2]));
-												
-												tFormbuilderSetDB.setSiteMenuIdxs(newSiteMenuIdx.toString()+"|"+SeedUtils.setReplaceNull(tFormbuilderSetDB.getSiteMenuIdxs()));
-												
-												if(!formbuilderSetDAO.setFormbuilderSetModProc(tFormbuilderSetDB)){
-													success = false;
-													return success;
-												}
-											}else if(arrayDatas[0].equals("survey")){
-												
-												T_SURVEY_SET tSurveySetDB = surveySetDAO.getSurveySetForm(Integer.parseInt(arrayDatas[2]));
-												
-												tSurveySetDB.setSiteMenuIdxs(newSiteMenuIdx.toString()+"|"+SeedUtils.setReplaceNull(tSurveySetDB.getSiteMenuIdxs()));
-												
-												if(!surveySetDAO.setSurveySetModProc(tSurveySetDB)){
-													success = false;
-													return success;
-												}
-											} 
-											
-											arrayDataList.remove(i);
-											break;
-										}
-									}
-								}
-							}
-							
-							setSeedMenuLayOutHtml(rootPath, oldSiteIdx, newSiteIdx);
-							
-							if(!siteMenuDAO.setSiteMenuModProc(tSiteMenuDB)){
-								success = false;
-								return success;
-							}
-							
-						}else{
-							success = false;
-							return success;
-						}
-					}
-				}
-				
-				for(int i=0; i<arrayDataList.size(); i++){
-					
-					String[] arrayDatas = arrayDataList.get(i).split(",");
-					
-					if(arrayDatas[0].equals("subIndex")){
-						
-						//주소의 SITE_MENU_IDX로 링크된 페이지의 SITE_MENU_IDXS를 가져옴
-						String siteMenuIdxs = siteMenuDAO.getSiteMenuForm(Integer.parseInt(arrayDatas[1])).getSiteMenuIdxs();
-						Integer siteMenuIdx = siteMenuDAO.getSiteMenuForm(newSiteIdx, siteMenuIdxs).getSiteMenuIdx();
-						
-						T_SITE_MENU tSiteMenuDB = siteMenuDAO.getSiteMenuForm(Integer.parseInt(arrayDatas[2]));
-						
-						tSiteMenuDB.setSiteMenuLinkUrl("/"+newSiteIdx+"/subIndex/"+siteMenuIdx+".do");
-						
-						if(!siteMenuDAO.setSiteMenuModProc(tSiteMenuDB)){
-							success = false;
-							return success;
-						}
-					}
-				}
-			}
-			
-			if(!success){
-				SeedUtils.setSeedDeleteFiles(SeedUtils.setReplaceNull(rootPath)+"/"+SeedUtils.setReplaceNull(tSiteDB.getSiteIdx()), "");
-			}else{
-				setSiteMenuAllCompile(tSiteDB.getSiteIdx(), rootPath);
-			}
-			
-		}catch(IOException e){
-			success = false;
-			log.error("CHECK ERROR:",e);
-		}
-		
-		return success;
-	}
-	
-	public void setSeedMenuLayOutHtml(String rootPath, String oldSiteIdx, String newSiteIdx){
-		
-		//<!--@seed:/siteIdx/main/top/menu-->, <!--@seed:/siteIdx/sub/top/menu-->, <!--@seed:/siteIdx/sub/sub/menu?siteMenuIdx1=@seed:menuDepth:@seed-->
-		FileInputStream 		htmlfileInputStream = null;
-		InputStreamReader 	htmlinputStreamReader = null;
-		BufferedReader 		bufferedHtmlReader = null;
-		
-		FileInputStream 		jspfileInputStream = null;
-		InputStreamReader 	jspinputStreamReader = null;
-		BufferedReader 		bufferedJspReader = null;
-		
-		FileOutputStream 	htmlFileOutputStream 		= null;
-		OutputStreamWriter	htmlOutputStreamWriter 		= null;
-		BufferedWriter 		htmlWriter 			= null;
-
-		FileOutputStream 	jspFileOutputStream 		= null;
-		OutputStreamWriter	jspOutputStreamWriter 		= null;
-		BufferedWriter 		jspWriter 			= null;
-		
-		try{
-			
-			SeedFtpType seedFtpType = new SeedFtpType();
-			
-			//[main], [sub] {header, sub, footer}의 게시판 검색 후 oldSiteIdx => newSiteIdx, oldFuncIdx = newFuncIdx 변경 후 저장
-			String[] type = {"main", "sub"};
-			String[] subType = {"header", "sub", "footer"};
-			
-			for(int i=0; i<type.length ;i++){
-				
-				for(int j=0; j<subType.length; j++){
-					
-					String htmlFileBuffer = "";
-					String jspFileBuffer = "";
-					String htmlCode = "";
-					String jspCode = "";
-					
-					htmlfileInputStream 		= new FileInputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".html");
-					htmlinputStreamReader 	= new InputStreamReader(htmlfileInputStream, "UTF-8");
-					bufferedHtmlReader 		= new BufferedReader(htmlinputStreamReader);
-					
-					while((htmlFileBuffer = bufferedHtmlReader.readLine()) != null){
-						
-						htmlFileBuffer = htmlFileBuffer.replaceAll("/"+oldSiteIdx+"/", "/"+newSiteIdx+"/");
-						htmlCode += htmlFileBuffer+"\n";
-					}
-					
-					jspfileInputStream 		= new FileInputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".jsp");
-					jspinputStreamReader 	= new InputStreamReader(jspfileInputStream, "UTF-8");
-					bufferedJspReader 		= new BufferedReader(jspinputStreamReader);
-					
-					while((jspFileBuffer = bufferedJspReader.readLine()) != null){
-						
-						jspFileBuffer = jspFileBuffer.replaceAll("/"+oldSiteIdx+"/", "/"+newSiteIdx+"/");
-						jspCode += jspFileBuffer+"\n";
-					}
-					
-					htmlFileOutputStream 		= new FileOutputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".html");
-					htmlOutputStreamWriter 	= new OutputStreamWriter(htmlFileOutputStream, "UTF-8");
-					htmlWriter 						= new BufferedWriter(htmlOutputStreamWriter);
-					htmlWriter.write(htmlCode);
-					htmlWriter.flush();
-					
-		    		//WEB 서버의 경로
-		    		seedFtpType.setDestFilePath(newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
-		    		//WAS 서버의 경로
-		    		seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
-		    		//WAS 파일명
-		    		seedFtpType.setFileName(subType[j]+".html");
-		    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-		    		seedFtpType.setFtpType("regFile");
-		    		seedFtpType.setSeedFtp();
-					
-					//JSP 수정
-					jspFileOutputStream 			= new FileOutputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".jsp");
-					jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
-					jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
-					jspWriter.write(jspCode);
-					jspWriter.flush();
-					
-		    		//WEB 서버의 경로
-		    		seedFtpType.setDestFilePath(newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
-		    		//WAS 서버의 경로
-		    		seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
-		    		//WAS 파일명
-		    		seedFtpType.setFileName(subType[j]+".jsp");
-		    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-		    		seedFtpType.setFtpType("regFile");
-		    		seedFtpType.setSeedFtp();
-				}
-			}
-		}catch(FileNotFoundException e){
-			log.error("CHECK ERROR:",e);
-		}catch(IOException e){
-			log.error("CHECK ERROR:",e);
-		}finally{
-			if(htmlWriter!=null){try{htmlWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(htmlOutputStreamWriter!=null){try{htmlOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(htmlFileOutputStream!=null){try{htmlFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(bufferedJspReader!=null){try{bufferedJspReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(jspinputStreamReader!=null){try{jspinputStreamReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(jspfileInputStream!=null){try{jspfileInputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(bufferedHtmlReader!=null){try{bufferedHtmlReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(htmlinputStreamReader!=null){try{htmlinputStreamReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(htmlfileInputStream!=null){try{htmlfileInputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-		}
-	}
-	
-	public void setSeedHtml(String rootPath, String oldSiteIdx, String newSiteIdx, Integer oldFuncIdx, Integer newFuncIdx, String funcType){
-		
-		FileInputStream 		htmlfileInputStream = null;
-		InputStreamReader 	htmlinputStreamReader = null;
-		BufferedReader 		bufferedHtmlReader = null;
-		
-		FileInputStream 		jspfileInputStream = null;
-		InputStreamReader 	jspinputStreamReader = null;
-		BufferedReader 		bufferedJspReader = null;
-		
-		FileOutputStream 	htmlFileOutputStream 		= null;
-		OutputStreamWriter	htmlOutputStreamWriter 		= null;
-		BufferedWriter 		htmlWriter 			= null;
-
-		FileOutputStream 	jspFileOutputStream 		= null;
-		OutputStreamWriter	jspOutputStreamWriter 		= null;
-		BufferedWriter 		jspWriter 			= null;
-		
-		try{
-			
-			SeedFtpType seedFtpType = new SeedFtpType();
-			
-			//[main], [sub] {header, sub, footer}의 게시판 검색 후 oldSiteIdx => newSiteIdx, oldFuncIdx = newFuncIdx 변경 후 저장
-			String[] type = {"main", "sub"};
-			String[] subType = {"header", "sub", "footer"};
-			
-			for(int i=0; i<type.length ;i++){
-				
-				for(int j=0; j<subType.length; j++){
-					
-					boolean chk = false;
-					
-					String htmlFileBuffer = "";
-					String jspFileBuffer = "";
-					String htmlCode = "";
-					String jspCode = "";
-
-					htmlfileInputStream 		= new FileInputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".html");
-					htmlinputStreamReader 	= new InputStreamReader(htmlfileInputStream, "UTF-8");
-					bufferedHtmlReader 		= new BufferedReader(htmlinputStreamReader);
-					
-					while((htmlFileBuffer = bufferedHtmlReader.readLine()) != null){
-						
-						htmlFileBuffer = htmlFileBuffer.replaceAll("/"+oldSiteIdx+"/", "/"+newSiteIdx+"/");
-						htmlCode += htmlFileBuffer+"\n";
-					}
-					
-					jspfileInputStream 		= new FileInputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".jsp");
-					jspinputStreamReader 	= new InputStreamReader(jspfileInputStream, "UTF-8");
-					bufferedJspReader 		= new BufferedReader(jspinputStreamReader);
-					
-					while((jspFileBuffer = bufferedJspReader.readLine()) != null){
-						
-						jspFileBuffer = jspFileBuffer.replaceAll("/"+oldSiteIdx+"/", "/"+newSiteIdx+"/");
-						jspCode += jspFileBuffer+"\n";
-					}
-					
-					bufferedJspReader.close();
-					
-					if(htmlCode.indexOf("/"+newSiteIdx+"/"+funcType+"/"+oldFuncIdx+"/mini.do") >= 0){
-						chk = true;
-					}
-					
-					if(chk){
-						
-						String	oldStringA = "/"+newSiteIdx+"/"+funcType+"/"+oldFuncIdx+"/mini.do";
-						String	newStringA = "/"+newSiteIdx+"/"+funcType+"/"+newFuncIdx+"/mini.do";
-						
-						htmlFileOutputStream 		= new FileOutputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".html");
-						htmlOutputStreamWriter 	= new OutputStreamWriter(htmlFileOutputStream, "UTF-8");
-						htmlWriter 						= new BufferedWriter(htmlOutputStreamWriter);
-						
-						htmlCode = htmlCode.replaceAll(oldStringA, newStringA);
-						
-						htmlWriter.write(htmlCode);
-						htmlWriter.flush();
-						
-			    		//WEB 서버의 경로
-			    		seedFtpType.setDestFilePath(newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
-			    		//WAS 서버의 경로
-			    		seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
-			    		//WAS 파일명
-			    		seedFtpType.setFileName(subType[j]+".html");
-			    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-			    		seedFtpType.setFtpType("regFile");
-			    		seedFtpType.setSeedFtp();
-						
-						jspFileOutputStream 			= new FileOutputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".jsp");
-						jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
-						jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
-						
-						jspCode = jspCode.replaceAll(oldStringA, newStringA);
-								
-						jspWriter.write(jspCode);
-						jspWriter.flush();
-						
-			    		//WEB 서버의 경로
-			    		seedFtpType.setDestFilePath(newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
-			    		//WAS 서버의 경로
-			    		seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
-			    		//WAS 파일명
-			    		seedFtpType.setFileName(subType[j]+".jsp");
-			    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
-			    		seedFtpType.setFtpType("regFile");
-			    		seedFtpType.setSeedFtp();
-					}
-				}
-			}
-		}catch(FileNotFoundException e){
-			log.error("CHECK ERROR:",e);
-		}catch(IOException e){
-			log.error("CHECK ERROR:",e);
-		}finally{
-			if(htmlWriter!=null){try{htmlWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(htmlOutputStreamWriter!=null){try{htmlOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(htmlFileOutputStream!=null){try{htmlFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(bufferedJspReader!=null){try{bufferedJspReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(jspinputStreamReader!=null){try{jspinputStreamReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(jspfileInputStream!=null){try{jspfileInputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(bufferedHtmlReader!=null){try{bufferedHtmlReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(htmlinputStreamReader!=null){try{htmlinputStreamReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-			if(htmlfileInputStream!=null){try{htmlfileInputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-		}
-	}
-	
-	public synchronized boolean setSiteMenuAllCompile(String siteIdx, String rootPath){
-		
-		boolean success = false;
-		
-		try{
-			
-			SeedFtpType seedFtpType = new SeedFtpType();
-			
-			boolean fileChk = false;
-			
-			SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyyMMddHHmmss");
-			String getDate = simpleDateFormat.format(new Date());
-			
-			Integer depth = 0;
-			String siteMenuName = "";
-			String siteMenuHtml = "";
-			String siteMenuLink = "";
-			String siteMenuLinkTarget = "";
-			String tabMenuHtml = "";
-			
-			ArrayList<String> siteMenuIdx1s = new ArrayList<String>();
-			
-			T_SITE tSiteDB = siteDAO.getSiteForm(siteIdx);
-
-			//상단메뉴 저장
-			String menuTopPathMain = rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/main/menu/top";
-			String menuTopPathSub = rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/top";
-			
-			SeedUtils.setSeedMkDirs(menuTopPathMain);
-			SeedUtils.setSeedMkDirs(menuTopPathSub);
-			
-			File menuTopMakeMainFile = new File(menuTopPathMain + "/menu_main.html");
-			File menuTopMakeSubFile = new File(menuTopPathSub + "/menu_sub.html");
-			
-			if(menuTopMakeMainFile.exists() && menuTopMakeSubFile.exists()){ //파일이 있는 경우 파일 menu_bak으로 파일명 변경
-				
-				File menuTopFileMainBak = new File(menuTopPathMain + "/menu_main_"+getDate+".html");
-				menuTopMakeMainFile.renameTo(menuTopFileMainBak); //menu.html을 menu_bak.html로 파일명 변경 
-				
-				//WEB 서버의 경로
-	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-	    		//WAS 서버의 경로
-	    		seedFtpType.setSrcFilePath("menu_main.html");
-	    		//WAS 파일명
-	    		seedFtpType.setFileName("menu_main_"+getDate+".html");
-	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-	    		seedFtpType.setFtpType("modFile");
-	    		seedFtpType.setSeedFtp();
-				
-				File menuTopFileSubBak = new File(menuTopPathSub + "/menu_sub_"+getDate+".html");
-				menuTopMakeSubFile.renameTo(menuTopFileSubBak); //menu.html을 menu_bak.html로 파일명 변경 
-				
-				//WEB 서버의 경로
-	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/sub/menu/top");
-	    		//WAS 서버의 경로
-	    		seedFtpType.setSrcFilePath("menu_sub.html");
-	    		//WAS 파일명
-	    		seedFtpType.setFileName("menu_sub_"+getDate+".html");
-	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-	    		seedFtpType.setFtpType("modFile");
-	    		seedFtpType.setSeedFtp();
-				 
-				//T_SITE_MENU_HISTORY 에 저장
-				T_SITE_MENU_HISTORY tSiteMenuHistoryMain = new T_SITE_MENU_HISTORY();
-				
-				tSiteMenuHistoryMain.settSite(tSiteDB);
-				tSiteMenuHistoryMain.setSiteMenuHistoryType("top");
-				tSiteMenuHistoryMain.setSiteMenuHistoryFile("menu_main_"+getDate+".html");
-				tSiteMenuHistoryMain.setSiteMenuHistoryRegDate(new Date());
-				
-				siteMenuHistoryDAO.setSiteMenuHistoryRegProc(tSiteMenuHistoryMain);
-				
-				List<T_SITE_MENU_HISTORY> siteMenuMainHisotryList = siteMenuHistoryDAO.getSiteMenuHistoryList(tSiteDB.getSiteIdx(), "top", "menu_main");
-				
-				if(siteMenuMainHisotryList != null && siteMenuMainHisotryList.size() > 10){ //10개 초과시 파일 삭제
-					
-					T_SITE_MENU_HISTORY tSiteMenuHistoryDB = siteMenuMainHisotryList.get(0);
-					
-					File bakFile = new File(menuTopPathMain+"/"+tSiteMenuHistoryDB.getSiteMenuHistoryFile());
-					if(bakFile.exists()){
-						bakFile.delete();
-						
-						//WEB 서버의 경로
-			    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-			    		//WAS 서버의 경로
-			    		seedFtpType.setSrcFilePath("");
-			    		//WAS 파일명
-			    		seedFtpType.setFileName(tSiteMenuHistoryDB.getSiteMenuHistoryFile());
-			    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-			    		seedFtpType.setFtpType("delFile");
-			    		seedFtpType.setSeedFtp();
-					}
-					
-					siteMenuHistoryDAO.setSiteMenuHistoryDelProc(tSiteMenuHistoryDB);
-				}
-				
-				//T_SITE_MENU_HISTORY 에 저장
-				T_SITE_MENU_HISTORY tSiteMenuHistorySub = new T_SITE_MENU_HISTORY();
-				
-				tSiteMenuHistorySub.settSite(tSiteDB);
-				tSiteMenuHistorySub.setSiteMenuHistoryType("top");
-				tSiteMenuHistorySub.setSiteMenuHistoryFile("menu_sub_"+getDate+".html");
-				tSiteMenuHistorySub.setSiteMenuHistoryRegDate(new Date());
-				
-				siteMenuHistoryDAO.setSiteMenuHistoryRegProc(tSiteMenuHistorySub);
-				
-				List<T_SITE_MENU_HISTORY> siteMenuSubHisotryList = siteMenuHistoryDAO.getSiteMenuHistoryList(tSiteDB.getSiteIdx(), "top", "menu_sub");
-				
-				if(siteMenuSubHisotryList != null && siteMenuSubHisotryList.size() > 10){ //10개 초과시 파일 삭제
-					
-					T_SITE_MENU_HISTORY tSiteMenuHistoryDB = siteMenuSubHisotryList.get(0);
-					
-					File bakFile = new File(menuTopPathSub+"/"+tSiteMenuHistoryDB.getSiteMenuHistoryFile());
-					if(bakFile.exists()){
-						bakFile.delete();
-						
-						//WEB 서버의 경로
-			    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/sub/menu/top");
-			    		//WAS 서버의 경로
-			    		seedFtpType.setSrcFilePath("");
-			    		//WAS 파일명
-			    		seedFtpType.setFileName(tSiteMenuHistoryDB.getSiteMenuHistoryFile());
-			    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-			    		seedFtpType.setFtpType("delFile");
-			    		seedFtpType.setSeedFtp();
-					}
-					
-					siteMenuHistoryDAO.setSiteMenuHistoryDelProc(tSiteMenuHistoryDB);
-				}
-			}
-			
-			Integer siteMenuParentDepth = 0;
-			
-			String[] qryColumnsm = null;
-			
-			List<T_SITE_MENU> siteMenuTopList = siteMenuDAO.getSiteMenuTopList(tSiteDB.getSiteIdx(), tSiteDB.getSiteMenuTopDepth(), qryColumnsm);
-			
-			if(siteMenuTopList.size() > 0){
-				
-				fileChk = true;
-				FileOutputStream 	htmlFileOutputStream 		= null;
-				OutputStreamWriter	htmlOutputStreamWriter 	= null;
-				BufferedWriter 		htmlWriter 						= null;
-
-				FileOutputStream 	jspFileOutputStream 			= null;
-				OutputStreamWriter	jspOutputStreamWriter 		= null;
-				BufferedWriter 		jspWriter 						= null;
-				
-				try{
-					
-					htmlFileOutputStream 		= new FileOutputStream(menuTopPathMain + "/menu_main.html");
-					htmlOutputStreamWriter 	= new OutputStreamWriter(htmlFileOutputStream, "UTF-8");
-					htmlWriter 						= new BufferedWriter(htmlOutputStreamWriter);
-
-					jspFileOutputStream 			= new FileOutputStream(menuTopPathMain + "/menu_main.jsp");
-					jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
-					jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
-					
-					jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
-					jspWriter.write("\n");
-					jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
-					jspWriter.write("\n");
-					jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
-					jspWriter.write("\n");
-					jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c' %>");
-					jspWriter.write("\n");
-					jspWriter.write("\n");
-					
-					boolean statusChk = false;
-					
-					Integer[] tempDepth = {0, 0, 0, 0, 0, 0, 0, 0, 0, 0};
-					
-					for(int x=0; x<siteMenuTopList.size(); x++){
-						
-						siteMenuHtml = "";
-						siteMenuLink = "";
-						siteMenuLinkTarget = "";
-						tabMenuHtml = "";
-						
-						T_SITE_MENU tSiteMenuTmp = siteMenuTopList.get(x);
-						
-						//서브 메뉴 생성해 주기 위해 배열에 담아둠
-						if(tSiteMenuTmp.getSiteMenuDepth().equals(1)){
-							siteMenuIdx1s.add(tSiteMenuTmp.getSiteMenuIdx1());
-						
-							//해당 메뉴가 U상태가 아닐때는 해당 하위메뉴도 컴파일 하지 않는다.
-							if(tSiteMenuTmp.getSiteMenuStatus().equals("U")){
-								statusChk = true;
-							}else{
-								statusChk = false;
-							}
-						}
-						
-						if(!statusChk){
-							continue;
-						}
-						
-						//해당 메뉴가 U상태가 아닐때는 메뉴 컴파일을 하지 않는다.
-						if(!tSiteMenuTmp.getSiteMenuStatus().equals("U")){
-							continue;
-						}
-						
-						depth = tSiteMenuTmp.getSiteMenuDepth();
-						siteMenuName = tSiteMenuTmp.getSiteMenuName();
-							
-						//메뉴 권한설정
-						List<T_SITE_MENU_AUTH> siteMenuAuthList = siteMenuAuthDAO.getSiteMenuAuthList(tSiteMenuTmp.getSiteMenuIdx());
-						
-						String siteMenuAuth = "";
-						
-						for(int m=0; m<siteMenuAuthList.size(); m++){
-							
-							T_SITE_MENU_AUTH tSiteMenuAuthDB = siteMenuAuthList.get(m);
-							siteMenuAuth += tSiteMenuAuthDB.getSiteMenuAuth() + ",";
-						}
-						
-						if(siteMenuAuth.equals("")){
-							siteMenuAuth = " ";
-						}
-						
-						siteMenuAuth = "data-auth='"+SeedUtils.setReplaceNull(tSiteMenuTmp.getSiteMenuAuth(), "N")+","+siteMenuAuth.substring(0, siteMenuAuth.length()-1)+"'";
-						
-						if(tSiteMenuTmp.getSiteMenuNameType().equals("I")){
-							siteMenuName = "<img src='/site/"+tSiteDB.getSiteIdx()+"/images/menu/topMenu_"+tSiteMenuTmp.getSiteMenuIdxs()+"_off.gif' alt='"+siteMenuName+"' />";
-						}
-						
-						if(tSiteMenuTmp.getSiteMenuType().equals("H")){
-							siteMenuLink = "<a href='/"+tSiteDB.getSiteIdx()+"/subIndex/"+tSiteMenuTmp.getSiteMenuIdx()+".do' title='"+tSiteMenuTmp.getSiteMenuName()+"'" +
-									" data-url='/"+tSiteDB.getSiteIdx()+"/subIndex/"+tSiteMenuTmp.getSiteMenuIdx()+".do' " +
-									" data-seed='"+tSiteDB.getSiteIdx()+"_"+tSiteMenuTmp.getSiteMenuIdxs()+"' " + siteMenuAuth + 
-									" >"+siteMenuName+"</a>" + "\n";
-						}else{
-							if(tSiteMenuTmp.getSiteMenuLink().equals("B")){
-								siteMenuLinkTarget = "target='_blank' title='"+siteMenuName+" <s:message code=\"common.message.blank\"/> <s:message code=\"common.message.blank.go\"/>' ";
-							}else{
-								siteMenuLinkTarget = "title='"+tSiteMenuTmp.getSiteMenuName()+" '";
-							}
-							siteMenuLink = "<a href='"+tSiteMenuTmp.getSiteMenuLinkUrl()+"' "+siteMenuLinkTarget+
-									" data-url='"+tSiteMenuTmp.getSiteMenuLinkUrl()+"' " +
-									" data-seed='"+tSiteDB.getSiteIdx()+"_"+tSiteMenuTmp.getSiteMenuIdxs()+"' " + siteMenuAuth + 
-									" >"+siteMenuName+"</a>" + "\n";
-						}
-						
-						tempDepth[depth-1]++;
-						
-						for(int d=0; d<depth; d++){
-							tabMenuHtml += "	";
-						}
-						
-						if(siteMenuParentDepth < depth){
-							
-							siteMenuHtml = tabMenuHtml + "<ul class='gnbDp-"+depth+"'>" + "\n";
-							siteMenuHtml += tabMenuHtml + "	<li class='gnbDp-"+depth+"-"+tempDepth[depth-1]+"'>" + siteMenuLink;
-							
-						}else if(siteMenuParentDepth == depth){
-							
-							siteMenuHtml = tabMenuHtml + "	</li>" + "\n";
-							siteMenuHtml += tabMenuHtml + "	<li class='gnbDp-"+depth+"-"+tempDepth[depth-1]+"'>" + siteMenuLink;
-							
-						}else if(siteMenuParentDepth > depth){
-							
-							siteMenuHtml = "";
-							
-							for(int j=0; j<(siteMenuParentDepth - depth); j++){
-								
-								String tabMenuHtmlTemp = "";
-								
-								for(int d=0; d<(siteMenuParentDepth-j); d++){
-									tabMenuHtmlTemp += "	";
-								}
-								
-								siteMenuHtml += tabMenuHtmlTemp + "	</li>" + "\n";
-								siteMenuHtml += tabMenuHtmlTemp + "</ul>" + "\n";
-							}
-							
-							siteMenuHtml += tabMenuHtml + "	</li>" + "\n";
-							siteMenuHtml += tabMenuHtml + "	<li class='gnbDp-"+depth+"-"+tempDepth[depth-1]+"'>" + siteMenuLink;
-						}
-						
-						htmlWriter.write(siteMenuHtml);
-						jspWriter.write(siteMenuHtml);
-						
-						siteMenuParentDepth = depth;
-					}
-					
-					siteMenuHtml = "";
-					tabMenuHtml = "";
-					
-					for(int d=0; d<depth; d++){
-						tabMenuHtml += "	";
-					}
-					
-					for(int m=0; m<(depth-1); m++){
-						siteMenuHtml += tabMenuHtml + "	</li>" + "\n";
-						siteMenuHtml += tabMenuHtml + "</ul>" + "\n";
-					}
-					
-					siteMenuHtml += "		</li>" + "\n";
-					siteMenuHtml += "	</ul>";
-					
-					htmlWriter.write(siteMenuHtml);
-					htmlWriter.flush();
-					
-					//WEB 서버의 경로
-    	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-    	    		//WAS 서버의 경로
-    	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-    	    		//WAS 파일명
-    	    		seedFtpType.setFileName("menu_main.html");
-    	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-    	    		seedFtpType.setFtpType("regFile");
-    	    		seedFtpType.setSeedFtp();
-					
-					jspWriter.write(siteMenuHtml);
-					jspWriter.flush();
-					
-					//WEB 서버의 경로
-    	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-    	    		//WAS 서버의 경로
-    	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-    	    		//WAS 파일명
-    	    		seedFtpType.setFileName("menu_main.jsp");
-    	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-    	    		seedFtpType.setFtpType("regFile");
-    	    		seedFtpType.setSeedFtp();	
-    	    		
-				}catch(FileNotFoundException e){
-					log.error("CHECK ERROR:",e);
-				}catch(IOException e){
-					log.error("CHECK ERROR:",e);
-				}finally{
-					if(htmlWriter!=null){try{htmlWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-					if(htmlOutputStreamWriter!=null){try{htmlOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-					if(htmlFileOutputStream!=null){try{htmlFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-
-					if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-					
-					File file = new File(menuTopPathMain + "/menu_main.jsp");
-					if(file.exists()){
-						file.setLastModified(new Date().getTime());
-					}
-					
-					if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-					if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-				}
-				
-				SeedUtils.setSeedFileCopy(menuTopPathMain + "/menu_main.html", menuTopPathSub + "/menu_sub.html");
-				
-				//WEB 서버의 경로
-	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-	    		//WAS 서버의 경로
-	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/top");
-	    		//WAS 파일명
-	    		seedFtpType.setFileName("menu_sub.html");
-	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-	    		seedFtpType.setFtpType("regFile");
-	    		seedFtpType.setSeedFtp();
-	    		
-				SeedUtils.setSeedFileCopy(menuTopPathMain + "/menu_main.jsp", menuTopPathSub + "/menu_sub.jsp");
-				
-				File file = new File(menuTopPathSub + "/menu_sub.jsp");
-				if(file.exists()){
-					file.setLastModified(new Date().getTime());
-				}
-				
-				//WEB 서버의 경로
-	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-	    		//WAS 서버의 경로
-	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/top");
-	    		//WAS 파일명
-	    		seedFtpType.setFileName("menu_sub.jsp");
-	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-	    		seedFtpType.setFtpType("regFile");
-	    		seedFtpType.setSeedFtp();
-			}
-			
-			if(!fileChk){
-				
-				menuTopMakeMainFile.createNewFile();
-				menuTopMakeSubFile.createNewFile();
-				
-				FileOutputStream 	jspFileOutputStream 			= null;
-				OutputStreamWriter	jspOutputStreamWriter 		= null;
-				BufferedWriter 		jspWriter 						= null;
-				
-				try{
-					
-					jspFileOutputStream 			= new FileOutputStream(menuTopPathMain + "/menu_main.jsp");
-					jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
-					jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
-					
-					jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
-					jspWriter.write("\n");
-					jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
-					jspWriter.write("\n");
-					jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
-					jspWriter.write("\n");
-					jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c' %>");
-					jspWriter.write("\n");
-					jspWriter.write("\n");
-					jspWriter.flush();
-					
-					//WEB 서버의 경로
-    	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-    	    		//WAS 서버의 경로
-    	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-    	    		//WAS 파일명
-    	    		seedFtpType.setFileName("menu_main.jsp");
-    	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-    	    		seedFtpType.setFtpType("regFile");
-    	    		seedFtpType.setSeedFtp();
-    	    		
-				}catch(FileNotFoundException e){
-					log.error("CHECK ERROR:",e);
-				}catch(IOException e){
-					log.error("CHECK ERROR:",e);
-				}finally{
-
-					if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-					
-					File file = new File(menuTopPathMain + "/menu_main.jsp");
-					if(file.exists()){
-						file.setLastModified(new Date().getTime());
-					}
-					
-					if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-					if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-				}
-				
-				SeedUtils.setSeedFileCopy(menuTopPathMain + "/menu_main.html", menuTopPathSub + "/menu_sub.html");
-				
-				//WEB 서버의 경로
-	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-	    		//WAS 서버의 경로
-	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-	    		//WAS 파일명
-	    		seedFtpType.setFileName("menu_sub.html");
-	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-	    		seedFtpType.setFtpType("regFile");
-	    		seedFtpType.setSeedFtp();
-	    		
-				SeedUtils.setSeedFileCopy(menuTopPathMain + "/menu_main.jsp", menuTopPathSub + "/menu_sub.jsp");
-				
-				//WEB 서버의 경로
-	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-	    		//WAS 서버의 경로
-	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
-	    		//WAS 파일명
-	    		seedFtpType.setFileName("menu_sub.jsp");
-	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-	    		seedFtpType.setFtpType("regFile");
-	    		seedFtpType.setSeedFtp();				
-			}
-			
-			fileChk = false;
-			
-			//서브메뉴 저장
-			if(siteMenuIdx1s.size() > 0){
-				
-				for(int i=0; i<siteMenuIdx1s.size(); i++){
-					
-					fileChk = false;
-					
-					String menuSubPathSub = rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i);
-					
-					SeedUtils.setSeedMkDirs(menuSubPathSub);
-					
-					File menuSubMakeSubFile = new File(menuSubPathSub + "/menu_sub.html");
-					
-					//서브 메뉴 저장
-					if(menuSubMakeSubFile.exists()){ //파일이 있는 경우 파일 menu_bak으로 파일명 변경
-						
-						File menuSubFileSubBak = new File(menuSubPathSub + "/menu_sub_"+getDate+".html");
-						menuSubMakeSubFile.renameTo(menuSubFileSubBak); //menu.html을 menu_bak.html로 파일명 변경
-						
-						//T_SITE_MENU_HISTORY 에 저장
-						T_SITE_MENU_HISTORY tSiteMenuHistorySub = new T_SITE_MENU_HISTORY();
-						
-						tSiteMenuHistorySub.settSite(tSiteDB);
-						tSiteMenuHistorySub.setSiteMenuHistoryType("sub/"+siteMenuIdx1s.get(i));
-						tSiteMenuHistorySub.setSiteMenuHistoryFile("menu_sub_"+getDate+".html");
-						tSiteMenuHistorySub.setSiteMenuHistoryRegDate(new Date());
-						
-						siteMenuHistoryDAO.setSiteMenuHistoryRegProc(tSiteMenuHistorySub);
-						
-						List<T_SITE_MENU_HISTORY> siteMenuHistoryList = siteMenuHistoryDAO.getSiteMenuHistoryList(tSiteDB.getSiteIdx(), "sub/"+siteMenuIdx1s.get(i), "menu_sub");
-						
-						if(siteMenuHistoryList != null && siteMenuHistoryList.size() > 10){ //10개 초과시 파일 삭제
-							
-							T_SITE_MENU_HISTORY tSiteMenuHistoryDB = siteMenuHistoryList.get(0);
-							
-							File bakFile = new File(menuSubPathSub+"/"+tSiteMenuHistoryDB.getSiteMenuHistoryFile());
-							if(bakFile.exists()){
-								bakFile.delete();
-								
-								//WEB 서버의 경로
-					    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
-					    		//WAS 서버의 경로
-					    		seedFtpType.setSrcFilePath("");
-					    		//WAS 파일명
-					    		seedFtpType.setFileName(tSiteMenuHistoryDB.getSiteMenuHistoryFile());
-					    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-					    		seedFtpType.setFtpType("delFile");
-					    		seedFtpType.setSeedFtp();								
-							}
-							
-							siteMenuHistoryDAO.setSiteMenuHistoryDelProc(tSiteMenuHistoryDB);
-						}
-					}
-					
-					siteMenuParentDepth = 0;
-					
-					qryColumnsm = null;
-					
-					List<T_SITE_MENU> siteMenuSubList = siteMenuDAO.getSiteMenuSubList(tSiteDB.getSiteIdx(), tSiteDB.getSiteMenuSubSDepth(), tSiteDB.getSiteMenuSubEDepth(), siteMenuIdx1s.get(i), qryColumnsm);
-					
-					if(siteMenuSubList.size() > 0){
-						
-						fileChk = true;
-						FileOutputStream 	htmlFileOutputStream 		= null;
-						OutputStreamWriter	htmlOutputStreamWriter 	= null;
-						BufferedWriter 		htmlWriter 						= null;
-
-						FileOutputStream 	jspFileOutputStream 			= null;
-						OutputStreamWriter	jspOutputStreamWriter 		= null;
-						BufferedWriter 		jspWriter 						= null;
-						
-						try{
-							
-							htmlFileOutputStream 		= new FileOutputStream(menuSubPathSub + "/menu_sub.html");
-							htmlOutputStreamWriter 	= new OutputStreamWriter(htmlFileOutputStream, "UTF-8");
-							htmlWriter 						= new BufferedWriter(htmlOutputStreamWriter);
-
-							jspFileOutputStream 			= new FileOutputStream(menuSubPathSub + "/menu_sub.jsp");
-							jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
-							jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
-							
-							jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c' %>");
-							jspWriter.write("\n");
-							jspWriter.write("\n");
-							
-							Integer[] tempDepth = {0, 0, 0, 0, 0, 0, 0, 0, 0, 0};
-							
-							for(int x=0; x<siteMenuSubList.size(); x++){
-								
-								siteMenuHtml = "";
-								siteMenuLink = "";
-								siteMenuLinkTarget = "";
-								tabMenuHtml = "";
-								
-								T_SITE_MENU tSiteMenuTmp = siteMenuSubList.get(x);
-								
-								depth = tSiteMenuTmp.getSiteMenuDepth();
-								siteMenuName = tSiteMenuTmp.getSiteMenuName();
-								
-								//메뉴 권한설정
-								List<T_SITE_MENU_AUTH> siteMenuAuthList = siteMenuAuthDAO.getSiteMenuAuthList(tSiteMenuTmp.getSiteMenuIdx());
-								
-								String siteMenuAuth = "";
-								
-								for(int m=0; m<siteMenuAuthList.size(); m++){
-									
-									T_SITE_MENU_AUTH tSiteMenuAuthDB = siteMenuAuthList.get(m);
-									siteMenuAuth += tSiteMenuAuthDB.getSiteMenuAuth() + ",";
-								}
-								
-								if(siteMenuAuth.equals("")){
-									siteMenuAuth = " ";
-								}
-								
-								siteMenuAuth = "data-auth='"+SeedUtils.setReplaceNull(tSiteMenuTmp.getSiteMenuAuth(), "N")+","+siteMenuAuth.substring(0, siteMenuAuth.length()-1)+"'";
-								
-								if(tSiteMenuTmp.getSiteMenuNameType().equals("I")){
-									siteMenuName = "<img src='/site/"+tSiteDB.getSiteIdx()+"/images/menu/subMenu_"+tSiteMenuTmp.getSiteMenuIdxs()+"_off.gif' alt='"+siteMenuName+"' />";
-								}
-								
-								if(tSiteMenuTmp.getSiteMenuType().equals("H")){
-									siteMenuLink = "<a href='/"+tSiteDB.getSiteIdx()+"/subIndex/"+tSiteMenuTmp.getSiteMenuIdx()+".do' title='"+tSiteMenuTmp.getSiteMenuName()+"'" +
-											" data-url='/"+tSiteDB.getSiteIdx()+"/subIndex/"+tSiteMenuTmp.getSiteMenuIdx()+".do' " +
-											" data-seed='"+tSiteDB.getSiteIdx()+"_"+tSiteMenuTmp.getSiteMenuIdxs()+"' " + siteMenuAuth + 
-											" >"+siteMenuName+"</a>" + "\n";
-								}else{
-									if(tSiteMenuTmp.getSiteMenuLink().equals("B")){
-										siteMenuLinkTarget = "target='_blank' title='"+siteMenuName+" <s:message code=\"common.message.blank\"/> <s:message code=\"common.message.blank.go\"/>' ";
-									}else{
-										siteMenuLinkTarget = "title='"+tSiteMenuTmp.getSiteMenuName()+" '";
-									}
-									siteMenuLink = "<a href='"+tSiteMenuTmp.getSiteMenuLinkUrl()+"' "+siteMenuLinkTarget+
-											" data-url='"+tSiteMenuTmp.getSiteMenuLinkUrl()+"' " +
-											" data-seed='"+tSiteDB.getSiteIdx()+"_"+tSiteMenuTmp.getSiteMenuIdxs()+"' " + siteMenuAuth + 
-											" >"+siteMenuName+"</a>" + "\n";
-								}
-								
-								tempDepth[depth-1]++;
-								
-								for(int d=0; d<depth-1; d++){
-									tabMenuHtml += "	";
-								}
-								
-								if(siteMenuParentDepth < depth){
-									
-									if((depth-1) == 1){									
-										siteMenuHtml = tabMenuHtml + "<ul class='subMDp-"+(depth-1)+" subPos-"+tSiteMenuTmp.getSiteMenuIdx1()+"'>" + "\n";
-									}else{
-										siteMenuHtml = tabMenuHtml + "<ul class='subMDp-"+(depth-1)+"'>" + "\n";
-									}
-									
-									siteMenuHtml += tabMenuHtml + "	<li class='subMDp-"+(depth-1)+"-"+tempDepth[depth-1]+"'>" + siteMenuLink;
-									
-								}else if(siteMenuParentDepth == depth){
-									
-									siteMenuHtml = tabMenuHtml + "	</li>" + "\n";
-									siteMenuHtml += tabMenuHtml + "	<li class='subMDp-"+(depth-1)+"-"+tempDepth[depth-1]+"'>" + siteMenuLink;
-									
-								}else if(siteMenuParentDepth > depth){	
-									
-									siteMenuHtml = "";
-									
-									for(int j=0; j<(siteMenuParentDepth - depth); j++){
-										
-										String tabMenuHtmlTemp = "";
-										
-										for(int d=0; d<(siteMenuParentDepth-j); d++){
-											tabMenuHtmlTemp += "	";
-										}
-										
-										siteMenuHtml += tabMenuHtmlTemp + "	</li>" + "\n";
-										siteMenuHtml += tabMenuHtmlTemp + "</ul>" + "\n";
-									}
-									siteMenuHtml += tabMenuHtml + "	</li>" + "\n";
-									siteMenuHtml += tabMenuHtml + "	<li class='subMDp-"+(depth-1)+"-"+tempDepth[depth-1]+"'>" + siteMenuLink;
-								}
-								
-								htmlWriter.write(siteMenuHtml);
-								jspWriter.write(siteMenuHtml);
-								
-								siteMenuParentDepth = depth;
-							}
-							
-							siteMenuHtml = "";
-							
-							for(int m=0; m<(depth-2); m++){
-								
-								tabMenuHtml = "";
-								
-								for(int d=0; d<(depth-1-m); d++){
-									tabMenuHtml += "	";
-								}
-								
-								siteMenuHtml += tabMenuHtml + "	</li>" + "\n";
-								siteMenuHtml += tabMenuHtml + "</ul>" + "\n";
-							}
-							
-							siteMenuHtml += "		</li>" + "\n";
-							siteMenuHtml += "	</ul>";
-								
-							htmlWriter.write(siteMenuHtml);
-							htmlWriter.flush();
-							
-							//WEB 서버의 경로
-		    	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
-		    	    		//WAS 서버의 경로
-		    	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
-		    	    		//WAS 파일명
-		    	    		seedFtpType.setFileName("menu_sub.html");
-		    	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-		    	    		seedFtpType.setFtpType("regFile");
-		    	    		seedFtpType.setSeedFtp();
-							
-							jspWriter.write(siteMenuHtml);
-							jspWriter.flush();
-							
-							//WEB 서버의 경로
-		    	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
-		    	    		//WAS 서버의 경로
-		    	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
-		    	    		//WAS 파일명
-		    	    		seedFtpType.setFileName("menu_sub.jsp");
-		    	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-		    	    		seedFtpType.setFtpType("regFile");
-		    	    		seedFtpType.setSeedFtp();
-							
-						}catch(FileNotFoundException e){
-							log.error("CHECK ERROR:",e);
-						}catch(IOException e){
-							log.error("CHECK ERROR:",e);
-						}finally{
-							if(htmlWriter!=null){try{htmlWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							if(htmlOutputStreamWriter!=null){try{htmlOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							if(htmlFileOutputStream!=null){try{htmlFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-
-							if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							
-							File file = new File(menuSubPathSub + "/menu_sub.jsp");
-							if(file.exists()){
-								file.setLastModified(new Date().getTime());
-							}
-							
-							if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-						}
-					}
-
-					if(!fileChk){
-						
-						menuSubMakeSubFile.createNewFile();
-						FileOutputStream 	jspFileOutputStream 			= null;
-						OutputStreamWriter	jspOutputStreamWriter 		= null;
-						BufferedWriter 		jspWriter 						= null;
-						
-						try{
-							
-							jspFileOutputStream 			= new FileOutputStream(menuSubPathSub + "/menu_sub.jsp");
-							jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
-							jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
-							
-							jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
-							jspWriter.write("\n");
-							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c' %>");
-							jspWriter.write("\n");
-							jspWriter.write("\n");
-							jspWriter.flush();
-							
-							//WEB 서버의 경로
-		    	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
-		    	    		//WAS 서버의 경로
-		    	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
-		    	    		//WAS 파일명
-		    	    		seedFtpType.setFileName("menu_sub.jsp");
-		    	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
-		    	    		seedFtpType.setFtpType("regFile");
-		    	    		seedFtpType.setSeedFtp();
-							
-						}catch(FileNotFoundException e){
-							log.error("CHECK ERROR:",e);
-						}catch(IOException e){
-							log.error("CHECK ERROR:",e);
-						}finally{
-							
-							if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							
-							File file = new File(menuSubPathSub + "/menu_sub.jsp");
-							if(file.exists()){
-								file.setLastModified(new Date().getTime());
-							}
-							
-							if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-							if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
-						}
-					}
-				}
-			}
-			
-			success = true;
-		
-		}catch(IOException ex){
-			success = false;
-			log.error("CHECK ERROR:",ex);
-		}
-		
-		return success;
-	}
-}
+package seed.admin.site.service;
+
+import java.io.BufferedReader;
+import java.io.BufferedWriter;
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileNotFoundException;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.InputStreamReader;
+import java.io.OutputStreamWriter;
+import java.text.SimpleDateFormat;
+import java.util.ArrayList;
+import java.util.Date;
+import java.util.Iterator;
+import java.util.List;
+import java.util.Map;
+
+import org.apache.log4j.Logger;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
+import seed.dao.BannerDataDAO;
+import seed.dao.BannerManagerDAO;
+import seed.dao.BannerSetDAO;
+import seed.dao.BbsAuthDAO;
+import seed.dao.BbsItemDAO;
+import seed.dao.BbsManagerDAO;
+import seed.dao.BbsSetDAO;
+import seed.dao.BbsSkinDAO;
+import seed.dao.FormbuilderAuthDAO;
+import seed.dao.FormbuilderItemDAO;
+import seed.dao.FormbuilderManagerDAO;
+import seed.dao.FormbuilderSetDAO;
+import seed.dao.FormbuilderSkinDAO;
+import seed.dao.GroupDAO;
+import seed.dao.MemberDAO;
+import seed.dao.MenuAuthDAO;
+import seed.dao.PopupDataDAO;
+import seed.dao.PopupManagerDAO;
+import seed.dao.PopupSetDAO;
+import seed.dao.QuickDataDAO;
+import seed.dao.QuickManagerDAO;
+import seed.dao.QuickSetDAO;
+import seed.dao.SiteDAO;
+import seed.dao.SiteManager2DAO;
+import seed.dao.SiteMenuAuthDAO;
+import seed.dao.SiteMenuDAO;
+import seed.dao.SiteMenuHistoryDAO;
+import seed.dao.SiteMenuManagerDAO;
+import seed.dao.SurveyAuthDAO;
+import seed.dao.SurveyItemDAO;
+import seed.dao.SurveyManagerDAO;
+import seed.dao.SurveySetDAO;
+import seed.dao.SurveySkinDAO;
+import seed.dao.VisualDataDAO;
+import seed.dao.VisualManagerDAO;
+import seed.dao.VisualSetDAO;
+import seed.map.T_BANNER_DATA;
+import seed.map.T_BANNER_MANAGER;
+import seed.map.T_BANNER_SET;
+import seed.map.T_BBS_AUTH;
+import seed.map.T_BBS_ITEM;
+import seed.map.T_BBS_MANAGER;
+import seed.map.T_BBS_SET;
+import seed.map.T_BBS_SKIN;
+import seed.map.T_FORMBUILDER_AUTH;
+import seed.map.T_FORMBUILDER_ITEM;
+import seed.map.T_FORMBUILDER_MANAGER;
+import seed.map.T_FORMBUILDER_SET;
+import seed.map.T_FORMBUILDER_SKIN;
+import seed.map.T_GROUP;
+import seed.map.T_GROUPS;
+import seed.map.T_MEMBER;
+import seed.map.T_MENU;
+import seed.map.T_MENU_AUTH;
+import seed.map.T_POPUP_DATA;
+import seed.map.T_POPUP_MANAGER;
+import seed.map.T_POPUP_SET;
+import seed.map.T_QUICK_DATA;
+import seed.map.T_QUICK_MANAGER;
+import seed.map.T_QUICK_SET;
+import seed.map.T_SITE;
+import seed.map.T_SITE_MANAGER;
+import seed.map.T_SITE_MENU;
+import seed.map.T_SITE_MENU_AUTH;
+import seed.map.T_SITE_MENU_HISTORY;
+import seed.map.T_SITE_MENU_MANAGER;
+import seed.map.T_SURVEY_AUTH;
+import seed.map.T_SURVEY_ITEM;
+import seed.map.T_SURVEY_MANAGER;
+import seed.map.T_SURVEY_SET;
+import seed.map.T_SURVEY_SKIN;
+import seed.map.T_VISUAL_DATA;
+import seed.map.T_VISUAL_MANAGER;
+import seed.map.T_VISUAL_SET;
+import seed.utils.SeedFtpType;
+import seed.utils.SeedUtils;
+
+@Service
+public class AdminSiteServiceImpl extends AbstractServiceImpl implements AdminSiteService{
+	
+	private Logger log = Logger.getLogger(this.getClass());
+	
+    @Autowired
+    private SiteDAO siteDAO;
+    
+    @Autowired
+    private SiteMenuHistoryDAO siteMenuHistoryDAO;
+    
+    //@Autowired
+    private SiteManager2DAO siteManagerDAO;
+    
+    @Autowired
+    private SiteMenuManagerDAO siteMenuManagerDAO;
+    
+    @Autowired
+    private MenuAuthDAO menuAuthDAO;
+    
+    @Autowired
+    private SiteMenuDAO siteMenuDAO;
+    
+    @Autowired
+    private SiteMenuAuthDAO siteMenuAuthDAO;
+    
+    @Autowired
+    private GroupDAO groupDAO;
+    
+    @Autowired
+    private MemberDAO memberDAO;
+    
+    @Autowired
+    private BbsSkinDAO bbsSkinDAO;
+    
+    @Autowired
+    private BbsSetDAO bbsSetDAO;
+    
+    @Autowired
+    private BbsManagerDAO bbsManagerDAO;
+    
+    @Autowired
+    private BbsItemDAO bbsItemDAO;    
+    
+    @Autowired
+    private BbsAuthDAO bbsAuthDAO;
+    
+    @Autowired
+    private BannerSetDAO bannerSetDAO;
+    
+    @Autowired
+    private BannerManagerDAO bannerManagerDAO;
+    
+    @Autowired
+    private BannerDataDAO bannerDataDAO;
+    
+    @Autowired
+    private FormbuilderSkinDAO formbuilderSkinDAO;
+    
+    @Autowired
+    private FormbuilderSetDAO formbuilderSetDAO;
+    
+    @Autowired
+    private FormbuilderManagerDAO formbuilderManagerDAO;
+    
+    @Autowired
+    private FormbuilderItemDAO formbuilderItemDAO;
+    
+    @Autowired
+    private FormbuilderAuthDAO formbuilderAuthDAO;
+    
+    @Autowired
+    private SurveySkinDAO surveySkinDAO;
+    
+    @Autowired
+    private SurveySetDAO surveySetDAO;
+    
+    @Autowired
+    private SurveyManagerDAO surveyManagerDAO;
+    
+    @Autowired
+    private SurveyItemDAO surveyItemDAO;
+    
+    @Autowired
+    private SurveyAuthDAO surveyAuthDAO;
+    
+    @Autowired
+    private PopupSetDAO popupSetDAO;
+    
+    @Autowired
+    private PopupManagerDAO popupManagerDAO;
+    
+    @Autowired
+    private PopupDataDAO popupDataDAO;
+    
+    @Autowired
+    private VisualSetDAO visualSetDAO;
+    
+    @Autowired
+    private VisualManagerDAO visualManagerDAO;
+    
+    @Autowired
+    private VisualDataDAO visualDataDAO;
+    
+    @Autowired
+    private QuickSetDAO quickSetDAO;
+    
+    @Autowired
+    private QuickManagerDAO quickManagerDAO;
+    
+    @Autowired
+    private QuickDataDAO quickDataDAO;
+    
+  //AdminStatisticsController
+    public List<Map<Object, Object>> getSiteVolumeList(String siteIdx, String[] qryColumns){
+    	
+    	return siteDAO.getSiteVolumeList(siteIdx, qryColumns);
+    }
+    
+	//AdminGroupController
+	public List<T_SITE> getSiteList(String siteIdx, String[] qryColumns){
+		
+		return siteDAO.getSiteList(siteIdx, qryColumns);
+	}
+	
+    //AdminSiteController
+	public List<T_SITE> getSiteList(int page, int row, String orderColumn, String order, String column, String search, String memberMergeSiteIdx, String[] qryColumns){
+		
+		return siteDAO.getSiteList(((page-1) * row), row, orderColumn, order, column, search, memberMergeSiteIdx, qryColumns);
+	}
+	
+	//AdminSiteController
+	public Long getSiteListCnt(String column, String search, String memberMergeSiteIdx){
+		
+		return siteDAO.getSiteListCnt(column, search, memberMergeSiteIdx);
+	}
+	
+	//AdminSiteController
+	public Long getSiteFormCnt(String siteIdx){
+		
+		return siteDAO.getSiteFormCnt(siteIdx);
+	}
+	
+	//AdminSiteController
+	public T_SITE getSiteForm(String siteIdx){
+		
+		return siteDAO.getSiteForm(siteIdx);
+	}
+	
+	//AdminSiteController
+	@Transactional
+	public String setSiteRegProc(T_SITE tSite, Integer[] menuIdxs, Integer memberIdx, String memberGrant, String memberMerge, String rootPath){
+		
+		String siteIdx = "";
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tSite.settMember(tMember);
+		tSite.setSiteStatus("U");
+		tSite.setSiteRegDate(new Date());
+		tSite.setSiteModDate(new Date());
+		
+		if(!SeedUtils.setReplaceNull(tSite.getSiteService()).equals("Y")){
+			tSite.setSiteService("N");
+		}
+		
+		T_SITE tSiteDB = siteDAO.setSiteRegProc(tSite);
+		
+		if(tSiteDB != null){
+			
+			siteIdx = tSiteDB.getSiteIdx();
+			
+			String[] dirPath = {
+					"/"+siteIdx, 
+					"/"+siteIdx+"/css", 
+					"/"+siteIdx+"/js", 
+					"/"+siteIdx+"/images/menu", 
+					"/"+siteIdx+"/jsp/content",
+					"/"+siteIdx+"/jsp/alert/css",
+					"/"+siteIdx+"/jsp/login/css",
+					"/"+siteIdx+"/jsp/member/css",
+					"/"+siteIdx+"/jsp/navigation/css",
+					"/"+siteIdx+"/jsp/satisfaction/css",
+					"/"+siteIdx+"/jsp/charge/css",
+					"/"+siteIdx+"/jsp/fileupload/css",
+					"/"+siteIdx+"/jsp/mypage/css",
+					"/"+siteIdx+"/jsp/smartmenu/css",
+					"/"+siteIdx+"/jsp/alert/images",
+					"/"+siteIdx+"/jsp/login/images",
+					"/"+siteIdx+"/jsp/member/images",
+					"/"+siteIdx+"/jsp/navigation/images",
+					"/"+siteIdx+"/jsp/satisfaction/images",
+					"/"+siteIdx+"/jsp/charge/images",
+					"/"+siteIdx+"/jsp/fileupload/images",
+					"/"+siteIdx+"/jsp/mypage/images",
+					"/"+siteIdx+"/jsp/main/layOut/header",
+					"/"+siteIdx+"/jsp/main/layOut/footer",
+					"/"+siteIdx+"/jsp/main/layOut/sub",
+					"/"+siteIdx+"/jsp/main/menu/top", 
+					"/"+siteIdx+"/jsp/sub/layOut/header",
+					"/"+siteIdx+"/jsp/sub/layOut/footer", 
+					"/"+siteIdx+"/jsp/sub/layOut/sub",
+					"/"+siteIdx+"/jsp/sub/menu/top", 
+					"/"+siteIdx+"/jsp/sub/menu/sub",
+					"/"+siteIdx+"/jsp/bbs/js",
+					"/"+siteIdx+"/jsp/formbuilder/js",
+					"/"+siteIdx+"/jsp/survey/js"
+			};
+			
+			for(int i=0;i<dirPath.length;i++){
+				SeedUtils.setSeedMkDirs(rootPath+dirPath[i]);
+			}
+			
+			String filePath[] = {
+					"header.jsp", 
+					"footer.jsp",
+					"sub.jsp", 
+					"header.html",
+					"sub.html",
+					"footer.html",
+					"menu_main.css", 
+					"menu_sub.css", 
+					"menu_main.js", 
+					"menu_sub.js",
+					"message.jsp",
+					"message.html",
+					"error.jsp",
+					"error.html",
+					"alert.css", 
+					"login.jsp",
+					"login.html",
+					"loginAuth.jsp",
+					"loginAuth.html",
+					"loginPw.jsp",
+					"loginPw.html",
+					"logout.jsp",
+					"logout.html",					
+					"login.css", 
+					"memberChk.jsp",
+					"memberChk.html",
+					"memberForm.jsp",
+					"memberForm.html",
+					"memberFormPw.jsp",
+					"memberFormPw.html",
+					"memberFormPwDel.jsp",
+					"memberFormPwDel.html",					
+					"memberEdit.jsp",
+					"memberEdit.html",
+					"memberIdFind.jsp",
+					"memberIdFind.html",
+					"memberPwFind.jsp",
+					"memberPwFind.html",
+					"memberIdResult.jsp",
+					"memberIdResult.html",
+					"memberPwResult.jsp",
+					"memberPwResult.html",
+					"memberPwDelResult.jsp",
+					"memberPwDelResult.html",					
+					"member.css",
+					"navigation.jsp",
+					"navigation.html",					
+					"navigation.css",
+					"satisfaction.jsp",
+					"satisfaction.html",					
+					"satisfaction.css",
+					"charge.jsp",
+					"charge.html",					
+					"charge.css",
+					"fileupload.jsp",
+					"fileupload.html",					
+					"fileupload.css",
+					"mypage.css",
+					"smartmenu.css",
+					"smartmenu.jsp",
+					"smartmenu.html",
+					"before_js.jsp",
+					"success_js.jsp"
+			};
+			
+			String commonPath = rootPath+"/common";
+			
+			/*
+			//FTP 전송
+			SeedFtpType seedFtpType = new SeedFtpType();
+			*/
+			
+			for(int i=0;i<filePath.length;i++){
+				
+				File fileCopy = new File(rootPath+"/"+siteIdx+filePath[i]);
+				
+				if(!fileCopy.exists()){
+					if(filePath[i].indexOf(".jsp") >= 0 || filePath[i].indexOf(".html") >= 0 || filePath[i].indexOf("login") >= 0 || filePath[i].indexOf("member") >= 0
+							|| filePath[i].indexOf("alert") >= 0 || filePath[i].indexOf("charge") >= 0 || filePath[i].indexOf("navigation") >= 0 || filePath[i].indexOf("satisfaction") >= 0
+							|| filePath[i].indexOf("fileupload") >= 0 || filePath[i].indexOf("mypage") >= 0 || filePath[i].indexOf("smartmenu") >= 0){
+						
+						String subPath = "jsp";
+						
+						if(filePath[i].indexOf(".html") >= 0){
+							subPath = "html";
+						}
+						
+						if(filePath[i].indexOf("header.jsp") >=0 || filePath[i].indexOf("header.html") >=0){
+							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/main/layOut/header/"+filePath[i]);
+							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/sub/layOut/header/"+filePath[i]);
+						}else if(filePath[i].indexOf("footer.jsp") >=0 || filePath[i].indexOf("footer.html") >=0 ){
+							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/main/layOut/footer/"+filePath[i]);
+							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/sub/layOut/footer/"+filePath[i]);
+						}else if(filePath[i].indexOf("sub.jsp") >=0 || filePath[i].indexOf("sub.html") >=0){
+							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/main/layOut/sub/"+filePath[i]);
+							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/sub/layOut/sub/"+filePath[i]);
+						}else if(filePath[i].indexOf("message") >=0 || filePath[i].indexOf("error") >=0 || filePath[i].indexOf("alert") >=0){
+							
+							if(filePath[i].indexOf(".css") >= 0){
+								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/alert/css/"+filePath[i]);
+								
+								/*
+								//WEB 서버의 경로
+								seedFtpType.setDestFilePath(siteIdx+"/jsp/alert/css");
+								//WAS 서버의 경로
+								seedFtpType.setSrcFilePath(commonPath+"/css");
+								//WAS 파일명
+								seedFtpType.setFileName(filePath[i]);
+								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+								seedFtpType.setFtpType("regFile");
+								seedFtpType.setSeedFtp();
+								*/
+								
+							}else{
+								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/alert/"+filePath[i]);
+							}
+							
+						}else if(filePath[i].indexOf("login") >=0 || filePath[i].indexOf("loginAuth") >=0 || filePath[i].indexOf("loginPw") >=0 || filePath[i].indexOf("logout") >=0){
+							
+							if(filePath[i].indexOf(".css") >= 0){
+								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/login/css/"+filePath[i]);
+								
+								/*
+								//WEB 서버의 경로
+								seedFtpType.setDestFilePath(siteIdx+"/jsp/login/css");
+								//WAS 서버의 경로
+								seedFtpType.setSrcFilePath(commonPath+"/css");
+								//WAS 파일명
+								seedFtpType.setFileName(filePath[i]);
+								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+								seedFtpType.setFtpType("regFile");
+								seedFtpType.setSeedFtp();
+								*/
+								
+							}else{
+								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/login/"+filePath[i]);
+							}
+							
+						}else if(filePath[i].indexOf("member") >=0){
+							
+							if(filePath[i].indexOf(".css") >= 0){
+								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/member/css/"+filePath[i]);
+								
+								/*
+								//WEB 서버의 경로
+								seedFtpType.setDestFilePath(siteIdx+"/jsp/member/css");
+								//WAS 서버의 경로
+								seedFtpType.setSrcFilePath(commonPath+"/css");
+								//WAS 파일명
+								seedFtpType.setFileName(filePath[i]);
+								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+								seedFtpType.setFtpType("regFile");
+								seedFtpType.setSeedFtp();
+								*/
+								
+							}else{
+								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/member/"+filePath[i]);
+							}
+							
+						}else if(filePath[i].indexOf("navigation") >=0){
+							
+							if(filePath[i].indexOf(".css") >= 0){
+								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/navigation/css/"+filePath[i]);
+								
+								/*
+								//WEB 서버의 경로
+								seedFtpType.setDestFilePath(siteIdx+"/jsp/navigation/css");
+								//WAS 서버의 경로
+								seedFtpType.setSrcFilePath(commonPath+"/css");
+								//WAS 파일명
+								seedFtpType.setFileName(filePath[i]);
+								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+								seedFtpType.setFtpType("regFile");
+								seedFtpType.setSeedFtp();
+								*/
+								
+							}else{
+								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/navigation/"+filePath[i]);
+							}
+							
+						}else if(filePath[i].indexOf("satisfaction") >=0){
+							
+							if(filePath[i].indexOf(".css") >= 0){
+								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/satisfaction/css/"+filePath[i]);
+								
+								/*
+								//WEB 서버의 경로
+								seedFtpType.setDestFilePath(siteIdx+"/jsp/satisfaction/css");
+								//WAS 서버의 경로
+								seedFtpType.setSrcFilePath(commonPath+"/css");
+								//WAS 파일명
+								seedFtpType.setFileName(filePath[i]);
+								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+								seedFtpType.setFtpType("regFile");
+								seedFtpType.setSeedFtp();
+								*/
+								
+							}else{
+								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/satisfaction/"+filePath[i]);
+							}
+							
+						}else if(filePath[i].indexOf("charge") >=0){
+							
+							if(filePath[i].indexOf(".css") >= 0){
+								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/charge/css/"+filePath[i]);
+								
+								/*
+								//WEB 서버의 경로
+								seedFtpType.setDestFilePath(siteIdx+"/jsp/charge/css");
+								//WAS 서버의 경로
+								seedFtpType.setSrcFilePath(commonPath+"/css");
+								//WAS 파일명
+								seedFtpType.setFileName(filePath[i]);
+								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+								seedFtpType.setFtpType("regFile");
+								seedFtpType.setSeedFtp();
+								*/
+								
+							}else{
+								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/charge/"+filePath[i]);
+							}
+						}else if(filePath[i].indexOf("fileupload") >=0){
+							
+							if(filePath[i].indexOf(".css") >= 0){
+								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/fileupload/css/"+filePath[i]);
+								
+								/*
+								//WEB 서버의 경로
+								seedFtpType.setDestFilePath(siteIdx+"/jsp/fileupload/css");
+								//WAS 서버의 경로
+								seedFtpType.setSrcFilePath(commonPath+"/css");
+								//WAS 파일명
+								seedFtpType.setFileName(filePath[i]);
+								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+								seedFtpType.setFtpType("regFile");
+								seedFtpType.setSeedFtp();
+								*/
+								
+							}else{
+								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/fileupload/"+filePath[i]);
+							}
+						}else if(filePath[i].indexOf("mypage") >=0){
+							SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/mypage/css/"+filePath[i]);
+							
+							/*
+							//WEB 서버의 경로
+							seedFtpType.setDestFilePath(siteIdx+"/jsp/mypage/css");
+							//WAS 서버의 경로
+							seedFtpType.setSrcFilePath(commonPath+"/css");
+							//WAS 파일명
+							seedFtpType.setFileName(filePath[i]);
+							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+							seedFtpType.setFtpType("regFile");
+							seedFtpType.setSeedFtp();
+							*/
+							
+							File sourcelocation = new File(commonPath+"/images");
+							File targetdirectory = new File(rootPath+"/"+siteIdx+"/jsp/mypage/images");
+							
+							SeedUtils.setSeedCopyFiles(sourcelocation, targetdirectory, new String[]{}, new String[]{});
+						}else if(filePath[i].indexOf("smartmenu") >=0){
+							
+							if(filePath[i].indexOf(".css") >= 0){
+								SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/smartmenu/css/"+filePath[i]);
+								
+								/*
+								//WEB 서버의 경로
+								seedFtpType.setDestFilePath(siteIdx+"/jsp/smartmenu/css");
+								//WAS 서버의 경로
+								seedFtpType.setSrcFilePath(commonPath+"/css");
+								//WAS 파일명
+								seedFtpType.setFileName(filePath[i]);
+								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+								seedFtpType.setFtpType("regFile");
+								seedFtpType.setSeedFtp();
+								*/
+								
+							}else{
+								SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/smartmenu/"+filePath[i]);
+							}
+						}else if(filePath[i].indexOf("before_js") >=0 || filePath[i].indexOf("success_js") >=0){
+							
+							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/bbs/js/"+filePath[i]);
+							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/formbuilder/js/"+filePath[i]);
+							SeedUtils.setSeedFileCopy(commonPath+"/"+subPath+"/"+filePath[i], rootPath+"/"+siteIdx+"/jsp/survey/js/"+filePath[i]);
+						}
+						
+					}else if(filePath[i].indexOf(".css") >= 0){
+						SeedUtils.setSeedFileCopy(commonPath+"/css/"+filePath[i], rootPath+"/"+siteIdx+"/css/"+filePath[i]);
+						
+						/*
+						//WEB 서버의 경로
+						seedFtpType.setDestFilePath(siteIdx+"/css");
+						//WAS 서버의 경로
+						seedFtpType.setSrcFilePath(commonPath+"/css");
+						//WAS 파일명
+						seedFtpType.setFileName(filePath[i]);
+						//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+						seedFtpType.setFtpType("regFile");
+						seedFtpType.setSeedFtp();
+						*/
+						
+					}else if(filePath[i].indexOf(".js") >= 0){
+						SeedUtils.setSeedFileCopy(commonPath+"/js/"+filePath[i], rootPath+"/"+siteIdx+"/js/"+filePath[i]);
+						
+						/*
+						//WEB 서버의 경로
+						seedFtpType.setDestFilePath(siteIdx+"/js");
+						//WAS 서버의 경로
+						seedFtpType.setSrcFilePath(commonPath+"/js");
+						//WAS 파일명
+						seedFtpType.setFileName(filePath[i]);
+						//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+						seedFtpType.setFtpType("regFile");
+						seedFtpType.setSeedFtp();
+						*/
+					}
+				}
+			}
+			
+			//통합회원이 아닐때만 T_GROUP에 값을 넣어줌
+			if(!memberMerge.equals("true")){
+				
+				T_GROUP tGroup = new T_GROUP();
+				
+				tGroup.setGroupLevel(999);
+				tGroup.setGroupName("손님");
+				tGroup.setGroupType("D");
+				tGroup.setGroupStatus("U");
+				tGroup.setGroupRegDate(new Date());
+				tGroup.setGroupModDate(new Date());
+				tGroup.settMember(tMember);
+				tGroup.settSite(tSiteDB);
+				
+				if(groupDAO.setGroupRegProc(tGroup).getGroupIdx() == 0){
+					siteIdx = "";
+					return siteIdx;
+				}
+			}
+			
+			T_SITE_MANAGER tSiteManager = new T_SITE_MANAGER();
+			
+			tSiteManager.settSite(tSiteDB);
+			tSiteManager.settMember(tMember);
+			tSiteManager.setSiteManagerStatus("U");
+			tSiteManager.setSiteManagerRegDate(new Date());
+			
+			if(!siteManagerDAO.setSiteManagerRegProc(tSiteManager)){
+				siteIdx = "";
+				return siteIdx;
+			}
+			
+			if(menuIdxs.length > 0){
+					
+				for(int m=0; m<menuIdxs.length; m++){
+					
+					T_MENU tMenu = new T_MENU();
+					tMenu.setMenuIdx(menuIdxs[m]);
+					
+					T_MENU_AUTH tMenuAuth = new T_MENU_AUTH();
+					
+					tMenuAuth.settSite(tSiteDB);
+					tMenuAuth.settMenu(tMenu);
+					tMenuAuth.settMember(tMember);
+					tMenuAuth.setMenuAuthStatus("U");
+					tMenuAuth.setMenuAuthRegDate(new Date());
+					
+					if(!menuAuthDAO.setMenuAuthRegProc(tMenuAuth)){
+						siteIdx = "";
+						return siteIdx;
+					}
+				}
+			}
+		}
+		
+		return siteIdx;
+	}
+	
+	//AdminSiteController
+	@Transactional
+	public boolean setSiteModProc(T_SITE tSite, Integer[] menuIdxs, Integer memberIdx, String rootPath){
+		
+		boolean success = false;
+		
+		T_SITE tSiteDB = siteDAO.getSiteForm(tSite.getSiteIdx());
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tSiteDB.settMember(tMember);
+		tSiteDB.setSiteModDate(new Date());
+		tSiteDB.setSiteName(tSite.getSiteName());
+		tSiteDB.setSiteMemberIp(tSite.getSiteMemberIp());
+		tSiteDB.setSiteMenuTopDepth(tSite.getSiteMenuTopDepth());
+		tSiteDB.setSiteMenuSubSDepth(tSite.getSiteMenuSubSDepth());
+		tSiteDB.setSiteMenuSubEDepth(tSite.getSiteMenuSubEDepth());
+		tSiteDB.setSiteActiveMenuWidth(tSite.getSiteActiveMenuWidth());
+		
+		if(!SeedUtils.setReplaceNull(tSite.getSiteService()).equals("Y")){
+			tSiteDB.setSiteService("N");
+			tSiteDB.setSiteServiceSdate("");
+			tSiteDB.setSiteServiceEdate("");
+		}else{
+			tSiteDB.setSiteService(tSite.getSiteService());
+			tSiteDB.setSiteServiceSdate(tSite.getSiteServiceSdate());
+			tSiteDB.setSiteServiceEdate(tSite.getSiteServiceEdate());
+		}
+		
+		if(siteDAO.setSiteModProc(tSiteDB)){
+			
+			success = true;
+			
+			String[] qryColumns = null;
+			
+			List<T_MENU_AUTH> menuAuthList = menuAuthDAO.getMenuAuthList(tSite.getSiteIdx(), qryColumns);
+			
+			for(int d=0; d<menuAuthList.size(); d++){
+				T_MENU_AUTH tMenuAuth = menuAuthList.get(d);
+				if(!menuAuthDAO.setMenuAuthDelProc(tMenuAuth)){
+					success = false;
+					break;
+				}
+			}
+			
+			if(menuIdxs.length > 0){
+				
+				if(success){
+					
+					for(int m=0; m<menuIdxs.length; m++){
+						
+						T_MENU tMenu = new T_MENU();
+						tMenu.setMenuIdx(menuIdxs[m]);
+						
+						T_MENU_AUTH tMenuAuth = new T_MENU_AUTH();
+						
+						tMenuAuth.settSite(tSiteDB);
+						tMenuAuth.settMenu(tMenu);
+						tMenuAuth.settMember(tMember);
+						tMenuAuth.setMenuAuthStatus("U");
+						tMenuAuth.setMenuAuthRegDate(new Date());
+						
+						if(!menuAuthDAO.setMenuAuthRegProc(tMenuAuth)){
+							success = false;
+							break;
+						}
+					}
+				}
+			}
+			
+			//모든 메뉴 생성
+			if(!setSiteMenuAllCompile(tSiteDB.getSiteIdx(), rootPath)){
+				success = false;
+			}
+		}
+		
+		return success;
+	}
+	
+	//AdminSiteController
+	@Transactional
+	public boolean setSiteDelProc(String siteIdx, Integer smemberIdx, String smemberId, String rootPath){
+
+		boolean success = false;
+		
+		T_SITE tSiteDB = siteDAO.getSiteForm(siteIdx);
+		
+		Iterator<T_GROUPS> iteratorList = tSiteDB.gettGroupss().iterator();
+		
+		if(siteDAO.setSiteDelProc(tSiteDB)){
+			
+			success = true;
+			
+			while(iteratorList.hasNext()){ 
+				
+				Integer memberIdx = iteratorList.next().gettMember().getMemberIdx();
+				
+				T_MEMBER tMemberDB = memberDAO.getMemberForm(memberIdx);
+				
+				if(!tMemberDB.getMemberGrant().equals("S")){ //슈퍼 관리자가아닐때만 작업
+					if(!memberDAO.setMemberDelProc(tMemberDB)){
+						success=false;
+						break;
+					}
+				}
+			}
+			
+			File getSiteFile = new File(rootPath+"/"+tSiteDB.getSiteIdx());
+			
+			if(getSiteFile.exists()){
+				
+				Date getDate = new Date();
+				SimpleDateFormat dateFormat = new SimpleDateFormat("yyyyMMddHHmmss");
+
+				String setSiteBakPath = rootPath+"/site_bak/";
+				File getSitePathDir = new File(setSiteBakPath);
+				
+				if(!getSitePathDir.exists()){
+					SeedUtils.setSeedMkDirs(setSiteBakPath);
+				}
+						
+				File setSiteBakFile = new File(setSiteBakPath+tSiteDB.getSiteIdx()+"_"+dateFormat.format(getDate) + "_" + smemberIdx + "_" + smemberId);
+				getSiteFile.renameTo(setSiteBakFile);
+			}
+		}
+		
+		return success;
+	}
+	
+	//AdminSiteController
+	@Transactional
+	public boolean setSiteStatusProc(String siteIdx, String rootPath, String status, Integer memberIdx){
+
+		boolean success = false;
+		
+		T_SITE tSiteDB = siteDAO.getSiteForm(siteIdx);
+		Iterator<T_SITE_MANAGER> iteratorList = tSiteDB.gettSiteManagers().iterator();
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tSiteDB.settMember(tMember);
+		tSiteDB.setSiteModDate(new Date());
+		tSiteDB.setSiteStatus(status);
+		
+		if(siteDAO.setSiteModProc(tSiteDB)){
+			
+			success = true;
+			
+			//사이트 관리자 상태변경
+			while(iteratorList.hasNext()){
+				
+				T_SITE_MANAGER tSiteManagerDB = siteManagerDAO.getSiteManagerForm(iteratorList.next().getSiteManagerIdx());
+				
+				tSiteManagerDB.settMember(tMember);
+				tSiteManagerDB.setSiteManagerStatus(status);
+				
+				if(!siteManagerDAO.setSiteManagerModProc(tSiteManagerDB)){
+					success = false;
+					break;
+				}
+			}
+			
+			//사용자 상태변경
+			List<T_MEMBER> memberList = memberDAO.getMemberList(siteIdx);
+			
+			for(int i=0; i<memberList.size(); i++){
+				
+				T_MEMBER tMemberDB = memberList.get(i);
+				
+				tMemberDB.setMemberStatus(status);
+				
+				if(!memberDAO.setMemberModProc(tMemberDB)){
+					success = false;
+					break;
+				}
+			}
+			
+			//사이트 메뉴 관리자 상태변경
+			List<T_SITE_MENU_MANAGER> siteMenuManagerList = siteMenuManagerDAO.getSiteMenuManagerList(siteIdx);
+			
+			for(int i=0; i<siteMenuManagerList.size(); i++){
+				
+				T_SITE_MENU_MANAGER tSiteMenuManagerDB = siteMenuManagerList.get(i);
+				
+				tSiteMenuManagerDB.setSiteMenuManagerStatus(status);
+				
+				if(!siteMenuManagerDAO.setSiteMenuManagerModProc(tSiteMenuManagerDB)){
+					success = false;
+					break;
+				}
+			}
+			
+			//게시판 관리자 상태변경
+			List<T_BBS_MANAGER> bbsManagerList = bbsManagerDAO.getBbsManagerList(siteIdx);
+			
+			for(int i=0; i<bbsManagerList.size(); i++){
+				
+				T_BBS_MANAGER tBbsManagerDB = bbsManagerList.get(i);
+				
+				tBbsManagerDB.setBbsManagerStatus(status);
+				
+				if(!bbsManagerDAO.setBbsManagerModProc(tBbsManagerDB)){
+					success = false;
+					break;
+				}
+			}
+			
+			//폼빌더 관리자 상태변경
+			List<T_FORMBUILDER_MANAGER> formbuilderManagerList = formbuilderManagerDAO.getFormbuilderManagerList(siteIdx);
+			
+			for(int i=0; i<formbuilderManagerList.size(); i++){
+				
+				T_FORMBUILDER_MANAGER tFormbuilderManagerDB = formbuilderManagerList.get(i);
+				
+				tFormbuilderManagerDB.setFormbuilderManagerStatus(status);
+				
+				if(!formbuilderManagerDAO.setFormbuilderManagerModProc(tFormbuilderManagerDB)){
+					success = false;
+					break;
+				}
+			}
+			
+			//설문 관리자 상태변경
+			List<T_SURVEY_MANAGER> surveyManagerList = surveyManagerDAO.getSurveyManagerList(siteIdx);
+			
+			for(int i=0; i<surveyManagerList.size(); i++){
+				
+				T_SURVEY_MANAGER tSurveyManagerDB = surveyManagerList.get(i);
+				
+				tSurveyManagerDB.setSurveyManagerStatus(status);
+				
+				if(!surveyManagerDAO.setSurveyManagerModProc(tSurveyManagerDB)){
+					success = false;
+					break;
+				}
+			}
+			
+			//퀵메뉴 관리자 상태변경
+			List<T_QUICK_MANAGER> quickManagerList = quickManagerDAO.getQuickManagerList(siteIdx);
+			
+			for(int i=0; i<quickManagerList.size(); i++){
+				
+				T_QUICK_MANAGER tQuickManagerDB = quickManagerList.get(i);
+				
+				tQuickManagerDB.setQuickManagerStatus(status);
+				
+				if(!quickManagerDAO.setQuickManagerModProc(tQuickManagerDB)){
+					success = false;
+					break;
+				}
+			}
+			
+			//비주얼 관리자 상태변경
+			List<T_VISUAL_MANAGER> visualManagerList = visualManagerDAO.getVisualManagerList(siteIdx);
+			
+			for(int i=0; i<visualManagerList.size(); i++){
+				
+				T_VISUAL_MANAGER tVisualManagerDB = visualManagerList.get(i);
+				
+				tVisualManagerDB.setVisualManagerStatus(status);
+				
+				if(!visualManagerDAO.setVisualManagerModProc(tVisualManagerDB)){
+					success = false;
+					break;
+				}
+			}
+			
+			//배너 관리자 상태변경
+			List<T_BANNER_MANAGER> bannerManagerList = bannerManagerDAO.getBannerManagerList(siteIdx);
+			
+			for(int i=0; i<bannerManagerList.size(); i++){
+				
+				T_BANNER_MANAGER tBannerManagerDB = bannerManagerList.get(i);
+				
+				tBannerManagerDB.setBannerManagerStatus(status);
+				
+				if(!bannerManagerDAO.setBannerManagerModProc(tBannerManagerDB)){
+					success = false;
+					break;
+				}
+			}
+			
+			//팝업 관리자 상태변경
+			List<T_POPUP_MANAGER> popupManagerList = popupManagerDAO.getPopupManagerList(siteIdx);
+			
+			for(int i=0; i<popupManagerList.size(); i++){
+				
+				T_POPUP_MANAGER tPopupManagerDB = popupManagerList.get(i);
+				
+				tPopupManagerDB.setPopupManagerStatus(status);
+				
+				if(!popupManagerDAO.setPopupManagerModProc(tPopupManagerDB)){
+					success = false;
+					break;
+				}
+			}
+			
+			/*
+			if(status.equals("U")){
+				
+				File getBakFile = new File(rootPath+"/site_bak/");
+				File[] getBakFiles = getBakFile.listFiles();
+				
+				if(getBakFiles != null && getBakFiles.length > 0){
+					for(int i=getBakFiles.length-1; i>=0; i--){
+						if(getBakFiles[i].getName().indexOf(tSiteDB.getSiteIdx()) >= 0){
+							String getSitePath = rootPath+"/"+tSiteDB.getSiteIdx();
+							File siteBakFile = new File(rootPath+"/site_bak/"+getBakFiles[i].getName());
+							File setSiteFile = new File(getSitePath);
+							siteBakFile.renameTo(setSiteFile);
+							break;
+						}
+					}
+				}
+			}
+			*/
+		}
+		
+		return success;
+	}
+	
+	//AdminSiteController
+	@Transactional
+	public synchronized boolean setSiteCopyProc(String copySiteIdx, T_SITE tSite, String rootPath, String memberMerge, String memberMergeSiteIdx, Integer memberIdx){
+		
+		boolean success = false;
+		
+		try{
+			
+			String[] noCopyFolders = {"content_bak", "tempFiles"};
+			String[] noCopyFiles = {"header_", "sub_", "footer_", "menu_main_", "menu_sub_"};
+			
+			File sourcelocation = new File(rootPath+"/"+copySiteIdx);
+			File targetdirectory = new File(rootPath+"/"+tSite.getSiteIdx());
+			
+			SeedUtils.setSeedCopyFiles(sourcelocation, targetdirectory, noCopyFolders, noCopyFiles);
+			
+			/*
+			//FTP 전송
+			SeedFtpType seedFtpType = new SeedFtpType();
+
+			//작업해야함 폴더 전체 올리는 작업 (현재는 사이트 복사 후 FTP로 파일올려줘야함)
+			//WEB 서버의 경로
+			seedFtpType.setDestFilePath(tSite.getSiteIdx());
+			//WAS 서버의 경로
+			seedFtpType.setSrcFilePath(rootPath+"/"+copySiteIdx);
+			//WAS 파일명
+			seedFtpType.setFileName("");
+			//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+			seedFtpType.setFtpType("regFiles");
+			seedFtpType.setSeedFtp();
+			*/
+			
+			T_SITE tSiteTmp = siteDAO.getSiteForm(copySiteIdx);
+			
+			T_MEMBER tMember = new T_MEMBER();
+			tMember.setMemberIdx(memberIdx);
+			
+			tSite.settMember(tMember);
+			tSite.setSiteStatus("U");
+			tSite.setSiteMemberIp(tSiteTmp.getSiteMemberIp());
+			tSite.setSiteMenuTopDepth(tSiteTmp.getSiteMenuTopDepth());
+			tSite.setSiteMenuSubSDepth(tSiteTmp.getSiteMenuSubSDepth());
+			tSite.setSiteMenuSubEDepth(tSiteTmp.getSiteMenuSubEDepth());
+			tSite.setSiteRegDate(new Date());
+			tSite.setSiteModDate(new Date());
+			
+			T_SITE tSiteDB = siteDAO.setSiteRegProc(tSite);
+			
+			if(tSiteDB != null){
+				
+				success = true;
+				
+				String oldSiteIdx = copySiteIdx;
+				String newSiteIdx = tSiteDB.getSiteIdx();
+				
+				ArrayList<String> arrayDataList = new ArrayList<String>();
+				
+				//사이트 관리자 설정
+				T_SITE_MANAGER tSiteManager = new T_SITE_MANAGER();
+				
+				tSiteManager.settSite(tSiteDB);
+				tSiteManager.settMember(tMember);
+				tSiteManager.setSiteManagerStatus("U");
+				tSiteManager.setSiteManagerRegDate(new Date());
+				
+				if(!siteManagerDAO.setSiteManagerRegProc(tSiteManager)){
+					success = false;
+					return success;
+				}
+				
+				String[] qryColumns = null;
+			
+				//메뉴 설정 복사
+				List<T_MENU_AUTH> menuAuthList = menuAuthDAO.getMenuAuthList(oldSiteIdx, qryColumns);
+				
+				if(menuAuthList.size() > 0){
+					
+					for(int m=0; m<menuAuthList.size(); m++){
+						
+						T_MENU_AUTH tMenuAuth = new T_MENU_AUTH();
+						
+						T_MENU_AUTH tMenuAuthTmp = menuAuthList.get(m);
+						
+						tMenuAuth.settSite(tSiteDB);
+						tMenuAuth.settMember(tMember);
+						tMenuAuth.settMenu(tMenuAuthTmp.gettMenu());
+						tMenuAuth.setMenuAuthStatus(tMenuAuthTmp.getMenuAuthStatus());
+						tMenuAuth.setMenuAuthRegDate(new Date());
+						
+						if(!menuAuthDAO.setMenuAuthRegProc(tMenuAuth)){
+							success = false;
+							return success;
+						}
+					}
+				}
+				
+				//사이트 그룹 복사
+				//통합회원이 아닐때만 작업해줌
+				if(SeedUtils.setReplaceNull(memberMerge).equals("false")){
+						
+					List<T_GROUP> groupList = groupDAO.getGroupList(oldSiteIdx, qryColumns);
+					
+					if(groupList.size() > 0){
+						
+						for(int g=0; g<groupList.size(); g++){
+							
+							T_GROUP tGroup = new T_GROUP();
+							
+							T_GROUP tGroupTmp = groupList.get(g);
+							
+							tGroup.settSite(tSiteDB);
+							tGroup.settMember(tMember);
+							tGroup.setGroupName(tGroupTmp.getGroupName());
+							tGroup.setGroupType(tGroupTmp.getGroupType());
+							tGroup.setGroupLevel(tGroupTmp.getGroupLevel());
+							tGroup.setGroupStatus(tGroupTmp.getGroupStatus());
+							tGroup.setGroupRegDate(new Date());
+							tGroup.setGroupModDate(new Date());
+							
+							if(groupDAO.setGroupRegProc(tGroup).getGroupIdx() == 0){
+								success = false;
+								return success;
+							}
+						}
+					}
+				}
+				
+				//사이트 게시판 스킨 복사
+				List<T_BBS_SKIN> bbsSkinList = bbsSkinDAO.getBbsSkinList(oldSiteIdx, qryColumns);
+				
+				if(bbsSkinList.size() > 0){
+					
+					for(int b=0; b<bbsSkinList.size(); b++){
+						
+						T_BBS_SKIN tBbsSkin = new T_BBS_SKIN();
+						
+						T_BBS_SKIN tBbsSkinTmp = bbsSkinList.get(b);
+						
+						tBbsSkin.settSite(tSiteDB);
+						tBbsSkin.settMember(tMember);
+						tBbsSkin.setBbsSkinCode(tBbsSkinTmp.getBbsSkinCode());
+						tBbsSkin.setBbsSkinThumb(tBbsSkinTmp.getBbsSkinThumb());
+						tBbsSkin.setBbsSkinReThumb(tBbsSkinTmp.getBbsSkinReThumb().replaceAll("_"+oldSiteIdx+"_", "_"+newSiteIdx+"_"));
+						tBbsSkin.setBbsSkinType(tBbsSkinTmp.getBbsSkinType());
+						tBbsSkin.setBbsSkinSubType(tBbsSkinTmp.getBbsSkinSubType());
+						tBbsSkin.setBbsSkinStatus(tBbsSkinTmp.getBbsSkinStatus());
+						tBbsSkin.setBbsSkinRegDate(new Date());
+						tBbsSkin.setBbsSkinModDate(new Date());
+						
+						T_BBS_SKIN tBbsSkinDB = bbsSkinDAO.setBbsSkinRegProc(tBbsSkin);
+						
+						if(tBbsSkinDB != null){
+							
+							String filePath = rootPath+"/"+newSiteIdx+"/jsp/bbs/skin/"+tBbsSkinDB.getBbsSkinCode();
+							filePath = SeedUtils.setFilePathReplaceAll(filePath);
+							
+							SeedUtils.setSeedMoveFile(filePath+"/"+tBbsSkinTmp.getBbsSkinReThumb(), 
+									filePath+"/"+tBbsSkinDB.getBbsSkinReThumb());
+							
+							BufferedReader bufferedTxtReader = new BufferedReader(
+									new InputStreamReader(
+											new FileInputStream(filePath+"/_css/skin_"+tBbsSkinDB.getBbsSkinCode()+".txt"), "UTF-8")); 
+							
+							String fileBuffer = "";
+							String htmlCode = "";
+							
+							while((fileBuffer = bufferedTxtReader.readLine()) != null){
+								htmlCode += fileBuffer.replaceAll(oldSiteIdx, newSiteIdx)+"\n";
+							}
+
+							FileOutputStream 	cssFileOutputStream 		= null;
+							OutputStreamWriter	cssOutputStreamWriter 	= null;
+							BufferedWriter 		cssWriter 						= null;
+							
+							try{
+								
+								//css파일 작성
+								cssFileOutputStream 		= new FileOutputStream(filePath+"/_css/skin_"+tBbsSkinDB.getBbsSkinCode()+".css");
+								cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+								cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+								cssWriter.write("@charset \"utf-8\";");
+								cssWriter.write("\n");
+								cssWriter.write("\n");
+								cssWriter.write(htmlCode);
+								cssWriter.flush();
+								
+								/*
+								//WEB 서버의 경로
+								seedFtpType.setDestFilePath(newSiteIdx+"/jsp/bbs/skin/"+tBbsSkinDB.getBbsSkinCode());
+								//WAS 서버의 경로
+								seedFtpType.setSrcFilePath(filePath+"/_css");
+								//WAS 파일명
+								seedFtpType.setFileName("skin_"+tBbsSkinDB.getBbsSkinCode()+".css");
+								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+								seedFtpType.setFtpType("regFile");
+								seedFtpType.setSeedFtp();
+								*/
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+						}else{
+							success = false;
+							return success;
+						}
+					}
+				}
+				
+				//사이트 폼빌더 스킨 복사
+				List<T_FORMBUILDER_SKIN> formbuilderSkinList = formbuilderSkinDAO.getFormbuilderSkinList(oldSiteIdx, qryColumns);
+				
+				if(formbuilderSkinList.size() > 0){
+					
+					for(int b=0; b<formbuilderSkinList.size(); b++){
+						
+						T_FORMBUILDER_SKIN tFormbuilderSkin = new T_FORMBUILDER_SKIN();
+						
+						T_FORMBUILDER_SKIN tFormbuilderSkinTmp = formbuilderSkinList.get(b);
+						
+						tFormbuilderSkin.settSite(tSiteDB);
+						tFormbuilderSkin.settMember(tMember);
+						tFormbuilderSkin.setFormbuilderSkinCode(tFormbuilderSkinTmp.getFormbuilderSkinCode());
+						tFormbuilderSkin.setFormbuilderSkinThumb(tFormbuilderSkinTmp.getFormbuilderSkinThumb());
+						tFormbuilderSkin.setFormbuilderSkinReThumb(tFormbuilderSkinTmp.getFormbuilderSkinReThumb().replaceAll("_"+oldSiteIdx+"_", "_"+newSiteIdx+"_"));
+						tFormbuilderSkin.setFormbuilderSkinStatus(tFormbuilderSkinTmp.getFormbuilderSkinStatus());
+						tFormbuilderSkin.setFormbuilderSkinRegDate(new Date());
+						tFormbuilderSkin.setFormbuilderSkinModDate(new Date());
+						
+						T_FORMBUILDER_SKIN tFormbuilderSkinDB = formbuilderSkinDAO.setFormbuilderSkinRegProc(tFormbuilderSkin);
+						
+						if(tFormbuilderSkinDB != null){
+							
+							String filePath = rootPath+"/"+newSiteIdx+"/jsp/formbuilder/skin/"+tFormbuilderSkinDB.getFormbuilderSkinCode();
+							filePath = SeedUtils.setFilePathReplaceAll(filePath);
+							
+							SeedUtils.setSeedMoveFile(filePath+"/"+tFormbuilderSkinTmp.getFormbuilderSkinReThumb(), 
+									filePath+"/"+tFormbuilderSkinDB.getFormbuilderSkinReThumb());
+							
+							BufferedReader bufferedTxtReader = new BufferedReader(
+									new InputStreamReader(
+											new FileInputStream(filePath+"/_css/skin_"+tFormbuilderSkinDB.getFormbuilderSkinCode()+".txt"), "UTF-8")); 
+							
+							String fileBuffer = "";
+							String htmlCode = "";
+							
+							while((fileBuffer = bufferedTxtReader.readLine()) != null){
+								htmlCode += fileBuffer.replaceAll(oldSiteIdx, newSiteIdx)+"\n";
+							}
+
+							FileOutputStream 	cssFileOutputStream 		= null;
+							OutputStreamWriter	cssOutputStreamWriter 	= null;
+							BufferedWriter 		cssWriter 						= null;
+							
+							try{
+								
+								//css파일 작성
+								cssFileOutputStream 		= new FileOutputStream(filePath+"/_css/skin_"+tFormbuilderSkinDB.getFormbuilderSkinCode()+".css");
+								cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+								cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+								cssWriter.write("@charset \"utf-8\";");
+								cssWriter.write("\n");
+								cssWriter.write("\n");
+								cssWriter.write(htmlCode);
+								cssWriter.flush();
+								
+								/*
+								//WEB 서버의 경로
+								seedFtpType.setDestFilePath(newSiteIdx+"/jsp/bbs/skin/"+tBbsSkinDB.getBbsSkinCode());
+								//WAS 서버의 경로
+								seedFtpType.setSrcFilePath(filePath+"/_css");
+								//WAS 파일명
+								seedFtpType.setFileName("skin_"+tBbsSkinDB.getBbsSkinCode()+".css");
+								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+								seedFtpType.setFtpType("regFile");
+								seedFtpType.setSeedFtp();
+								*/
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+						}else{
+							success = false;
+							return success;
+						}
+					}
+				}
+				
+				//사이트 설문조사 스킨 복사
+				List<T_SURVEY_SKIN> surveySkinList = surveySkinDAO.getSurveySkinList(oldSiteIdx, qryColumns);
+				
+				if(surveySkinList.size() > 0){
+					
+					for(int b=0; b<surveySkinList.size(); b++){
+						
+						T_SURVEY_SKIN tSurveySkin = new T_SURVEY_SKIN();
+						
+						T_SURVEY_SKIN tSurveySkinTmp = surveySkinList.get(b);
+						
+						tSurveySkin.settSite(tSiteDB);
+						tSurveySkin.settMember(tMember);
+						tSurveySkin.setSurveySkinCode(tSurveySkinTmp.getSurveySkinCode());
+						tSurveySkin.setSurveySkinThumb(tSurveySkinTmp.getSurveySkinThumb());
+						tSurveySkin.setSurveySkinReThumb(tSurveySkinTmp.getSurveySkinReThumb().replaceAll("_"+oldSiteIdx+"_", "_"+newSiteIdx+"_"));
+						tSurveySkin.setSurveySkinStatus(tSurveySkinTmp.getSurveySkinStatus());
+						tSurveySkin.setSurveySkinRegDate(new Date());
+						tSurveySkin.setSurveySkinModDate(new Date());
+						
+						T_SURVEY_SKIN tSurveySkinDB = surveySkinDAO.setSurveySkinRegProc(tSurveySkin);
+						
+						if(tSurveySkinDB != null){
+							
+							String filePath = rootPath+"/"+newSiteIdx+"/jsp/survey/skin/"+tSurveySkinDB.getSurveySkinCode();
+							filePath = SeedUtils.setFilePathReplaceAll(filePath);
+							
+							SeedUtils.setSeedMoveFile(filePath+"/"+tSurveySkinTmp.getSurveySkinReThumb(), 
+									filePath+"/"+tSurveySkinDB.getSurveySkinReThumb());
+							
+							BufferedReader bufferedTxtReader = new BufferedReader(
+									new InputStreamReader(
+											new FileInputStream(filePath+"/_css/skin_"+tSurveySkinDB.getSurveySkinCode()+".txt"), "UTF-8")); 
+							
+							String fileBuffer = "";
+							String htmlCode = "";
+							
+							while((fileBuffer = bufferedTxtReader.readLine()) != null){
+								htmlCode += fileBuffer.replaceAll(oldSiteIdx, newSiteIdx)+"\n";
+							}
+
+							FileOutputStream 	cssFileOutputStream 		= null;
+							OutputStreamWriter	cssOutputStreamWriter 	= null;
+							BufferedWriter 		cssWriter 						= null;
+							
+							try{
+								
+								//css파일 작성
+								cssFileOutputStream 		= new FileOutputStream(filePath+"/_css/skin_"+tSurveySkinDB.getSurveySkinCode()+".css");
+								cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+								cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+								cssWriter.write("@charset \"utf-8\";");
+								cssWriter.write("\n");
+								cssWriter.write("\n");
+								cssWriter.write(htmlCode);
+								cssWriter.flush();
+								
+								/*
+								//WEB 서버의 경로
+								seedFtpType.setDestFilePath(newSiteIdx+"/jsp/bbs/skin/"+tBbsSkinDB.getBbsSkinCode());
+								//WAS 서버의 경로
+								seedFtpType.setSrcFilePath(filePath+"/_css");
+								//WAS 파일명
+								seedFtpType.setFileName("skin_"+tBbsSkinDB.getBbsSkinCode()+".css");
+								//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+								seedFtpType.setFtpType("regFile");
+								seedFtpType.setSeedFtp();
+								*/
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+						}else{
+							success = false;
+							return success;
+						}
+					}
+				}
+
+				//사이트 게시판 복사
+				List<T_BBS_SET> bbsSetList = bbsSetDAO.getBbsSetList(oldSiteIdx, qryColumns);
+				
+				if(bbsSetList.size() > 0){
+					
+					//복사된 게시판 업로드 파일 삭제
+					SeedUtils.setSeedDeleteFiles(rootPath+"/"+newSiteIdx+"/upload/bbs", "");
+					
+					for(int b=0; b<bbsSetList.size(); b++){
+						
+						T_BBS_SET tBbsSet = new T_BBS_SET();
+						
+						T_BBS_SET tBbsSetTmp = bbsSetList.get(b);
+						
+						Integer oldBbsSetIdx = tBbsSetTmp.getBbsSetIdx();
+						
+						tBbsSet.settSite(tSiteDB);
+						tBbsSet.settMember(tMember);
+						tBbsSet.setBbsSetName(tBbsSetTmp.getBbsSetName());
+						tBbsSet.setBbsSetType(tBbsSetTmp.getBbsSetType());
+						tBbsSet.setBbsSetSubType(tBbsSetTmp.getBbsSetSubType());
+						tBbsSet.setBbsSetBest(tBbsSetTmp.getBbsSetBest());
+						tBbsSet.setBbsSetBestRow(tBbsSetTmp.getBbsSetBestRow());
+						tBbsSet.setBbsSetComment(tBbsSetTmp.getBbsSetComment());
+						tBbsSet.setBbsSetCommentRow(tBbsSetTmp.getBbsSetCommentRow());
+						tBbsSet.setBbsSetDataRow(tBbsSetTmp.getBbsSetDataRow());
+						tBbsSet.setBbsSetDataMiniRow(tBbsSetTmp.getBbsSetDataMiniRow());
+						tBbsSet.setBbsSetFileCount(tBbsSetTmp.getBbsSetFileCount());
+						tBbsSet.setBbsSetFileSize(tBbsSetTmp.getBbsSetFileSize());
+						tBbsSet.setBbsSetNP(tBbsSetTmp.getBbsSetNP());
+						tBbsSet.setBbsSetReply(tBbsSetTmp.getBbsSetReply());
+						tBbsSet.setBbsSetSecret(tBbsSetTmp.getBbsSetSecret());
+						tBbsSet.setBbsSetSkinCode(tBbsSetTmp.getBbsSetSkinCode());
+						tBbsSet.setBbsSetTrash(tBbsSetTmp.getBbsSetTrash());
+						tBbsSet.setBbsSetStatus(tBbsSetTmp.getBbsSetStatus());
+						tBbsSet.setBbsSetRegDate(new Date());
+						tBbsSet.setBbsSetModDate(new Date());
+						
+						T_BBS_SET tBbsSetDB = bbsSetDAO.setBbsSetRegProc(tBbsSet);
+						
+						if(tBbsSetDB != null){
+							
+							Integer newBbsSetIdx = tBbsSetDB.getBbsSetIdx();
+							
+							//게시판 BBS_ITEM 생성
+							List<T_BBS_ITEM> bbsItemList = bbsItemDAO.getBbsItemList(oldBbsSetIdx);
+							
+							for(int i=0; i<bbsItemList.size(); i++){
+								
+								T_BBS_ITEM tBbsItem = new T_BBS_ITEM();
+								
+								T_BBS_ITEM tBbsItemTmp = bbsItemList.get(i);
+								
+								tBbsItem.settBbsSet(tBbsSetDB);
+								tBbsItem.settMember(tMember);
+								tBbsItem.setBbsItemName(tBbsItemTmp.getBbsItemName());
+								tBbsItem.setBbsItemColWidth(tBbsItemTmp.getBbsItemColWidth());
+								tBbsItem.setBbsItemWidth(tBbsItemTmp.getBbsItemWidth());
+								tBbsItem.setBbsItemDataMiniLength(tBbsItemTmp.getBbsItemDataMiniLength());
+								tBbsItem.setBbsItemDataLength(tBbsItemTmp.getBbsItemDataLength());								
+								tBbsItem.setBbsItemHeight(tBbsItemTmp.getBbsItemHeight());
+								tBbsItem.setBbsItemCount(tBbsItemTmp.getBbsItemCount());
+								tBbsItem.setBbsItemPattern(tBbsItemTmp.getBbsItemPattern());
+								tBbsItem.setBbsItemGroup(tBbsItemTmp.getBbsItemGroup());
+								tBbsItem.setBbsItemLink(tBbsItemTmp.getBbsItemLink());
+								tBbsItem.setBbsItemList(tBbsItemTmp.getBbsItemList());
+								tBbsItem.setBbsItemView(tBbsItemTmp.getBbsItemView());
+								tBbsItem.setBbsItemMiniList(tBbsItemTmp.getBbsItemMiniList());
+								tBbsItem.setBbsItemMiniOrder(tBbsItemTmp.getBbsItemMiniOrder());
+								tBbsItem.setBbsItemListOrder(tBbsItemTmp.getBbsItemListOrder());
+								tBbsItem.setBbsItemViewOrder(tBbsItemTmp.getBbsItemViewOrder());
+								tBbsItem.setBbsItemSearch(tBbsItemTmp.getBbsItemSearch());
+								tBbsItem.setBbsItemText(tBbsItemTmp.getBbsItemText());
+								tBbsItem.setBbsItemType(tBbsItemTmp.getBbsItemType());
+								tBbsItem.setBbsItemEssential(tBbsItemTmp.getBbsItemEssential());
+								tBbsItem.setBbsItemValue(tBbsItemTmp.getBbsItemValue());
+								tBbsItem.setBbsItemRegDate(new Date());
+								tBbsItem.setBbsItemWL(tBbsItemTmp.getBbsItemWL());
+								tBbsItem.setBbsItemStatus(tBbsItemTmp.getBbsItemStatus());
+								
+								if(bbsItemDAO.setBbsItemRegProc(tBbsItem).getBbsItemIdx() == 0){
+									success = false;
+									return success;
+								}
+							}
+							
+							//게시판 BBS_AUTH 생성
+							List<T_BBS_AUTH> bbsAuthList = bbsAuthDAO.getBbsAuthList(oldBbsSetIdx, qryColumns);
+							
+							for(int a=0; a<bbsAuthList.size(); a++){
+								
+								T_BBS_AUTH tBbsAuth = new T_BBS_AUTH();
+								
+								T_BBS_AUTH tBbsAuthTmp = bbsAuthList.get(a);
+								
+								tBbsAuth.settBbsSet(tBbsSetDB);
+								tBbsAuth.settGroup(tBbsAuthTmp.gettGroup());
+								tBbsAuth.settMember(tMember);
+								tBbsAuth.setBbsAuthList(tBbsAuthTmp.getBbsAuthList());
+								tBbsAuth.setBbsAuthContent(tBbsAuthTmp.getBbsAuthContent());
+								tBbsAuth.setBbsAuthWrite(tBbsAuthTmp.getBbsAuthWrite());
+								tBbsAuth.setBbsAuthReply(tBbsAuthTmp.getBbsAuthReply());
+								tBbsAuth.setBbsAuthModDate(new Date());
+								tBbsAuth.setBbsAuthRegDate(new Date());
+								
+								if(!bbsAuthDAO.setBbsAuthRegProc(tBbsAuth)){
+									success = false;
+									return success;
+								}
+							}
+							
+							String[] bbsMenuIdxs = SeedUtils.setReplaceNull(tBbsSetTmp.getSiteMenuIdxs()).split("\\|");
+							
+							for(int m=0; m<bbsMenuIdxs.length; m++){
+								arrayDataList.add("bbs,"+bbsMenuIdxs[m]+","+newBbsSetIdx);
+							}
+							
+							//복사된 컴파일 게시판 삭제 후 새로 생성 
+							String filePath = rootPath+"/"+newSiteIdx+"/jsp/bbs";
+							
+							SeedUtils.setSeedDeleteFile(filePath+"/"+"bbs_"+oldBbsSetIdx+".jsp");
+							
+							FileOutputStream 	jspFileOutputStream 		= null;
+							OutputStreamWriter	jspOutputStreamWriter 	= null;
+							BufferedWriter 		jspWriter 						= null;
+							
+							try{
+								
+								jspFileOutputStream 		= new FileOutputStream(filePath+"/bbs_"+newBbsSetIdx+".jsp");
+								jspOutputStreamWriter 	= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+								jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+								
+								jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+								jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
+								jspWriter.write("\n");
+								jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+										
+								jspWriter.write("<li id='bbs_li_"+newBbsSetIdx+"' class='bbs_li_"+newBbsSetIdx+"'>");
+								jspWriter.write("\n");		
+								
+								jspWriter.write("<span id='bbs_span_"+newBbsSetIdx+"' class='bbs_span_"+newBbsSetIdx+"'><s:message code='common.message.no.data'/></span>");
+								
+								jspWriter.write("\n");
+								jspWriter.write("</li>");
+
+								jspWriter.flush();
+								 
+								setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldBbsSetIdx, newBbsSetIdx, "bbs");
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+						}else{
+							success = false;
+							return success;
+						}
+					}
+				}	
+				
+				//사이트 폼빌더 복사
+				List<T_FORMBUILDER_SET> formbuilderSetList = formbuilderSetDAO.getFormbuilderSetList(oldSiteIdx, qryColumns);
+				
+				if(formbuilderSetList.size() > 0){
+					
+					//복사된 폼빌더 업로드 파일 삭제
+					SeedUtils.setSeedDeleteFiles(rootPath+"/"+newSiteIdx+"/upload/formbuilder", "");
+					
+					for(int f=0; f<formbuilderSetList.size(); f++){
+						
+						T_FORMBUILDER_SET tFormbuilderSet = new T_FORMBUILDER_SET();
+						
+						T_FORMBUILDER_SET tFormbuilderSetTmp = formbuilderSetList.get(f);
+						
+						Integer oldFormbuilderSetIdx = tFormbuilderSetTmp.getFormbuilderSetIdx();
+						
+						tFormbuilderSet.settSite(tSiteDB);
+						tFormbuilderSet.settMember(tMember);
+						tFormbuilderSet.setFormbuilderSetName(tFormbuilderSetTmp.getFormbuilderSetName());
+						tFormbuilderSet.setFormbuilderSetOverlap(tFormbuilderSetTmp.getFormbuilderSetOverlap());
+						tFormbuilderSet.setFormbuilderSetSdate(tFormbuilderSetTmp.getFormbuilderSetSdate());
+						tFormbuilderSet.setFormbuilderSetEdate(tFormbuilderSetTmp.getFormbuilderSetEdate());
+						tFormbuilderSet.setFormbuilderSetSkinCode(tFormbuilderSetTmp.getFormbuilderSetSkinCode());
+						tFormbuilderSet.setFormbuilderSetStatus(tFormbuilderSetTmp.getFormbuilderSetStatus());
+						tFormbuilderSet.setFormbuilderSetRegDate(new Date());
+						tFormbuilderSet.setFormbuilderSetModDate(new Date());
+						
+						T_FORMBUILDER_SET tFormbuilderSetDB = formbuilderSetDAO.setFormbuilderSetRegProc(tFormbuilderSet);
+						
+						if(tFormbuilderSetDB != null){
+							
+							Integer newFormbuilderSetIdx = tFormbuilderSetDB.getFormbuilderSetIdx();
+							
+							//폼빌더 FORMBUILDER_ITEM 생성
+							List<T_FORMBUILDER_ITEM> formbuilderItemList = formbuilderItemDAO.getFormbuilderItemList(oldFormbuilderSetIdx);
+							
+							for(int i=0; i<formbuilderItemList.size(); i++){
+								
+								T_FORMBUILDER_ITEM tFormbuilderItem = new T_FORMBUILDER_ITEM();
+								
+								T_FORMBUILDER_ITEM tFormbuilderItemTmp = formbuilderItemList.get(i);
+								
+								tFormbuilderItem.settFormbuilderSet(tFormbuilderSetDB);
+								tFormbuilderItem.settMember(tMember);
+								tFormbuilderItem.setFormbuilderItemName(tFormbuilderItemTmp.getFormbuilderItemName());
+								tFormbuilderItem.setFormbuilderItemColWidth(tFormbuilderItemTmp.getFormbuilderItemColWidth());
+								tFormbuilderItem.setFormbuilderItemWidth(tFormbuilderItemTmp.getFormbuilderItemWidth());
+								tFormbuilderItem.setFormbuilderItemWL(tFormbuilderItemTmp.getFormbuilderItemWL());
+								tFormbuilderItem.setFormbuilderItemHeight(tFormbuilderItemTmp.getFormbuilderItemHeight());
+								tFormbuilderItem.setFormbuilderItemCount(tFormbuilderItemTmp.getFormbuilderItemCount());
+								tFormbuilderItem.setFormbuilderItemPattern(tFormbuilderItemTmp.getFormbuilderItemPattern());
+								tFormbuilderItem.setFormbuilderItemGroup(tFormbuilderItemTmp.getFormbuilderItemGroup());
+								tFormbuilderItem.setFormbuilderItemLink(tFormbuilderItemTmp.getFormbuilderItemLink());
+								tFormbuilderItem.setFormbuilderItemList(tFormbuilderItemTmp.getFormbuilderItemList());
+								tFormbuilderItem.setFormbuilderItemOrder(tFormbuilderItemTmp.getFormbuilderItemOrder());
+								tFormbuilderItem.setFormbuilderItemText(tFormbuilderItemTmp.getFormbuilderItemText());
+								tFormbuilderItem.setFormbuilderItemEssential(tFormbuilderItemTmp.getFormbuilderItemEssential());
+								tFormbuilderItem.setFormbuilderItemEtc(tFormbuilderItemTmp.getFormbuilderItemEtc());
+								tFormbuilderItem.setFormbuilderItemEtcWidth(tFormbuilderItemTmp.getFormbuilderItemEtcWidth());
+								tFormbuilderItem.setFormbuilderItemValue(tFormbuilderItemTmp.getFormbuilderItemValue());
+								tFormbuilderItem.setFormbuilderItemRegDate(new Date());
+								tFormbuilderItem.setFormbuilderItemModDate(new Date());
+								tFormbuilderItem.setFormbuilderItemStatus(tFormbuilderItemTmp.getFormbuilderItemStatus());
+								
+								if(formbuilderItemDAO.setFormbuilderItemRegProc(tFormbuilderItem).getFormbuilderItemIdx() == 0){
+									success = false;
+									return success;
+								}
+							}
+							
+							//폼빌더 FORMBUILDER_AUTH 생성
+							List<T_FORMBUILDER_AUTH> formbuilderAuthList = formbuilderAuthDAO.getFormbuilderAuthList(oldFormbuilderSetIdx, qryColumns);
+							
+							for(int a=0; a<formbuilderAuthList.size(); a++){
+								
+								T_FORMBUILDER_AUTH tFormbuilderAuth = new T_FORMBUILDER_AUTH();
+								
+								T_FORMBUILDER_AUTH tFormbuilderAuthTmp = formbuilderAuthList.get(a);
+								
+								tFormbuilderAuth.settFormbuilderSet(tFormbuilderSetDB);
+								tFormbuilderAuth.settGroup(tFormbuilderAuthTmp.gettGroup());
+								tFormbuilderAuth.settMember(tMember);
+								tFormbuilderAuth.setFormbuilderAuthList(tFormbuilderAuthTmp.getFormbuilderAuthList());
+								tFormbuilderAuth.setFormbuilderAuthWrite(tFormbuilderAuthTmp.getFormbuilderAuthWrite());
+								tFormbuilderAuth.setFormbuilderAuthModDate(new Date());
+								tFormbuilderAuth.setFormbuilderAuthRegDate(new Date());
+								
+								if(!formbuilderAuthDAO.setFormbuilderAuthRegProc(tFormbuilderAuth)){
+									success = false;
+									return success;
+								}
+							}
+							
+							String[] formbuilderMenuIdxs = SeedUtils.setReplaceNull(tFormbuilderSetTmp.getSiteMenuIdxs()).split("\\|");
+							
+							for(int m=0; m<formbuilderMenuIdxs.length; m++){
+								arrayDataList.add("formbuilder,"+formbuilderMenuIdxs[m]+","+newFormbuilderSetIdx);
+							}
+							
+							/*
+							//복사된 컴파일 폼빌더 삭제 후 새로 생성 
+							String filePath = rootPath+"/"+newSiteIdx+"/jsp/formbuilder";
+							
+							SeedUtils.setSeedDeleteFile(filePath+"/"+"formbuilder_"+oldFormbuilderSetIdx+".jsp");
+							
+							BufferedWriter jspWriter = new BufferedWriter(
+									new OutputStreamWriter(
+											new FileOutputStream(filePath+"/formbuilder_"+newFormbuilderSetIdx+".jsp"), "UTF-8"));	
+							
+							jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
+							jspWriter.write("\n");
+							jspWriter.write("\n");
+							jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
+							jspWriter.write("\n");
+							jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
+							jspWriter.write("\n");
+							jspWriter.write("\n");
+									
+							jspWriter.write("<li id='formbuilder_li_"+newFormbuilderSetIdx+"' class='formbuilder_li_"+newFormbuilderSetIdx+"'>");
+							jspWriter.write("\n");		
+							
+							jspWriter.write("<span id='formbuilder_span_"+newFormbuilderSetIdx+"' class='formbuilder_span_"+newFormbuilderSetIdx+"'><s:message code='common.message.no.data'/></span>");
+							
+							jspWriter.write("\n");
+							jspWriter.write("</li>");
+
+							jspWriter.close();
+							
+							setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldFormbuilderSetIdx, newFormbuilderSetIdx, "formbuilder");
+							*/
+							
+						}else{
+							success = false;
+							return success;
+						}
+					}
+				}	
+				
+				//사이트 설문조사 복사
+				List<T_SURVEY_SET> surveySetList = surveySetDAO.getSurveySetList(oldSiteIdx, qryColumns);
+				
+				if(surveySetList.size() > 0){
+					
+					//복사된 설문조사 업로드 파일 삭제
+					SeedUtils.setSeedDeleteFiles(rootPath+"/"+newSiteIdx+"/upload/survey", "");
+					
+					for(int s=0; s<surveySetList.size(); s++){
+						
+						T_SURVEY_SET tSurveySet = new T_SURVEY_SET();
+						
+						T_SURVEY_SET tSurveySetTmp = surveySetList.get(s);
+						
+						Integer oldSurveySetIdx = tSurveySetTmp.getSurveySetIdx();
+						
+						tSurveySet.settSite(tSiteDB);
+						tSurveySet.settMember(tMember);
+						tSurveySet.setSurveySetName(tSurveySetTmp.getSurveySetName());
+						tSurveySet.setSurveySetOverlap(tSurveySetTmp.getSurveySetOverlap());
+						tSurveySet.setSurveySetSdate(tSurveySetTmp.getSurveySetSdate());
+						tSurveySet.setSurveySetEdate(tSurveySetTmp.getSurveySetEdate());
+						tSurveySet.setSurveySetSkinCode(tSurveySetTmp.getSurveySetSkinCode());
+						tSurveySet.setSurveySetStatus(tSurveySetTmp.getSurveySetStatus());
+						tSurveySet.setSurveySetRegDate(new Date());
+						tSurveySet.setSurveySetModDate(new Date());
+						
+						T_SURVEY_SET tSurveySetDB = surveySetDAO.setSurveySetRegProc(tSurveySet);
+						
+						if(tSurveySetDB != null){
+							
+							Integer newSurveySetIdx = tSurveySetDB.getSurveySetIdx();
+							
+							//설문조사 SURVEY_ITEM 생성
+							List<T_SURVEY_ITEM> surveyItemList = surveyItemDAO.getSurveyItemList(oldSurveySetIdx);
+							
+							for(int i=0; i<surveyItemList.size(); i++){
+								
+								T_SURVEY_ITEM tSurveyItem = new T_SURVEY_ITEM();
+								
+								T_SURVEY_ITEM tSurveyItemTmp = surveyItemList.get(i);
+								
+								tSurveyItem.settSurveySet(tSurveySetDB);
+								tSurveyItem.settMember(tMember);
+								tSurveyItem.setSurveyItemName(tSurveyItemTmp.getSurveyItemName());
+								tSurveyItem.setSurveyItemCount(tSurveyItemTmp.getSurveyItemCount());
+								tSurveyItem.setSurveyItemPattern(tSurveyItemTmp.getSurveyItemPattern());
+								tSurveyItem.setSurveyItemGroup(tSurveyItemTmp.getSurveyItemGroup());
+								tSurveyItem.setSurveyItemOrder(tSurveyItemTmp.getSurveyItemOrder());
+								tSurveyItem.setSurveyItemText(tSurveyItemTmp.getSurveyItemText());
+								tSurveyItem.setSurveyItemEssential(tSurveyItemTmp.getSurveyItemEssential());
+								tSurveyItem.setSurveyItemEtc(tSurveyItemTmp.getSurveyItemEtc());
+								tSurveyItem.setSurveyItemEtcWidth(tSurveyItemTmp.getSurveyItemEtcWidth());
+								tSurveyItem.setSurveyItemValue(tSurveyItemTmp.getSurveyItemValue());
+								tSurveyItem.setSurveyItemRegDate(new Date());
+								tSurveyItem.setSurveyItemModDate(new Date());
+								tSurveyItem.setSurveyItemStatus(tSurveyItemTmp.getSurveyItemStatus());
+								
+								if(surveyItemDAO.setSurveyItemRegProc(tSurveyItem).getSurveyItemIdx() == 0){
+									success = false;
+									return success;
+								}
+							}
+							
+							//설문조사 SURVEY_AUTH 생성
+							List<T_SURVEY_AUTH> surveyAuthList = surveyAuthDAO.getSurveyAuthList(oldSurveySetIdx, qryColumns);
+							
+							for(int a=0; a<surveyAuthList.size(); a++){
+								
+								T_SURVEY_AUTH tSurveyAuth = new T_SURVEY_AUTH();
+								
+								T_SURVEY_AUTH tSurveyAuthTmp = surveyAuthList.get(a);
+								
+								tSurveyAuth.settSurveySet(tSurveySetDB);
+								tSurveyAuth.settGroup(tSurveyAuthTmp.gettGroup());
+								tSurveyAuth.settMember(tMember);
+								tSurveyAuth.setSurveyAuthList(tSurveyAuthTmp.getSurveyAuthList());
+								tSurveyAuth.setSurveyAuthWrite(tSurveyAuthTmp.getSurveyAuthWrite());
+								tSurveyAuth.setSurveyAuthResult(tSurveyAuthTmp.getSurveyAuthResult());
+								tSurveyAuth.setSurveyAuthModDate(new Date());
+								tSurveyAuth.setSurveyAuthRegDate(new Date());
+								
+								if(!surveyAuthDAO.setSurveyAuthRegProc(tSurveyAuth)){
+									success = false;
+									return success;
+								}
+							}
+							
+							String[] surveyMenuIdxs = SeedUtils.setReplaceNull(tSurveySetTmp.getSiteMenuIdxs()).split("\\|");
+							
+							for(int m=0; m<surveyMenuIdxs.length; m++){
+								arrayDataList.add("survey,"+surveyMenuIdxs[m]+","+newSurveySetIdx);
+							}
+							
+							/*
+							//복사된 컴파일 설문조사 삭제 후 새로 생성 
+							String filePath = rootPath+"/"+newSiteIdx+"/jsp/survey";
+							
+							SeedUtils.setSeedDeleteFile(filePath+"/"+"survey_"+oldSurveySetIdx+".jsp");
+							
+							BufferedWriter jspWriter = new BufferedWriter(
+									new OutputStreamWriter(
+											new FileOutputStream(filePath+"/survey_"+newSurveySetIdx+".jsp"), "UTF-8"));	
+							
+							jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
+							jspWriter.write("\n");
+							jspWriter.write("\n");
+							jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
+							jspWriter.write("\n");
+							jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
+							jspWriter.write("\n");
+							jspWriter.write("\n");
+									
+							jspWriter.write("<li id='survey_li_"+newSurveySetIdx+"' class='survey_li_"+newSurveySetIdx+"'>");
+							jspWriter.write("\n");		
+							
+							jspWriter.write("<span id='survey_span_"+newSurveySetIdx+"' class='survey_span_"+newSurveySetIdx+"'><s:message code='common.message.no.data'/></span>");
+							
+							jspWriter.write("\n");
+							jspWriter.write("</li>");
+
+							jspWriter.close();
+							
+							setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldSurveySetIdx, newSurveySetIdx, "survey");
+							*/
+							
+						}else{
+							success = false;
+							return success;
+						}
+					}
+				}	
+				
+				//사이트 배너 복사
+				List<T_BANNER_SET> bannerSetList = bannerSetDAO.getBannerSetList(oldSiteIdx, qryColumns);
+				
+				if(bannerSetList.size() > 0){
+					
+					for(int b=0; b<bannerSetList.size(); b++){
+						
+						T_BANNER_SET tBannerSet = new T_BANNER_SET();
+						
+						T_BANNER_SET tBannerSetTmp = bannerSetList.get(b);
+						
+						Integer oldBannerSetIdx = tBannerSetTmp.getBannerSetIdx();
+						
+						List<T_BANNER_DATA> bannerDataList = bannerDataDAO.getBannerDataList(oldBannerSetIdx);
+						
+						tBannerSet.settSite(tSiteDB);
+						tBannerSet.settMember(tMember);
+						tBannerSet.setBannerSetType(tBannerSetTmp.getBannerSetType());
+						tBannerSet.setBannerSetName(tBannerSetTmp.getBannerSetName());
+						tBannerSet.setBannerSetWidth(tBannerSetTmp.getBannerSetWidth());
+						tBannerSet.setBannerSetHeight(tBannerSetTmp.getBannerSetHeight());
+						tBannerSet.setBannerDataWidth(tBannerSetTmp.getBannerDataWidth());
+						tBannerSet.setBannerDataHeight(tBannerSetTmp.getBannerDataHeight());
+						tBannerSet.setBannerDataPadding(tBannerSetTmp.getBannerDataPadding());
+						tBannerSet.setBannerSetSkin(tBannerSetTmp.getBannerSetSkin());
+						tBannerSet.setBannerSetTime(tBannerSetTmp.getBannerSetTime());
+						tBannerSet.setBannerSetPSTB(tBannerSetTmp.getBannerSetPSTB());
+						tBannerSet.setBannerSetPSTBPosition(tBannerSetTmp.getBannerSetPSTBPosition());
+						tBannerSet.setBannerSetPSLR(tBannerSetTmp.getBannerSetPSLR());
+						tBannerSet.setBannerSetPSLRPosition(tBannerSetTmp.getBannerSetPSLRPosition());
+						tBannerSet.setBannerSetPlayImg(tBannerSetTmp.getBannerSetPlayImg());
+						tBannerSet.setBannerSetPlayReImg(tBannerSetTmp.getBannerSetPlayReImg());
+						tBannerSet.setBannerSetStopImg(tBannerSetTmp.getBannerSetStopImg());
+						tBannerSet.setBannerSetStopReImg(tBannerSetTmp.getBannerSetStopReImg());
+						tBannerSet.setBannerSetPreTB(tBannerSetTmp.getBannerSetPreTB());
+						tBannerSet.setBannerSetPreTBPosition(tBannerSetTmp.getBannerSetPreTBPosition());
+						tBannerSet.setBannerSetPreLR(tBannerSetTmp.getBannerSetPreLR());
+						tBannerSet.setBannerSetPreLRPosition(tBannerSetTmp.getBannerSetPreLRPosition());
+						tBannerSet.setBannerSetPreImg(tBannerSetTmp.getBannerSetPreImg());
+						tBannerSet.setBannerSetPreReImg(tBannerSetTmp.getBannerSetPreReImg());
+						tBannerSet.setBannerSetNextTB(tBannerSetTmp.getBannerSetNextTB());
+						tBannerSet.setBannerSetNextTBPosition(tBannerSetTmp.getBannerSetNextTBPosition());
+						tBannerSet.setBannerSetNextLR(tBannerSetTmp.getBannerSetNextLR());
+						tBannerSet.setBannerSetNextLRPosition(tBannerSetTmp.getBannerSetNextLRPosition());
+						tBannerSet.setBannerSetNextImg(tBannerSetTmp.getBannerSetNextImg());
+						tBannerSet.setBannerSetNextReImg(tBannerSetTmp.getBannerSetNextReImg());
+						tBannerSet.setBannerSetRegDate(new Date());
+						tBannerSet.setBannerSetModDate(new Date());
+						tBannerSet.setBannerSetStatus(tBannerSetTmp.getBannerSetStatus());
+						
+						T_BANNER_SET tBannerSetDB = bannerSetDAO.setBannerSetRegProc(tBannerSet);
+						
+						if(tBannerSetDB != null){
+							
+							Integer newBannerSetIdx = tBannerSetDB.getBannerSetIdx();
+							
+							//업로드 파일 폴더 변경
+							SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/banner/"+oldBannerSetIdx, rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx);
+							
+							//업로드 파일 변경
+							String bannerSetPreReImg = tBannerSetDB.getBannerSetPreReImg();
+							
+							if(bannerSetPreReImg.indexOf("btn_") == -1){
+								
+								bannerSetPreReImg = bannerSetPreReImg.substring(bannerSetPreReImg.indexOf("_")+1);
+								tBannerSetDB.setBannerSetPreReImg(newBannerSetIdx+"_"+bannerSetPreReImg);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+oldBannerSetIdx+"_"+bannerSetPreReImg, 
+										rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+newBannerSetIdx+"_"+bannerSetPreReImg);
+							}
+							
+							String bannerSetNextReImg = tBannerSetDB.getBannerSetNextReImg();
+							
+							if(bannerSetNextReImg.indexOf("btn_") == -1){
+								
+								bannerSetNextReImg = bannerSetNextReImg.substring(bannerSetNextReImg.indexOf("_")+1);
+								tBannerSetDB.setBannerSetNextReImg(bannerSetNextReImg);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+oldBannerSetIdx+"_"+bannerSetNextReImg, 
+										rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+newBannerSetIdx+"_"+bannerSetNextReImg);
+							}
+							
+							String bannerSetPlayReImg = tBannerSetDB.getBannerSetPlayReImg();
+							
+							if(bannerSetPlayReImg.indexOf("btn_") == -1){
+								
+								bannerSetPlayReImg = bannerSetPlayReImg.substring(bannerSetPlayReImg.indexOf("_")+1);
+								tBannerSetDB.setBannerSetPlayReImg(bannerSetPlayReImg);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+oldBannerSetIdx+"_"+bannerSetPlayReImg, 
+										rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+newBannerSetIdx+"_"+bannerSetPlayReImg);
+							}
+							
+							String bannerSetStopReImg = tBannerSetDB.getBannerSetStopReImg();
+							
+							if(bannerSetStopReImg.indexOf("btn_") == -1){
+								
+								bannerSetStopReImg = bannerSetStopReImg.substring(bannerSetStopReImg.indexOf("_")+1);
+								tBannerSetDB.setBannerSetStopReImg(bannerSetStopReImg);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+oldBannerSetIdx+"_"+bannerSetStopReImg, 
+										rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+newBannerSetIdx+"_"+bannerSetStopReImg);
+							}
+							
+							/*
+							//WEB 서버의 경로
+							seedFtpType.setDestFilePath(newSiteIdx+"/upload/banner/"+newBannerSetIdx);
+							//WAS 서버의 경로
+							seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx);
+							//WAS 파일명
+							seedFtpType.setFileName("");
+							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+							seedFtpType.setFtpType("regFiles");
+							seedFtpType.setSeedFtp();
+							*/
+							
+							//복사된 기존 bannerData 파일들 삭제
+							if(bannerDataList.size() > 0){
+								for(int x=0; x<bannerDataList.size(); x++){
+									T_BANNER_DATA tBannerDataDB = bannerDataList.get(x);
+									SeedUtils.setSeedDeleteFile(rootPath+"/"+newSiteIdx+"/upload/banner/"+newBannerSetIdx+"/"+tBannerDataDB.getBannerDataReFile());
+								}
+							}
+							
+							//복사된 컴파일 배너 삭제 후 새로 생성 
+							String filePath = rootPath+"/"+newSiteIdx+"/jsp/banner";
+							
+							//css파일 삭제 후 재작성
+							SeedUtils.setSeedDeleteFile(filePath+"/css/banner_"+oldBannerSetIdx+".css");
+							
+							FileOutputStream 	cssFileOutputStream 		= null;
+							OutputStreamWriter	cssOutputStreamWriter 	= null;
+							BufferedWriter 		cssWriter 						= null;
+							
+							try{
+								
+								cssFileOutputStream 		= new FileOutputStream(filePath + "/css/banner_"+newBannerSetIdx+".css");
+								cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+								cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+								
+								cssWriter.write("@charset \"utf-8\";");
+								cssWriter.flush();
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+							
+							/*
+							//WEB 서버의 경로
+							seedFtpType.setDestFilePath(newSiteIdx+"/jsp/banner/css");
+							//WAS 서버의 경로
+							seedFtpType.setSrcFilePath(filePath + "/css");
+							//WAS 파일명
+							seedFtpType.setFileName("banner_"+newBannerSetIdx+".css");
+							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+							seedFtpType.setFtpType("regFile");
+							seedFtpType.setSeedFtp();
+							*/
+							
+							//js파일 삭제 후 재작성
+							SeedUtils.setSeedDeleteFile(filePath+"/js/banner_"+oldBannerSetIdx+".js");
+							FileOutputStream 	jsFileOutputStream 			= null;
+							OutputStreamWriter	jsOutputStreamWriter 		= null;
+							BufferedWriter 		jsWriter 							= null;
+							
+							try{
+								
+								jsFileOutputStream 			= new FileOutputStream(filePath + "/js/banner_"+newBannerSetIdx+".js");
+								jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+								jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
+								
+								jsWriter.write("");
+								jsWriter.flush();
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(jsWriter!=null){try{jsWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jsOutputStreamWriter!=null){try{jsOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jsFileOutputStream!=null){try{jsFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+							
+							/*
+							//WEB 서버의 경로
+							seedFtpType.setDestFilePath(newSiteIdx+"/jsp/banner/js");
+							//WAS 서버의 경로
+							seedFtpType.setSrcFilePath(filePath + "/js");
+							//WAS 파일명
+							seedFtpType.setFileName("banner_"+newBannerSetIdx+".js");
+							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+							seedFtpType.setFtpType("regFile");
+							seedFtpType.setSeedFtp();
+							*/
+							
+							//jsp파일 작성
+							SeedUtils.setSeedDeleteFile(filePath+"/"+"banner_"+oldBannerSetIdx+".jsp");
+
+							FileOutputStream 	jspFileOutputStream 			= null;
+							OutputStreamWriter	jspOutputStreamWriter 		= null;
+							BufferedWriter 		jspWriter 						= null;
+							
+							try{
+								
+								jspFileOutputStream 			= new FileOutputStream(filePath+"/banner_"+newBannerSetIdx+".jsp");
+								jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+								jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+								
+								jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+								jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
+								jspWriter.write("\n");
+								jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+								jspWriter.write("<link href='/site/"+newSiteIdx+"/jsp/banner/css/banner_"+newBannerSetIdx+".css' rel='stylesheet' type='text/css'/>");
+								jspWriter.write("\n");
+								jspWriter.write("<script src='/site/"+newSiteIdx+"/jsp/banner/js/banner_"+newBannerSetIdx+".js'></script>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+								jspWriter.write("<div id='jcarousellite_banner_"+newBannerSetIdx+"'>");
+								jspWriter.write("\n");
+								jspWriter.write("		<ul>");
+								jspWriter.write("\n");
+								jspWriter.write("			<li><s:message code='common.message.no.data'/></li>");
+								jspWriter.write("\n");
+								jspWriter.write("		</ul>");
+								jspWriter.write("\n");
+								jspWriter.write("</div>");		
+								
+								jspWriter.flush();
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+							setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldBannerSetIdx, newBannerSetIdx, "banner");
+							
+							if(!bannerSetDAO.setBannerSetModProc(tBannerSetDB)){
+								success = false;
+								return success;
+							}
+							
+						}else{
+							success = false;
+							return success;
+						}
+					}
+				}	
+				
+				//사이트 팝업 복사
+				List<T_POPUP_SET> popupSetList = popupSetDAO.getPopupSetList(oldSiteIdx, qryColumns);
+				
+				if(popupSetList.size() > 0){
+					
+					for(int p=0; p<popupSetList.size(); p++){
+						
+						T_POPUP_SET tPopupSet = new T_POPUP_SET();
+						
+						T_POPUP_SET tPopupSetTmp = popupSetList.get(p);
+						
+						Integer oldPopupSetIdx = tPopupSetTmp.getPopupSetIdx();
+						
+						List<T_POPUP_DATA> popupDataList = popupDataDAO.getPopupDataList(oldPopupSetIdx);
+						
+						tPopupSet.settSite(tSiteDB);
+						tPopupSet.setPopupSetSkin(tPopupSetTmp.getPopupSetSkin());
+						tPopupSet.settMember(tMember);
+						tPopupSet.setPopupSetType(tPopupSetTmp.getPopupSetType());
+						tPopupSet.setPopupSetName(tPopupSetTmp.getPopupSetName());
+						tPopupSet.setPopupSetWidth(tPopupSetTmp.getPopupSetWidth());
+						tPopupSet.setPopupSetHeight(tPopupSetTmp.getPopupSetHeight());
+						tPopupSet.setPopupSetTime(tPopupSetTmp.getPopupSetTime());
+						tPopupSet.setPopupSetChoiceTB(tPopupSetTmp.getPopupSetChoiceTB());
+						tPopupSet.setPopupSetChoiceTBPosition(tPopupSetTmp.getPopupSetChoiceTBPosition());
+						tPopupSet.setPopupSetChoiceLR(tPopupSetTmp.getPopupSetChoiceLR());
+						tPopupSet.setPopupSetChoiceLRPosition(tPopupSetTmp.getPopupSetChoiceLRPosition());
+						tPopupSet.setPopupSetChoiceImgOff(tPopupSetTmp.getPopupSetChoiceImgOff());
+						tPopupSet.setPopupSetChoiceReImgOff(tPopupSetTmp.getPopupSetChoiceReImgOff());
+						tPopupSet.setPopupSetChoiceImgOffWidth(tPopupSetTmp.getPopupSetChoiceImgOffWidth());
+						tPopupSet.setPopupSetChoiceImgOffHeight(tPopupSetTmp.getPopupSetChoiceImgOffHeight());
+						tPopupSet.setPopupSetChoiceImgOn(tPopupSetTmp.getPopupSetChoiceImgOn());
+						tPopupSet.setPopupSetChoiceReImgOn(tPopupSetTmp.getPopupSetChoiceReImgOn());
+						tPopupSet.setPopupSetChoiceImgOnWidth(tPopupSetTmp.getPopupSetChoiceImgOnWidth());
+						tPopupSet.setPopupSetChoiceImgOnHeight(tPopupSetTmp.getPopupSetChoiceImgOnHeight());
+						tPopupSet.setPopupSetChoiceImgOver(tPopupSetTmp.getPopupSetChoiceImgOver());
+						tPopupSet.setPopupSetChoiceReImgOver(tPopupSetTmp.getPopupSetChoiceReImgOver());
+						tPopupSet.setPopupSetChoiceImgOverWidth(tPopupSetTmp.getPopupSetChoiceImgOverWidth());
+						tPopupSet.setPopupSetChoiceImgOverHeight(tPopupSetTmp.getPopupSetChoiceImgOverHeight());
+						tPopupSet.setPopupSetPSTB(tPopupSetTmp.getPopupSetPSTB());
+						tPopupSet.setPopupSetPSTBPosition(tPopupSetTmp.getPopupSetPSTBPosition());
+						tPopupSet.setPopupSetPSLR(tPopupSetTmp.getPopupSetPSLR());
+						tPopupSet.setPopupSetPSLRPosition(tPopupSetTmp.getPopupSetPSLRPosition());
+						tPopupSet.setPopupSetPlayImgOn(tPopupSetTmp.getPopupSetPlayImgOn());
+						tPopupSet.setPopupSetPlayReImgOn(tPopupSetTmp.getPopupSetPlayReImgOn());
+						tPopupSet.setPopupSetPlayImgOff(tPopupSetTmp.getPopupSetPlayImgOff());
+						tPopupSet.setPopupSetPlayReImgOff(tPopupSetTmp.getPopupSetPlayReImgOff());
+						tPopupSet.setPopupSetPlayImgOnWidth(tPopupSetTmp.getPopupSetPlayImgOnWidth());
+						tPopupSet.setPopupSetPlayImgOnHeight(tPopupSetTmp.getPopupSetPlayImgOnHeight());
+						tPopupSet.setPopupSetPlayImgOffWidth(tPopupSetTmp.getPopupSetPlayImgOffWidth());
+						tPopupSet.setPopupSetPlayImgOffHeight(tPopupSetTmp.getPopupSetPlayImgOffHeight());
+						tPopupSet.setPopupSetStopImgOn(tPopupSetTmp.getPopupSetStopImgOn());
+						tPopupSet.setPopupSetStopReImgOn(tPopupSetTmp.getPopupSetStopReImgOn());
+						tPopupSet.setPopupSetStopImgOff(tPopupSetTmp.getPopupSetStopImgOff());
+						tPopupSet.setPopupSetStopReImgOff(tPopupSetTmp.getPopupSetStopReImgOff());
+						tPopupSet.setPopupSetStopImgOnWidth(tPopupSetTmp.getPopupSetStopImgOnWidth());
+						tPopupSet.setPopupSetStopImgOnHeight(tPopupSetTmp.getPopupSetStopImgOnHeight());
+						tPopupSet.setPopupSetStopImgOffWidth(tPopupSetTmp.getPopupSetStopImgOffWidth());
+						tPopupSet.setPopupSetStopImgOffHeight(tPopupSetTmp.getPopupSetStopImgOffHeight());
+						tPopupSet.setPopupSetRegDate(new Date());
+						tPopupSet.setPopupSetModDate(new Date());
+						tPopupSet.setPopupSetStatus(tPopupSetTmp.getPopupSetStatus());
+						
+						T_POPUP_SET tPopupSetDB = popupSetDAO.setPopupSetRegProc(tPopupSet);
+						
+						if(tPopupSetDB != null){
+							
+							Integer newPopupSetIdx = tPopupSetDB.getPopupSetIdx();
+							
+							//업로드 파일 폴더 변경
+							SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+oldPopupSetIdx, rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx);
+							
+							//업로드 파일 변경
+							String popupSetChoiceReImgOff = tPopupSetDB.getPopupSetChoiceReImgOff();
+							
+							if(popupSetChoiceReImgOff.indexOf("btn_") == -1){
+								
+								popupSetChoiceReImgOff = popupSetChoiceReImgOff.substring(popupSetChoiceReImgOff.indexOf("_")+1);
+								tPopupSetDB.setPopupSetChoiceReImgOff(newPopupSetIdx+"_"+popupSetChoiceReImgOff);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetChoiceReImgOff, 
+										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetChoiceReImgOff);
+							}
+							
+							String popupSetChoiceReImgOn = tPopupSetDB.getPopupSetChoiceReImgOn();
+							
+							if(popupSetChoiceReImgOn.indexOf("btn_") == -1){
+								
+								popupSetChoiceReImgOn = popupSetChoiceReImgOn.substring(popupSetChoiceReImgOn.indexOf("_")+1);
+								tPopupSetDB.setPopupSetChoiceReImgOn(newPopupSetIdx+"_"+popupSetChoiceReImgOn);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetChoiceReImgOn, 
+										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetChoiceReImgOn);
+							}
+								
+							String popupSetChoiceReImgOver = tPopupSetDB.getPopupSetChoiceReImgOver();
+							
+							if(popupSetChoiceReImgOver.indexOf("btn_") == -1){
+								
+								popupSetChoiceReImgOver = popupSetChoiceReImgOver.substring(popupSetChoiceReImgOver.indexOf("_")+1);
+								tPopupSetDB.setPopupSetChoiceReImgOver(newPopupSetIdx+"_"+popupSetChoiceReImgOver);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetChoiceReImgOver, 
+										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetChoiceReImgOver);
+							}
+							
+							String popupSetPlayReImgOn = tPopupSetDB.getPopupSetPlayReImgOn();
+							
+							if(popupSetPlayReImgOn.indexOf("btn_") == -1){
+								
+								popupSetPlayReImgOn = popupSetPlayReImgOn.substring(popupSetPlayReImgOn.indexOf("_")+1);
+								tPopupSetDB.setPopupSetPlayReImgOn(newPopupSetIdx+"_"+popupSetPlayReImgOn);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetPlayReImgOn, 
+										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetPlayReImgOn);
+							}
+							
+							String popupSetPlayReImgOff = tPopupSetDB.getPopupSetPlayReImgOff();
+							
+							if(popupSetPlayReImgOff.indexOf("btn_") == -1){
+								
+								popupSetPlayReImgOff = popupSetPlayReImgOff.substring(popupSetPlayReImgOff.indexOf("_")+1);
+								tPopupSetDB.setPopupSetPlayReImgOff(newPopupSetIdx+"_"+popupSetPlayReImgOff);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetPlayReImgOff, 
+										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetPlayReImgOff);
+							}
+							
+							String popupSetStopReImgOn = tPopupSetDB.getPopupSetStopReImgOn();
+							
+							if(popupSetStopReImgOn.indexOf("btn_") == -1){
+								
+								popupSetStopReImgOn = popupSetStopReImgOn.substring(popupSetStopReImgOn.indexOf("_")+1);
+								tPopupSetDB.setPopupSetStopReImgOn(newPopupSetIdx+"_"+popupSetStopReImgOn);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetStopReImgOn, 
+										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetStopReImgOn);
+							}
+							
+							String popupSetStopReImgOff = tPopupSetDB.getPopupSetStopReImgOff();
+							
+							if(popupSetStopReImgOff.indexOf("btn_") == -1){
+								
+								popupSetStopReImgOff = popupSetStopReImgOff.substring(popupSetStopReImgOff.indexOf("_")+1);
+								tPopupSetDB.setPopupSetStopReImgOff(newPopupSetIdx+"_"+popupSetStopReImgOff);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+oldPopupSetIdx+"_"+popupSetStopReImgOff, 
+										rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+newPopupSetIdx+"_"+popupSetStopReImgOff);
+							}
+							
+							/*
+							//WEB 서버의 경로
+							seedFtpType.setDestFilePath(newSiteIdx+"/upload/popup/"+newPopupSetIdx);
+							//WAS 서버의 경로
+							seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx);
+							//WAS 파일명
+							seedFtpType.setFileName("");
+							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+							seedFtpType.setFtpType("regFiles");
+							seedFtpType.setSeedFtp();
+							*/
+							
+							//복사된 기존 popupData 파일들 삭제
+							if(popupDataList.size() > 0){
+								for(int x=0; x<popupDataList.size(); x++){
+									T_POPUP_DATA tPopupDataDB = popupDataList.get(x);
+									SeedUtils.setSeedDeleteFile(rootPath+"/"+newSiteIdx+"/upload/popup/"+newPopupSetIdx+"/"+tPopupDataDB.getPopupDataReFile());
+								}
+							}
+							
+							//복사된 컴파일 팝업 삭제 후 새로 생성 
+							String filePath = rootPath+"/"+newSiteIdx+"/jsp/popup";
+							
+							//css파일 삭제 후 재작성
+							SeedUtils.setSeedDeleteFile(filePath+"/css/popup_"+oldPopupSetIdx+".css");
+							FileOutputStream 	cssFileOutputStream 		= null;
+							OutputStreamWriter	cssOutputStreamWriter 	= null;
+							BufferedWriter 		cssWriter 						= null;
+							
+							try{
+								
+								cssFileOutputStream 		= new FileOutputStream(filePath + "/css/popup_"+newPopupSetIdx+".css");
+								cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+								cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+								
+								cssWriter.write("@charset \"utf-8\";");
+								cssWriter.flush();
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+							
+							/*
+							//WEB 서버의 경로
+							seedFtpType.setDestFilePath(newSiteIdx+"/jsp/popup/css");
+							//WAS 서버의 경로
+							seedFtpType.setSrcFilePath(filePath+"/css");
+							//WAS 파일명
+							seedFtpType.setFileName("popup_"+newPopupSetIdx+".css");
+							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+							seedFtpType.setFtpType("regFile");
+							seedFtpType.setSeedFtp();
+							*/
+							
+							//js파일 삭제 후 재작성
+							SeedUtils.setSeedDeleteFile(filePath+"/js/popup_"+oldPopupSetIdx+".js");
+							FileOutputStream 	jsFileOutputStream 			= null;
+							OutputStreamWriter	jsOutputStreamWriter 		= null;
+							BufferedWriter 		jsWriter 							= null;
+							
+							try{
+								
+								jsFileOutputStream 			= new FileOutputStream(filePath + "/js/popup_"+newPopupSetIdx+".js");
+								jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+								jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
+								
+								jsWriter.write("");
+								jsWriter.flush();
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(jsWriter!=null){try{jsWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jsOutputStreamWriter!=null){try{jsOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jsFileOutputStream!=null){try{jsFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+							
+							/*
+							//WEB 서버의 경로
+							seedFtpType.setDestFilePath(newSiteIdx+"/jsp/popup/js");
+							//WAS 서버의 경로
+							seedFtpType.setSrcFilePath(filePath+"/js");
+							//WAS 파일명
+							seedFtpType.setFileName("popup_"+newPopupSetIdx+".js");
+							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+							seedFtpType.setFtpType("regFile");
+							seedFtpType.setSeedFtp();
+							*/
+							
+							//jsp파일 작성
+							SeedUtils.setSeedDeleteFile(filePath+"/"+"popup_"+oldPopupSetIdx+".jsp");
+							FileOutputStream 	jspFileOutputStream 			= null;
+							OutputStreamWriter	jspOutputStreamWriter 		= null;
+							BufferedWriter 		jspWriter 						= null;
+							
+							try{
+								
+								jspFileOutputStream 			= new FileOutputStream(filePath+"/popup_"+newPopupSetIdx+".jsp");
+								jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+								jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+								
+								jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+								jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
+								jspWriter.write("\n");
+								jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+								jspWriter.write("<link href='/site/"+newSiteIdx+"/jsp/popup/css/popup_"+newPopupSetIdx+".css' rel='stylesheet' type='text/css'/>");
+								jspWriter.write("\n");
+								jspWriter.write("<script src='/site/"+newSiteIdx+"/jsp/popup/js/popup_"+newPopupSetIdx+".js'></script>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+								
+								if(tPopupSetDB.getPopupSetType().equals("active")){
+									jspWriter.write("<div class='popup_"+newPopupSetIdx+"'>");
+								}else{
+									jspWriter.write("<div id='popup_"+newPopupSetIdx+"' style='width:"+tPopupSetDB.getPopupSetWidth()+"px; height:"+tPopupSetDB.getPopupSetHeight()+"px; position:relative;'>");
+								}
+								
+								jspWriter.write("\n");
+								jspWriter.write("		<s:message code='common.message.no.data'/>");
+								jspWriter.write("\n");
+								jspWriter.write("</div>");		
+								
+								jspWriter.flush();
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+							setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldPopupSetIdx, newPopupSetIdx, "popup");
+							
+							if(!popupSetDAO.setPopupSetModProc(tPopupSetDB)){
+								success = false;
+								return success;
+							}
+							
+						}else{
+							success = false;
+							return success;
+						}
+					}
+				}
+				
+				//사이트 비주얼 복사
+				List<T_VISUAL_SET> visualSetList = visualSetDAO.getVisualSetList(oldSiteIdx, qryColumns);
+				
+				if(visualSetList.size() > 0){
+					
+					for(int v=0; v<visualSetList.size(); v++){
+						
+						T_VISUAL_SET tVisualSet = new T_VISUAL_SET();
+						
+						T_VISUAL_SET tVisualSetTmp = visualSetList.get(v);
+						
+						Integer oldVisualSetIdx = tVisualSetTmp.getVisualSetIdx();
+						
+						List<T_VISUAL_DATA> visualDataList = visualDataDAO.getVisualDataList(oldVisualSetIdx);
+						
+						tVisualSet.settSite(tSiteDB);
+						tVisualSet.setVisualSetSkin(tVisualSetTmp.getVisualSetSkin());
+						tVisualSet.settMember(tMember);
+						tVisualSet.setVisualSetType(tVisualSetTmp.getVisualSetType());
+						tVisualSet.setVisualSetName(tVisualSetTmp.getVisualSetName());
+						tVisualSet.setVisualSetWidth(tVisualSetTmp.getVisualSetWidth());
+						tVisualSet.setVisualSetHeight(tVisualSetTmp.getVisualSetHeight());
+						tVisualSet.setVisualSetTime(tVisualSetTmp.getVisualSetTime());
+						tVisualSet.setVisualSetChoiceTB(tVisualSetTmp.getVisualSetChoiceTB());
+						tVisualSet.setVisualSetChoiceTBPosition(tVisualSetTmp.getVisualSetChoiceTBPosition());
+						tVisualSet.setVisualSetChoiceLR(tVisualSetTmp.getVisualSetChoiceLR());
+						tVisualSet.setVisualSetChoiceLRPosition(tVisualSetTmp.getVisualSetChoiceLRPosition());
+						tVisualSet.setVisualSetChoiceImgOff(tVisualSetTmp.getVisualSetChoiceImgOff());
+						tVisualSet.setVisualSetChoiceReImgOff(tVisualSetTmp.getVisualSetChoiceReImgOff());
+						tVisualSet.setVisualSetChoiceImgOffWidth(tVisualSetTmp.getVisualSetChoiceImgOffWidth());
+						tVisualSet.setVisualSetChoiceImgOffHeight(tVisualSetTmp.getVisualSetChoiceImgOffHeight());
+						tVisualSet.setVisualSetChoiceImgOn(tVisualSetTmp.getVisualSetChoiceImgOn());
+						tVisualSet.setVisualSetChoiceReImgOn(tVisualSetTmp.getVisualSetChoiceReImgOn());
+						tVisualSet.setVisualSetChoiceImgOnWidth(tVisualSetTmp.getVisualSetChoiceImgOnWidth());
+						tVisualSet.setVisualSetChoiceImgOnHeight(tVisualSetTmp.getVisualSetChoiceImgOnHeight());
+						tVisualSet.setVisualSetChoiceImgOver(tVisualSetTmp.getVisualSetChoiceImgOver());
+						tVisualSet.setVisualSetChoiceReImgOver(tVisualSetTmp.getVisualSetChoiceReImgOver());
+						tVisualSet.setVisualSetChoiceImgOverWidth(tVisualSetTmp.getVisualSetChoiceImgOverWidth());
+						tVisualSet.setVisualSetChoiceImgOverHeight(tVisualSetTmp.getVisualSetChoiceImgOverHeight());
+						tVisualSet.setVisualSetPSTB(tVisualSetTmp.getVisualSetPSTB());
+						tVisualSet.setVisualSetPSTBPosition(tVisualSetTmp.getVisualSetPSTBPosition());
+						tVisualSet.setVisualSetPSLR(tVisualSetTmp.getVisualSetPSLR());
+						tVisualSet.setVisualSetPSLRPosition(tVisualSetTmp.getVisualSetPSLRPosition());
+						tVisualSet.setVisualSetPlayImgOn(tVisualSetTmp.getVisualSetPlayImgOn());
+						tVisualSet.setVisualSetPlayReImgOn(tVisualSetTmp.getVisualSetPlayReImgOn());
+						tVisualSet.setVisualSetPlayImgOff(tVisualSetTmp.getVisualSetPlayImgOff());
+						tVisualSet.setVisualSetPlayReImgOff(tVisualSetTmp.getVisualSetPlayReImgOff());
+						tVisualSet.setVisualSetPlayImgOnWidth(tVisualSetTmp.getVisualSetPlayImgOnWidth());
+						tVisualSet.setVisualSetPlayImgOnHeight(tVisualSetTmp.getVisualSetPlayImgOnHeight());
+						tVisualSet.setVisualSetPlayImgOffWidth(tVisualSetTmp.getVisualSetPlayImgOffWidth());
+						tVisualSet.setVisualSetPlayImgOffHeight(tVisualSetTmp.getVisualSetPlayImgOffHeight());
+						tVisualSet.setVisualSetStopImgOn(tVisualSetTmp.getVisualSetStopImgOn());
+						tVisualSet.setVisualSetStopReImgOn(tVisualSetTmp.getVisualSetStopReImgOn());
+						tVisualSet.setVisualSetStopImgOff(tVisualSetTmp.getVisualSetStopImgOff());
+						tVisualSet.setVisualSetStopReImgOff(tVisualSetTmp.getVisualSetStopReImgOff());
+						tVisualSet.setVisualSetStopImgOnWidth(tVisualSetTmp.getVisualSetStopImgOnWidth());
+						tVisualSet.setVisualSetStopImgOnHeight(tVisualSetTmp.getVisualSetStopImgOnHeight());
+						tVisualSet.setVisualSetStopImgOffWidth(tVisualSetTmp.getVisualSetStopImgOffWidth());
+						tVisualSet.setVisualSetStopImgOffHeight(tVisualSetTmp.getVisualSetStopImgOffHeight());
+						tVisualSet.setVisualSetNextTB(tVisualSetTmp.getVisualSetNextTB());
+						tVisualSet.setVisualSetNextTBPosition(tVisualSetTmp.getVisualSetNextTBPosition());
+						tVisualSet.setVisualSetNextLR(tVisualSetTmp.getVisualSetNextLR());
+						tVisualSet.setVisualSetNextLRPosition(tVisualSetTmp.getVisualSetNextLRPosition());
+						tVisualSet.setVisualSetNextImgOff(tVisualSetTmp.getVisualSetNextImgOff());
+						tVisualSet.setVisualSetNextReImgOff(tVisualSetTmp.getVisualSetNextReImgOff());
+						tVisualSet.setVisualSetNextImgOffWidth(tVisualSetTmp.getVisualSetNextImgOffWidth());
+						tVisualSet.setVisualSetNextImgOffHeight(tVisualSetTmp.getVisualSetNextImgOffHeight());
+						tVisualSet.setVisualSetNextImgOn(tVisualSetTmp.getVisualSetNextImgOn());
+						tVisualSet.setVisualSetNextReImgOn(tVisualSetTmp.getVisualSetNextReImgOn());
+						tVisualSet.setVisualSetNextImgOnWidth(tVisualSetTmp.getVisualSetNextImgOnWidth());
+						tVisualSet.setVisualSetNextImgOnHeight(tVisualSetTmp.getVisualSetNextImgOnHeight());
+						tVisualSet.setVisualSetPreTB(tVisualSetTmp.getVisualSetPreTB());
+						tVisualSet.setVisualSetPreTBPosition(tVisualSetTmp.getVisualSetPreTBPosition());
+						tVisualSet.setVisualSetPreLR(tVisualSetTmp.getVisualSetPreLR());
+						tVisualSet.setVisualSetPreLRPosition(tVisualSetTmp.getVisualSetPreLRPosition());
+						tVisualSet.setVisualSetPreImgOff(tVisualSetTmp.getVisualSetPreImgOff());
+						tVisualSet.setVisualSetPreReImgOff(tVisualSetTmp.getVisualSetPreReImgOff());
+						tVisualSet.setVisualSetPreImgOffWidth(tVisualSetTmp.getVisualSetPreImgOffWidth());
+						tVisualSet.setVisualSetPreImgOffHeight(tVisualSetTmp.getVisualSetPreImgOffHeight());
+						tVisualSet.setVisualSetPreImgOn(tVisualSetTmp.getVisualSetPreImgOn());
+						tVisualSet.setVisualSetPreReImgOn(tVisualSetTmp.getVisualSetPreReImgOn());
+						tVisualSet.setVisualSetPreImgOnWidth(tVisualSetTmp.getVisualSetPreImgOnWidth());
+						tVisualSet.setVisualSetPreImgOnHeight(tVisualSetTmp.getVisualSetPreImgOnHeight());
+						tVisualSet.setVisualSetRegDate(new Date());
+						tVisualSet.setVisualSetModDate(new Date());
+						tVisualSet.setVisualSetStatus(tVisualSetTmp.getVisualSetStatus());
+						
+						T_VISUAL_SET tVisualSetDB = visualSetDAO.setVisualSetRegProc(tVisualSet);
+						
+						if(tVisualSetDB != null){
+							
+							Integer newVisualSetIdx = tVisualSetDB.getVisualSetIdx();
+							
+							//업로드 파일 폴더 변경
+							SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+oldVisualSetIdx, rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx);
+							
+							//업로드 파일 변경
+							String visualSetChoiceReImgOff = tVisualSetDB.getVisualSetChoiceReImgOff();
+							
+							if(visualSetChoiceReImgOff.indexOf("btn_") == -1){
+								
+								visualSetChoiceReImgOff = visualSetChoiceReImgOff.substring(visualSetChoiceReImgOff.indexOf("_")+1);
+								tVisualSetDB.setVisualSetChoiceReImgOff(newVisualSetIdx+"_"+visualSetChoiceReImgOff);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetChoiceReImgOff, 
+										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetChoiceReImgOff);
+							}
+								
+							String visualSetChoiceReImgOn = tVisualSetDB.getVisualSetChoiceReImgOn();
+							
+							if(visualSetChoiceReImgOn.indexOf("btn_") == -1){
+								
+								visualSetChoiceReImgOn = visualSetChoiceReImgOn.substring(visualSetChoiceReImgOn.indexOf("_")+1);
+								tVisualSetDB.setVisualSetChoiceReImgOn(newVisualSetIdx+"_"+visualSetChoiceReImgOn);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetChoiceReImgOn, 
+										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetChoiceReImgOn);
+							}
+							
+							String visualSetChoiceReImgOver = tVisualSetDB.getVisualSetChoiceReImgOver();
+							
+							if(visualSetChoiceReImgOver.indexOf("btn_") == -1){
+								
+								visualSetChoiceReImgOver = visualSetChoiceReImgOver.substring(visualSetChoiceReImgOver.indexOf("_")+1);
+								tVisualSetDB.setVisualSetChoiceReImgOver(newVisualSetIdx+"_"+visualSetChoiceReImgOver);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetChoiceReImgOver, 
+										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetChoiceReImgOver);
+							}
+							
+							String visualSetPlayReImgOn = tVisualSetDB.getVisualSetPlayReImgOn();
+							
+							if(visualSetPlayReImgOn.indexOf("btn_") == -1){
+								
+								visualSetPlayReImgOn = visualSetPlayReImgOn.substring(visualSetPlayReImgOn.indexOf("_")+1);
+								tVisualSetDB.setVisualSetPlayReImgOn(newVisualSetIdx+"_"+visualSetPlayReImgOn);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetPlayReImgOn, 
+										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetPlayReImgOn);
+							}
+							
+							String visualSetPlayReImgOff = tVisualSetDB.getVisualSetPlayReImgOff();
+							
+							if(visualSetPlayReImgOff.indexOf("btn_") == -1){
+								
+								visualSetPlayReImgOff = visualSetPlayReImgOff.substring(visualSetPlayReImgOff.indexOf("_")+1);
+								tVisualSetDB.setVisualSetPlayReImgOff(newVisualSetIdx+"_"+visualSetPlayReImgOff);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetPlayReImgOff, 
+										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetPlayReImgOff);
+							}
+							
+							String visualSetStopReImgOn = tVisualSetDB.getVisualSetStopReImgOn();
+							
+							if(visualSetStopReImgOn.indexOf("btn_") == -1){
+								
+								visualSetStopReImgOn = visualSetStopReImgOn.substring(visualSetStopReImgOn.indexOf("_")+1);
+								tVisualSetDB.setVisualSetStopReImgOn(newVisualSetIdx+"_"+visualSetStopReImgOn);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetStopReImgOn, 
+										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetStopReImgOn);
+							}
+							
+							String visualSetStopReImgOff = tVisualSetDB.getVisualSetStopReImgOff();
+							
+							if(visualSetStopReImgOff.indexOf("btn_") == -1){
+								
+								visualSetStopReImgOff = visualSetStopReImgOff.substring(visualSetStopReImgOff.indexOf("_")+1);
+								tVisualSetDB.setVisualSetStopReImgOff(newVisualSetIdx+"_"+visualSetStopReImgOff);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetStopReImgOff, 
+										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetStopReImgOff);
+							}
+							
+							String visualSetNextReImgOn = tVisualSetDB.getVisualSetNextReImgOn();
+							
+							if(visualSetNextReImgOn.indexOf("btn_") == -1){
+								
+								visualSetNextReImgOn = visualSetNextReImgOn.substring(visualSetNextReImgOn.indexOf("_")+1);
+								tVisualSetDB.setVisualSetNextReImgOn(newVisualSetIdx+"_"+visualSetNextReImgOn);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetNextReImgOn, 
+										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetNextReImgOn);
+							}
+							
+							String visualSetNextReImgOff = tVisualSetDB.getVisualSetNextReImgOff();
+							
+							if(visualSetNextReImgOff.indexOf("btn_") == -1){
+								
+								visualSetNextReImgOff = visualSetNextReImgOff.substring(visualSetNextReImgOff.indexOf("_")+1);
+								tVisualSetDB.setVisualSetNextReImgOff(newVisualSetIdx+"_"+visualSetNextReImgOff);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetNextReImgOff, 
+										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetNextReImgOff);
+							}
+							
+							String visualSetPreReImgOn = tVisualSetDB.getVisualSetPreReImgOn();
+							
+							if(visualSetPreReImgOn.indexOf("btn_") == -1){
+								
+								visualSetPreReImgOn = visualSetPreReImgOn.substring(visualSetPreReImgOn.indexOf("_")+1);
+								tVisualSetDB.setVisualSetPreReImgOn(newVisualSetIdx+"_"+visualSetPreReImgOn);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetPreReImgOn, 
+										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetPreReImgOn);
+							}
+							
+							String visualSetPreReImgOff = tVisualSetDB.getVisualSetPreReImgOff();
+							
+							if(visualSetPreReImgOff.indexOf("btn_") == -1){
+								
+								visualSetPreReImgOff = visualSetPreReImgOff.substring(visualSetPreReImgOff.indexOf("_")+1);
+								tVisualSetDB.setVisualSetPreReImgOff(newVisualSetIdx+"_"+visualSetPreReImgOff);
+								SeedUtils.setSeedMoveFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+oldVisualSetIdx+"_"+visualSetPreReImgOff, 
+										rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+newVisualSetIdx+"_"+visualSetPreReImgOff);
+							}
+							
+							/*
+							//WEB 서버의 경로
+							seedFtpType.setDestFilePath(newSiteIdx+"/upload/visual/"+newVisualSetIdx);
+							//WAS 서버의 경로
+							seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx);
+							//WAS 파일명
+							seedFtpType.setFileName("");
+							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+							seedFtpType.setFtpType("regFiles");
+							seedFtpType.setSeedFtp();
+							*/
+							
+							//복사된 기존 visualData 파일들 삭제
+							if(visualDataList.size() > 0){
+								for(int x=0; x<visualDataList.size(); x++){
+									T_VISUAL_DATA tVisualDataDB = visualDataList.get(x);
+									SeedUtils.setSeedDeleteFile(rootPath+"/"+newSiteIdx+"/upload/visual/"+newVisualSetIdx+"/"+tVisualDataDB.getVisualDataReFile());
+								}
+							}
+							
+							//복사된 컴파일 비주얼 삭제 후 새로 생성 
+							String filePath = rootPath+"/"+newSiteIdx+"/jsp/visual";
+							
+							//css파일 삭제 후 재작성
+							SeedUtils.setSeedDeleteFile(filePath+"/css/visual_"+oldVisualSetIdx+".css");
+							FileOutputStream 	cssFileOutputStream 		= null;
+							OutputStreamWriter	cssOutputStreamWriter 	= null;
+							BufferedWriter 		cssWriter 						= null;
+							
+							try{
+								
+								cssFileOutputStream 		= new FileOutputStream(filePath + "/css/visual_"+newVisualSetIdx+".css");
+								cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+								cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+								
+								cssWriter.write("@charset \"utf-8\";");
+								cssWriter.flush();
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+							
+							/*
+							//WEB 서버의 경로
+							seedFtpType.setDestFilePath(newSiteIdx+"/jsp/visual/css");
+							//WAS 서버의 경로
+							seedFtpType.setSrcFilePath(filePath+"/css");
+							//WAS 파일명
+							seedFtpType.setFileName("visual_"+newVisualSetIdx+".css");
+							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+							seedFtpType.setFtpType("regFile");
+							seedFtpType.setSeedFtp();
+							*/
+							
+							//js파일 삭제 후 재작성
+							SeedUtils.setSeedDeleteFile(filePath+"/js/visual_"+oldVisualSetIdx+".js");
+							FileOutputStream 	jsFileOutputStream 			= null;
+							OutputStreamWriter	jsOutputStreamWriter 		= null;
+							BufferedWriter 		jsWriter 							= null;
+							
+							try{
+								
+								jsFileOutputStream 			= new FileOutputStream(filePath + "/js/visual_"+newVisualSetIdx+".js");
+								jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+								jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
+								
+								jsWriter.write("");
+								jsWriter.flush();
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(jsWriter!=null){try{jsWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jsOutputStreamWriter!=null){try{jsOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jsFileOutputStream!=null){try{jsFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+							
+							/*
+							//WEB 서버의 경로
+							seedFtpType.setDestFilePath(newSiteIdx+"/jsp/visual/js");
+							//WAS 서버의 경로
+							seedFtpType.setSrcFilePath(filePath+"/js");
+							//WAS 파일명
+							seedFtpType.setFileName("visual_"+newVisualSetIdx+".js");
+							//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+							seedFtpType.setFtpType("regFile");
+							seedFtpType.setSeedFtp();
+							*/
+							
+							//jsp파일 작성
+							SeedUtils.setSeedDeleteFile(filePath+"/"+"visual_"+oldVisualSetIdx+".jsp");
+							FileOutputStream 	jspFileOutputStream 			= null;
+							OutputStreamWriter	jspOutputStreamWriter 		= null;
+							BufferedWriter 		jspWriter 						= null;
+							
+							try{
+								
+								jspFileOutputStream 			= new FileOutputStream(filePath+"/visual_"+newVisualSetIdx+".jsp");
+								jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+								jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+								
+								jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+								jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
+								jspWriter.write("\n");
+								jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+								jspWriter.write("<link href='/site/"+newSiteIdx+"/jsp/visual/css/visual_"+newVisualSetIdx+".css' rel='stylesheet' type='text/css'/>");
+								jspWriter.write("\n");
+								jspWriter.write("<script src='/site/"+newSiteIdx+"/jsp/visual/js/visual_"+newVisualSetIdx+".js'></script>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+								
+								if(tVisualSetDB.getVisualSetType().equals("active")){
+									jspWriter.write("<div class='popup_"+newVisualSetIdx+"'>");
+								}else{
+									jspWriter.write("<div id='popup_"+newVisualSetIdx+"' style='width:"+tVisualSetDB.getVisualSetWidth()+"px; height:"+tVisualSetDB.getVisualSetHeight()+"px; position:relative;'>");
+								}
+								
+								jspWriter.write("\n");
+								jspWriter.write("		<s:message code='common.message.no.data'/>");
+								jspWriter.write("\n");
+								jspWriter.write("</div>");		
+								
+								jspWriter.flush();
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+							setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldVisualSetIdx, newVisualSetIdx, "visual");
+							
+							if(!visualSetDAO.setVisualSetModProc(tVisualSetDB)){
+								success = false;
+								return success;
+							}
+							
+						}else{
+							success = false;
+							return success;
+						}
+					}
+				}
+				
+				//사이트 퀵 복사
+				List<T_QUICK_SET> quickSetList = quickSetDAO.getQuickSetList(oldSiteIdx, qryColumns);
+				
+				if(quickSetList.size() > 0){
+					
+					//복사된 퀵 업로드 파일 삭제
+					SeedUtils.setSeedDeleteFiles(rootPath+"/"+newSiteIdx+"/upload/quick", "");
+					
+					for(int q=0; q<quickSetList.size(); q++){
+						
+						T_QUICK_SET tQuickSet = new T_QUICK_SET();
+						
+						T_QUICK_SET tQuickSetTmp = quickSetList.get(q);
+						
+						Integer oldQuickSetIdx = tQuickSetTmp.getQuickSetIdx();
+						
+						List<T_QUICK_DATA> quickDataList = quickDataDAO.getQuickDataList(oldQuickSetIdx);
+						
+						tQuickSet.settSite(tSiteDB);
+						tQuickSet.settMember(tMember);
+						tQuickSet.setQuickSetName(tQuickSetTmp.getQuickSetName());
+						tQuickSet.setQuickDataWidth(tQuickSetTmp.getQuickDataWidth());
+						tQuickSet.setQuickDataHeight(tQuickSetTmp.getQuickDataHeight());
+						tQuickSet.setQuickSetRegDate(new Date());
+						tQuickSet.setQuickSetModDate(new Date());
+						tQuickSet.setQuickSetStatus(tQuickSetTmp.getQuickSetStatus());
+						
+						T_QUICK_SET tQuickSetDB = quickSetDAO.setQuickSetRegProc(tQuickSet);
+						
+						if(tQuickSetDB != null){
+							
+							Integer newQuickSetIdx = tQuickSetDB.getQuickSetIdx();
+							
+							//복사된 기존 visualData 파일들 삭제
+							if(quickDataList.size() > 0){
+								for(int x=0; x<quickDataList.size(); x++){
+									T_QUICK_DATA tQuickDataDB = quickDataList.get(x);
+									SeedUtils.setSeedDeleteFile(rootPath+"/"+newSiteIdx+"/upload/quick/"+newQuickSetIdx+"/"+tQuickDataDB.getQuickDataReFile());
+								}
+							}
+							
+							//복사된 컴파일 게시판 삭제 후 새로 생성 
+							String filePath = rootPath+"/"+newSiteIdx+"/jsp/quick";
+							
+							SeedUtils.setSeedDeleteFile(filePath+"/"+"quick_"+oldQuickSetIdx+".jsp");
+							FileOutputStream 	jspFileOutputStream 		= null;
+							OutputStreamWriter	jspOutputStreamWriter 	= null;
+							BufferedWriter 		jspWriter 						= null;
+							try{
+								jspFileOutputStream 		= new FileOutputStream(filePath+"/quick_"+newQuickSetIdx+".jsp");
+								jspOutputStreamWriter 	= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+								jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+								
+								jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+								jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
+								jspWriter.write("\n");
+								jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+										
+								jspWriter.write("<li id='quick_li_"+newQuickSetIdx+"' class='quick_li_"+newQuickSetIdx+"'>");
+								jspWriter.write("\n");		
+								
+								jspWriter.write("<span id='quick_span_"+newQuickSetIdx+"' class='quick_span_"+newQuickSetIdx+"'><s:message code='common.message.no.data'/></span>");
+								
+								jspWriter.write("\n");
+								jspWriter.write("</li>");
+
+								jspWriter.flush();
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+							setSeedHtml(rootPath, oldSiteIdx, newSiteIdx, oldQuickSetIdx, newQuickSetIdx, "quick");
+							
+						}else{
+							success = false;
+							return success;
+						}
+					}
+				}	
+				
+				//사이트 메뉴 복사
+				List<T_SITE_MENU> siteMenuList = siteMenuDAO.getSiteMenuList(oldSiteIdx);
+				
+				if(siteMenuList.size() > 0){
+					
+					for(int m=0; m<siteMenuList.size(); m++){
+						
+						T_SITE_MENU tSiteMenu = new T_SITE_MENU();
+						
+						T_SITE_MENU tSiteMenuTmp = siteMenuList.get(m);
+						
+						Integer oldSiteMenuIdx = tSiteMenuTmp.getSiteMenuIdx();
+						String oldSiteMenuLinkUrl = tSiteMenuTmp.getSiteMenuLinkUrl();
+						
+						tSiteMenu.settSite(tSiteDB);
+						tSiteMenu.settMember(tMember);
+						tSiteMenu.setSiteMenuNameType(tSiteMenuTmp.getSiteMenuNameType());
+						tSiteMenu.setSiteMenuName(tSiteMenuTmp.getSiteMenuName());
+						tSiteMenu.setSiteMenuSNS(tSiteMenuTmp.getSiteMenuSNS());
+						tSiteMenu.setSiteMenuContent(SeedUtils.setReplaceNull(tSiteMenuTmp.getSiteMenuContent()).replaceAll("/"+oldSiteIdx+"/", "/"+newSiteIdx+"/"));
+
+						if(tSiteMenuTmp.getSiteMenuType().equals("S")){
+							tSiteMenu.setSiteMenuLinkUrl("");
+						}else{
+							tSiteMenu.setSiteMenuLinkUrl(oldSiteMenuLinkUrl.replaceAll("/"+oldSiteIdx+"/", "/"+newSiteIdx+"/"));
+						}
+						
+						tSiteMenu.setSiteMenuDepth(tSiteMenuTmp.getSiteMenuDepth());
+						tSiteMenu.setSiteMenuParentIdx(tSiteMenuTmp.getSiteMenuParentIdx());
+						tSiteMenu.setSiteMenuIdxs(tSiteMenuTmp.getSiteMenuIdxs());
+						tSiteMenu.setSiteMenuIdx1(tSiteMenuTmp.getSiteMenuIdx1());
+						tSiteMenu.setSiteMenuIdx2(tSiteMenuTmp.getSiteMenuIdx2());
+						tSiteMenu.setSiteMenuIdx3(tSiteMenuTmp.getSiteMenuIdx3());
+						tSiteMenu.setSiteMenuIdx4(tSiteMenuTmp.getSiteMenuIdx4());
+						tSiteMenu.setSiteMenuIdx5(tSiteMenuTmp.getSiteMenuIdx5());
+						tSiteMenu.setSiteMenuIdx6(tSiteMenuTmp.getSiteMenuIdx6());
+						tSiteMenu.setSiteMenuIdx7(tSiteMenuTmp.getSiteMenuIdx7());
+						tSiteMenu.setSiteMenuIdx8(tSiteMenuTmp.getSiteMenuIdx8());
+						tSiteMenu.setSiteMenuIdx9(tSiteMenuTmp.getSiteMenuIdx9());
+						tSiteMenu.setSiteMenuIdx10(tSiteMenuTmp.getSiteMenuIdx10());
+						tSiteMenu.setSiteMenuLink(tSiteMenuTmp.getSiteMenuLink());
+						tSiteMenu.setSiteMenuType(tSiteMenuTmp.getSiteMenuType());
+						tSiteMenu.setSiteMenuOrder(tSiteMenuTmp.getSiteMenuOrder());
+						tSiteMenu.setSiteMenuCharge(tSiteMenuTmp.getSiteMenuCharge());
+						tSiteMenu.setSiteMenuSatisfaction(tSiteMenuTmp.getSiteMenuSatisfaction());
+						tSiteMenu.setSiteMenuTitle(tSiteMenuTmp.getSiteMenuTitle());
+						tSiteMenu.setSiteMenuTHtml(tSiteMenuTmp.getSiteMenuTHtml());
+						tSiteMenu.setSiteMenuFHtml(tSiteMenuTmp.getSiteMenuFHtml());
+						tSiteMenu.setSiteMenuStatus(tSiteMenuTmp.getSiteMenuStatus());
+						tSiteMenu.setSiteMenuRegDate(new Date());
+						tSiteMenu.setSiteMenuModDate(new Date());
+						
+						T_SITE_MENU tSiteMenuDB = siteMenuDAO.setSiteMenuRegProc(tSiteMenu);
+						
+						if(tSiteMenuDB != null){
+							
+							Integer newSiteMenuIdx = tSiteMenuDB.getSiteMenuIdx();
+							 
+							//메뉴 SITE_MENU_AUTH 생성
+							List<T_SITE_MENU_AUTH> siteMenuAuthList = siteMenuAuthDAO.getSiteMenuAuthList(oldSiteMenuIdx, qryColumns);
+							
+							for(int a=0; a<siteMenuAuthList.size(); a++){
+								
+								T_SITE_MENU_AUTH tSiteMenuAuth = new T_SITE_MENU_AUTH();
+								
+								T_SITE_MENU_AUTH tSiteMenuAuthTmp = siteMenuAuthList.get(a);
+								
+								tSiteMenuAuth.settSiteMenu(tSiteMenuDB);
+								tSiteMenuAuth.settGroup(tSiteMenuAuthTmp.gettGroup());
+								tSiteMenuAuth.settMember(tMember);
+								tSiteMenuAuth.setSiteMenuAuth(tSiteMenuAuthTmp.getSiteMenuAuth());
+								tSiteMenuAuth.setSiteMenuAuthModDate(new Date());
+								tSiteMenuAuth.setSiteMenuAuthRegDate(new Date());
+								
+								if(!siteMenuAuthDAO.setSiteMenuAuthRegProc(tSiteMenuAuth)){
+									success = false;
+									return success;
+								}
+							}
+							
+							//사이트 컨텐트 파일 재생성
+							FileOutputStream 	htmlFileOutputStream 		= null;
+							OutputStreamWriter	htmlOutputStreamWriter 	= null;
+							BufferedWriter 		htmlWriter 						= null;
+
+							FileOutputStream 	jspFileOutputStream 			= null;
+							OutputStreamWriter	jspOutputStreamWriter 		= null;
+							BufferedWriter 		jspWriter 						= null;
+							
+							try{
+								
+								htmlFileOutputStream 		= new FileOutputStream(rootPath+"/"+newSiteIdx+"/jsp/content/"+tSiteMenuDB.getSiteMenuIdxs()+".html");
+								htmlOutputStreamWriter 	= new OutputStreamWriter(htmlFileOutputStream, "UTF-8");
+								htmlWriter 						= new BufferedWriter(htmlOutputStreamWriter);
+
+								htmlWriter.write(SeedUtils.setReplaceNull(tSiteMenuDB.getSiteMenuContent()));
+								htmlWriter.flush();
+								
+								jspFileOutputStream 			= new FileOutputStream(rootPath+"/"+newSiteIdx+"/jsp/content/"+tSiteMenuDB.getSiteMenuIdxs()+".jsp");
+								jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+								jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+								
+								jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c' %>");
+								jspWriter.write("\n");
+								jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+								jspWriter.write("\n");
+								jspWriter.write("\n");
+								jspWriter.write(SeedUtils.setReplaceNull(tSiteMenuDB.getSiteMenuContent()));
+								jspWriter.flush();
+								
+							}catch(FileNotFoundException e){
+								log.error("CHECK ERROR:",e);
+							}catch(IOException e){
+								log.error("CHECK ERROR:",e);
+							}finally{
+								if(htmlWriter!=null){try{htmlWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(htmlOutputStreamWriter!=null){try{htmlOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(htmlFileOutputStream!=null){try{htmlFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+
+								if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+								if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							}
+							
+
+							boolean funcChk = false;
+							
+							if(tSiteMenuDB.getSiteMenuType().equals("H")){
+								
+								tSiteMenuDB.setSiteMenuLinkUrl(tSiteMenuDB.getSiteMenuLinkUrl().substring(0, tSiteMenuDB.getSiteMenuLinkUrl().lastIndexOf("/"))+"/"+newSiteMenuIdx+".do");
+								
+							}else if(tSiteMenuDB.getSiteMenuType().equals("L")){
+
+								//링크타입이 HTML메뉴 링크일때
+								if(tSiteMenuDB.getSiteMenuLinkUrl().indexOf("/subIndex/") > -1 &&
+										tSiteMenuDB.getSiteMenuLinkUrl().indexOf("/"+newSiteIdx+"/") > -1){
+								
+									arrayDataList.add("subIndex," + tSiteMenuDB.getSiteMenuLinkUrl().substring(tSiteMenuDB.getSiteMenuLinkUrl().lastIndexOf("/")+1).replaceAll(".do", "") + "," +newSiteMenuIdx);
+								}
+								
+							}else if(tSiteMenuDB.getSiteMenuType().equals("F")){
+								
+								String[] funcDatas = {"/login", "/member", "/mypage"};
+								
+								for(int f=0; f<funcDatas.length; f++){
+									if(tSiteMenuDB.getSiteMenuLinkUrl().indexOf(funcDatas[f]) > -1){
+										
+										if(funcDatas[f].equals("/mypage")){
+											tSiteMenuDB.setSiteMenuLinkUrl("/user/mypage/"+ newSiteIdx+"/"+tSiteMenuDB.getSiteMenuIdx()+
+													tSiteMenuDB.getSiteMenuLinkUrl().substring(tSiteMenuDB.getSiteMenuLinkUrl().lastIndexOf("/")));
+										}else{
+											tSiteMenuDB.setSiteMenuLinkUrl("/user/"+ newSiteIdx+"/"+tSiteMenuDB.getSiteMenuIdx()+
+													tSiteMenuDB.getSiteMenuLinkUrl().substring(tSiteMenuDB.getSiteMenuLinkUrl().lastIndexOf("/")));
+										}
+											
+										funcChk = true;
+										break;
+									}
+								}
+								
+								if(!funcChk){
+									
+									for(int i=0; i<arrayDataList.size(); i++){
+										
+										String[] arrayDatas = arrayDataList.get(i).split(",");
+										
+										if(oldSiteMenuIdx.equals(Integer.parseInt(SeedUtils.setReplaceNull(arrayDatas[1],"0")))){
+											
+											tSiteMenuDB.setSiteMenuLinkUrl("/user/"+arrayDatas[0]+"/"+ newSiteIdx+"/"+arrayDatas[2]+"/"+tSiteMenuDB.getSiteMenuIdx()+
+													tSiteMenuDB.getSiteMenuLinkUrl().substring(tSiteMenuDB.getSiteMenuLinkUrl().lastIndexOf("/")));
+											
+											if(arrayDatas[0].equals("bbs")){
+												
+												T_BBS_SET tBbsSetDB = bbsSetDAO.getBbsSetForm(Integer.parseInt(arrayDatas[2]));
+												
+												tBbsSetDB.setSiteMenuIdxs(newSiteMenuIdx.toString()+"|"+SeedUtils.setReplaceNull(tBbsSetDB.getSiteMenuIdxs()));
+												
+												if(!bbsSetDAO.setBbsSetModProc(tBbsSetDB)){
+													success = false;
+													return success;
+												}
+											}else if(arrayDatas[0].equals("formbuilder")){
+												
+												T_FORMBUILDER_SET tFormbuilderSetDB = formbuilderSetDAO.getFormbuilderSetForm(Integer.parseInt(arrayDatas[2]));
+												
+												tFormbuilderSetDB.setSiteMenuIdxs(newSiteMenuIdx.toString()+"|"+SeedUtils.setReplaceNull(tFormbuilderSetDB.getSiteMenuIdxs()));
+												
+												if(!formbuilderSetDAO.setFormbuilderSetModProc(tFormbuilderSetDB)){
+													success = false;
+													return success;
+												}
+											}else if(arrayDatas[0].equals("survey")){
+												
+												T_SURVEY_SET tSurveySetDB = surveySetDAO.getSurveySetForm(Integer.parseInt(arrayDatas[2]));
+												
+												tSurveySetDB.setSiteMenuIdxs(newSiteMenuIdx.toString()+"|"+SeedUtils.setReplaceNull(tSurveySetDB.getSiteMenuIdxs()));
+												
+												if(!surveySetDAO.setSurveySetModProc(tSurveySetDB)){
+													success = false;
+													return success;
+												}
+											} 
+											
+											arrayDataList.remove(i);
+											break;
+										}
+									}
+								}
+							}
+							
+							setSeedMenuLayOutHtml(rootPath, oldSiteIdx, newSiteIdx);
+							
+							if(!siteMenuDAO.setSiteMenuModProc(tSiteMenuDB)){
+								success = false;
+								return success;
+							}
+							
+						}else{
+							success = false;
+							return success;
+						}
+					}
+				}
+				
+				for(int i=0; i<arrayDataList.size(); i++){
+					
+					String[] arrayDatas = arrayDataList.get(i).split(",");
+					
+					if(arrayDatas[0].equals("subIndex")){
+						
+						//주소의 SITE_MENU_IDX로 링크된 페이지의 SITE_MENU_IDXS를 가져옴
+						String siteMenuIdxs = siteMenuDAO.getSiteMenuForm(Integer.parseInt(arrayDatas[1])).getSiteMenuIdxs();
+						Integer siteMenuIdx = siteMenuDAO.getSiteMenuForm(newSiteIdx, siteMenuIdxs).getSiteMenuIdx();
+						
+						T_SITE_MENU tSiteMenuDB = siteMenuDAO.getSiteMenuForm(Integer.parseInt(arrayDatas[2]));
+						
+						tSiteMenuDB.setSiteMenuLinkUrl("/"+newSiteIdx+"/subIndex/"+siteMenuIdx+".do");
+						
+						if(!siteMenuDAO.setSiteMenuModProc(tSiteMenuDB)){
+							success = false;
+							return success;
+						}
+					}
+				}
+			}
+			
+			if(!success){
+				SeedUtils.setSeedDeleteFiles(SeedUtils.setReplaceNull(rootPath)+"/"+SeedUtils.setReplaceNull(tSiteDB.getSiteIdx()), "");
+			}else{
+				setSiteMenuAllCompile(tSiteDB.getSiteIdx(), rootPath);
+			}
+			
+		}catch(IOException e){
+			success = false;
+			log.error("CHECK ERROR:",e);
+		}
+		
+		return success;
+	}
+	
+	public void setSeedMenuLayOutHtml(String rootPath, String oldSiteIdx, String newSiteIdx){
+		
+		//<!--@seed:/siteIdx/main/top/menu-->, <!--@seed:/siteIdx/sub/top/menu-->, <!--@seed:/siteIdx/sub/sub/menu?siteMenuIdx1=@seed:menuDepth:@seed-->
+		FileInputStream 		htmlfileInputStream = null;
+		InputStreamReader 	htmlinputStreamReader = null;
+		BufferedReader 		bufferedHtmlReader = null;
+		
+		FileInputStream 		jspfileInputStream = null;
+		InputStreamReader 	jspinputStreamReader = null;
+		BufferedReader 		bufferedJspReader = null;
+		
+		FileOutputStream 	htmlFileOutputStream 		= null;
+		OutputStreamWriter	htmlOutputStreamWriter 		= null;
+		BufferedWriter 		htmlWriter 			= null;
+
+		FileOutputStream 	jspFileOutputStream 		= null;
+		OutputStreamWriter	jspOutputStreamWriter 		= null;
+		BufferedWriter 		jspWriter 			= null;
+		
+		try{
+			
+			SeedFtpType seedFtpType = new SeedFtpType();
+			
+			//[main], [sub] {header, sub, footer}의 게시판 검색 후 oldSiteIdx => newSiteIdx, oldFuncIdx = newFuncIdx 변경 후 저장
+			String[] type = {"main", "sub"};
+			String[] subType = {"header", "sub", "footer"};
+			
+			for(int i=0; i<type.length ;i++){
+				
+				for(int j=0; j<subType.length; j++){
+					
+					String htmlFileBuffer = "";
+					String jspFileBuffer = "";
+					String htmlCode = "";
+					String jspCode = "";
+					
+					htmlfileInputStream 		= new FileInputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".html");
+					htmlinputStreamReader 	= new InputStreamReader(htmlfileInputStream, "UTF-8");
+					bufferedHtmlReader 		= new BufferedReader(htmlinputStreamReader);
+					
+					while((htmlFileBuffer = bufferedHtmlReader.readLine()) != null){
+						
+						htmlFileBuffer = htmlFileBuffer.replaceAll("/"+oldSiteIdx+"/", "/"+newSiteIdx+"/");
+						htmlCode += htmlFileBuffer+"\n";
+					}
+					
+					jspfileInputStream 		= new FileInputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".jsp");
+					jspinputStreamReader 	= new InputStreamReader(jspfileInputStream, "UTF-8");
+					bufferedJspReader 		= new BufferedReader(jspinputStreamReader);
+					
+					while((jspFileBuffer = bufferedJspReader.readLine()) != null){
+						
+						jspFileBuffer = jspFileBuffer.replaceAll("/"+oldSiteIdx+"/", "/"+newSiteIdx+"/");
+						jspCode += jspFileBuffer+"\n";
+					}
+					
+					htmlFileOutputStream 		= new FileOutputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".html");
+					htmlOutputStreamWriter 	= new OutputStreamWriter(htmlFileOutputStream, "UTF-8");
+					htmlWriter 						= new BufferedWriter(htmlOutputStreamWriter);
+					htmlWriter.write(htmlCode);
+					htmlWriter.flush();
+					
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
+		    		//WAS 파일명
+		    		seedFtpType.setFileName(subType[j]+".html");
+		    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+					
+					//JSP 수정
+					jspFileOutputStream 			= new FileOutputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".jsp");
+					jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+					jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+					jspWriter.write(jspCode);
+					jspWriter.flush();
+					
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
+		    		//WAS 파일명
+		    		seedFtpType.setFileName(subType[j]+".jsp");
+		    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+				}
+			}
+		}catch(FileNotFoundException e){
+			log.error("CHECK ERROR:",e);
+		}catch(IOException e){
+			log.error("CHECK ERROR:",e);
+		}finally{
+			if(htmlWriter!=null){try{htmlWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(htmlOutputStreamWriter!=null){try{htmlOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(htmlFileOutputStream!=null){try{htmlFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(bufferedJspReader!=null){try{bufferedJspReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspinputStreamReader!=null){try{jspinputStreamReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspfileInputStream!=null){try{jspfileInputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(bufferedHtmlReader!=null){try{bufferedHtmlReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(htmlinputStreamReader!=null){try{htmlinputStreamReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(htmlfileInputStream!=null){try{htmlfileInputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+		}
+	}
+	
+	public void setSeedHtml(String rootPath, String oldSiteIdx, String newSiteIdx, Integer oldFuncIdx, Integer newFuncIdx, String funcType){
+		
+		FileInputStream 		htmlfileInputStream = null;
+		InputStreamReader 	htmlinputStreamReader = null;
+		BufferedReader 		bufferedHtmlReader = null;
+		
+		FileInputStream 		jspfileInputStream = null;
+		InputStreamReader 	jspinputStreamReader = null;
+		BufferedReader 		bufferedJspReader = null;
+		
+		FileOutputStream 	htmlFileOutputStream 		= null;
+		OutputStreamWriter	htmlOutputStreamWriter 		= null;
+		BufferedWriter 		htmlWriter 			= null;
+
+		FileOutputStream 	jspFileOutputStream 		= null;
+		OutputStreamWriter	jspOutputStreamWriter 		= null;
+		BufferedWriter 		jspWriter 			= null;
+		
+		try{
+			
+			SeedFtpType seedFtpType = new SeedFtpType();
+			
+			//[main], [sub] {header, sub, footer}의 게시판 검색 후 oldSiteIdx => newSiteIdx, oldFuncIdx = newFuncIdx 변경 후 저장
+			String[] type = {"main", "sub"};
+			String[] subType = {"header", "sub", "footer"};
+			
+			for(int i=0; i<type.length ;i++){
+				
+				for(int j=0; j<subType.length; j++){
+					
+					boolean chk = false;
+					
+					String htmlFileBuffer = "";
+					String jspFileBuffer = "";
+					String htmlCode = "";
+					String jspCode = "";
+
+					htmlfileInputStream 		= new FileInputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".html");
+					htmlinputStreamReader 	= new InputStreamReader(htmlfileInputStream, "UTF-8");
+					bufferedHtmlReader 		= new BufferedReader(htmlinputStreamReader);
+					
+					while((htmlFileBuffer = bufferedHtmlReader.readLine()) != null){
+						
+						htmlFileBuffer = htmlFileBuffer.replaceAll("/"+oldSiteIdx+"/", "/"+newSiteIdx+"/");
+						htmlCode += htmlFileBuffer+"\n";
+					}
+					
+					jspfileInputStream 		= new FileInputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".jsp");
+					jspinputStreamReader 	= new InputStreamReader(jspfileInputStream, "UTF-8");
+					bufferedJspReader 		= new BufferedReader(jspinputStreamReader);
+					
+					while((jspFileBuffer = bufferedJspReader.readLine()) != null){
+						
+						jspFileBuffer = jspFileBuffer.replaceAll("/"+oldSiteIdx+"/", "/"+newSiteIdx+"/");
+						jspCode += jspFileBuffer+"\n";
+					}
+					
+					bufferedJspReader.close();
+					
+					if(htmlCode.indexOf("/"+newSiteIdx+"/"+funcType+"/"+oldFuncIdx+"/mini.do") >= 0){
+						chk = true;
+					}
+					
+					if(chk){
+						
+						String	oldStringA = "/"+newSiteIdx+"/"+funcType+"/"+oldFuncIdx+"/mini.do";
+						String	newStringA = "/"+newSiteIdx+"/"+funcType+"/"+newFuncIdx+"/mini.do";
+						
+						htmlFileOutputStream 		= new FileOutputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".html");
+						htmlOutputStreamWriter 	= new OutputStreamWriter(htmlFileOutputStream, "UTF-8");
+						htmlWriter 						= new BufferedWriter(htmlOutputStreamWriter);
+						
+						htmlCode = htmlCode.replaceAll(oldStringA, newStringA);
+						
+						htmlWriter.write(htmlCode);
+						htmlWriter.flush();
+						
+			    		//WEB 서버의 경로
+			    		seedFtpType.setDestFilePath(newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
+			    		//WAS 서버의 경로
+			    		seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
+			    		//WAS 파일명
+			    		seedFtpType.setFileName(subType[j]+".html");
+			    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+			    		seedFtpType.setFtpType("regFile");
+			    		seedFtpType.setSeedFtp();
+						
+						jspFileOutputStream 			= new FileOutputStream(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]+"/"+subType[j]+".jsp");
+						jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+						jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+						
+						jspCode = jspCode.replaceAll(oldStringA, newStringA);
+								
+						jspWriter.write(jspCode);
+						jspWriter.flush();
+						
+			    		//WEB 서버의 경로
+			    		seedFtpType.setDestFilePath(newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
+			    		//WAS 서버의 경로
+			    		seedFtpType.setSrcFilePath(rootPath+"/"+newSiteIdx+"/jsp/"+type[i]+"/layOut/"+subType[j]);
+			    		//WAS 파일명
+			    		seedFtpType.setFileName(subType[j]+".jsp");
+			    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+			    		seedFtpType.setFtpType("regFile");
+			    		seedFtpType.setSeedFtp();
+					}
+				}
+			}
+		}catch(FileNotFoundException e){
+			log.error("CHECK ERROR:",e);
+		}catch(IOException e){
+			log.error("CHECK ERROR:",e);
+		}finally{
+			if(htmlWriter!=null){try{htmlWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(htmlOutputStreamWriter!=null){try{htmlOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(htmlFileOutputStream!=null){try{htmlFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(bufferedJspReader!=null){try{bufferedJspReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspinputStreamReader!=null){try{jspinputStreamReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspfileInputStream!=null){try{jspfileInputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(bufferedHtmlReader!=null){try{bufferedHtmlReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(htmlinputStreamReader!=null){try{htmlinputStreamReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(htmlfileInputStream!=null){try{htmlfileInputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+		}
+	}
+	
+	public synchronized boolean setSiteMenuAllCompile(String siteIdx, String rootPath){
+		
+		boolean success = false;
+		
+		try{
+			
+			SeedFtpType seedFtpType = new SeedFtpType();
+			
+			boolean fileChk = false;
+			
+			SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyyMMddHHmmss");
+			String getDate = simpleDateFormat.format(new Date());
+			
+			Integer depth = 0;
+			String siteMenuName = "";
+			String siteMenuHtml = "";
+			String siteMenuLink = "";
+			String siteMenuLinkTarget = "";
+			String tabMenuHtml = "";
+			
+			ArrayList<String> siteMenuIdx1s = new ArrayList<String>();
+			
+			T_SITE tSiteDB = siteDAO.getSiteForm(siteIdx);
+
+			//상단메뉴 저장
+			String menuTopPathMain = rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/main/menu/top";
+			String menuTopPathSub = rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/top";
+			
+			SeedUtils.setSeedMkDirs(menuTopPathMain);
+			SeedUtils.setSeedMkDirs(menuTopPathSub);
+			
+			File menuTopMakeMainFile = new File(menuTopPathMain + "/menu_main.html");
+			File menuTopMakeSubFile = new File(menuTopPathSub + "/menu_sub.html");
+			
+			if(menuTopMakeMainFile.exists() && menuTopMakeSubFile.exists()){ //파일이 있는 경우 파일 menu_bak으로 파일명 변경
+				
+				File menuTopFileMainBak = new File(menuTopPathMain + "/menu_main_"+getDate+".html");
+				menuTopMakeMainFile.renameTo(menuTopFileMainBak); //menu.html을 menu_bak.html로 파일명 변경 
+				
+				//WEB 서버의 경로
+	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+	    		//WAS 서버의 경로
+	    		seedFtpType.setSrcFilePath("menu_main.html");
+	    		//WAS 파일명
+	    		seedFtpType.setFileName("menu_main_"+getDate+".html");
+	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+	    		seedFtpType.setFtpType("modFile");
+	    		seedFtpType.setSeedFtp();
+				
+				File menuTopFileSubBak = new File(menuTopPathSub + "/menu_sub_"+getDate+".html");
+				menuTopMakeSubFile.renameTo(menuTopFileSubBak); //menu.html을 menu_bak.html로 파일명 변경 
+				
+				//WEB 서버의 경로
+	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/sub/menu/top");
+	    		//WAS 서버의 경로
+	    		seedFtpType.setSrcFilePath("menu_sub.html");
+	    		//WAS 파일명
+	    		seedFtpType.setFileName("menu_sub_"+getDate+".html");
+	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+	    		seedFtpType.setFtpType("modFile");
+	    		seedFtpType.setSeedFtp();
+				 
+				//T_SITE_MENU_HISTORY 에 저장
+				T_SITE_MENU_HISTORY tSiteMenuHistoryMain = new T_SITE_MENU_HISTORY();
+				
+				tSiteMenuHistoryMain.settSite(tSiteDB);
+				tSiteMenuHistoryMain.setSiteMenuHistoryType("top");
+				tSiteMenuHistoryMain.setSiteMenuHistoryFile("menu_main_"+getDate+".html");
+				tSiteMenuHistoryMain.setSiteMenuHistoryRegDate(new Date());
+				
+				siteMenuHistoryDAO.setSiteMenuHistoryRegProc(tSiteMenuHistoryMain);
+				
+				List<T_SITE_MENU_HISTORY> siteMenuMainHisotryList = siteMenuHistoryDAO.getSiteMenuHistoryList(tSiteDB.getSiteIdx(), "top", "menu_main");
+				
+				if(siteMenuMainHisotryList != null && siteMenuMainHisotryList.size() > 10){ //10개 초과시 파일 삭제
+					
+					T_SITE_MENU_HISTORY tSiteMenuHistoryDB = siteMenuMainHisotryList.get(0);
+					
+					File bakFile = new File(menuTopPathMain+"/"+tSiteMenuHistoryDB.getSiteMenuHistoryFile());
+					if(bakFile.exists()){
+						bakFile.delete();
+						
+						//WEB 서버의 경로
+			    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+			    		//WAS 서버의 경로
+			    		seedFtpType.setSrcFilePath("");
+			    		//WAS 파일명
+			    		seedFtpType.setFileName(tSiteMenuHistoryDB.getSiteMenuHistoryFile());
+			    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+			    		seedFtpType.setFtpType("delFile");
+			    		seedFtpType.setSeedFtp();
+					}
+					
+					siteMenuHistoryDAO.setSiteMenuHistoryDelProc(tSiteMenuHistoryDB);
+				}
+				
+				//T_SITE_MENU_HISTORY 에 저장
+				T_SITE_MENU_HISTORY tSiteMenuHistorySub = new T_SITE_MENU_HISTORY();
+				
+				tSiteMenuHistorySub.settSite(tSiteDB);
+				tSiteMenuHistorySub.setSiteMenuHistoryType("top");
+				tSiteMenuHistorySub.setSiteMenuHistoryFile("menu_sub_"+getDate+".html");
+				tSiteMenuHistorySub.setSiteMenuHistoryRegDate(new Date());
+				
+				siteMenuHistoryDAO.setSiteMenuHistoryRegProc(tSiteMenuHistorySub);
+				
+				List<T_SITE_MENU_HISTORY> siteMenuSubHisotryList = siteMenuHistoryDAO.getSiteMenuHistoryList(tSiteDB.getSiteIdx(), "top", "menu_sub");
+				
+				if(siteMenuSubHisotryList != null && siteMenuSubHisotryList.size() > 10){ //10개 초과시 파일 삭제
+					
+					T_SITE_MENU_HISTORY tSiteMenuHistoryDB = siteMenuSubHisotryList.get(0);
+					
+					File bakFile = new File(menuTopPathSub+"/"+tSiteMenuHistoryDB.getSiteMenuHistoryFile());
+					if(bakFile.exists()){
+						bakFile.delete();
+						
+						//WEB 서버의 경로
+			    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/sub/menu/top");
+			    		//WAS 서버의 경로
+			    		seedFtpType.setSrcFilePath("");
+			    		//WAS 파일명
+			    		seedFtpType.setFileName(tSiteMenuHistoryDB.getSiteMenuHistoryFile());
+			    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+			    		seedFtpType.setFtpType("delFile");
+			    		seedFtpType.setSeedFtp();
+					}
+					
+					siteMenuHistoryDAO.setSiteMenuHistoryDelProc(tSiteMenuHistoryDB);
+				}
+			}
+			
+			Integer siteMenuParentDepth = 0;
+			
+			String[] qryColumnsm = null;
+			
+			List<T_SITE_MENU> siteMenuTopList = siteMenuDAO.getSiteMenuTopList(tSiteDB.getSiteIdx(), tSiteDB.getSiteMenuTopDepth(), qryColumnsm);
+			
+			if(siteMenuTopList.size() > 0){
+				
+				fileChk = true;
+				FileOutputStream 	htmlFileOutputStream 		= null;
+				OutputStreamWriter	htmlOutputStreamWriter 	= null;
+				BufferedWriter 		htmlWriter 						= null;
+
+				FileOutputStream 	jspFileOutputStream 			= null;
+				OutputStreamWriter	jspOutputStreamWriter 		= null;
+				BufferedWriter 		jspWriter 						= null;
+				
+				try{
+					
+					htmlFileOutputStream 		= new FileOutputStream(menuTopPathMain + "/menu_main.html");
+					htmlOutputStreamWriter 	= new OutputStreamWriter(htmlFileOutputStream, "UTF-8");
+					htmlWriter 						= new BufferedWriter(htmlOutputStreamWriter);
+
+					jspFileOutputStream 			= new FileOutputStream(menuTopPathMain + "/menu_main.jsp");
+					jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+					jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+					
+					jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+					jspWriter.write("\n");
+					jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+					jspWriter.write("\n");
+					jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+					jspWriter.write("\n");
+					jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c' %>");
+					jspWriter.write("\n");
+					jspWriter.write("\n");
+					
+					boolean statusChk = false;
+					
+					Integer[] tempDepth = {0, 0, 0, 0, 0, 0, 0, 0, 0, 0};
+					
+					for(int x=0; x<siteMenuTopList.size(); x++){
+						
+						siteMenuHtml = "";
+						siteMenuLink = "";
+						siteMenuLinkTarget = "";
+						tabMenuHtml = "";
+						
+						T_SITE_MENU tSiteMenuTmp = siteMenuTopList.get(x);
+						
+						//서브 메뉴 생성해 주기 위해 배열에 담아둠
+						if(tSiteMenuTmp.getSiteMenuDepth().equals(1)){
+							siteMenuIdx1s.add(tSiteMenuTmp.getSiteMenuIdx1());
+						
+							//해당 메뉴가 U상태가 아닐때는 해당 하위메뉴도 컴파일 하지 않는다.
+							if(tSiteMenuTmp.getSiteMenuStatus().equals("U")){
+								statusChk = true;
+							}else{
+								statusChk = false;
+							}
+						}
+						
+						if(!statusChk){
+							continue;
+						}
+						
+						//해당 메뉴가 U상태가 아닐때는 메뉴 컴파일을 하지 않는다.
+						if(!tSiteMenuTmp.getSiteMenuStatus().equals("U")){
+							continue;
+						}
+						
+						depth = tSiteMenuTmp.getSiteMenuDepth();
+						siteMenuName = tSiteMenuTmp.getSiteMenuName();
+							
+						//메뉴 권한설정
+						List<T_SITE_MENU_AUTH> siteMenuAuthList = siteMenuAuthDAO.getSiteMenuAuthList(tSiteMenuTmp.getSiteMenuIdx());
+						
+						String siteMenuAuth = "";
+						
+						for(int m=0; m<siteMenuAuthList.size(); m++){
+							
+							T_SITE_MENU_AUTH tSiteMenuAuthDB = siteMenuAuthList.get(m);
+							siteMenuAuth += tSiteMenuAuthDB.getSiteMenuAuth() + ",";
+						}
+						
+						if(siteMenuAuth.equals("")){
+							siteMenuAuth = " ";
+						}
+						
+						siteMenuAuth = "data-auth='"+SeedUtils.setReplaceNull(tSiteMenuTmp.getSiteMenuAuth(), "N")+","+siteMenuAuth.substring(0, siteMenuAuth.length()-1)+"'";
+						
+						if(tSiteMenuTmp.getSiteMenuNameType().equals("I")){
+							siteMenuName = "<img src='/site/"+tSiteDB.getSiteIdx()+"/images/menu/topMenu_"+tSiteMenuTmp.getSiteMenuIdxs()+"_off.gif' alt='"+siteMenuName+"' />";
+						}
+						
+						if(tSiteMenuTmp.getSiteMenuType().equals("H")){
+							siteMenuLink = "<a href='/"+tSiteDB.getSiteIdx()+"/subIndex/"+tSiteMenuTmp.getSiteMenuIdx()+".do' title='"+tSiteMenuTmp.getSiteMenuName()+"'" +
+									" data-url='/"+tSiteDB.getSiteIdx()+"/subIndex/"+tSiteMenuTmp.getSiteMenuIdx()+".do' " +
+									" data-seed='"+tSiteDB.getSiteIdx()+"_"+tSiteMenuTmp.getSiteMenuIdxs()+"' " + siteMenuAuth + 
+									" >"+siteMenuName+"</a>" + "\n";
+						}else{
+							if(tSiteMenuTmp.getSiteMenuLink().equals("B")){
+								siteMenuLinkTarget = "target='_blank' title='"+siteMenuName+" <s:message code=\"common.message.blank\"/> <s:message code=\"common.message.blank.go\"/>' ";
+							}else{
+								siteMenuLinkTarget = "title='"+tSiteMenuTmp.getSiteMenuName()+" '";
+							}
+							siteMenuLink = "<a href='"+tSiteMenuTmp.getSiteMenuLinkUrl()+"' "+siteMenuLinkTarget+
+									" data-url='"+tSiteMenuTmp.getSiteMenuLinkUrl()+"' " +
+									" data-seed='"+tSiteDB.getSiteIdx()+"_"+tSiteMenuTmp.getSiteMenuIdxs()+"' " + siteMenuAuth + 
+									" >"+siteMenuName+"</a>" + "\n";
+						}
+						
+						tempDepth[depth-1]++;
+						
+						for(int d=0; d<depth; d++){
+							tabMenuHtml += "	";
+						}
+						
+						if(siteMenuParentDepth < depth){
+							
+							siteMenuHtml = tabMenuHtml + "<ul class='gnbDp-"+depth+"'>" + "\n";
+							siteMenuHtml += tabMenuHtml + "	<li class='gnbDp-"+depth+"-"+tempDepth[depth-1]+"'>" + siteMenuLink;
+							
+						}else if(siteMenuParentDepth == depth){
+							
+							siteMenuHtml = tabMenuHtml + "	</li>" + "\n";
+							siteMenuHtml += tabMenuHtml + "	<li class='gnbDp-"+depth+"-"+tempDepth[depth-1]+"'>" + siteMenuLink;
+							
+						}else if(siteMenuParentDepth > depth){
+							
+							siteMenuHtml = "";
+							
+							for(int j=0; j<(siteMenuParentDepth - depth); j++){
+								
+								String tabMenuHtmlTemp = "";
+								
+								for(int d=0; d<(siteMenuParentDepth-j); d++){
+									tabMenuHtmlTemp += "	";
+								}
+								
+								siteMenuHtml += tabMenuHtmlTemp + "	</li>" + "\n";
+								siteMenuHtml += tabMenuHtmlTemp + "</ul>" + "\n";
+							}
+							
+							siteMenuHtml += tabMenuHtml + "	</li>" + "\n";
+							siteMenuHtml += tabMenuHtml + "	<li class='gnbDp-"+depth+"-"+tempDepth[depth-1]+"'>" + siteMenuLink;
+						}
+						
+						htmlWriter.write(siteMenuHtml);
+						jspWriter.write(siteMenuHtml);
+						
+						siteMenuParentDepth = depth;
+					}
+					
+					siteMenuHtml = "";
+					tabMenuHtml = "";
+					
+					for(int d=0; d<depth; d++){
+						tabMenuHtml += "	";
+					}
+					
+					for(int m=0; m<(depth-1); m++){
+						siteMenuHtml += tabMenuHtml + "	</li>" + "\n";
+						siteMenuHtml += tabMenuHtml + "</ul>" + "\n";
+					}
+					
+					siteMenuHtml += "		</li>" + "\n";
+					siteMenuHtml += "	</ul>";
+					
+					htmlWriter.write(siteMenuHtml);
+					htmlWriter.flush();
+					
+					//WEB 서버의 경로
+    	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+    	    		//WAS 서버의 경로
+    	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+    	    		//WAS 파일명
+    	    		seedFtpType.setFileName("menu_main.html");
+    	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+    	    		seedFtpType.setFtpType("regFile");
+    	    		seedFtpType.setSeedFtp();
+					
+					jspWriter.write(siteMenuHtml);
+					jspWriter.flush();
+					
+					//WEB 서버의 경로
+    	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+    	    		//WAS 서버의 경로
+    	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+    	    		//WAS 파일명
+    	    		seedFtpType.setFileName("menu_main.jsp");
+    	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+    	    		seedFtpType.setFtpType("regFile");
+    	    		seedFtpType.setSeedFtp();	
+    	    		
+				}catch(FileNotFoundException e){
+					log.error("CHECK ERROR:",e);
+				}catch(IOException e){
+					log.error("CHECK ERROR:",e);
+				}finally{
+					if(htmlWriter!=null){try{htmlWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+					if(htmlOutputStreamWriter!=null){try{htmlOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+					if(htmlFileOutputStream!=null){try{htmlFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+
+					if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+					
+					File file = new File(menuTopPathMain + "/menu_main.jsp");
+					if(file.exists()){
+						file.setLastModified(new Date().getTime());
+					}
+					
+					if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+					if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+				}
+				
+				SeedUtils.setSeedFileCopy(menuTopPathMain + "/menu_main.html", menuTopPathSub + "/menu_sub.html");
+				
+				//WEB 서버의 경로
+	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+	    		//WAS 서버의 경로
+	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/top");
+	    		//WAS 파일명
+	    		seedFtpType.setFileName("menu_sub.html");
+	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+	    		seedFtpType.setFtpType("regFile");
+	    		seedFtpType.setSeedFtp();
+	    		
+				SeedUtils.setSeedFileCopy(menuTopPathMain + "/menu_main.jsp", menuTopPathSub + "/menu_sub.jsp");
+				
+				File file = new File(menuTopPathSub + "/menu_sub.jsp");
+				if(file.exists()){
+					file.setLastModified(new Date().getTime());
+				}
+				
+				//WEB 서버의 경로
+	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+	    		//WAS 서버의 경로
+	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/top");
+	    		//WAS 파일명
+	    		seedFtpType.setFileName("menu_sub.jsp");
+	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+	    		seedFtpType.setFtpType("regFile");
+	    		seedFtpType.setSeedFtp();
+			}
+			
+			if(!fileChk){
+				
+				menuTopMakeMainFile.createNewFile();
+				menuTopMakeSubFile.createNewFile();
+				
+				FileOutputStream 	jspFileOutputStream 			= null;
+				OutputStreamWriter	jspOutputStreamWriter 		= null;
+				BufferedWriter 		jspWriter 						= null;
+				
+				try{
+					
+					jspFileOutputStream 			= new FileOutputStream(menuTopPathMain + "/menu_main.jsp");
+					jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+					jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+					
+					jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+					jspWriter.write("\n");
+					jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+					jspWriter.write("\n");
+					jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+					jspWriter.write("\n");
+					jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c' %>");
+					jspWriter.write("\n");
+					jspWriter.write("\n");
+					jspWriter.flush();
+					
+					//WEB 서버의 경로
+    	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+    	    		//WAS 서버의 경로
+    	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+    	    		//WAS 파일명
+    	    		seedFtpType.setFileName("menu_main.jsp");
+    	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+    	    		seedFtpType.setFtpType("regFile");
+    	    		seedFtpType.setSeedFtp();
+    	    		
+				}catch(FileNotFoundException e){
+					log.error("CHECK ERROR:",e);
+				}catch(IOException e){
+					log.error("CHECK ERROR:",e);
+				}finally{
+
+					if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+					
+					File file = new File(menuTopPathMain + "/menu_main.jsp");
+					if(file.exists()){
+						file.setLastModified(new Date().getTime());
+					}
+					
+					if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+					if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+				}
+				
+				SeedUtils.setSeedFileCopy(menuTopPathMain + "/menu_main.html", menuTopPathSub + "/menu_sub.html");
+				
+				//WEB 서버의 경로
+	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+	    		//WAS 서버의 경로
+	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+	    		//WAS 파일명
+	    		seedFtpType.setFileName("menu_sub.html");
+	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+	    		seedFtpType.setFtpType("regFile");
+	    		seedFtpType.setSeedFtp();
+	    		
+				SeedUtils.setSeedFileCopy(menuTopPathMain + "/menu_main.jsp", menuTopPathSub + "/menu_sub.jsp");
+				
+				//WEB 서버의 경로
+	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+	    		//WAS 서버의 경로
+	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/main/menu/top");
+	    		//WAS 파일명
+	    		seedFtpType.setFileName("menu_sub.jsp");
+	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+	    		seedFtpType.setFtpType("regFile");
+	    		seedFtpType.setSeedFtp();				
+			}
+			
+			fileChk = false;
+			
+			//서브메뉴 저장
+			if(siteMenuIdx1s.size() > 0){
+				
+				for(int i=0; i<siteMenuIdx1s.size(); i++){
+					
+					fileChk = false;
+					
+					String menuSubPathSub = rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i);
+					
+					SeedUtils.setSeedMkDirs(menuSubPathSub);
+					
+					File menuSubMakeSubFile = new File(menuSubPathSub + "/menu_sub.html");
+					
+					//서브 메뉴 저장
+					if(menuSubMakeSubFile.exists()){ //파일이 있는 경우 파일 menu_bak으로 파일명 변경
+						
+						File menuSubFileSubBak = new File(menuSubPathSub + "/menu_sub_"+getDate+".html");
+						menuSubMakeSubFile.renameTo(menuSubFileSubBak); //menu.html을 menu_bak.html로 파일명 변경
+						
+						//T_SITE_MENU_HISTORY 에 저장
+						T_SITE_MENU_HISTORY tSiteMenuHistorySub = new T_SITE_MENU_HISTORY();
+						
+						tSiteMenuHistorySub.settSite(tSiteDB);
+						tSiteMenuHistorySub.setSiteMenuHistoryType("sub/"+siteMenuIdx1s.get(i));
+						tSiteMenuHistorySub.setSiteMenuHistoryFile("menu_sub_"+getDate+".html");
+						tSiteMenuHistorySub.setSiteMenuHistoryRegDate(new Date());
+						
+						siteMenuHistoryDAO.setSiteMenuHistoryRegProc(tSiteMenuHistorySub);
+						
+						List<T_SITE_MENU_HISTORY> siteMenuHistoryList = siteMenuHistoryDAO.getSiteMenuHistoryList(tSiteDB.getSiteIdx(), "sub/"+siteMenuIdx1s.get(i), "menu_sub");
+						
+						if(siteMenuHistoryList != null && siteMenuHistoryList.size() > 10){ //10개 초과시 파일 삭제
+							
+							T_SITE_MENU_HISTORY tSiteMenuHistoryDB = siteMenuHistoryList.get(0);
+							
+							File bakFile = new File(menuSubPathSub+"/"+tSiteMenuHistoryDB.getSiteMenuHistoryFile());
+							if(bakFile.exists()){
+								bakFile.delete();
+								
+								//WEB 서버의 경로
+					    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
+					    		//WAS 서버의 경로
+					    		seedFtpType.setSrcFilePath("");
+					    		//WAS 파일명
+					    		seedFtpType.setFileName(tSiteMenuHistoryDB.getSiteMenuHistoryFile());
+					    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+					    		seedFtpType.setFtpType("delFile");
+					    		seedFtpType.setSeedFtp();								
+							}
+							
+							siteMenuHistoryDAO.setSiteMenuHistoryDelProc(tSiteMenuHistoryDB);
+						}
+					}
+					
+					siteMenuParentDepth = 0;
+					
+					qryColumnsm = null;
+					
+					List<T_SITE_MENU> siteMenuSubList = siteMenuDAO.getSiteMenuSubList(tSiteDB.getSiteIdx(), tSiteDB.getSiteMenuSubSDepth(), tSiteDB.getSiteMenuSubEDepth(), siteMenuIdx1s.get(i), qryColumnsm);
+					
+					if(siteMenuSubList.size() > 0){
+						
+						fileChk = true;
+						FileOutputStream 	htmlFileOutputStream 		= null;
+						OutputStreamWriter	htmlOutputStreamWriter 	= null;
+						BufferedWriter 		htmlWriter 						= null;
+
+						FileOutputStream 	jspFileOutputStream 			= null;
+						OutputStreamWriter	jspOutputStreamWriter 		= null;
+						BufferedWriter 		jspWriter 						= null;
+						
+						try{
+							
+							htmlFileOutputStream 		= new FileOutputStream(menuSubPathSub + "/menu_sub.html");
+							htmlOutputStreamWriter 	= new OutputStreamWriter(htmlFileOutputStream, "UTF-8");
+							htmlWriter 						= new BufferedWriter(htmlOutputStreamWriter);
+
+							jspFileOutputStream 			= new FileOutputStream(menuSubPathSub + "/menu_sub.jsp");
+							jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+							jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+							
+							jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c' %>");
+							jspWriter.write("\n");
+							jspWriter.write("\n");
+							
+							Integer[] tempDepth = {0, 0, 0, 0, 0, 0, 0, 0, 0, 0};
+							
+							for(int x=0; x<siteMenuSubList.size(); x++){
+								
+								siteMenuHtml = "";
+								siteMenuLink = "";
+								siteMenuLinkTarget = "";
+								tabMenuHtml = "";
+								
+								T_SITE_MENU tSiteMenuTmp = siteMenuSubList.get(x);
+								
+								depth = tSiteMenuTmp.getSiteMenuDepth();
+								siteMenuName = tSiteMenuTmp.getSiteMenuName();
+								
+								//메뉴 권한설정
+								List<T_SITE_MENU_AUTH> siteMenuAuthList = siteMenuAuthDAO.getSiteMenuAuthList(tSiteMenuTmp.getSiteMenuIdx());
+								
+								String siteMenuAuth = "";
+								
+								for(int m=0; m<siteMenuAuthList.size(); m++){
+									
+									T_SITE_MENU_AUTH tSiteMenuAuthDB = siteMenuAuthList.get(m);
+									siteMenuAuth += tSiteMenuAuthDB.getSiteMenuAuth() + ",";
+								}
+								
+								if(siteMenuAuth.equals("")){
+									siteMenuAuth = " ";
+								}
+								
+								siteMenuAuth = "data-auth='"+SeedUtils.setReplaceNull(tSiteMenuTmp.getSiteMenuAuth(), "N")+","+siteMenuAuth.substring(0, siteMenuAuth.length()-1)+"'";
+								
+								if(tSiteMenuTmp.getSiteMenuNameType().equals("I")){
+									siteMenuName = "<img src='/site/"+tSiteDB.getSiteIdx()+"/images/menu/subMenu_"+tSiteMenuTmp.getSiteMenuIdxs()+"_off.gif' alt='"+siteMenuName+"' />";
+								}
+								
+								if(tSiteMenuTmp.getSiteMenuType().equals("H")){
+									siteMenuLink = "<a href='/"+tSiteDB.getSiteIdx()+"/subIndex/"+tSiteMenuTmp.getSiteMenuIdx()+".do' title='"+tSiteMenuTmp.getSiteMenuName()+"'" +
+											" data-url='/"+tSiteDB.getSiteIdx()+"/subIndex/"+tSiteMenuTmp.getSiteMenuIdx()+".do' " +
+											" data-seed='"+tSiteDB.getSiteIdx()+"_"+tSiteMenuTmp.getSiteMenuIdxs()+"' " + siteMenuAuth + 
+											" >"+siteMenuName+"</a>" + "\n";
+								}else{
+									if(tSiteMenuTmp.getSiteMenuLink().equals("B")){
+										siteMenuLinkTarget = "target='_blank' title='"+siteMenuName+" <s:message code=\"common.message.blank\"/> <s:message code=\"common.message.blank.go\"/>' ";
+									}else{
+										siteMenuLinkTarget = "title='"+tSiteMenuTmp.getSiteMenuName()+" '";
+									}
+									siteMenuLink = "<a href='"+tSiteMenuTmp.getSiteMenuLinkUrl()+"' "+siteMenuLinkTarget+
+											" data-url='"+tSiteMenuTmp.getSiteMenuLinkUrl()+"' " +
+											" data-seed='"+tSiteDB.getSiteIdx()+"_"+tSiteMenuTmp.getSiteMenuIdxs()+"' " + siteMenuAuth + 
+											" >"+siteMenuName+"</a>" + "\n";
+								}
+								
+								tempDepth[depth-1]++;
+								
+								for(int d=0; d<depth-1; d++){
+									tabMenuHtml += "	";
+								}
+								
+								if(siteMenuParentDepth < depth){
+									
+									if((depth-1) == 1){									
+										siteMenuHtml = tabMenuHtml + "<ul class='subMDp-"+(depth-1)+" subPos-"+tSiteMenuTmp.getSiteMenuIdx1()+"'>" + "\n";
+									}else{
+										siteMenuHtml = tabMenuHtml + "<ul class='subMDp-"+(depth-1)+"'>" + "\n";
+									}
+									
+									siteMenuHtml += tabMenuHtml + "	<li class='subMDp-"+(depth-1)+"-"+tempDepth[depth-1]+"'>" + siteMenuLink;
+									
+								}else if(siteMenuParentDepth == depth){
+									
+									siteMenuHtml = tabMenuHtml + "	</li>" + "\n";
+									siteMenuHtml += tabMenuHtml + "	<li class='subMDp-"+(depth-1)+"-"+tempDepth[depth-1]+"'>" + siteMenuLink;
+									
+								}else if(siteMenuParentDepth > depth){	
+									
+									siteMenuHtml = "";
+									
+									for(int j=0; j<(siteMenuParentDepth - depth); j++){
+										
+										String tabMenuHtmlTemp = "";
+										
+										for(int d=0; d<(siteMenuParentDepth-j); d++){
+											tabMenuHtmlTemp += "	";
+										}
+										
+										siteMenuHtml += tabMenuHtmlTemp + "	</li>" + "\n";
+										siteMenuHtml += tabMenuHtmlTemp + "</ul>" + "\n";
+									}
+									siteMenuHtml += tabMenuHtml + "	</li>" + "\n";
+									siteMenuHtml += tabMenuHtml + "	<li class='subMDp-"+(depth-1)+"-"+tempDepth[depth-1]+"'>" + siteMenuLink;
+								}
+								
+								htmlWriter.write(siteMenuHtml);
+								jspWriter.write(siteMenuHtml);
+								
+								siteMenuParentDepth = depth;
+							}
+							
+							siteMenuHtml = "";
+							
+							for(int m=0; m<(depth-2); m++){
+								
+								tabMenuHtml = "";
+								
+								for(int d=0; d<(depth-1-m); d++){
+									tabMenuHtml += "	";
+								}
+								
+								siteMenuHtml += tabMenuHtml + "	</li>" + "\n";
+								siteMenuHtml += tabMenuHtml + "</ul>" + "\n";
+							}
+							
+							siteMenuHtml += "		</li>" + "\n";
+							siteMenuHtml += "	</ul>";
+								
+							htmlWriter.write(siteMenuHtml);
+							htmlWriter.flush();
+							
+							//WEB 서버의 경로
+		    	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
+		    	    		//WAS 서버의 경로
+		    	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
+		    	    		//WAS 파일명
+		    	    		seedFtpType.setFileName("menu_sub.html");
+		    	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    	    		seedFtpType.setFtpType("regFile");
+		    	    		seedFtpType.setSeedFtp();
+							
+							jspWriter.write(siteMenuHtml);
+							jspWriter.flush();
+							
+							//WEB 서버의 경로
+		    	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
+		    	    		//WAS 서버의 경로
+		    	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
+		    	    		//WAS 파일명
+		    	    		seedFtpType.setFileName("menu_sub.jsp");
+		    	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    	    		seedFtpType.setFtpType("regFile");
+		    	    		seedFtpType.setSeedFtp();
+							
+						}catch(FileNotFoundException e){
+							log.error("CHECK ERROR:",e);
+						}catch(IOException e){
+							log.error("CHECK ERROR:",e);
+						}finally{
+							if(htmlWriter!=null){try{htmlWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							if(htmlOutputStreamWriter!=null){try{htmlOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							if(htmlFileOutputStream!=null){try{htmlFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+
+							if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							
+							File file = new File(menuSubPathSub + "/menu_sub.jsp");
+							if(file.exists()){
+								file.setLastModified(new Date().getTime());
+							}
+							
+							if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+						}
+					}
+
+					if(!fileChk){
+						
+						menuSubMakeSubFile.createNewFile();
+						FileOutputStream 	jspFileOutputStream 			= null;
+						OutputStreamWriter	jspOutputStreamWriter 		= null;
+						BufferedWriter 		jspWriter 						= null;
+						
+						try{
+							
+							jspFileOutputStream 			= new FileOutputStream(menuSubPathSub + "/menu_sub.jsp");
+							jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+							jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+							
+							jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+							jspWriter.write("\n");
+							jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c' %>");
+							jspWriter.write("\n");
+							jspWriter.write("\n");
+							jspWriter.flush();
+							
+							//WEB 서버의 경로
+		    	    		seedFtpType.setDestFilePath(tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
+		    	    		//WAS 서버의 경로
+		    	    		seedFtpType.setSrcFilePath(rootPath+"/"+tSiteDB.getSiteIdx()+"/jsp/sub/menu/sub/"+siteMenuIdx1s.get(i));
+		    	    		//WAS 파일명
+		    	    		seedFtpType.setFileName("menu_sub.jsp");
+		    	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    	    		seedFtpType.setFtpType("regFile");
+		    	    		seedFtpType.setSeedFtp();
+							
+						}catch(FileNotFoundException e){
+							log.error("CHECK ERROR:",e);
+						}catch(IOException e){
+							log.error("CHECK ERROR:",e);
+						}finally{
+							
+							if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							
+							File file = new File(menuSubPathSub + "/menu_sub.jsp");
+							if(file.exists()){
+								file.setLastModified(new Date().getTime());
+							}
+							
+							if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+							if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+						}
+					}
+				}
+			}
+			
+			success = true;
+		
+		}catch(IOException ex){
+			success = false;
+			log.error("CHECK ERROR:",ex);
+		}
+		
+		return success;
+	}
+}
diff --git a/src/main/java/seed/dao/SiteDAOImpl.java b/src/main/java/seed/dao/SiteDAOImpl.java
index 1421e1e9..7bd58088 100644
--- a/src/main/java/seed/dao/SiteDAOImpl.java
+++ b/src/main/java/seed/dao/SiteDAOImpl.java
@@ -289,6 +289,8 @@ public class SiteDAOImpl implements SiteDAO{
 	//AdminSiteService, ManagerSiteService
     public T_SITE getSiteForm(String siteIdx){
 
+    	System.out.println("getSiteForm=1000="+siteIdx);
+    	
     	return (T_SITE) this.sessionFactory.getCurrentSession().load(T_SITE.class, siteIdx);
     }
     
diff --git a/src/main/java/seed/dao/SiteManager2DAOImpl.java b/src/main/java/seed/dao/SiteManager2DAOImpl.java
index 641da761..7cf22565 100644
--- a/src/main/java/seed/dao/SiteManager2DAOImpl.java
+++ b/src/main/java/seed/dao/SiteManager2DAOImpl.java
@@ -28,7 +28,7 @@ public class SiteManager2DAOImpl implements SiteManager2DAO{
     }
     
 	//AdminMemberService, ManagerMemberService
-    @SuppressWarnings("unchecked")
+    //@SuppressWarnings("unchecked")
 	public List<T_SITE_MANAGER> getSiteManagerList(Integer memberIdx){
 		
 		Criteria criteria = sessionFactory.getCurrentSession().createCriteria(T_SITE_MANAGER.class);
@@ -39,7 +39,7 @@ public class SiteManager2DAOImpl implements SiteManager2DAO{
 	}
 	
 	//ManagerMemberService
-	@SuppressWarnings("unchecked")
+	//@SuppressWarnings("unchecked")
 	public List<VIEW_MANAGER_DATA> getSiteManagerList(Integer memberIdx, String[] qryColumns){
 	
 		Criteria criteria = sessionFactory.getCurrentSession().createCriteria(VIEW_MANAGER_DATA.class);
@@ -73,7 +73,7 @@ public class SiteManager2DAOImpl implements SiteManager2DAO{
 		return criteria.list();
 	}
 	
-	@SuppressWarnings("deprecation")
+	//@SuppressWarnings("deprecation")	
 	public Long getSiteManagerListCnt(String siteIdx, Integer memberIdx){
 		
     	Criteria criteria = sessionFactory.getCurrentSession().createCriteria(T_SITE_MANAGER.class);
diff --git a/src/main/java/seed/dao/SiteManagerDAO.java b/src/main/java/seed/dao/SiteManagerDAO.java
deleted file mode 100644
index 23c4ee3a..00000000
--- a/src/main/java/seed/dao/SiteManagerDAO.java
+++ /dev/null
@@ -1,41 +0,0 @@
-package seed.dao;
-
-import java.util.List;
-
-import seed.map.T_SITE_MANAGER;
-import seed.map.VIEW_MANAGER_DATA;
-
-public interface SiteManagerDAO {
-	
-	//AdminMemberService, ManagerMemberService
-	public List<T_SITE_MANAGER> getSiteManagerList(Integer memberIdx);
-	
-	//ManagerMemberService
-	public List<VIEW_MANAGER_DATA> getSiteManagerList(Integer memberIdx, String[] qryColumns);
-	
-	public Long getSiteManagerListCnt(String siteIdx, Integer memberIdx); 
-	
-	//AdminGroupsService	, AdminSiteService
-	public Long getSiteManagerListCnt(Integer memberIdx); 
-	
-	//AdminSiteManagerService	
-	public Long getSiteManagerListCnt(String siteIdx, Integer selGroup, String column, String search); 
-	
-	//AdminSiteManagerService	
-	public List<T_SITE_MANAGER> getSiteManagerList(String siteIdx, int page, int row, String orderColumn, String order, Integer selGroup, String column, String search, String[] qryColumns); 
-
-	//ManagerSiteManagerService	
-	public List<T_SITE_MANAGER> getSiteManagerList(String memberMergeSiteIdx, Integer memberIdx, String[] qryColumns); 
-	
-	//AdminSiteService, AdminSiteManagerService
-	public T_SITE_MANAGER getSiteManagerForm(Integer siteManagerIdx);
-	
-	//AdminSiteManagerService
-	public boolean setSiteManagerRegProc(T_SITE_MANAGER tSiteManager); 
-	
-	//AdminSiteService, AdminSiteManagerService
-	public boolean setSiteManagerModProc(T_SITE_MANAGER tSiteManager); 
-	
-	//AdminSiteManagerService
-	public boolean setSiteManagerDelProc(T_SITE_MANAGER tSiteManager); 
-}
diff --git a/src/main/java/seed/dao/SiteManagerDAOImpl.java b/src/main/java/seed/dao/SiteManagerDAOImpl.java
deleted file mode 100644
index bdb322eb..00000000
--- a/src/main/java/seed/dao/SiteManagerDAOImpl.java
+++ /dev/null
@@ -1,311 +0,0 @@
-package seed.dao;
-
-import java.util.List;
-
-import org.apache.log4j.Logger;
-import org.hibernate.Criteria;
-import org.hibernate.HibernateException;
-import org.hibernate.SessionFactory;
-import org.hibernate.criterion.MatchMode;
-import org.hibernate.criterion.Order;
-import org.hibernate.criterion.ProjectionList;
-import org.hibernate.criterion.Projections;
-import org.hibernate.criterion.Restrictions;
-import org.springframework.stereotype.Repository;
-
-import seed.map.T_SITE_MANAGER;
-import seed.map.VIEW_MANAGER_DATA;
-
-@Repository
-public class SiteManagerDAOImpl implements SiteManagerDAO{
-	
-	private Logger log = Logger.getLogger(this.getClass());
-	
-	private SessionFactory sessionFactory;
-	
-    public void setSessionFactory(SessionFactory sessionFactory) {
-        this.sessionFactory = sessionFactory;
-    }
-    
-	//AdminMemberService, ManagerMemberService
-    @SuppressWarnings("unchecked")
-	public List<T_SITE_MANAGER> getSiteManagerList(Integer memberIdx){
-		
-		Criteria criteria = sessionFactory.getCurrentSession().createCriteria(T_SITE_MANAGER.class);
-		
-		criteria.add(Restrictions.eq("tMember.memberIdx", memberIdx));
-		
-		return criteria.list();
-	}
-	
-	//ManagerMemberService
-	@SuppressWarnings("unchecked")
-	public List<VIEW_MANAGER_DATA> getSiteManagerList(Integer memberIdx, String[] qryColumns){
-	
-		Criteria criteria = sessionFactory.getCurrentSession().createCriteria(VIEW_MANAGER_DATA.class);
-		
-    	if(qryColumns != null && qryColumns.length > 0){
-    		ProjectionList projectionList = Projections.projectionList();
-    		boolean groupCheck = false;    		
-    		for(int q=0; q<qryColumns.length; q++){
-    			if(!groupCheck && qryColumns[q].indexOf("groupBy") >= 0){
-    				groupCheck = true;
-    				continue;
-    			}
-    			if(groupCheck){
-	    			if(qryColumns[q].indexOf("Cnt") >= 0){
-	    				String qryColumn = qryColumns[q].substring(0, qryColumns[q].indexOf("Cnt")); 
-	    				projectionList.add(Projections.count(qryColumn).as("_"+qryColumns[q].substring(qryColumns[q].lastIndexOf(".")+1)));
-	    			}else{
-	    				projectionList.add(Projections.groupProperty(qryColumns[q]).as("_"+qryColumns[q].substring(qryColumns[q].lastIndexOf(".")+1)));
-	    			}
-    			}else{
-    				projectionList.add(Projections.property(qryColumns[q]).as("_"+qryColumns[q].substring(qryColumns[q].lastIndexOf(".")+1)));
-    			}
-    		}
-    		
-    		criteria.setProjection(projectionList);
-    		criteria.setResultTransformer(Criteria.ALIAS_TO_ENTITY_MAP);
-    	}
-		
-		criteria.add(Restrictions.eq("memberIdx", memberIdx));
-		
-		return criteria.list();
-	}
-	
-	@SuppressWarnings("deprecation")
-	public Long getSiteManagerListCnt(String siteIdx, Integer memberIdx){
-		
-    	Criteria criteria = sessionFactory.getCurrentSession().createCriteria(T_SITE_MANAGER.class);
-    	
-    	criteria.createCriteria("tMember", "tMember", Criteria.LEFT_JOIN);
-       	
-    	criteria.add(
-    			Restrictions.and(
-    			Restrictions.and(
-    			Restrictions.and(
-    					Restrictions.eq("tSite.siteIdx", siteIdx),
-    					Restrictions.eq("siteManagerStatus", "U")),
-    					Restrictions.eq("tMember.memberIdx", memberIdx)),
-    					Restrictions.eq("tMember.memberStatus", "U")));
-    	
-    	criteria.setProjection(Projections.rowCount());
-    	
-    	return (Long)criteria.uniqueResult();
-	}
-	
-	//AdminGroupsService	, AdminSiteService
-	public Long getSiteManagerListCnt(Integer memberIdx){
-		
-    	Criteria criteria = sessionFactory.getCurrentSession().createCriteria(T_SITE_MANAGER.class);
-       	
-    	criteria.add(
-    			Restrictions.and(
-    					Restrictions.eq("siteManagerStatus", "U"),
-    					Restrictions.eq("tMember.memberIdx", memberIdx)));
-    	
-    	criteria.setProjection(Projections.rowCount());
-    	
-    	return (Long)criteria.uniqueResult();
-	}
-    
-	//AdminSiteManagerService	    
-    @SuppressWarnings("deprecation")
-	public Long getSiteManagerListCnt(String siteIdx, Integer selGroup, String column, String search){
-    
-       	Criteria criteria = sessionFactory.getCurrentSession().createCriteria(T_SITE_MANAGER.class);
-       	
-       	criteria.createCriteria("tMember", "tMember", Criteria.LEFT_JOIN);
-       	criteria.createCriteria("tMember.tGroups", "tGroups", Criteria.LEFT_JOIN);
-
-    	criteria.add(Restrictions.eq("tSite.siteIdx", siteIdx));
-    	
-    	if(!selGroup.equals(0)){
-        	criteria.add(Restrictions.eq("tGroups.tGroup.groupIdx", selGroup));
-    	}
-
-    	if(!column.equals("")){
-    		if(column.equals("A")){
-    			if(!search.equals("")){
-	    			criteria.add(
-	    					Restrictions.or(
-	    							Restrictions.like("tMember.memberId", search, MatchMode.ANYWHERE), 
-	    							Restrictions.like("tMember.memberName", search, MatchMode.ANYWHERE)));
-    			}
-    		}else{
-    			criteria.add(Restrictions.like(column, search, MatchMode.ANYWHERE));
-    		}
-    	}
-    	
-    	criteria.setProjection(Projections.rowCount());
-
-    	return (Long)criteria.uniqueResult();
-    }
-    
-	//AdminSiteManagerService	    
-	@SuppressWarnings({ "unchecked", "deprecation" })
-    public List<T_SITE_MANAGER> getSiteManagerList(String siteIdx, int page, int row, String orderColumn, String order, Integer selGroup, String column, String search, String[] qryColumns){
-    	
-    	Criteria criteria = sessionFactory.getCurrentSession().createCriteria(T_SITE_MANAGER.class);
-    	
-    	criteria.createCriteria("tMember", "tMember", Criteria.LEFT_JOIN);
-       	criteria.createCriteria("tMember.tGroups", "tGroups", Criteria.LEFT_JOIN);
-    	
-    	if(qryColumns != null && qryColumns.length > 0){
-    		ProjectionList projectionList = Projections.projectionList();
-    		boolean groupCheck = false;    		
-    		for(int q=0; q<qryColumns.length; q++){
-    			if(!groupCheck && qryColumns[q].indexOf("groupBy") >= 0){
-    				groupCheck = true;
-    				continue;
-    			}
-    			if(groupCheck){
-	    			if(qryColumns[q].indexOf("Cnt") >= 0){
-	    				String qryColumn = qryColumns[q].substring(0, qryColumns[q].indexOf("Cnt")); 
-	    				projectionList.add(Projections.count(qryColumn).as("_"+qryColumns[q].substring(qryColumns[q].lastIndexOf(".")+1)));
-	    			}else{
-	    				projectionList.add(Projections.groupProperty(qryColumns[q]).as("_"+qryColumns[q].substring(qryColumns[q].lastIndexOf(".")+1)));
-	    			}
-    			}else{
-    				projectionList.add(Projections.property(qryColumns[q]).as("_"+qryColumns[q].substring(qryColumns[q].lastIndexOf(".")+1)));
-    			}
-    		}
-    		
-    		criteria.setProjection(projectionList);
-    		criteria.setResultTransformer(Criteria.ALIAS_TO_ENTITY_MAP);
-    	}
-    	
-    	criteria.setFirstResult(page);
-    	criteria.setMaxResults(row);
-    	
-    	criteria.add(Restrictions.eq("tSite.siteIdx", siteIdx));
-    	
-    	if(!selGroup.equals(0)){
-        	criteria.add(Restrictions.eq("tGroups.tGroup.groupIdx", selGroup));
-    	}
-    	
-    	if(!column.equals("")){
-    		if(column.equals("A")){
-    			if(!search.equals("")){
-	    			criteria.add(
-	    					Restrictions.or(
-	    							Restrictions.like("tMember.memberId", search, MatchMode.ANYWHERE), 
-	    							Restrictions.like("tMember.memberName", search, MatchMode.ANYWHERE)));
-    			}
-    		}else{
-    			criteria.add(Restrictions.like(column, search, MatchMode.ANYWHERE));
-    		}
-    	}
-    	
-    	if(orderColumn.equals("")){
-    		orderColumn = "siteManagerIdx";
-    	}
-    	
-    	if(order.equals("DESC")){
-    		criteria.addOrder(Order.desc(orderColumn));
-    	}else{
-    		criteria.addOrder(Order.asc(orderColumn));
-    	}
-    	
-    	return criteria.list();
-    }
-	
-	//ManagerSiteManagerService	    
-	@SuppressWarnings({ "unchecked", "deprecation" })
-    public List<T_SITE_MANAGER> getSiteManagerList(String memberMergeSiteIdx, Integer memberIdx, String[] qryColumns){
-    	
-    	Criteria criteria = sessionFactory.getCurrentSession().createCriteria(T_SITE_MANAGER.class);
-    	
-    	criteria.createCriteria("tMember", "tMember", Criteria.LEFT_JOIN);
-    	criteria.createCriteria("tSite", "tSite", Criteria.LEFT_JOIN);
-    	
-    	if(qryColumns != null && qryColumns.length > 0){
-    		ProjectionList projectionList = Projections.projectionList();
-    		boolean groupCheck = false;    		
-    		for(int q=0; q<qryColumns.length; q++){
-    			if(!groupCheck && qryColumns[q].indexOf("groupBy") >= 0){
-    				groupCheck = true;
-    				continue;
-    			}
-    			if(groupCheck){
-	    			if(qryColumns[q].indexOf("Cnt") >= 0){
-	    				String qryColumn = qryColumns[q].substring(0, qryColumns[q].indexOf("Cnt")); 
-	    				projectionList.add(Projections.count(qryColumn).as("_"+qryColumns[q].substring(qryColumns[q].lastIndexOf(".")+1)));
-	    			}else{
-	    				projectionList.add(Projections.groupProperty(qryColumns[q]).as("_"+qryColumns[q].substring(qryColumns[q].lastIndexOf(".")+1)));
-	    			}
-    			}else{
-    				projectionList.add(Projections.property(qryColumns[q]).as("_"+qryColumns[q].substring(qryColumns[q].lastIndexOf(".")+1)));
-    			}
-    		}
-    		
-    		criteria.setProjection(projectionList);
-    		criteria.setResultTransformer(Criteria.ALIAS_TO_ENTITY_MAP);
-    	}
-    	
-    	if(!memberMergeSiteIdx.equals("")){
-       		criteria.add(Restrictions.ne("tSite.siteIdx", memberMergeSiteIdx));
-       	}
-    	
-    	criteria.add(Restrictions.eq("tMember.memberIdx", memberIdx));
-    			
-    	return criteria.list();
-    }
-    
-	//AdminSiteService, AdminSiteManagerService
-    public T_SITE_MANAGER getSiteManagerForm(Integer siteManagerIdx){
-
-    	return (T_SITE_MANAGER) this.sessionFactory.getCurrentSession().load(T_SITE_MANAGER.class, siteManagerIdx);
-    }
-    
-	//AdminSiteService, AdminSiteManagerService, ManagerSiteService
-    public boolean setSiteManagerRegProc(T_SITE_MANAGER tSiteManager){
-    	
-    	boolean success = false;
-    	
-    	try{
-	        this.sessionFactory.getCurrentSession().save(tSiteManager);
-	        this.sessionFactory.getCurrentSession().flush();
-	        this.sessionFactory.getCurrentSession().clear();
-	        success = true;
-    	}catch(HibernateException ex){
-    		log.error("CHECK ERROR:",ex);
-    	}
-    	
-    	return success;
-    }
-    
-	//AdminSiteService, AdminSiteManagerService
-    public boolean setSiteManagerModProc(T_SITE_MANAGER tSiteManager){
-    	
-    	boolean success = false;
-    	
-    	try{
-	        this.sessionFactory.getCurrentSession().update(tSiteManager);
-	        this.sessionFactory.getCurrentSession().flush();
-	        this.sessionFactory.getCurrentSession().clear();
-	        success = true;
-    	}catch(HibernateException ex){
-    		log.error("CHECK ERROR:",ex);
-    	}
-    	
-    	return success;
-    }
-    
-	//AdminSiteManagerService
-    public boolean setSiteManagerDelProc(T_SITE_MANAGER tSiteManager){
-
-    	boolean success = false;
-
-		try{
-    		this.sessionFactory.getCurrentSession().delete(tSiteManager);
-            this.sessionFactory.getCurrentSession().flush();
-            this.sessionFactory.getCurrentSession().clear();
-            success = true;
-		}catch(HibernateException ex){
-			log.error("CHECK ERROR:",ex);
-		}
-    	
-    	return success;
-    }
-}
diff --git a/src/main/java/seed/manager/banner/service/ManagerBannerDataService.java b/src/main/java/seed/manager/banner/service/ManagerBannerDataService.java
new file mode 100644
index 00000000..08bcf1b4
--- /dev/null
+++ b/src/main/java/seed/manager/banner/service/ManagerBannerDataService.java
@@ -0,0 +1,37 @@
+package seed.manager.banner.service;
+
+import java.util.List;
+
+import org.springframework.web.multipart.MultipartFile;
+
+import seed.map.T_BANNER_DATA;
+
+public interface ManagerBannerDataService {
+
+	//ManagerBannerController
+	public T_BANNER_DATA getBannerDataForm(Integer bannerDataIdx);
+
+	//ManagerBannerController
+	public Long getBannerDataListCnt(Integer bannerSetIdx, String column, String search);
+
+	//ManagerBannerController
+	public List<T_BANNER_DATA> getBannerDataList(Integer bannerSetIdx);
+	
+	//ManagerBannerController
+	public List<T_BANNER_DATA> getBannerDataList(Integer bannerSetIdx, int page, int row, String column, String search, String[] qryColumns);
+
+	//ManagerBannerController
+	public Integer setBannerDataRegProc(T_BANNER_DATA tBannerData, MultipartFile upFile, Integer memberIdx, String rootPath);
+
+	//ManagerBannerController
+	public boolean setBannerDataModProc(T_BANNER_DATA tBannerData, Integer memberIdx, MultipartFile upFile, String rootPath);
+
+	//ManagerBannerController
+	public boolean setBannerDataDelProc(Integer bannerDataIdx, String rootPath);
+
+	//ManagerBannerController
+	public boolean setBannerDataStatusProc(Integer bannerDataIdx, String status, Integer memberIdx);
+
+	//ManagerBannerController
+	public boolean setBannerDataOrderProc(Integer bannerSetIdx , Integer bannerDataOrder, String orderType, Integer memberIdx);
+}
diff --git a/src/main/java/seed/manager/banner/service/ManagerBannerDataServiceImpl.java b/src/main/java/seed/manager/banner/service/ManagerBannerDataServiceImpl.java
new file mode 100644
index 00000000..01a67872
--- /dev/null
+++ b/src/main/java/seed/manager/banner/service/ManagerBannerDataServiceImpl.java
@@ -0,0 +1,257 @@
+package seed.manager.banner.service;
+
+import java.io.File;
+import java.io.IOException;
+import java.text.SimpleDateFormat;
+import java.util.Date;
+import java.util.List;
+
+import org.apache.log4j.Logger;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+
+import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
+
+import seed.dao.BannerDataDAO;
+import seed.map.T_BANNER_DATA;
+import seed.map.T_MEMBER;
+import seed.utils.SeedFtpType;
+import seed.utils.SeedUtils;
+
+@Service
+public class ManagerBannerDataServiceImpl extends AbstractServiceImpl implements ManagerBannerDataService{
+	
+	private Logger log = Logger.getLogger(this.getClass());
+	
+	@Autowired
+    private BannerDataDAO bannerDataDAO;
+
+	//ManagerBannerController
+    public T_BANNER_DATA getBannerDataForm(Integer bannerDataIdx){
+    	
+    	return bannerDataDAO.getBannerDataForm(bannerDataIdx);
+    }
+
+	//ManagerBannerController
+    public Long getBannerDataListCnt(Integer bannerSetIdx, String column, String search){
+    	
+    	return bannerDataDAO.getBannerDataListCnt(bannerSetIdx, column, search);
+    }
+
+	//ManagerBannerController
+    public List<T_BANNER_DATA> getBannerDataList(Integer bannerSetIdx){
+    	
+    	return bannerDataDAO.getBannerDataList(bannerSetIdx);
+    }
+    
+	//ManagerBannerController
+    public List<T_BANNER_DATA> getBannerDataList(Integer bannerSetIdx, int page, int row, String column, String search, String[] qryColumns){
+    	
+    	return bannerDataDAO.getBannerDataList(bannerSetIdx, ((page-1) * row), row, column, search, qryColumns);
+    }
+
+	//ManagerBannerController
+    @Transactional
+	public Integer setBannerDataRegProc(T_BANNER_DATA tBannerData, MultipartFile upFile, Integer memberIdx, String rootPath){
+		
+		Integer bannerDataIdx = 0;
+		
+    	try{
+    		
+    		T_MEMBER tMember = new T_MEMBER();
+    		tMember.setMemberIdx(memberIdx);
+    		
+    		tBannerData.settMember(tMember);
+    		
+    		tBannerData.setBannerDataOrder(bannerDataDAO.getBannerDataOrderFormCnt(tBannerData.gettBannerSet().getBannerSetIdx())+1);
+    		tBannerData.setBannerDataStatus("U");
+    		tBannerData.setBannerDataRegDate(new Date());
+    		tBannerData.setBannerDataModDate(new Date());
+    		
+    		SeedUtils.setSeedMkDirs(rootPath + "/" + tBannerData.gettBannerSet().gettSite().getSiteIdx() + "/upload/banner/" + tBannerData.gettBannerSet().getBannerSetIdx());
+    		
+    		SimpleDateFormat sdfFormat = new SimpleDateFormat("yyyyMMddHHmmss");
+    		String reFileName = tBannerData.gettBannerSet().getBannerSetIdx() + "_" + sdfFormat.format(new Date()) + "_" + SeedUtils.getSeedMD5Code(String.valueOf(SeedUtils.getRandom(999,1)));
+    		
+    		File makeFile = new File(rootPath + "/" + tBannerData.gettBannerSet().gettSite().getSiteIdx() 
+    				+ "/upload/banner/" + tBannerData.gettBannerSet().getBannerSetIdx() + "/" + reFileName +
+    				upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+    		upFile.transferTo(makeFile);
+    		
+    		//FTP 전송
+    		SeedFtpType seedFtpType = new SeedFtpType();
+    		//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(tBannerData.gettBannerSet().gettSite().getSiteIdx() + "/upload/banner/" + tBannerData.gettBannerSet().getBannerSetIdx());
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath + "/" + tBannerData.gettBannerSet().gettSite().getSiteIdx() + "/upload/banner/" + tBannerData.gettBannerSet().getBannerSetIdx());
+    		//WAS 파일명
+    		seedFtpType.setFileName(reFileName + upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();
+    		
+    		tBannerData.setBannerDataFile(upFile.getOriginalFilename());
+    		tBannerData.setBannerDataReFile(reFileName+upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+    		
+			T_BANNER_DATA tBannerDataDB = bannerDataDAO.setBannerDataRegProc(tBannerData);
+			
+			if(tBannerDataDB.getBannerDataIdx() > 0){
+				bannerDataIdx = tBannerDataDB.getBannerDataIdx();
+			}
+    		
+    	}catch(IOException e){
+    		log.error("CHECK ERROR:",e);
+    	}
+    	
+		return bannerDataIdx;
+	}
+
+	//ManagerBannerController
+    @Transactional
+	public boolean setBannerDataModProc(T_BANNER_DATA tBannerData, Integer memberIdx, MultipartFile upFile, String rootPath){
+		
+		T_BANNER_DATA tBannerDataDB = bannerDataDAO.getBannerDataForm(tBannerData.getBannerDataIdx());
+		
+    	try{
+    		
+    		T_MEMBER tMember = new T_MEMBER();
+    		tMember.setMemberIdx(memberIdx);
+    		
+    		tBannerDataDB.settMember(tMember);
+    		tBannerDataDB.setBannerDataTitle(tBannerData.getBannerDataTitle());
+    		tBannerDataDB.setBannerDataContent(tBannerData.getBannerDataContent());
+    		tBannerDataDB.setBannerDataType(tBannerData.getBannerDataType());
+    		tBannerDataDB.setBannerDataSdate(tBannerData.getBannerDataSdate());
+    		tBannerDataDB.setBannerDataEdate(tBannerData.getBannerDataEdate());
+    		tBannerDataDB.setBannerDataLink(tBannerData.getBannerDataLink());
+    		tBannerDataDB.setBannerDataLinkType(tBannerData.getBannerDataLinkType());
+    		tBannerDataDB.setBannerDataModDate(new Date());
+    		
+    		if(upFile != null && upFile.getBytes().length > 0){
+    			
+	    		//FTP 전송
+	    		SeedFtpType seedFtpType = new SeedFtpType();
+	    		
+	    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tBannerData.gettBannerSet().gettSite().getSiteIdx() 
+	    				+ "/upload/banner/" + tBannerData.gettBannerSet().getBannerSetIdx() + "/" + tBannerDataDB.getBannerDataReFile());
+	    		
+	    		//WEB 서버의 경로
+	    		seedFtpType.setDestFilePath(tBannerData.gettBannerSet().gettSite().getSiteIdx() + "/upload/banner/" + tBannerData.gettBannerSet().getBannerSetIdx());
+	    		//WAS 서버의 경로
+	    		seedFtpType.setSrcFilePath("");
+	    		//WAS 파일명
+	    		seedFtpType.setFileName(tBannerDataDB.getBannerDataReFile());
+	    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+	    		seedFtpType.setFtpType("delFile");
+	    		seedFtpType.setSeedFtp();
+	    		
+	    		SeedUtils.setSeedMkDirs(rootPath + "/" + tBannerData.gettBannerSet().gettSite().getSiteIdx() + "/upload/banner/" + tBannerData.gettBannerSet().getBannerSetIdx());
+	    		
+	    		SimpleDateFormat sdfFormat = new SimpleDateFormat("yyyyMMddHHmmss");
+	    		String reFileName = tBannerData.gettBannerSet().getBannerSetIdx() + "_" + sdfFormat.format(new Date()) + "_" + SeedUtils.getSeedMD5Code(String.valueOf(SeedUtils.getRandom(999,1)));
+	    		
+	    		File makeFile = new File(rootPath + "/" + tBannerData.gettBannerSet().gettSite().getSiteIdx() 
+	    				+ "/upload/banner/" + tBannerData.gettBannerSet().getBannerSetIdx() + "/" + reFileName +  
+	    				upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+	    		upFile.transferTo(makeFile);
+	    		
+	    		//WEB 서버의 경로
+	    		seedFtpType.setDestFilePath(tBannerData.gettBannerSet().gettSite().getSiteIdx() + "/upload/banner/" + tBannerData.gettBannerSet().getBannerSetIdx());
+	    		//WAS 서버의 경로
+	    		seedFtpType.setSrcFilePath(rootPath + "/" + tBannerData.gettBannerSet().gettSite().getSiteIdx() + "/upload/banner/" + tBannerData.gettBannerSet().getBannerSetIdx());
+	    		//WAS 파일명
+	    		seedFtpType.setFileName(reFileName + upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+	    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+	    		seedFtpType.setFtpType("regFile");
+	    		seedFtpType.setSeedFtp();
+	    		
+	    		tBannerDataDB.setBannerDataFile(upFile.getOriginalFilename());
+	    		tBannerDataDB.setBannerDataReFile(reFileName+upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+    		}
+    		
+    	}catch(IOException e){
+    		log.error("CHECK ERROR:",e);
+    	}
+		return bannerDataDAO.setBannerDataModProc(tBannerDataDB);
+	}
+
+	//ManagerBannerController
+    @Transactional
+	public boolean setBannerDataDelProc(Integer bannerDataIdx, String rootPath){
+		
+		T_BANNER_DATA tBannerDataDB = bannerDataDAO.getBannerDataForm(bannerDataIdx);
+		
+		SeedUtils.setSeedDeleteFile(rootPath + "/" + tBannerDataDB.gettBannerSet().gettSite().getSiteIdx() 
+				+ "/upload/banner/" + tBannerDataDB.gettBannerSet().getBannerSetIdx() + "/" + tBannerDataDB.getBannerDataReFile());
+		
+		//FTP 전송
+		SeedFtpType seedFtpType = new SeedFtpType();
+		//WEB 서버의 경로
+		seedFtpType.setDestFilePath(tBannerDataDB.gettBannerSet().gettSite().getSiteIdx() + "/upload/banner/" + tBannerDataDB.gettBannerSet().getBannerSetIdx());
+		//WAS 서버의 경로
+		seedFtpType.setSrcFilePath("");
+		//WAS 파일명
+		seedFtpType.setFileName(tBannerDataDB.getBannerDataReFile());
+		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+		seedFtpType.setFtpType("delFile");
+		seedFtpType.setSeedFtp();
+		
+		if(bannerDataDAO.getBannerDataListCnt(tBannerDataDB.gettBannerSet().getBannerSetIdx()) > 1){
+			bannerDataDAO.setBannerDataOrderProc(tBannerDataDB.gettBannerSet().getBannerSetIdx(), tBannerDataDB.getBannerDataOrder());
+		}
+		
+		return bannerDataDAO.setBannerDataDelProc(tBannerDataDB);
+	}
+
+	//ManagerBannerController
+    @Transactional
+	public boolean setBannerDataStatusProc(Integer bannerDataIdx, String status, Integer memberIdx){
+		
+		T_BANNER_DATA tBannerDataDB = bannerDataDAO.getBannerDataForm(bannerDataIdx);
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tBannerDataDB.settMember(tMember);
+		tBannerDataDB.setBannerDataModDate(new Date());
+		tBannerDataDB.setBannerDataStatus(status);
+		
+		return bannerDataDAO.setBannerDataModProc(tBannerDataDB);
+	}
+
+	//ManagerBannerController
+    @Transactional
+	public boolean setBannerDataOrderProc(Integer bannerSetIdx, Integer bannerDataOrder, String orderType, Integer memberIdx){
+		
+		boolean success = false;
+		
+		Integer bannerDataOrderTmp = bannerDataOrder;
+		
+		if(orderType.equals("up")){
+			bannerDataOrder = bannerDataOrder - 1; 
+		}else{
+			bannerDataOrder = bannerDataOrder + 1;
+		}
+		
+		T_BANNER_DATA tBannerDataOrderDB  = bannerDataDAO.getBannerDataOrderForm(bannerSetIdx, bannerDataOrder);
+		T_BANNER_DATA tBannerDataDB = bannerDataDAO.getBannerDataOrderForm(bannerSetIdx, bannerDataOrderTmp);
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tBannerDataOrderDB.settMember(tMember);
+		tBannerDataDB.settMember(tMember);
+		
+		tBannerDataOrderDB.setBannerDataOrder(bannerDataOrderTmp);
+		tBannerDataDB.setBannerDataOrder(bannerDataOrder);
+		
+		if(bannerDataDAO.setBannerDataModProc(tBannerDataDB)
+				&& bannerDataDAO.setBannerDataModProc(tBannerDataOrderDB)){
+			success = true;
+		}
+		
+		return success;
+	}
+}
diff --git a/src/main/java/seed/manager/banner/service/ManagerBannerManagerService.java b/src/main/java/seed/manager/banner/service/ManagerBannerManagerService.java
new file mode 100644
index 00000000..342d6a4d
--- /dev/null
+++ b/src/main/java/seed/manager/banner/service/ManagerBannerManagerService.java
@@ -0,0 +1,38 @@
+package seed.manager.banner.service;
+
+import java.util.List;
+
+import seed.map.T_BANNER_MANAGER;
+
+public interface ManagerBannerManagerService {
+
+	//ManagerBannerController
+	public boolean getBannerManagerListGrantCnt(Integer bannerSetIdx, Integer memberIdx);
+
+	//ManagerBannerController
+	public boolean getBannerManagerListCnt(Integer bannerSetIdx, Integer memberIdx);
+
+	//ManagerBannerController
+	public Long getBannerManagerListCnt(Integer bannerSetIdx, Integer selGroup, String column, String search);
+	
+	//CommonController
+	public Long getBannerManagerListCnt(String siteIdx, Integer memberIdx, String column, String search);
+	
+	//CommonController
+	public List<T_BANNER_MANAGER> getBannerManagerList(Integer bannerSetIdx, int page, int row, String orderColumn, String order, Integer selGroup, String column, String search, String[] qryColumns);
+	
+	//ManagerBannerController
+	public List<T_BANNER_MANAGER> getBannerManagerList(String siteIdx, Integer memberIdx, int page, int row, String orderColumn, String order, String column, String search, String[] qryColumns);
+	
+	//CommonController
+	public boolean setBannerManagerRegProc(Integer bannerSetIdx, Integer[] idxsc);
+
+	//CommonController
+	public boolean setBannerManagerDelProc(Integer bannerManagerIdx);
+	
+	//CommonController
+	public boolean setBannerManagerStatusProc(Integer bannerManagerIdx, String status);
+	
+	//CommonController
+	public boolean setBannerManagerGrantProc(Integer bannerManagerIdx, String grant);
+}
diff --git a/src/main/java/seed/manager/banner/service/ManagerBannerManagerServiceImpl.java b/src/main/java/seed/manager/banner/service/ManagerBannerManagerServiceImpl.java
new file mode 100644
index 00000000..451920c7
--- /dev/null
+++ b/src/main/java/seed/manager/banner/service/ManagerBannerManagerServiceImpl.java
@@ -0,0 +1,188 @@
+package seed.manager.banner.service;
+
+import java.util.Date;
+import java.util.List;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
+import seed.dao.BannerManagerDAO;
+import seed.dao.MemberDAO;
+import seed.dao.SiteManager2DAO;
+import seed.map.T_BANNER_MANAGER;
+import seed.map.T_BANNER_SET;
+import seed.map.T_MEMBER;
+
+@Service
+public class ManagerBannerManagerServiceImpl extends AbstractServiceImpl implements ManagerBannerManagerService{
+
+    @Autowired
+    private BannerManagerDAO bannerManagerDAO;
+    
+    @Autowired
+    private SiteManager2DAO siteManager2DAO;
+    
+    @Autowired
+    private MemberDAO memberDAO;
+	
+	//ManagerBannerController
+	public boolean getBannerManagerListGrantCnt(Integer bannerSetIdx, Integer memberIdx){
+	
+		boolean success = false;
+		
+		if(bannerManagerDAO.getBannerManagerListGrantCnt(bannerSetIdx, memberIdx) > 0){
+			success = true;
+		}
+		
+		return success;
+	}
+	
+	//ManagerBannerController
+	public boolean getBannerManagerListCnt(Integer bannerSetIdx, Integer memberIdx){
+	
+		boolean success = false;
+		
+		if(bannerManagerDAO.getBannerManagerListCnt(bannerSetIdx, memberIdx) > 0){
+			success = true;
+		}
+		
+		return success;
+	}
+	
+	//CommonController
+	public Long getBannerManagerListCnt(Integer bannerSetIdx, Integer selGroup, String column, String search){
+		
+		return bannerManagerDAO.getBannerManagerListCnt(bannerSetIdx, selGroup, column, search);
+	}
+	
+	//ManagerBannerController
+	public Long getBannerManagerListCnt(String siteIdx, Integer memberIdx, String column, String search){
+		
+		return bannerManagerDAO.getBannerManagerListCnt(siteIdx, memberIdx, column, search);
+	}
+	
+	//CommonController
+	public List<T_BANNER_MANAGER> getBannerManagerList(Integer bannerSetIdx, int page, int row, String orderColumn, String order, Integer selGroup, String column, String search, String[] qryColumns){
+		
+		return bannerManagerDAO.getBannerManagerList(bannerSetIdx, ((page-1) * row), row, orderColumn, order, selGroup, column, search, qryColumns);
+	}
+	
+	//ManagerBannerController
+	public List<T_BANNER_MANAGER> getBannerManagerList(String siteIdx, Integer memberIdx, int page, int row, String orderColumn, String order, String column, String search, String[] qryColumns){
+		
+		return bannerManagerDAO.getBannerManagerList(siteIdx, memberIdx, ((page-1) * row), row, orderColumn, order, column, search, qryColumns);
+	}
+	
+	//CommonController
+	@Transactional
+	public boolean setBannerManagerRegProc(Integer bannerSetIdx, Integer[] idxsc){
+		
+		boolean success = false;
+		
+		if(idxsc.length > 0){
+			
+			for(int i=0; i<idxsc.length; i++){
+				
+				if(bannerManagerDAO.getBannerManagerListCnt(bannerSetIdx, idxsc[i]) > 0){
+					success = true;
+				}else{
+					
+					T_MEMBER tMember = new T_MEMBER();
+					tMember.setMemberIdx(idxsc[i]);
+					
+					T_BANNER_SET tBannerSet = new T_BANNER_SET();
+					tBannerSet.setBannerSetIdx(bannerSetIdx);
+					
+					T_BANNER_MANAGER tBannerManager = new T_BANNER_MANAGER();
+					
+					tBannerManager.settMember(tMember);
+					tBannerManager.settBannerSet(tBannerSet);
+					tBannerManager.setBannerManagerStatus("U");
+					tBannerManager.setBannerManagerGrant("S");
+					tBannerManager.setBannerManagerRegDate(new Date());
+					
+					if(bannerManagerDAO.setBannerManagerRegProc(tBannerManager)){
+						success = true;
+						
+						T_MEMBER tMemberDB = memberDAO.getMemberForm(idxsc[i]);
+						
+						if(!tMemberDB.getMemberGrant().equals("S")){
+							
+							if(tMemberDB.getMemberGrant().equals("SM")){
+								tMemberDB.setMemberGrant("SM");
+							}else{
+								tMemberDB.setMemberGrant("M");
+							}
+							
+							if(!memberDAO.setMemberModProc(tMemberDB)){
+								success = false;
+								break;
+							}
+						}
+					}else{
+						success = false;
+					}
+				}
+			}
+		}
+		
+		return success;
+	}
+
+	//CommonController
+	@Transactional
+	public boolean setBannerManagerDelProc(Integer bannerManagerIdx){
+		
+		boolean success = false;
+		
+		T_BANNER_MANAGER tBannerManagerDB = bannerManagerDAO.getBannerManagerForm(bannerManagerIdx);
+		
+		if(bannerManagerDAO.setBannerManagerDelProc(tBannerManagerDB)){
+			
+			success = true;
+			
+			T_MEMBER tMemberDB = memberDAO.getMemberForm(tBannerManagerDB.gettMember().getMemberIdx());
+			
+			if(!tMemberDB.getMemberGrant().equals("S")){
+				
+				if(siteManager2DAO.getSiteManagerListCnt(tMemberDB.getMemberIdx()) > 0){
+					tMemberDB.setMemberGrant("SM");
+				}else if((tMemberDB.getMemberGrant().equals("SM") || tMemberDB.getMemberGrant().equals("M"))){
+					tMemberDB.setMemberGrant("M");
+				}else{
+					tMemberDB.setMemberGrant("N");
+				}
+				
+				if(!memberDAO.setMemberModProc(tMemberDB)){
+					success = false;
+				}
+			}
+		}
+		
+		return success;
+	}
+	
+	//CommonController
+	@Transactional
+	public boolean setBannerManagerStatusProc(Integer bannerManagerIdx, String status){
+		
+		T_BANNER_MANAGER tBannerManagerDB = bannerManagerDAO.getBannerManagerForm(bannerManagerIdx);
+		
+		tBannerManagerDB.setBannerManagerStatus(status);
+		
+		return bannerManagerDAO.setBannerManagerModProc(tBannerManagerDB);
+	}
+	
+	//CommonController
+	@Transactional
+	public boolean setBannerManagerGrantProc(Integer bannerManagerIdx, String grant){
+		
+		T_BANNER_MANAGER tBannerManagerDB = bannerManagerDAO.getBannerManagerForm(bannerManagerIdx);
+		
+		tBannerManagerDB.setBannerManagerGrant(grant);
+		
+		return bannerManagerDAO.setBannerManagerModProc(tBannerManagerDB);
+	}
+}
diff --git a/src/main/java/seed/manager/banner/service/ManagerBannerSetService.java b/src/main/java/seed/manager/banner/service/ManagerBannerSetService.java
new file mode 100644
index 00000000..c97385b6
--- /dev/null
+++ b/src/main/java/seed/manager/banner/service/ManagerBannerSetService.java
@@ -0,0 +1,33 @@
+package seed.manager.banner.service;
+
+import java.util.List;
+
+import javax.servlet.http.HttpServletRequest;
+
+import org.springframework.web.multipart.MultipartHttpServletRequest;
+
+import seed.map.T_BANNER_SET;
+
+public interface ManagerBannerSetService {
+
+	//ManagerBannerController
+	public T_BANNER_SET getBannerSetForm(Integer bannerSetIdx);
+	
+	//ManagerBannerController
+	public Long getBannerSetListCnt(String siteIdx, String column, String search);
+	
+	//ManagerBannerController	
+	public List<T_BANNER_SET> getBannerSetList(String siteIdx, int page, int row, String orderColumn, String order, String column, String search, String[] qryColumns);
+
+	//ManagerBannerController	
+	public Integer setBannerSetRegProc(T_BANNER_SET tBannerSet, Integer memberIdx, HttpServletRequest httpServletRequest, MultipartHttpServletRequest multipartHttpServletRequest, String rootPath);
+	
+	//ManagerBannerController	
+	public boolean setBannerSetModProc(T_BANNER_SET tBannerSet, Integer memberIdx, HttpServletRequest httpServletRequest, MultipartHttpServletRequest multipartHttpServletRequest, String rootPath);
+	
+	//ManagerBannerController	
+	public boolean setBannerSetDelProc(Integer bannerSetIdx, String rootPath);
+	
+	//ManagerBannerController	
+	public boolean setBannerSetStatusProc(Integer bannerSetIdx, String status, Integer memberIdx);
+}
diff --git a/src/main/java/seed/manager/banner/service/ManagerBannerSetServiceImpl.java b/src/main/java/seed/manager/banner/service/ManagerBannerSetServiceImpl.java
new file mode 100644
index 00000000..1de2840f
--- /dev/null
+++ b/src/main/java/seed/manager/banner/service/ManagerBannerSetServiceImpl.java
@@ -0,0 +1,449 @@
+package seed.manager.banner.service;
+
+import java.io.File;
+import java.io.IOException;
+import java.text.SimpleDateFormat;
+import java.util.Date;
+import java.util.Iterator;
+import java.util.List;
+
+import javax.servlet.http.HttpServletRequest;
+
+import org.apache.log4j.Logger;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+import org.springframework.web.multipart.MultipartHttpServletRequest;
+
+import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
+
+import seed.dao.BannerDataDAO;
+import seed.dao.BannerSetDAO;
+import seed.map.T_BANNER_DATA;
+import seed.map.T_BANNER_SET;
+import seed.map.T_MEMBER;
+import seed.utils.SeedFtpType;
+import seed.utils.SeedUtils;
+
+@Service
+public class ManagerBannerSetServiceImpl extends AbstractServiceImpl implements ManagerBannerSetService{
+	
+	private Logger log = Logger.getLogger(this.getClass());
+	
+	@Autowired
+    private BannerSetDAO bannerSetDAO;
+    
+    @Autowired
+    private BannerDataDAO bannerDataDAO;
+    
+	//ManagerBannerController
+    public T_BANNER_SET getBannerSetForm(Integer bannerSetIdx){
+    	
+    	return bannerSetDAO.getBannerSetForm(bannerSetIdx);
+    }
+
+    public Long getBannerSetListCnt(String siteIdx, String column, String search){
+    	
+    	return bannerSetDAO.getBannerSetListCnt(siteIdx, column, search);
+    }
+    
+    public List<T_BANNER_SET> getBannerSetList(String siteIdx, int page, int row, String orderColumn, String order, String column, String search, String[] qryColumns){
+    	
+    	return bannerSetDAO.getBannerSetList(siteIdx, ((page-1) * row), row, orderColumn, order, column, search, qryColumns);
+    }
+    
+    @Transactional
+	public Integer setBannerSetRegProc(T_BANNER_SET tBannerSet, Integer memberIdx, HttpServletRequest httpServletRequest, MultipartHttpServletRequest multipartHttpServletRequest, String rootPath){
+		
+		Integer bannerSetIdx = 0;
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tBannerSet.settMember(tMember);
+		tBannerSet.setBannerSetStatus("U");
+		tBannerSet.setBannerSetRegDate(new Date());
+		tBannerSet.setBannerSetModDate(new Date());
+		
+		T_BANNER_SET tBannerSetDB = bannerSetDAO.setBannerSetRegProc(tBannerSet);
+		
+		if(tBannerSetDB.getBannerSetIdx() > 0){
+			
+			T_BANNER_SET tBannerSetTmp = bannerSetDAO.getBannerSetForm(tBannerSetDB.getBannerSetIdx());
+			
+			try{
+				
+				SeedUtils.setSeedMkDirs(rootPath + "/" + tBannerSetTmp.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetTmp.getBannerSetIdx());
+				
+	    		SimpleDateFormat sdfFormat = new SimpleDateFormat("yyyyMMddHHmmss");
+	    		
+				Iterator<String> iteratorfileNames = multipartHttpServletRequest.getFileNames();
+				
+				//FTP 전송
+				SeedFtpType seedFtpType = new SeedFtpType();
+				
+				while (iteratorfileNames.hasNext()) {
+					
+					String fileFormName = (String)iteratorfileNames.next();
+					String fileFormRename = fileFormName.substring(fileFormName.indexOf("file_")+5);
+					
+					MultipartFile multipartFile = multipartHttpServletRequest.getFile(fileFormName);
+					
+					if(multipartFile != null && !multipartFile.isEmpty()){
+						
+			    		String reFileName = tBannerSetTmp.getBannerSetIdx() + "_" + sdfFormat.format(new Date()) + "_" + SeedUtils.getSeedMD5Code(String.valueOf(SeedUtils.getRandom(999,1)));
+			    		
+			    		File makeFile = new File(rootPath + "/" + tBannerSetTmp.gettSite().getSiteIdx()
+			    				+ "/upload/banner/" + tBannerSetTmp.getBannerSetIdx() + "/" + reFileName +
+			    				multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    		multipartFile.transferTo(makeFile);
+			    		
+			    		//WEB 서버의 경로
+			    		seedFtpType.setDestFilePath(tBannerSetTmp.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetTmp.getBannerSetIdx());
+			    		//WAS 서버의 경로
+			    		seedFtpType.setSrcFilePath(rootPath + "/" + tBannerSetTmp.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetTmp.getBannerSetIdx());
+			    		//WAS 파일명
+			    		seedFtpType.setFileName(reFileName + multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+			    		seedFtpType.setFtpType("regFile");
+			    		seedFtpType.setSeedFtp();
+			    		
+			    		if(fileFormRename.equals("bannerSetPlayImg")){
+			    			tBannerSetTmp.setBannerSetPlayImg(multipartFile.getOriginalFilename());
+			    			tBannerSetTmp.setBannerSetPlayReImg(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    		}else if(fileFormRename.equals("bannerSetStopImg")){
+			    			tBannerSetTmp.setBannerSetStopImg(multipartFile.getOriginalFilename());
+			    			tBannerSetTmp.setBannerSetStopReImg(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    		}else if(fileFormRename.equals("bannerSetPreImg")){
+			    			tBannerSetTmp.setBannerSetPreImg(multipartFile.getOriginalFilename());
+			    			tBannerSetTmp.setBannerSetPreReImg(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    		}else if(fileFormRename.equals("bannerSetNextImg")){
+			    			tBannerSetTmp.setBannerSetNextImg(multipartFile.getOriginalFilename());
+			    			tBannerSetTmp.setBannerSetNextReImg(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    		}
+					}
+				}
+				
+				String filePath = rootPath.substring(0, rootPath.lastIndexOf("/site"));
+				
+				if(SeedUtils.setReplaceNull(tBannerSetTmp.getBannerSetPlayImg()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/banner/btn_play.png", 
+							rootPath + "/" + tBannerSetTmp.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetTmp.getBannerSetIdx() + "/btn_play.png");
+
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tBannerSetTmp.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetTmp.getBannerSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/banner");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_play.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tBannerSetTmp.setBannerSetPlayImg("btn_play.png");
+	    			tBannerSetTmp.setBannerSetPlayReImg("btn_play.png");
+				}
+				
+				if(SeedUtils.setReplaceNull(tBannerSetTmp.getBannerSetStopImg()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/banner/btn_stop.png", 
+							rootPath + "/" + tBannerSetTmp.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetTmp.getBannerSetIdx() + "/btn_stop.png");
+					
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tBannerSetTmp.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetTmp.getBannerSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/banner");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_stop.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tBannerSetTmp.setBannerSetStopImg("btn_stop.png");
+	    			tBannerSetTmp.setBannerSetStopReImg("btn_stop.png");
+				}
+				
+				if(SeedUtils.setReplaceNull(tBannerSetTmp.getBannerSetPreImg()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/banner/btn_pre.png", 
+							rootPath + "/" + tBannerSetTmp.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetTmp.getBannerSetIdx() + "/btn_pre.png");
+					
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tBannerSetTmp.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetTmp.getBannerSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/banner");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_pre.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tBannerSetTmp.setBannerSetPreImg("btn_pre.png");
+	    			tBannerSetTmp.setBannerSetPreReImg("btn_pre.png");
+				}
+				
+				if(SeedUtils.setReplaceNull(tBannerSetTmp.getBannerSetNextImg()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/banner/btn_next.png", 
+							rootPath + "/" + tBannerSetTmp.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetTmp.getBannerSetIdx() + "/btn_next.png");
+					
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tBannerSetTmp.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetTmp.getBannerSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/banner");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_next.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tBannerSetTmp.setBannerSetNextImg("btn_next.png");
+	    			tBannerSetTmp.setBannerSetNextReImg("btn_next.png");
+				}
+				
+	    		if(bannerSetDAO.setBannerSetModProc(tBannerSetTmp)){
+	    			bannerSetIdx = tBannerSetTmp.getBannerSetIdx();
+	    		}
+	    		
+			}catch(IOException e){
+				log.error("CHECK ERROR:",e);
+			}
+		}
+		
+		return bannerSetIdx;
+	}
+	
+    @Transactional
+	public boolean setBannerSetModProc(T_BANNER_SET tBannerSet, Integer memberIdx, HttpServletRequest httpServletRequest, MultipartHttpServletRequest multipartHttpServletRequest, String rootPath){
+		
+		T_BANNER_SET tBannerSetDB = bannerSetDAO.getBannerSetForm(tBannerSet.getBannerSetIdx());
+		
+		try{
+			
+			T_MEMBER tMember = new T_MEMBER();
+			tMember.setMemberIdx(memberIdx);
+			
+			tBannerSetDB.settMember(tMember);
+			tBannerSetDB.setBannerSetName(tBannerSet.getBannerSetName());
+			tBannerSetDB.setBannerSetWidth(tBannerSet.getBannerSetWidth());
+			tBannerSetDB.setBannerSetHeight(tBannerSet.getBannerSetHeight());
+			tBannerSetDB.setBannerDataWidth(tBannerSet.getBannerDataWidth());
+			tBannerSetDB.setBannerDataHeight(tBannerSet.getBannerDataHeight());
+			tBannerSetDB.setBannerDataPadding(tBannerSet.getBannerDataPadding());
+			tBannerSetDB.setBannerSetSkin(tBannerSet.getBannerSetSkin());
+			tBannerSetDB.setBannerSetTime(tBannerSet.getBannerSetTime());
+			tBannerSetDB.setBannerSetArray(tBannerSet.getBannerSetArray());
+			tBannerSetDB.setBannerSetPSTB(tBannerSet.getBannerSetPSTB());
+			tBannerSetDB.setBannerSetPSTBPosition(tBannerSet.getBannerSetPSTBPosition());
+			tBannerSetDB.setBannerSetPSLR(tBannerSet.getBannerSetPSLR());
+			tBannerSetDB.setBannerSetPSLRPosition(tBannerSet.getBannerSetPSLRPosition());
+			tBannerSetDB.setBannerSetPreTB(tBannerSet.getBannerSetPreTB());
+			tBannerSetDB.setBannerSetPreTBPosition(tBannerSet.getBannerSetPreTBPosition());
+			tBannerSetDB.setBannerSetPreLR(tBannerSet.getBannerSetPreLR());
+			tBannerSetDB.setBannerSetPreLRPosition(tBannerSet.getBannerSetPreLRPosition());
+			tBannerSetDB.setBannerSetNextTB(tBannerSet.getBannerSetNextTB());
+			tBannerSetDB.setBannerSetNextTBPosition(tBannerSet.getBannerSetNextTBPosition());
+			tBannerSetDB.setBannerSetNextLR(tBannerSet.getBannerSetNextLR());
+			tBannerSetDB.setBannerSetNextLRPosition(tBannerSet.getBannerSetNextLRPosition());
+			tBannerSetDB.setBannerSetType(tBannerSet.getBannerSetType());
+			tBannerSetDB.setBannerSetModDate(new Date());
+			
+			Iterator<String> iteratorfileNames = multipartHttpServletRequest.getFileNames();
+			
+    		//FTP 전송
+    		SeedFtpType seedFtpType = new SeedFtpType();
+    		
+			while (iteratorfileNames.hasNext()) {
+				
+				String fileFormName = (String)iteratorfileNames.next();
+				String fileFormRename = fileFormName.substring(fileFormName.indexOf("file_")+5);
+				
+				MultipartFile multipartFile = multipartHttpServletRequest.getFile(fileFormName);
+				
+				if(multipartFile != null && !multipartFile.isEmpty()){
+		    		
+		    		SeedUtils.setSeedMkDirs(rootPath + "/" + tBannerSetDB.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetDB.getBannerSetIdx());
+		    		
+		    		SimpleDateFormat sdfFormat = new SimpleDateFormat("yyyyMMddHHmmss");
+		    		String reFileName = tBannerSetDB.getBannerSetIdx() + "_" + sdfFormat.format(new Date()) + "_" + SeedUtils.getSeedMD5Code(String.valueOf(SeedUtils.getRandom(999,1)));
+		    		
+		    		File makeFile = new File(rootPath + "/" + tBannerSetDB.gettSite().getSiteIdx() 
+		    				+ "/upload/banner/" + tBannerSetDB.getBannerSetIdx() + "/" + reFileName +  
+		    				multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+		    		multipartFile.transferTo(makeFile);
+		    		
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tBannerSetDB.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetDB.getBannerSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(rootPath + "/" + tBannerSetDB.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetDB.getBannerSetIdx());
+		    		//WAS 파일명
+		    		seedFtpType.setFileName(reFileName + multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+		    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+		    		if(fileFormRename.equals("bannerSetPlayImg")){
+		    			
+			    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tBannerSetDB.gettSite().getSiteIdx() 
+			    				+ "/upload/banner/" + tBannerSetDB.getBannerSetIdx() + "/" + tBannerSetDB.getBannerSetPlayReImg());
+			    		
+			    		//WEB 서버의 경로
+			    		seedFtpType.setDestFilePath(tBannerSetDB.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetDB.getBannerSetIdx());
+			    		//WAS 서버의 경로
+			    		seedFtpType.setSrcFilePath("");
+			    		//WAS 파일명
+			    		seedFtpType.setFileName(tBannerSetDB.getBannerSetPlayReImg());
+			    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+			    		seedFtpType.setFtpType("delFile");
+			    		seedFtpType.setSeedFtp();
+			    		
+			    		tBannerSetDB.setBannerSetPlayImg(multipartFile.getOriginalFilename());
+		    			tBannerSetDB.setBannerSetPlayReImg(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+		    			
+		    		}else if(fileFormRename.equals("bannerSetStopImg")){
+		    			
+			    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tBannerSetDB.gettSite().getSiteIdx() 
+			    				+ "/upload/banner/" + tBannerSetDB.getBannerSetIdx() + "/" + tBannerSetDB.getBannerSetStopReImg());
+			    		
+			    		//WEB 서버의 경로
+			    		seedFtpType.setDestFilePath(tBannerSetDB.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetDB.getBannerSetIdx());
+			    		//WAS 서버의 경로
+			    		seedFtpType.setSrcFilePath("");
+			    		//WAS 파일명
+			    		seedFtpType.setFileName(tBannerSetDB.getBannerSetStopReImg());
+			    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+			    		seedFtpType.setFtpType("delFile");
+			    		seedFtpType.setSeedFtp();
+			    		
+		    			tBannerSetDB.setBannerSetStopImg(multipartFile.getOriginalFilename());
+		    			tBannerSetDB.setBannerSetStopReImg(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+		    			
+		    		}else if(fileFormRename.equals("bannerSetPreImg")){
+		    			
+			    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tBannerSetDB.gettSite().getSiteIdx() 
+			    				+ "/upload/banner/" + tBannerSetDB.getBannerSetIdx() + "/" + tBannerSetDB.getBannerSetPreReImg());
+			    		
+			    		//WEB 서버의 경로
+			    		seedFtpType.setDestFilePath(tBannerSetDB.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetDB.getBannerSetIdx());
+			    		//WAS 서버의 경로
+			    		seedFtpType.setSrcFilePath("");
+			    		//WAS 파일명
+			    		seedFtpType.setFileName(tBannerSetDB.getBannerSetPreReImg());
+			    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+			    		seedFtpType.setFtpType("delFile");
+			    		seedFtpType.setSeedFtp();
+			    		
+		    			tBannerSetDB.setBannerSetPreImg(multipartFile.getOriginalFilename());
+		    			tBannerSetDB.setBannerSetPreReImg(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+		    			
+		    		}else if(fileFormRename.equals("bannerSetNextImg")){
+		    			
+			    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tBannerSetDB.gettSite().getSiteIdx() 
+			    				+ "/upload/banner/" + tBannerSetDB.getBannerSetIdx() + "/" + tBannerSetDB.getBannerSetNextReImg());
+			    		
+			    		//WEB 서버의 경로
+			    		seedFtpType.setDestFilePath(tBannerSetDB.gettSite().getSiteIdx() + "/upload/banner/" + tBannerSetDB.getBannerSetIdx());
+			    		//WAS 서버의 경로
+			    		seedFtpType.setSrcFilePath("");
+			    		//WAS 파일명
+			    		seedFtpType.setFileName(tBannerSetDB.getBannerSetNextReImg());
+			    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+			    		seedFtpType.setFtpType("delFile");
+			    		seedFtpType.setSeedFtp();
+			    		
+		    			tBannerSetDB.setBannerSetNextImg(multipartFile.getOriginalFilename());
+		    			tBannerSetDB.setBannerSetNextReImg(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+		    			
+		    		}
+				}
+			}
+    		
+    	}catch(IOException e){
+    		log.error("CHECK ERROR:",e);
+    	}
+		
+		return bannerSetDAO.setBannerSetModProc(tBannerSetDB);
+	}
+	
+    @Transactional
+	public boolean setBannerSetDelProc(Integer bannerSetIdx, String rootPath){
+		
+		T_BANNER_SET tBannerSetDB = bannerSetDAO.getBannerSetForm(bannerSetIdx);
+	
+		//FTP 전송
+		SeedFtpType seedFtpType = new SeedFtpType();
+		
+		SeedUtils.setSeedDeleteFiles(rootPath + "/" + tBannerSetDB.gettSite().getSiteIdx() 
+				+ "/upload/banner/" + tBannerSetDB.getBannerSetIdx() , "");
+		
+		SeedUtils.setSeedDeleteFile(rootPath + "/" + tBannerSetDB.gettSite().getSiteIdx() 
+				+ "/jsp/banner/banner_" + tBannerSetDB.getBannerSetIdx() +".jsp");
+		
+		SeedUtils.setSeedDeleteFile(rootPath + "/" + tBannerSetDB.gettSite().getSiteIdx() 
+				+ "/jsp/banner/css/banner_" + tBannerSetDB.getBannerSetIdx() +".css");
+		
+		//WEB 서버의 경로
+		seedFtpType.setDestFilePath(tBannerSetDB.gettSite().getSiteIdx() + "/jsp/banner/css");
+		//WAS 서버의 경로
+		seedFtpType.setSrcFilePath("");
+		//WAS 파일명
+		seedFtpType.setFileName("banner_" + tBannerSetDB.getBannerSetIdx() +".css");
+		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+		seedFtpType.setFtpType("delFile");
+		seedFtpType.setSeedFtp();
+		
+		SeedUtils.setSeedDeleteFile(rootPath + "/" + tBannerSetDB.gettSite().getSiteIdx() 
+				+ "/jsp/banner/js/banner_" + tBannerSetDB.getBannerSetIdx() +".js");	
+		
+		//WEB 서버의 경로
+		seedFtpType.setDestFilePath(tBannerSetDB.gettSite().getSiteIdx() + "/jsp/banner/js");
+		//WAS 서버의 경로
+		seedFtpType.setSrcFilePath("");
+		//WAS 파일명
+		seedFtpType.setFileName("banner_" + tBannerSetDB.getBannerSetIdx() +".js");
+		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+		seedFtpType.setFtpType("delFile");
+		seedFtpType.setSeedFtp();
+		
+		return bannerSetDAO.setBannerSetDelProc(tBannerSetDB);
+	}
+	
+    @Transactional
+	public boolean setBannerSetStatusProc(Integer bannerSetIdx, String status, Integer memberIdx){
+		
+		boolean success = false;
+		
+		T_BANNER_SET tBannerSetDB = bannerSetDAO.getBannerSetForm(bannerSetIdx);
+		Iterator<T_BANNER_DATA> iteratorList = tBannerSetDB.gettBannerDatas().iterator();
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tBannerSetDB.settMember(tMember);
+		tBannerSetDB.setBannerSetModDate(new Date());
+		tBannerSetDB.setBannerSetStatus(status);
+		
+		if(bannerSetDAO.setBannerSetModProc(tBannerSetDB)){
+			
+			success = true;
+			
+			while(iteratorList.hasNext()){
+				
+				T_BANNER_DATA tBannerDataDB = bannerDataDAO.getBannerDataForm(iteratorList.next().getBannerDataIdx());
+				
+				tBannerDataDB.settMember(tMember);
+				tBannerDataDB.setBannerDataModDate(new Date());
+				tBannerDataDB.setBannerDataStatus(status);
+				
+				if(!bannerDataDAO.setBannerDataModProc(tBannerDataDB)){
+					success = false;
+					break;
+				}
+			}
+		}
+		
+		return success;
+	}
+}
diff --git a/src/main/java/seed/manager/banner/web/ManagerBannerController.java b/src/main/java/seed/manager/banner/web/ManagerBannerController.java
new file mode 100644
index 00000000..185f0a0b
--- /dev/null
+++ b/src/main/java/seed/manager/banner/web/ManagerBannerController.java
@@ -0,0 +1,2012 @@
+package seed.manager.banner.web;
+
+import java.io.BufferedWriter;
+import java.io.FileNotFoundException;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.OutputStreamWriter;
+import java.util.Iterator;
+import java.util.List;
+import java.util.Map;
+import java.util.regex.Pattern;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import javax.servlet.http.HttpSession;
+
+import org.apache.log4j.Logger;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.stereotype.Controller;
+import org.springframework.validation.BindingResult;
+import org.springframework.web.bind.annotation.ModelAttribute;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.multipart.MultipartFile;
+import org.springframework.web.multipart.MultipartHttpServletRequest;
+import org.springframework.web.servlet.ModelAndView;
+
+import seed.manager.banner.service.ManagerBannerDataService;
+import seed.manager.banner.service.ManagerBannerManagerService;
+import seed.manager.banner.service.ManagerBannerSetService;
+import seed.manager.site.service.ManagerSiteManagerService;
+import seed.manager.member.service.ManagerMemberService;
+import seed.map.T_BANNER_DATA;
+import seed.map.T_BANNER_MANAGER;
+import seed.map.T_BANNER_SET;
+import seed.utils.InterceptorCheck;
+import seed.utils.Paging;
+import seed.utils.SeedFtpType;
+import seed.utils.SeedUtils;
+
+@Controller
+public class ManagerBannerController {
+	
+	private Logger log = Logger.getLogger(this.getClass());
+	
+	@Autowired
+	private ManagerBannerSetService managerBannerSetService;
+	
+	@Autowired
+	private ManagerBannerDataService managerBannerDataService;
+	
+	@Autowired
+	private ManagerBannerManagerService managerBannerManagerService;
+	
+	@Autowired
+	private ManagerSiteManagerService managerSiteManagerService;
+	
+	@Autowired
+	private ManagerMemberService managerMemberService;
+	
+	@Value("#{config['root.path']}") 
+	private String rootPath;
+	
+	public void getSeedLicense(HttpServletResponse httpServletResponse){
+		
+		if(SeedUtils.setReplaceNull(InterceptorCheck.getLicenseKey()).equals("")){
+			try {
+				httpServletResponse.sendRedirect("/common/seed.do");
+			} catch (IOException ex) {
+				log.error("CHECK ERROR:",ex);
+			}
+		}
+	}
+	
+	public void setSessionRemove(HttpSession session){
+		session.removeAttribute("memberIdx");
+		session.removeAttribute("memberId");
+		session.removeAttribute("memberName");
+		session.removeAttribute("memberDept");
+		session.removeAttribute("memberPosition");
+		session.removeAttribute("memberTel");
+		session.removeAttribute("memberPhone");
+		session.removeAttribute("memberEmail1");
+		session.removeAttribute("memberEmail2");
+		session.removeAttribute("memberGrant");
+		
+		session.removeAttribute("url");
+		session.removeAttribute("message");
+		session.removeAttribute("opener");
+		session.removeAttribute("append");
+		session.removeAttribute("self");
+	}
+	
+	public void setSessionMessageRemove(HttpSession session){
+		session.removeAttribute("url");
+		session.removeAttribute("message");
+		session.removeAttribute("opener");
+		session.removeAttribute("append");
+		session.removeAttribute("self");
+	}
+	
+	public void setPaging(@ModelAttribute("paging") Paging paging){
+		
+		if(paging != null){
+			if(paging.getPage() == null){paging.setPage(1);}
+			if(paging.getRow() == null){paging.setRow(10);}
+			if(paging.getPagec() == null){paging.setPagec(1);}
+			if(paging.getRowc() == null){paging.setRowc(10);}
+		}
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/bannerSetList.do", "/gte/{siteIdx}/bannerSetList.do", "/menu/{siteIdx}/bannerSetList.do"})
+	public ModelAndView getBannerSetList(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@ModelAttribute("paging") Paging paging,
+			@RequestParam(value="siteMenuIdx", defaultValue="0", required=false) Integer siteMenuIdx,
+			@RequestParam(value="menuCode", defaultValue="N", required=false) String menuCode,
+    		@RequestParam(value="orderColumn", defaultValue="bannerSetIdx", required=false) String orderColumn,
+    		@RequestParam(value="order", defaultValue="DESC", required=false) String order,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/bannerSetList.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+		
+		//기능 관리자 URL로 넘어온 경우
+		if(pageType.equals("gte")){
+			
+			if(memberIdx == 0){
+				setSessionRemove(session);
+				map.put("url", location);
+				map.put("message", "common.message.no.grant");
+				return new ModelAndView("/_common/jsp/message");
+			}
+			
+			//기능 관리자인데 슈퍼관리자나 해당 사이트관리자가 들어오면 모든 비주얼존을 보여준다
+			if(memberGrant.equals("S") || memberAuth){
+				
+				String[] qryColumns = {"groupBy", "bannerSetIdx", "bannerSetName", "bannerSetRegDate", "bannerSetStatus"};
+				
+				paging.setCount(managerBannerSetService.getBannerSetListCnt(siteIdx, column, search));
+				
+				map.put("bannerSetListCnt", paging.getCount());
+				map.put("bannerSetList", managerBannerSetService.getBannerSetList(siteIdx, paging.getPage(), paging.getRow(), orderColumn, order, column, search, qryColumns));
+				
+			}else{
+				
+				String[] qryColumns = {"tBannerSet.bannerSetIdx", "tBannerSet.bannerSetName", "tBannerSet.bannerSetRegDate", "tBannerSet.bannerSetStatus"};
+				
+				paging.setCount(managerBannerManagerService.getBannerManagerListCnt(siteIdx, memberIdx, column, search));
+				
+				String orderColumnTmp = "";
+				
+				if(orderColumn.indexOf("bannerSet") > -1){
+					orderColumnTmp = "tBannerSet."+orderColumn;
+				}else{
+					orderColumnTmp = orderColumn;
+				}
+				
+				map.put("bannerSetListCnt", paging.getCount());
+				map.put("bannerSetList", managerBannerManagerService.getBannerManagerList(siteIdx, memberIdx, paging.getPage(), paging.getRow(), orderColumnTmp, order, column, search, qryColumns));
+			}
+			
+	        map.put("page", paging.getPage());
+	        map.put("row", paging.getRow());
+	        map.put("pages", paging.getPages());
+	        map.put("blocks", paging.getBlocks());
+	        map.put("block", paging.getBlock());
+	        map.put("fPage", paging.getfPage());
+	        map.put("lPage", paging.getlPage());
+	        
+	        map.put("orderColumn", orderColumn);
+	        map.put("order", order);
+	        map.put("column", column);
+	        map.put("search", search);
+
+	        map.put("memberGrant", memberGrant);
+	        map.put("memberAuth", memberAuth);
+			
+	        return new ModelAndView("/manager/banner/bannerESetList");
+			
+		}else{
+			
+			if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+				setSessionRemove(session);
+				map.put("url", location);
+				map.put("message", "common.message.no.grant");
+				return new ModelAndView("/_common/jsp/message");
+			}
+			
+			String[] qryColumns = {"groupBy", "bannerSetIdx", "tBannerDatas.bannerDataIdxCnt", "bannerSetName", "bannerSetRegDate", "bannerSetStatus", "tMember.memberName", "tMember.memberId"};
+	
+			paging.setCount(managerBannerSetService.getBannerSetListCnt(siteIdx, column, search));
+			
+			map.put("bannerSetListCnt", paging.getCount());
+			map.put("bannerSetList", managerBannerSetService.getBannerSetList(siteIdx, paging.getPage(), paging.getRow(), orderColumn, order, column, search, qryColumns));
+			
+			map.put("siteMenuIdx", siteMenuIdx);
+			map.put("menuCode", menuCode);
+			
+	        map.put("page", paging.getPage());
+	        map.put("row", paging.getRow());
+	        map.put("pages", paging.getPages());
+	        map.put("blocks", paging.getBlocks());
+	        map.put("block", paging.getBlock());
+	        map.put("fPage", paging.getfPage());
+	        map.put("lPage", paging.getlPage());
+	        
+	        map.put("orderColumn", orderColumn);
+	        map.put("order", order);
+	        map.put("column", column);
+	        map.put("search", search);
+
+	        map.put("memberGrant", memberGrant);
+	        map.put("memberAuth", memberAuth);
+			
+			return new ModelAndView("/manager/banner/bannerSetList");
+		}
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/bannerFormPreview.do", method=RequestMethod.GET)
+	public ModelAndView getBannerSetFormPriview(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@RequestParam(value="bannerSetType", required=true) String bannerSetType,
+			@RequestParam(value="bannerSetSkin", required=true) String bannerSetSkin){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("bannerSetType", bannerSetType);
+		map.put("bannerSetSkin", bannerSetSkin);
+		
+		return new ModelAndView("/manager/banner/bannerSetFormPreview");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/bannerEditPreview/{bannerSetIdx}.do", "/gte/{siteIdx}/bannerEditPreview/{bannerSetIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView getBannerSetEditPriview(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="bannerSetIdx") Integer bannerSetIdx,
+			@RequestParam(value="bannerSetType", required=true) String bannerSetType,
+			@RequestParam(value="bannerSetSkin", required=true) String bannerSetSkin){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerBannerManagerService.getBannerManagerListGrantCnt(bannerSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/bannerEditPreview/"+bannerSetIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("tBannerSetDB", managerBannerSetService.getBannerSetForm(bannerSetIdx));
+		map.put("bannerDataList", managerBannerDataService.getBannerDataList(bannerSetIdx));
+		map.put("bannerSetType", bannerSetType);
+		map.put("bannerSetSkin", bannerSetSkin);
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		
+		return new ModelAndView("/manager/banner/bannerSetEditPreview");
+	}
+
+	@RequestMapping(value = "/gtm/{siteIdx}/bannerSetForm.do")
+	public ModelAndView getBannerSetForm(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/banner/bannerSetForm");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/bannerSetEdit/{bannerSetIdx}.do", "/gte/{siteIdx}/bannerSetEdit/{bannerSetIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView getBannerSetEdit(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="bannerSetIdx") Integer bannerSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="orderColumn", defaultValue="bannerSetIdx", required=false) String orderColumn,
+    		@RequestParam(value="order", defaultValue="DESC", required=false) String order,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerBannerManagerService.getBannerManagerListGrantCnt(bannerSetIdx, memberIdx);
+		boolean memberAuthM = managerBannerManagerService.getBannerManagerListCnt(bannerSetIdx, memberIdx);
+
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/bannerSetEdit/"+bannerSetIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+		
+		//memberAuthM을 추가한 이유는 해당 담당자가 배너존 권한이 있을경우 로그인 하기 위해서 추가함
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		//해당 권한이 슈퍼관리자,사이트 관리자,배너존 권한 관리자가 아닌경우, memberAuthM의 권한이 있는 경우 해당 배너 리스트 페이지로 이동
+		if(!memberGrant.equals("S") && !memberAuth && !memberAuthG){
+			
+			//기능 관리자 URL로 넘어온 경우
+			if(pageType.equals("gte")){
+				return new ModelAndView("redirect:/gte/"+siteIdx+"/"+bannerSetIdx+"/bannerDataList.do");
+			}else{
+				return new ModelAndView("redirect:/gtm/"+siteIdx+"/"+bannerSetIdx+"/bannerDataList.do");
+			}
+		}
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+		
+        map.put("orderColumn", orderColumn);
+        map.put("order", order);
+        map.put("column", column);
+        map.put("search", search);
+        
+		map.put("tBannerSetDB", managerBannerSetService.getBannerSetForm(bannerSetIdx));
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+		
+		return new ModelAndView("/manager/banner/bannerSetEdit");
+	}
+	
+	@RequestMapping(value = "/gtm/proc/{siteIdx}/bannerSetRegProc.do", method=RequestMethod.POST)
+	public ModelAndView setBannerSetRegProc(HttpServletRequest httpServletRequest, MultipartHttpServletRequest multipartHttpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map, 
+			@PathVariable(value="siteIdx") String siteIdx,
+			@ModelAttribute("T_BANNER_SET") T_BANNER_SET tBannerSet,
+			BindingResult bindingResult){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		Iterator<String> iteratorfileNames = multipartHttpServletRequest.getFileNames();
+		
+		while (iteratorfileNames.hasNext()) {
+			
+			String fileFormName = (String)iteratorfileNames.next();
+			
+			MultipartFile multipartFile = multipartHttpServletRequest.getFile(fileFormName);
+			
+			if(multipartFile != null && !multipartFile.isEmpty()){
+				
+				if (!Pattern.matches("(?i)^[\\d\\D]*\\.(jpg|gif|png|bmp)$", multipartFile.getOriginalFilename().toLowerCase())) {
+					map.put("url", "/gtm/"+siteIdx+"/bannerSetForm.do");
+					map.put("message", "common.fileupload.message.image.upload");
+					return new ModelAndView("/_common/jsp/message");
+				}
+			}
+		}
+		
+		Integer bannerSetIdx = managerBannerSetService.setBannerSetRegProc(tBannerSet, memberIdx, httpServletRequest, multipartHttpServletRequest, rootPath);
+		
+		if(bannerSetIdx > 0){
+			map.put("url", "/gtm/"+siteIdx+"/bannerSetList.do");
+			map.put("message", "common.message.reg");
+			
+			//banner기능 컴파일 (jsp, css, script) 생성
+			setBannerDataCompile(siteIdx, bannerSetIdx);
+			
+		}else{
+			map.put("url", "/gtm/"+siteIdx+"/bannerSetForm.do");
+			map.put("message", "common.message.error.reg");
+		}
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/bannerSetModProc.do", "/gte/proc/{siteIdx}/bannerSetModProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setBannerSetModProc(HttpServletRequest httpServletRequest, MultipartHttpServletRequest multipartHttpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map, 
+			@PathVariable(value="siteIdx") String siteIdx,
+			@ModelAttribute("T_BANNER_SET") T_BANNER_SET tBannerSet,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="orderColumn", defaultValue="bannerSetIdx", required=false) String orderColumn,
+    		@RequestParam(value="order", defaultValue="DESC", required=false) String order,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+    		BindingResult bindingResult){
+		
+		getSeedLicense(httpServletResponse);
+
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerBannerManagerService.getBannerManagerListGrantCnt(tBannerSet.getBannerSetIdx(), memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/bannerSetModProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		Iterator<String> iteratorfileNames = multipartHttpServletRequest.getFileNames();
+		
+		while (iteratorfileNames.hasNext()) {
+			
+			String fileFormName = (String)iteratorfileNames.next();
+			
+			MultipartFile multipartFile = multipartHttpServletRequest.getFile(fileFormName);
+			
+			if(multipartFile != null && !multipartFile.isEmpty()){
+				
+				if (!Pattern.matches("(?i)^[\\d\\D]*\\.(jpg|gif|png|bmp)$", multipartFile.getOriginalFilename().toLowerCase())) {
+					map.put("url", "/"+pageType+"/"+siteIdx+"/bannerSetEdit/"+tBannerSet.getBannerSetIdx()+".do?" +
+							"page="+paging.getPage()+"&"+
+							"row="+paging.getRow()+"&"+
+							"orderColumn="+orderColumn+"&" +
+							"order="+order+"&" +
+							"column="+column+"&" +
+							"search="+search);
+					map.put("message", "common.fileupload.message.image.upload");
+					return new ModelAndView("/_common/jsp/message");
+				}
+			}
+		}	
+		
+		if(managerBannerSetService.setBannerSetModProc(tBannerSet, memberIdx, httpServletRequest, multipartHttpServletRequest, rootPath)){
+			map.put("message", "common.message.mod");
+			
+			//banner기능 컴파일 (jsp, css, script) 생성
+			setBannerDataCompile(siteIdx, tBannerSet.getBannerSetIdx());
+			
+		}else{
+			map.put("message", "common.message.error.mod");
+		}
+		
+		map.put("url", "/"+pageType+"/"+siteIdx+"/bannerSetEdit/"+tBannerSet.getBannerSetIdx()+".do?" +
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"orderColumn="+orderColumn+"&" +
+				"order="+order+"&" +
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = "/gtm/proc/{siteIdx}/bannerSetDelProc/{bannerSetIdx}.do", method=RequestMethod.GET)
+	public ModelAndView setBannerSetDelProc(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="bannerSetIdx") Integer bannerSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="orderColumn", defaultValue="bannerSetIdx", required=false) String orderColumn,
+    		@RequestParam(value="order", defaultValue="DESC", required=false) String order,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		if(managerBannerSetService.setBannerSetDelProc(bannerSetIdx, rootPath)){
+			map.put("message", "common.message.del");
+		}else{
+			map.put("message", "common.message.error.del");
+		}
+			
+		map.put("url", "/gtm/"+siteIdx+"/bannerSetList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"orderColumn="+orderColumn+"&" +
+				"order="+order+"&" +
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = "/gtm/proc/{siteIdx}/bannerSetStatusProc.do", method=RequestMethod.POST)
+	public ModelAndView setBannerSetStatusProc(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="orderColumn", defaultValue="bannerSetIdx", required=false) String orderColumn,
+    		@RequestParam(value="order", defaultValue="DESC", required=false) String order,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+			@RequestParam(value="idxs", required=true) Integer[] idxs,
+			@RequestParam(value="selStatus", required=true) String selStatus){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		boolean success = false;
+		
+		if(idxs.length > 0){
+			for(int i=0; i<idxs.length; i++){
+				if(managerBannerSetService.setBannerSetStatusProc(idxs[i], selStatus, memberIdx)){
+					success = true;
+					
+					//banner기능 컴파일 (jsp, css, script) 생성
+					setBannerDataCompile(siteIdx, idxs[i]);
+					
+				}else{
+					success = false;
+					break;
+				}
+			}
+		}
+		
+		if(success){
+			map.put("message", "common.message.status");
+		}else{
+			map.put("message", "common.message.error.status");
+		}
+			
+		map.put("url", "/gtm/"+siteIdx+"/bannerSetList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"orderColumn="+orderColumn+"&" +
+				"order="+order+"&" +
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/{bannerSetIdx}/bannerDataList.do", "/gte/{siteIdx}/{bannerSetIdx}/bannerDataList.do"})
+	public ModelAndView getBannerDataList(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="bannerSetIdx") Integer bannerSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerBannerManagerService.getBannerManagerListGrantCnt(bannerSetIdx, memberIdx);
+		boolean memberAuthM = managerBannerManagerService.getBannerManagerListCnt(bannerSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+bannerSetIdx+"/bannerDataList.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		String[] qryColumns = {"bannerDataIdx", "tBannerSet.bannerDataWidth", "tBannerSet.bannerDataHeight", "bannerDataTitle", "bannerDataContent", 
+				"bannerDataFile", "bannerDataReFile", "bannerDataSdate", "bannerDataEdate", "bannerDataRegDate", "bannerDataStatus", "bannerDataOrder"};
+		
+		paging.setCount(managerBannerDataService.getBannerDataListCnt(bannerSetIdx, column, search));
+		
+		map.put("bannerDataListCnt", paging.getCount());
+		map.put("bannerDataList", managerBannerDataService.getBannerDataList(bannerSetIdx, paging.getPage(), paging.getRow(), column, search, qryColumns));
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+        map.put("pages", paging.getPages());
+        map.put("blocks", paging.getBlocks());
+        map.put("block", paging.getBlock());
+        map.put("fPage", paging.getfPage());
+        map.put("lPage", paging.getlPage());
+        
+        map.put("column", column);
+        map.put("search", search);
+        
+        map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+		
+        return new ModelAndView("/manager/banner/bannerDataList");
+	}
+
+	@RequestMapping(value = {"/gtm/{siteIdx}/{bannerSetIdx}/bannerDataForm.do", "/gte/{siteIdx}/{bannerSetIdx}/bannerDataForm.do"})
+	public ModelAndView getBannerDataForm(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="bannerSetIdx") Integer bannerSetIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerBannerManagerService.getBannerManagerListGrantCnt(bannerSetIdx, memberIdx);
+		boolean memberAuthM = managerBannerManagerService.getBannerManagerListCnt(bannerSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+bannerSetIdx+"/bannerDataForm.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+		
+		return new ModelAndView("/manager/banner/bannerDataForm");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/{bannerSetIdx}/bannerDataEdit/{bannerDataIdx}.do", "/gte/{siteIdx}/{bannerSetIdx}/bannerDataEdit/{bannerDataIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView getBannerDataEdit(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="bannerSetIdx") Integer bannerSetIdx,
+			@PathVariable(value="bannerDataIdx") Integer bannerDataIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerBannerManagerService.getBannerManagerListGrantCnt(bannerSetIdx, memberIdx);
+		boolean memberAuthM = managerBannerManagerService.getBannerManagerListCnt(bannerSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+bannerSetIdx+"/bannerDataEdit/"+bannerDataIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("tBannerDataDB", managerBannerDataService.getBannerDataForm(bannerDataIdx));
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+		
+        map.put("column", column);
+        map.put("search", search);
+        
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+		
+		return new ModelAndView("/manager/banner/bannerDataEdit");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{bannerSetIdx}/bannerDataRegProc.do", "/gte/proc/{siteIdx}/{bannerSetIdx}/bannerDataRegProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setBannerDataRegProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map, MultipartFile upFile, 
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="bannerSetIdx") Integer bannerSetIdx,
+			@ModelAttribute("T_BANNER_DATA") T_BANNER_DATA tBannerData,
+			BindingResult bindingResult){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerBannerManagerService.getBannerManagerListGrantCnt(bannerSetIdx, memberIdx);
+		boolean memberAuthM = managerBannerManagerService.getBannerManagerListCnt(bannerSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+bannerSetIdx+"/bannerDataRegProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		if (!Pattern.matches("(?i)^[\\d\\D]*\\.(jpg|gif|png|bmp)$", upFile.getOriginalFilename().toLowerCase())) {
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+bannerSetIdx+"/bannerDataForm.do");
+			map.put("message", "common.fileupload.message.image.upload");
+			return new ModelAndView("/_common/jsp/message");
+		}
+	
+		Integer bannerDataIdx = managerBannerDataService.setBannerDataRegProc(tBannerData, upFile, memberIdx, rootPath);
+		
+		if(bannerDataIdx > 0){
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+bannerSetIdx+"/bannerDataList.do");
+			map.put("message", "common.message.reg");
+			
+			//banner기능 컴파일 (jsp, css, script) 생성
+			setBannerDataCompile(siteIdx, bannerSetIdx);
+			
+		}else{
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+bannerSetIdx+"/bannerDataForm.do");
+			map.put("message", "common.message.error.reg");
+		}
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{bannerSetIdx}/bannerDataModProc.do", "/gte/proc/{siteIdx}/{bannerSetIdx}/bannerDataModProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setBannerDataModProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map, MultipartFile upFile,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="bannerSetIdx") Integer bannerSetIdx,
+			@ModelAttribute("T_BANNER_DATA") T_BANNER_DATA tBannerData,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+    		BindingResult bindingResult){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerBannerManagerService.getBannerManagerListGrantCnt(bannerSetIdx, memberIdx);
+		boolean memberAuthM = managerBannerManagerService.getBannerManagerListCnt(bannerSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+bannerSetIdx+"/bannerDataModProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+
+		try{
+			
+			if(upFile != null && upFile.getBytes().length > 0){
+				
+				if (!Pattern.matches("(?i)^[\\d\\D]*\\.(jpg|gif|png|bmp)$", upFile.getOriginalFilename().toLowerCase())) {
+					map.put("url", "/"+pageType+"/"+siteIdx+"/"+bannerSetIdx+"/bannerDataEdit/"+tBannerData.getBannerDataIdx()+".do?" +
+							"page="+paging.getPage()+"&"+
+							"row="+paging.getRow()+"&"+
+							"column="+column+"&" +
+							"search="+search);
+					map.put("message", "common.fileupload.message.image.upload");
+					return new ModelAndView("/_common/jsp/message");
+				}
+			}
+		}catch(IOException e){
+			log.error("CHECK ERROR:",e);
+		}
+		
+		if(managerBannerDataService.setBannerDataModProc(tBannerData, memberIdx, upFile, rootPath)){
+			map.put("message", "common.message.mod");
+			
+			//banner기능 컴파일 (jsp, css, script) 생성
+			setBannerDataCompile(siteIdx, bannerSetIdx);
+			
+		}else{
+			map.put("message", "common.message.error.mod");
+		}
+		
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+bannerSetIdx+"/bannerDataEdit/"+tBannerData.getBannerDataIdx()+".do?" +
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{bannerSetIdx}/bannerDataDelProc/{bannerDataIdx}.do", "/gte/proc/{siteIdx}/{bannerSetIdx}/bannerDataDelProc/{bannerDataIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView setBannerDataDelProc(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="bannerSetIdx") Integer bannerSetIdx,
+			@PathVariable(value="bannerDataIdx") Integer bannerDataIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerBannerManagerService.getBannerManagerListGrantCnt(bannerSetIdx, memberIdx);
+		boolean memberAuthM = managerBannerManagerService.getBannerManagerListCnt(bannerSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+bannerSetIdx+"/bannerDataDelProc/"+bannerDataIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+
+		if(managerBannerDataService.setBannerDataDelProc(bannerDataIdx, rootPath)){
+			map.put("message", "common.message.del");
+			
+			//banner기능 컴파일 (jsp, css, script) 생성
+			setBannerDataCompile(siteIdx, bannerSetIdx);
+			
+		}else{
+			map.put("message", "common.message.error.del");
+		}
+			
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+bannerSetIdx+"/bannerDataList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{bannerSetIdx}/bannerDataStatusProc.do", "/gte/proc/{siteIdx}/{bannerSetIdx}/bannerDataStatusProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setBannerDataStatusProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="bannerSetIdx") Integer bannerSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+			@RequestParam(value="idxs", required=true) Integer[] idxs,
+			@RequestParam(value="selStatus", required=true) String selStatus){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerBannerManagerService.getBannerManagerListGrantCnt(bannerSetIdx, memberIdx);
+		boolean memberAuthM = managerBannerManagerService.getBannerManagerListCnt(bannerSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+bannerSetIdx+"/bannerDataStatusProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		boolean success = false;
+		
+		if(idxs.length > 0){
+			for(int i=0; i<idxs.length; i++){
+				if(managerBannerDataService.setBannerDataStatusProc(idxs[i], selStatus, memberIdx)){
+					success = true;
+				}else{
+					success = false;
+					break;
+				}
+			}
+		}
+		
+		if(success){
+			map.put("message", "common.message.status");
+			
+			//banner기능 컴파일 (jsp, css, script) 생성
+			setBannerDataCompile(siteIdx, bannerSetIdx);
+			
+		}else{
+			map.put("message", "common.message.error.status");
+		}
+			
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+bannerSetIdx+"/bannerDataList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{bannerSetIdx}/bannerDataOrderProc/{bannerDataOrder}.do", "/gte/proc/{siteIdx}/{bannerSetIdx}/bannerDataOrderProc/{bannerDataOrder}.do"}, method=RequestMethod.GET)
+	public ModelAndView setBannerDataOrderProc(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="bannerSetIdx") Integer bannerSetIdx,
+			@PathVariable(value="bannerDataOrder") Integer bannerDataOrder,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+			@RequestParam(value="orderType", required=true) String orderType){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerBannerManagerService.getBannerManagerListGrantCnt(bannerSetIdx, memberIdx);
+		boolean memberAuthM = managerBannerManagerService.getBannerManagerListCnt(bannerSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+bannerSetIdx+"/bannerDataOrderProc/"+bannerDataOrder+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		if(managerBannerDataService.setBannerDataOrderProc(bannerSetIdx, bannerDataOrder, orderType, memberIdx)){
+			map.put("message", "common.message.order");
+			
+			//banner기능 컴파일 (jsp, css, script) 생성
+			setBannerDataCompile(siteIdx, bannerSetIdx);
+			
+		}else{
+			map.put("message", "common.message.error.order");
+		}
+			
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+bannerSetIdx+"/bannerDataList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	public void setBannerDataCompile(String siteIdx, Integer bannerSetIdx){
+		
+		SeedUtils.setSeedMkDirs(rootPath + "/" + siteIdx + "/jsp/banner/css");
+		SeedUtils.setSeedMkDirs(rootPath + "/" + siteIdx + "/jsp/banner/js");
+		
+		String filePath = rootPath+"/"+siteIdx+"/jsp/banner";
+		
+		SeedUtils.setSeedDeleteFile(filePath+"/css/banner_"+bannerSetIdx+".css");
+		SeedUtils.setSeedDeleteFile(filePath+"/js/banner_"+bannerSetIdx+".js");
+		SeedUtils.setSeedDeleteFile(filePath+"/banner_"+bannerSetIdx+".jsp");
+		
+		T_BANNER_SET tBannerSetDB = managerBannerSetService.getBannerSetForm(bannerSetIdx);
+		
+		String bannerManager = "";
+		
+		Iterator<T_BANNER_MANAGER> iteratorList = tBannerSetDB.gettBannerManagers().iterator();
+		
+		while(iteratorList.hasNext()){
+			
+			T_BANNER_MANAGER tBannerManagerDB = iteratorList.next();
+			
+			if(tBannerManagerDB.getBannerManagerStatus().equals("U")){
+				bannerManager += "|" + tBannerManagerDB.gettMember().getMemberIdx() + "|,";
+			}
+		}
+		
+		if(!bannerManager.equals("")){
+			bannerManager = bannerManager.substring(0, bannerManager.length()-1);
+		}
+		
+		FileOutputStream 	jspFileOutputStream 			= null;
+		OutputStreamWriter	jspOutputStreamWriter 		= null;
+		BufferedWriter 		jspWriter 						= null;
+		
+		FileOutputStream 	cssFileOutputStream 		= null;
+		OutputStreamWriter	cssOutputStreamWriter 	= null;
+		BufferedWriter 		cssWriter 						= null;
+		
+		FileOutputStream 	jsFileOutputStream 			= null;
+		OutputStreamWriter	jsOutputStreamWriter 		= null;
+		BufferedWriter 		jsWriter 							= null;
+		
+		try{
+			//jsp파일 작성
+			jspFileOutputStream 		= new FileOutputStream(filePath + "/banner_"+bannerSetIdx+".jsp");
+			jspOutputStreamWriter 	= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+			jspWriter 					= new BufferedWriter(jspOutputStreamWriter);
+			
+			jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");
+			jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
+			jspWriter.write("\n");
+			jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");
+			jspWriter.write("<link href='/site/"+siteIdx+"/jsp/banner/css/banner_"+bannerSetIdx+".css' rel='stylesheet' type='text/css'/>");
+			jspWriter.write("\n");
+			jspWriter.write("<script src='/site/"+siteIdx+"/jsp/banner/js/banner_"+bannerSetIdx+".js'></script>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");
+			jspWriter.write("<c:set var=\"memberIdxTmp\" value=\"|${memberIdx}|\" />");
+			jspWriter.write("\n");
+			jspWriter.write("<c:set var=\"bannerManager_"+bannerSetIdx+"\" value=\""+bannerManager+"\" />");
+			jspWriter.write("\n");			
+			jspWriter.write("<c:if test='${fn:contains(bannerManager_"+bannerSetIdx+", memberIdxTmp) || memberAuthM || memberGrant == \"S\"}'>");
+			jspWriter.write("\n");
+			jspWriter.write("<div class=\"seedFunctionBtn\"><a href=\"/gtm/"+siteIdx+"/"+bannerSetIdx+"/bannerDataList.do#bannerSetList\" class=\"functionEdit\">bannerManager</a></div>");
+			jspWriter.write("\n");
+			jspWriter.write("</c:if>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");		
+			
+			if(tBannerSetDB == null || !tBannerSetDB.getBannerSetStatus().equals("U")){
+				
+				//css파일 작성
+				cssFileOutputStream 		= new FileOutputStream(filePath + "/css/banner_"+bannerSetIdx+".css");
+				cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+				cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+				
+				cssWriter.write("@charset \"utf-8\";");
+				
+				//js파일 작성
+	    		jsFileOutputStream 		= new FileOutputStream(filePath + "/js/banner_"+bannerSetIdx+".js");
+				jsOutputStreamWriter 	= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+				jsWriter 						= new BufferedWriter(jsOutputStreamWriter);
+				
+				jsWriter.write("");
+				
+				jspWriter.write("<div class='banner_"+bannerSetIdx+"'>");
+				jspWriter.write("\n");
+				jspWriter.write("	<s:message code='common.message.no.banner'/>");
+				jspWriter.write("\n");
+				jspWriter.write("</div>");
+				
+			}else{
+				
+				List<T_BANNER_DATA> bannerDataList = managerBannerDataService.getBannerDataList(bannerSetIdx);
+				
+				if(bannerDataList.size() > 0){
+					
+					if(bannerDataList.size() == 1){
+						
+						//css파일 작성
+						cssFileOutputStream 		= new FileOutputStream(filePath + "/css/banner_"+bannerSetIdx+".css");
+						cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+						cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+						
+						cssWriter.write("@charset \"utf-8\";");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".banner_"+bannerSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	width: "+tBannerSetDB.getBannerSetWidth()+"px; ");
+						cssWriter.write("\n");
+						cssWriter.write("	height: "+tBannerSetDB.getBannerSetHeight()+"px; ");
+						cssWriter.write("\n");
+						cssWriter.write("	position: relative;");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						//js파일 작성
+			    		jsFileOutputStream 		= new FileOutputStream(filePath + "/js/banner_"+bannerSetIdx+".js");
+						jsOutputStreamWriter 	= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+						jsWriter 						= new BufferedWriter(jsOutputStreamWriter);
+						
+						jsWriter.write("");
+						
+						T_BANNER_DATA tBannerDataDB = bannerDataList.get(0);
+						
+						String bannerDataLinkType = "";
+						
+						if(tBannerDataDB.getBannerDataLinkType() != null && tBannerDataDB.getBannerDataLinkType().equals("B")){
+							bannerDataLinkType = " target='_blank'";
+						}
+						
+						jspWriter.write("<div class='banner_"+bannerSetIdx+"'>");
+						jspWriter.write("\n");
+						
+						if(tBannerDataDB.getBannerDataLink() != null && !tBannerDataDB.getBannerDataLink().equals("") && !tBannerDataDB.getBannerDataLink().equals("#")){
+							jspWriter.write("	<c:if test='${\""+tBannerDataDB.getBannerDataType()+"\" == \"F\" || (getDate >= \""+tBannerDataDB.getBannerDataSdate()+"\" &&  getDate <= \""+tBannerDataDB.getBannerDataEdate()+"\")}'><div><a href='"+tBannerDataDB.getBannerDataLink()+"' "+bannerDataLinkType+"><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerDataDB.getBannerDataReFile()+"' style='width:"+tBannerSetDB.getBannerDataWidth()+"px; height:"+tBannerSetDB.getBannerDataHeight()+"px;' alt='"+tBannerDataDB.getBannerDataContent()+"' /></a></div></c:if>");
+						}else{
+							jspWriter.write("	<c:if test='${\""+tBannerDataDB.getBannerDataType()+"\" == \"F\" || (getDate >= \""+tBannerDataDB.getBannerDataSdate()+"\" &&  getDate <= \""+tBannerDataDB.getBannerDataEdate()+"\")}'><div><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerDataDB.getBannerDataReFile()+"' style='width:"+tBannerSetDB.getBannerDataWidth()+"px; height:"+tBannerSetDB.getBannerDataHeight()+"px;' alt='"+tBannerDataDB.getBannerDataContent()+"' /></div></c:if>");
+						}
+						
+						jspWriter.write("\n");
+						jspWriter.write("</div>");
+						
+					}else{
+							
+						jspWriter.write("<div class='banner_"+bannerSetIdx+"'>");
+						jspWriter.write("\n");
+						
+						for(int i=0; i<bannerDataList.size(); i++){
+							
+							T_BANNER_DATA tBannerDataDB = bannerDataList.get(i);
+							
+							String bannerDataLinkType = "";
+							
+							if(tBannerDataDB.getBannerDataLinkType() != null && tBannerDataDB.getBannerDataLinkType().equals("B")){
+								bannerDataLinkType = " target='_blank'";
+							}
+							
+							if(tBannerSetDB.getBannerSetType().equals("normal")){
+								if(tBannerDataDB.getBannerDataLink() != null && !tBannerDataDB.getBannerDataLink().equals("") && !tBannerDataDB.getBannerDataLink().equals("#")){
+									jspWriter.write("			<c:if test='${\""+tBannerDataDB.getBannerDataType()+"\" == \"F\" || (getDate >= \""+tBannerDataDB.getBannerDataSdate()+"\" &&  getDate <= \""+tBannerDataDB.getBannerDataEdate()+"\")}'><div><a href='"+tBannerDataDB.getBannerDataLink()+"' "+bannerDataLinkType+"><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerDataDB.getBannerDataReFile()+"' style='width:"+tBannerSetDB.getBannerDataWidth()+"px; height:"+tBannerSetDB.getBannerDataHeight()+"px;' alt='"+tBannerDataDB.getBannerDataContent()+"' /></a></div></c:if>");
+								}else{
+									jspWriter.write("			<c:if test='${\""+tBannerDataDB.getBannerDataType()+"\" == \"F\" || (getDate >= \""+tBannerDataDB.getBannerDataSdate()+"\" &&  getDate <= \""+tBannerDataDB.getBannerDataEdate()+"\")}'><div><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerDataDB.getBannerDataReFile()+"' style='width:"+tBannerSetDB.getBannerDataWidth()+"px; height:"+tBannerSetDB.getBannerDataHeight()+"px;' alt='"+tBannerDataDB.getBannerDataContent()+"' /></div></c:if>");
+								}
+							}else{
+								if(tBannerDataDB.getBannerDataLink() != null && !tBannerDataDB.getBannerDataLink().equals("") && !tBannerDataDB.getBannerDataLink().equals("#")){
+									jspWriter.write("			<c:if test='${\""+tBannerDataDB.getBannerDataType()+"\" == \"F\" || (getDate >= \""+tBannerDataDB.getBannerDataSdate()+"\" &&  getDate <= \""+tBannerDataDB.getBannerDataEdate()+"\")}'><div><a href='"+tBannerDataDB.getBannerDataLink()+"' "+bannerDataLinkType+"><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerDataDB.getBannerDataReFile()+"' alt='"+tBannerDataDB.getBannerDataContent()+"' /></a></div></c:if>");
+								}else{
+									jspWriter.write("			<c:if test='${\""+tBannerDataDB.getBannerDataType()+"\" == \"F\" || (getDate >= \""+tBannerDataDB.getBannerDataSdate()+"\" &&  getDate <= \""+tBannerDataDB.getBannerDataEdate()+"\")}'><div><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerDataDB.getBannerDataReFile()+"' alt='"+tBannerDataDB.getBannerDataContent()+"' /></div></c:if>");
+								}
+							}
+							
+							jspWriter.write("\n");
+						}
+						
+						jspWriter.write("	</div>");
+						jspWriter.write("\n");
+						jspWriter.write("\n");
+						
+						//css파일 작성
+						cssFileOutputStream 		= new FileOutputStream(filePath + "/css/banner_"+bannerSetIdx+".css");
+						cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+						cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+						
+						cssWriter.write("@charset \"utf-8\";");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".banner_"+bannerSetIdx+" {");
+						
+						if(tBannerSetDB.getBannerSetType().equals("normal")){
+							cssWriter.write("\n");
+							cssWriter.write("	width: "+tBannerSetDB.getBannerSetWidth()+"px; ");
+							cssWriter.write("\n");
+							cssWriter.write("	height: "+tBannerSetDB.getBannerSetHeight()+"px; ");
+						}
+						
+						cssWriter.write("\n");
+						cssWriter.write("	position: relative; ");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block; ");
+						cssWriter.write("\n");
+						cssWriter.write("	-moz-box-sizing: border-box; ");
+						cssWriter.write("\n");
+						cssWriter.write("	box-sizing: border-box; ");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-user-select: none; ");
+						cssWriter.write("\n");
+						cssWriter.write("	-moz-user-select: none; ");
+						cssWriter.write("\n");
+						cssWriter.write("	-ms-user-select: none; ");
+						cssWriter.write("\n");
+						cssWriter.write("	user-select: none; ");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-touch-callout: none; ");
+						cssWriter.write("\n");
+						cssWriter.write("	-khtml-user-select: none; ");
+						cssWriter.write("\n");
+						cssWriter.write("	-ms-touch-action: pan-y; ");
+						cssWriter.write("\n");
+						cssWriter.write("	touch-action: pan-y; ");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-tap-highlight-color: transparent; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-list {");
+						cssWriter.write("\n");
+						cssWriter.write("	position: relative; ");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block; ");
+						cssWriter.write("\n");
+						cssWriter.write("	overflow: hidden; ");
+						cssWriter.write("\n");
+						cssWriter.write("	margin: 0; ");
+						cssWriter.write("\n");
+						cssWriter.write("	padding: 0; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-list:focus {");
+						cssWriter.write("\n");
+						cssWriter.write("	outline: none; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-list.dragging {");
+						cssWriter.write("\n");
+						cssWriter.write("	cursor: pointer; ");
+						cssWriter.write("\n");
+						cssWriter.write("	cursor: hand; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+													
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-track, ");
+						cssWriter.write("\n");
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-list {");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-transform: translate3d(0, 0, 0); ");
+						cssWriter.write("\n");
+						cssWriter.write("	-moz-transform: translate3d(0, 0, 0); ");
+						cssWriter.write("\n");
+						cssWriter.write("	-ms-transform: translate3d(0, 0, 0); ");
+						cssWriter.write("\n");
+						cssWriter.write("	-o-transform: translate3d(0, 0, 0); ");
+						cssWriter.write("\n");
+						cssWriter.write("	transform: translate3d(0, 0, 0); ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");	
+
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-track {");
+						cssWriter.write("\n");
+						cssWriter.write("	position: relative; ");
+						cssWriter.write("\n");
+						cssWriter.write("	top: 0; ");
+						cssWriter.write("\n");
+						cssWriter.write("	left: 0; ");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");	
+						
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-track:before, ");
+						cssWriter.write("\n");
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-track:after {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: table; ");
+						cssWriter.write("\n");
+						cssWriter.write("	content: ''; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-track:after {");
+						cssWriter.write("\n");
+						cssWriter.write("	clear: both; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-loading .slick-track {");
+						cssWriter.write("\n");
+						cssWriter.write("	visibility: hidden; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-slide {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: none; ");
+						cssWriter.write("\n");
+						cssWriter.write("	float: left; ");
+						cssWriter.write("\n");
+						cssWriter.write("	height: 100%; ");
+						cssWriter.write("\n");
+						cssWriter.write("	min-height: 1px; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write("[dir='rtl'] .banner_"+bannerSetIdx+" .slick-slide {");
+						cssWriter.write("\n");
+						cssWriter.write("	float: right; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-slide img {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block; ");
+						cssWriter.write("\n");
+						cssWriter.write("	border: "+tBannerSetDB.getBannerDataPadding()+"px solid #FFF; ");
+						cssWriter.write("\n");
+						
+						if(tBannerSetDB.getBannerSetType().equals("normal")){
+							cssWriter.write("	width: "+tBannerSetDB.getBannerDataWidth()+"px; ");
+							cssWriter.write("\n");
+							cssWriter.write("	height: "+tBannerSetDB.getBannerDataHeight()+"px; ");
+						}else if(tBannerSetDB.getBannerSetType().equals("active")){
+							cssWriter.write("	width: 100%; ");
+						}
+							
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-slide.slick-loading img {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: none; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-slide.dragging img {");
+						cssWriter.write("\n");
+						cssWriter.write("	pointer-events: none; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+
+						cssWriter.write(".banner_"+bannerSetIdx+".slick-initialized .slick-slide {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-loading .slick-slide {");
+						cssWriter.write("\n");
+						cssWriter.write("	visibility: hidden; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+
+						cssWriter.write(".banner_"+bannerSetIdx+".slick-vertical .slick-slide {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block; ");
+						cssWriter.write("\n");
+						cssWriter.write("	height: auto; ");
+						cssWriter.write("\n");
+						cssWriter.write("	border: 1px solid transparent; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-loading .slick-list {");
+						cssWriter.write("\n");
+						cssWriter.write("	background: #fff url('/img/jquery-ui/ajax-loader.gif') center center no-repeat; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-prev {");
+						cssWriter.write("\n");
+						cssWriter.write("	position: absolute; ");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tBannerSetDB.getBannerSetPreTB()+": "+tBannerSetDB.getBannerSetPreTBPosition()+"%; ");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tBannerSetDB.getBannerSetPreLR()+": "+tBannerSetDB.getBannerSetPreLRPosition()+"%; ");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-next {");
+						cssWriter.write("\n");
+						cssWriter.write("	position: absolute; ");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tBannerSetDB.getBannerSetNextTB()+": "+tBannerSetDB.getBannerSetNextTBPosition()+"%; ");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tBannerSetDB.getBannerSetNextLR()+": "+tBannerSetDB.getBannerSetNextLRPosition()+"%; ");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+
+						cssWriter.write(".banner_"+bannerSetIdx+" .slick-stop, .slick-play {");
+						cssWriter.write("\n");
+						cssWriter.write("	position: absolute; ");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tBannerSetDB.getBannerSetPSTB()+": "+tBannerSetDB.getBannerSetPSTBPosition()+"%; ");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tBannerSetDB.getBannerSetPSLR()+": "+tBannerSetDB.getBannerSetPSLRPosition()+"%; ");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block; ");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						//js파일 작성
+			    		jsFileOutputStream 		= new FileOutputStream(filePath + "/js/banner_"+bannerSetIdx+".js");
+						jsOutputStreamWriter 	= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+						jsWriter 						= new BufferedWriter(jsOutputStreamWriter);
+						
+						if(tBannerSetDB.getBannerSetType().equals("normal")){
+							jsWriter.write("$(document).ready(function(){ ");	
+							jsWriter.write("\n");
+							jsWriter.write("	var $banner_"+bannerSetIdx+" = $('.banner_"+bannerSetIdx+"').slick({ ");
+							
+							if(tBannerSetDB.getBannerSetSkin().equals("B")){
+								jsWriter.write("\n");
+								jsWriter.write("		vertical : true, ");
+							}
+							
+							jsWriter.write("\n");
+							jsWriter.write("		pauseOnHover : false, ");
+							jsWriter.write("\n");
+							jsWriter.write("		draggable: false, ");
+							jsWriter.write("\n");
+							jsWriter.write("		arrows : true, ");
+							jsWriter.write("\n");
+							jsWriter.write("		lazyLoad: 'ondemand', ");
+							jsWriter.write("\n");
+							
+							if(tBannerSetDB.getBannerSetTime().equals(0)){
+								jsWriter.write("		autoplay: false, ");
+								jsWriter.write("\n");
+								jsWriter.write("		prevArrow : \"<a href='javascript:;' title='이전' class='slick-prev'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetPreReImg()+"' alt='이전'/></a>\", ");
+								jsWriter.write("\n");
+								jsWriter.write("		nextArrow : \"<a href='javascript:;' title='다음' class='slick-next'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetNextReImg()+"' alt='다음'/></a>\", ");
+								jsWriter.write("\n");
+							}else{
+								jsWriter.write("		autoplay: true, ");
+								jsWriter.write("\n");
+								jsWriter.write("		autoplaySpeed: 2000, ");
+								jsWriter.write("\n");
+								jsWriter.write("		prevArrow : \"<a href='javascript:;' title='이전' class='slick-prev'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetPreReImg()+"' alt='이전'/></a>\", ");
+								jsWriter.write("\n");
+								jsWriter.write("		nextArrow : \"<a href='javascript:;' title='다음' class='slick-next'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetNextReImg()+"' alt='다음'/></a><a href='javascript:;' title='시작' class='slick-play'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetPlayReImg()+"' alt='시작'/></a><a href='javascript:;' title='정지' class='slick-stop'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetStopReImg()+"' alt='정지'/></a>\", ");
+								jsWriter.write("\n");
+							}
+							
+							jsWriter.write("		dots: false, ");
+							jsWriter.write("\n");
+							jsWriter.write("		infinite: true, ");
+							jsWriter.write("\n");
+							jsWriter.write("		speed: "+(tBannerSetDB.getBannerSetTime()*100)+", ");
+							jsWriter.write("\n");
+							
+							Integer bannerSetCnt = Integer.parseInt(tBannerSetDB.getBannerSetWidth()) / (Integer.parseInt(tBannerSetDB.getBannerDataWidth()) + tBannerSetDB.getBannerDataPadding());
+									
+							if(tBannerSetDB.getBannerSetSkin().equals("B")){
+								bannerSetCnt = Integer.parseInt(tBannerSetDB.getBannerSetHeight()) / (Integer.parseInt(tBannerSetDB.getBannerDataHeight()) + tBannerSetDB.getBannerDataPadding());
+							}
+							
+							jsWriter.write("		slidesToShow: " + bannerSetCnt);
+							jsWriter.write("\n");
+							jsWriter.write("	}); ");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							
+							jsWriter.write("$('.banner_"+bannerSetIdx+" .slick-play').hide();");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("	$('.banner_"+bannerSetIdx+" .slick-play').on('click', function(){ ");
+							jsWriter.write("\n");
+							jsWriter.write("		$banner_"+bannerSetIdx+".slick('slickPlay');");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-play').hide();");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-stop').show();");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-stop').focus();");
+							jsWriter.write("\n");
+							jsWriter.write("	}); ");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("	$('.banner_"+bannerSetIdx+" .slick-stop').on('click', function(){ ");
+							jsWriter.write("\n");
+							jsWriter.write("		$banner_"+bannerSetIdx+".slick('slickPause');");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-stop').hide();");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-play').show();");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-play').focus();");
+							jsWriter.write("\n");
+							jsWriter.write("	}); ");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("	$('.banner_"+bannerSetIdx+" .slick-prev, .slick-next').on('click', function(){ ");
+							jsWriter.write("\n");
+							jsWriter.write("		$banner_"+bannerSetIdx+".slick('slickPause');");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-stop').show();");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-play').hide();");
+							jsWriter.write("\n");
+							jsWriter.write("	}); ");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("}); ");
+							
+						}else{
+							
+							String[] bannerSetArray = {"max:8"};
+							
+							if(!SeedUtils.setReplaceNull(tBannerSetDB.getBannerSetArray()).equals("")){
+								bannerSetArray = tBannerSetDB.getBannerSetArray().split(",");
+							}
+
+							jsWriter.write("$(document).ready(function(){ ");	
+							jsWriter.write("\n");
+							jsWriter.write("	var $banner_"+bannerSetIdx+" = $('.banner_"+bannerSetIdx+"').slick({ ");
+							
+							if(tBannerSetDB.getBannerSetSkin().equals("B")){
+								jsWriter.write("\n");
+								jsWriter.write("		vertical : true, ");
+							}
+							
+							jsWriter.write("\n");
+							jsWriter.write("		pauseOnHover : false, ");
+							jsWriter.write("\n");
+							jsWriter.write("		draggable: false, ");
+							jsWriter.write("\n");
+							jsWriter.write("		arrows : true, ");
+							jsWriter.write("\n");
+							jsWriter.write("		lazyLoad: 'ondemand', ");
+							jsWriter.write("\n");
+
+							if(tBannerSetDB.getBannerSetTime().equals(0)){
+								jsWriter.write("		autoplay: false, ");
+								jsWriter.write("\n");
+								jsWriter.write("		prevArrow : \"<a href='javascript:;' title='이전' class='slick-prev'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetPreReImg()+"' alt='이전'/></a>\", ");
+								jsWriter.write("\n");
+								jsWriter.write("		nextArrow : \"<a href='javascript:;' title='다음' class='slick-next'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetNextReImg()+"' alt='다음'/></a>\", ");
+								jsWriter.write("\n");
+							}else{
+								jsWriter.write("		autoplay: true, ");
+								jsWriter.write("\n");
+								jsWriter.write("		autoplaySpeed: 2000, ");
+								jsWriter.write("\n");
+								jsWriter.write("		prevArrow : \"<a href='javascript:;' title='이전' class='slick-prev'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetPreReImg()+"' alt='이전'/></a>\", ");
+								jsWriter.write("\n");
+								jsWriter.write("		nextArrow : \"<a href='javascript:;' title='다음' class='slick-next'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetNextReImg()+"' alt='다음'/></a><a href='javascript:;' title='시작' class='slick-play'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetPlayReImg()+"' alt='시작'/></a><a href='javascript:;' title='정지' class='slick-stop'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetStopReImg()+"' alt='정지'/></a>\", ");
+								jsWriter.write("\n");
+							}
+
+							jsWriter.write("		dots: false, ");
+							jsWriter.write("\n");
+							jsWriter.write("		infinite: true, ");
+							jsWriter.write("\n");
+							jsWriter.write("		speed: "+(tBannerSetDB.getBannerSetTime()*100)+", ");
+							
+							if(bannerSetArray.length > 1){
+								jsWriter.write("\n");
+								jsWriter.write("		slidesToShow: "+bannerSetArray[0].split(":")[1].replaceAll(" ", "")+", ");
+								jsWriter.write("\n");
+								jsWriter.write("		responsive: [ ");
+								jsWriter.write("\n");
+								
+								for(int a=1; a<bannerSetArray.length; a++){
+									
+									jsWriter.write("		{ ");
+									jsWriter.write("\n");
+									jsWriter.write("			breakpoint: "+bannerSetArray[a].split(":")[0].replaceAll(" ", "")+", ");
+									jsWriter.write("\n");
+									jsWriter.write("			settings: { ");
+									
+									if(tBannerSetDB.getBannerSetSkin().equals("B")){
+										jsWriter.write("\n");
+										jsWriter.write("			vertical : true, ");
+									}
+									
+									jsWriter.write("\n");
+									jsWriter.write("				pauseOnHover : false, ");
+									jsWriter.write("\n");
+									jsWriter.write("				draggable: false, ");
+									jsWriter.write("\n");
+									jsWriter.write("				arrows : true, ");
+									jsWriter.write("\n");
+									jsWriter.write("				lazyLoad: 'ondemand', ");
+									jsWriter.write("\n");
+
+									if(tBannerSetDB.getBannerSetTime().equals(0)){
+										jsWriter.write("				autoplay: false, ");
+										jsWriter.write("\n");
+										jsWriter.write("				prevArrow : \"<a href='javascript:;' title='이전' class='slick-prev'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetPreReImg()+"' alt='이전'/></a>\", ");
+										jsWriter.write("\n");
+										jsWriter.write("				nextArrow : \"<a href='javascript:;' title='다음' class='slick-next'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetNextReImg()+"' alt='다음'/></a>\", ");
+										jsWriter.write("\n");
+									}else{
+										jsWriter.write("				autoplay: true, ");
+										jsWriter.write("\n");
+										jsWriter.write("				autoplaySpeed: 2000, ");
+										jsWriter.write("\n");
+										jsWriter.write("				prevArrow : \"<a href='javascript:;' title='이전' class='slick-prev'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetPreReImg()+"' alt='이전'/></a>\", ");
+										jsWriter.write("\n");
+										jsWriter.write("				nextArrow : \"<a href='javascript:;' title='다음' class='slick-next'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetNextReImg()+"' alt='다음'/></a><a href='javascript:;' title='시작' class='slick-play'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetPlayReImg()+"' alt='시작'/></a><a href='javascript:;' title='정지' class='slick-stop'><img src='/site/"+siteIdx+"/upload/banner/"+bannerSetIdx+"/"+tBannerSetDB.getBannerSetStopReImg()+"' alt='정지'/></a>\", ");
+										jsWriter.write("\n");
+									}
+									
+									jsWriter.write("				dots: false, ");
+									jsWriter.write("\n");
+									jsWriter.write("				infinite: true, ");
+									jsWriter.write("\n");
+									jsWriter.write("				speed: "+(tBannerSetDB.getBannerSetTime()*100)+", ");
+									jsWriter.write("\n");
+									jsWriter.write("				slidesToShow: "+bannerSetArray[a].split(":")[1].replaceAll(" ", ""));
+									jsWriter.write("\n");
+									jsWriter.write("			} ");
+									jsWriter.write("\n");
+									
+									if(a < (bannerSetArray.length-1)){
+										jsWriter.write("		}, ");
+										jsWriter.write("\n");
+									}else{
+										jsWriter.write("		} ");
+										jsWriter.write("\n");
+										jsWriter.write("		] ");
+										jsWriter.write("\n");
+										jsWriter.write("	}); ");
+										jsWriter.write("\n");
+										jsWriter.write("\n");
+									}
+								}
+								
+ 							}else{
+ 								
+								jsWriter.write("\n");
+								jsWriter.write("		slidesToShow: "+bannerSetArray[0].split(":")[1].replaceAll(" ", ""));
+								jsWriter.write("\n");
+								jsWriter.write("	}); ");
+								jsWriter.write("\n");
+								jsWriter.write("\n");
+							}
+
+							jsWriter.write("$('.banner_"+bannerSetIdx+" .slick-play').hide();");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("	$('.banner_"+bannerSetIdx+" .slick-play').on('click', function(){ ");
+							jsWriter.write("\n");
+							jsWriter.write("		$banner_"+bannerSetIdx+".slick('slickPlay');");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-play').hide();");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-stop').show();");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-stop').focus();");
+							jsWriter.write("\n");
+							jsWriter.write("	}); ");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("	$('.banner_"+bannerSetIdx+" .slick-stop').on('click', function(){ ");
+							jsWriter.write("\n");
+							jsWriter.write("		$banner_"+bannerSetIdx+".slick('slickPause');");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-stop').hide();");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-play').show();");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-play').focus();");
+							jsWriter.write("\n");
+							jsWriter.write("	}); ");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("	$('.banner_"+bannerSetIdx+" .slick-prev, .slick-next').on('click', function(){ ");
+							jsWriter.write("\n");
+							jsWriter.write("		$banner_"+bannerSetIdx+".slick('slickPause');");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-stop').show();");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.banner_"+bannerSetIdx+" .slick-play').hide();");
+							jsWriter.write("\n");
+							jsWriter.write("	}); ");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("}); ");
+						}
+					}
+					
+				}else{
+					
+					//css파일 작성
+					cssFileOutputStream 		= new FileOutputStream(filePath + "/css/banner_"+bannerSetIdx+".css");
+					cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+					cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+					
+					cssWriter.write("@charset \"utf-8\";");
+					
+					//js파일 작성
+		    		jsFileOutputStream 		= new FileOutputStream(filePath + "/js/banner_"+bannerSetIdx+".js");
+					jsOutputStreamWriter 	= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+					jsWriter 						= new BufferedWriter(jsOutputStreamWriter);
+					
+					jsWriter.write("");
+					
+					jspWriter.write("<div class='banner_"+bannerSetIdx+"'>");
+					jspWriter.write("\n");
+					jspWriter.write("		<div><s:message code='common.message.no.data'/></div>");
+					jspWriter.write("\n");
+					jspWriter.write("</div>");
+				}
+			}
+			
+			cssWriter.flush();
+			jsWriter.flush();
+			jspWriter.flush();
+			
+			//FTP 전송
+			SeedFtpType seedFtpType = new SeedFtpType();
+			
+    		//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(siteIdx+"/jsp/banner/css");
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath + "/" + siteIdx+"/jsp/banner/css");
+    		//WAS 파일명
+    		seedFtpType.setFileName("banner_"+bannerSetIdx+".css");
+    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();
+			
+    		//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(siteIdx+"/jsp/banner/js");
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath + "/" + siteIdx+"/jsp/banner/js");
+    		//WAS 파일명
+    		seedFtpType.setFileName("banner_"+bannerSetIdx+".js");
+    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();
+			
+    		//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(siteIdx+"/jsp/banner");
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath + "/" + siteIdx+"/jsp/banner");
+    		//WAS 파일명
+    		seedFtpType.setFileName("banner_"+bannerSetIdx+".jsp");
+    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();		    		
+			
+		}catch(FileNotFoundException e){
+			log.error("CHECK ERROR:",e);
+		}catch(IOException e){
+			log.error("CHECK ERROR:",e);
+		}finally{
+			if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			
+			if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			
+			if(jsWriter!=null){try{jsWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jsOutputStreamWriter!=null){try{jsOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jsFileOutputStream!=null){try{jsFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+		}
+	}
+}
diff --git a/src/main/java/seed/manager/bbs/service/ManagerBbsManagerServiceImpl.java b/src/main/java/seed/manager/bbs/service/ManagerBbsManagerServiceImpl.java
index 30a00e1a..326b6274 100644
--- a/src/main/java/seed/manager/bbs/service/ManagerBbsManagerServiceImpl.java
+++ b/src/main/java/seed/manager/bbs/service/ManagerBbsManagerServiceImpl.java
@@ -9,10 +9,9 @@ import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
 import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
-
 import seed.dao.BbsManagerDAO;
 import seed.dao.MemberDAO;
-import seed.dao.SiteManagerDAO;
+import seed.dao.SiteManager2DAO;
 import seed.map.T_BBS_MANAGER;
 import seed.map.T_BBS_SET;
 import seed.map.T_MEMBER;
@@ -23,8 +22,8 @@ public class ManagerBbsManagerServiceImpl extends AbstractServiceImpl implements
     @Autowired
     private BbsManagerDAO bbsManagerDAO;
     
-    @Autowired
-    private SiteManagerDAO siteManagerDAO;
+    //@Autowired
+    private SiteManager2DAO siteManagerDAO;
     
     @Autowired
     private MemberDAO memberDAO;
diff --git a/src/main/java/seed/manager/formbuilder/service/ManagerFormbuilderManagerServiceImpl.java b/src/main/java/seed/manager/formbuilder/service/ManagerFormbuilderManagerServiceImpl.java
index 8a13c44e..8776077a 100644
--- a/src/main/java/seed/manager/formbuilder/service/ManagerFormbuilderManagerServiceImpl.java
+++ b/src/main/java/seed/manager/formbuilder/service/ManagerFormbuilderManagerServiceImpl.java
@@ -9,10 +9,9 @@ import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
 import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
-
 import seed.dao.FormbuilderManagerDAO;
 import seed.dao.MemberDAO;
-import seed.dao.SiteManagerDAO;
+import seed.dao.SiteManager2DAO;
 import seed.map.T_FORMBUILDER_MANAGER;
 import seed.map.T_FORMBUILDER_SET;
 import seed.map.T_MEMBER;
@@ -23,8 +22,8 @@ public class ManagerFormbuilderManagerServiceImpl extends AbstractServiceImpl im
     @Autowired
     private FormbuilderManagerDAO formbuilderManagerDAO;
     
-    @Autowired
-    private SiteManagerDAO siteManagerDAO;
+    //@Autowired
+    private SiteManager2DAO siteManagerDAO;
     
     @Autowired
     private MemberDAO memberDAO;
diff --git a/src/main/java/seed/manager/member/service/ManagerMemberServiceImpl.java b/src/main/java/seed/manager/member/service/ManagerMemberServiceImpl.java
index 733d6d43..7940a5bb 100644
--- a/src/main/java/seed/manager/member/service/ManagerMemberServiceImpl.java
+++ b/src/main/java/seed/manager/member/service/ManagerMemberServiceImpl.java
@@ -10,7 +10,6 @@ import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
 import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
-
 import seed.dao.BannerDataDAO;
 import seed.dao.BannerManagerDAO;
 import seed.dao.BannerSetDAO;
@@ -37,7 +36,7 @@ import seed.dao.QuickDataDAO;
 import seed.dao.QuickManagerDAO;
 import seed.dao.QuickSetDAO;
 import seed.dao.SiteDAO;
-import seed.dao.SiteManagerDAO;
+import seed.dao.SiteManager2DAO;
 import seed.dao.SiteMenuDAO;
 import seed.dao.SiteMenuManagerDAO;
 import seed.dao.SurveyAuthDAO;
@@ -130,8 +129,8 @@ public class ManagerMemberServiceImpl extends AbstractServiceImpl implements Man
     @Autowired
     private CommonMessageDAO commonMessageDAO;
     
-    @Autowired
-    private SiteManagerDAO siteManagerDAO;
+    //@Autowired
+    private SiteManager2DAO siteManagerDAO;
     
     @Autowired
     private SiteMenuManagerDAO siteMenuManagerDAO;
diff --git a/src/main/java/seed/manager/site/service/ManagerSiteManagerServiceImpl.java b/src/main/java/seed/manager/site/service/ManagerSiteManagerServiceImpl.java
index c4999d4b..91c4e144 100644
--- a/src/main/java/seed/manager/site/service/ManagerSiteManagerServiceImpl.java
+++ b/src/main/java/seed/manager/site/service/ManagerSiteManagerServiceImpl.java
@@ -8,9 +8,8 @@ import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
 import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
-
 import seed.dao.MemberDAO;
-import seed.dao.SiteManagerDAO;
+import seed.dao.SiteManager2DAO;
 import seed.map.T_MEMBER;
 import seed.map.T_SITE;
 import seed.map.T_SITE_MANAGER;
@@ -20,7 +19,7 @@ import seed.map.VIEW_MANAGER_DATA;
 public class ManagerSiteManagerServiceImpl extends AbstractServiceImpl implements ManagerSiteManagerService{
 
     @Autowired
-    private SiteManagerDAO siteManagerDAO;
+    private SiteManager2DAO siteManager2DAO;
     
     @Autowired
     private MemberDAO memberDAO;
@@ -28,20 +27,20 @@ public class ManagerSiteManagerServiceImpl extends AbstractServiceImpl implement
     //ManagerLoginController
 	public List<T_SITE_MANAGER> getSiteManagerList(String memberMergeSiteIdx, Integer memberIdx, String[] qryColumns){
 		
-		return siteManagerDAO.getSiteManagerList(memberMergeSiteIdx, memberIdx, qryColumns);
+		return siteManager2DAO.getSiteManagerList(memberMergeSiteIdx, memberIdx, qryColumns);
 	}
 
 	//ManagerELoginController
 	public List<VIEW_MANAGER_DATA> getSiteManagerList(Integer memberIdx, String[] qryColumns){
 		
-		return siteManagerDAO.getSiteManagerList(memberIdx, qryColumns);
+		return siteManager2DAO.getSiteManagerList(memberIdx, qryColumns);
 	}
 	
 	public boolean getSiteManagerListCnt(String siteIdx, Integer memberIdx){
 		
 		boolean success = false;
 		
-		if(siteManagerDAO.getSiteManagerListCnt(siteIdx, memberIdx) > 0){
+		if(siteManager2DAO.getSiteManagerListCnt(siteIdx, memberIdx) > 0){
 			success = true;
 		}
 		
@@ -52,7 +51,7 @@ public class ManagerSiteManagerServiceImpl extends AbstractServiceImpl implement
 		
 		boolean success = false;
 		
-		if(siteManagerDAO.getSiteManagerListCnt(memberIdx) > 0){
+		if(siteManager2DAO.getSiteManagerListCnt(memberIdx) > 0){
 			success = true;
 		}
 		
@@ -62,13 +61,13 @@ public class ManagerSiteManagerServiceImpl extends AbstractServiceImpl implement
 	//CommonController
     public Long getSiteManagerListCnt(String siteIdx, Integer selGroup, String column, String search){
     	
-    	return siteManagerDAO.getSiteManagerListCnt(siteIdx, selGroup, column, search);
+    	return siteManager2DAO.getSiteManagerListCnt(siteIdx, selGroup, column, search);
     }
     
     //CommonController
 	public List<T_SITE_MANAGER> getSiteManagerList(String siteIdx, int page, int row, String orderColumn, String order, Integer selGroup, String column, String search, String[] qryColumns){
 		
-		return siteManagerDAO.getSiteManagerList(siteIdx, ((page-1) * row), row, orderColumn, order, selGroup, column, search, qryColumns);
+		return siteManager2DAO.getSiteManagerList(siteIdx, ((page-1) * row), row, orderColumn, order, selGroup, column, search, qryColumns);
 	}
 	
 	//CommonController
@@ -81,7 +80,7 @@ public class ManagerSiteManagerServiceImpl extends AbstractServiceImpl implement
 			
 			for(int i=0; i<idxsc.length; i++){
 				
-				if(siteManagerDAO.getSiteManagerListCnt(siteIdx, idxsc[i]) > 0){
+				if(siteManager2DAO.getSiteManagerListCnt(siteIdx, idxsc[i]) > 0){
 					success = true;
 				}else{
 					
@@ -98,7 +97,7 @@ public class ManagerSiteManagerServiceImpl extends AbstractServiceImpl implement
 					tSiteManager.setSiteManagerStatus("U");
 					tSiteManager.setSiteManagerRegDate(new Date());
 					
-					if(siteManagerDAO.setSiteManagerRegProc(tSiteManager)){
+					if(siteManager2DAO.setSiteManagerRegProc(tSiteManager)){
 						
 						success = true;
 						
@@ -127,9 +126,9 @@ public class ManagerSiteManagerServiceImpl extends AbstractServiceImpl implement
 		
 		boolean success = false;
 		
-		T_SITE_MANAGER tSiteManagerDB = siteManagerDAO.getSiteManagerForm(siteManagerIdx);
+		T_SITE_MANAGER tSiteManagerDB = siteManager2DAO.getSiteManagerForm(siteManagerIdx);
 		
-		if(siteManagerDAO.setSiteManagerDelProc(tSiteManagerDB)){
+		if(siteManager2DAO.setSiteManagerDelProc(tSiteManagerDB)){
 			
 			success = true;
 			
@@ -137,7 +136,7 @@ public class ManagerSiteManagerServiceImpl extends AbstractServiceImpl implement
 			
 			if(!tMemberDB.getMemberGrant().equals("S")){
 				
-				if(siteManagerDAO.getSiteManagerListCnt(tMemberDB.getMemberIdx()) > 0){
+				if(siteManager2DAO.getSiteManagerListCnt(tMemberDB.getMemberIdx()) > 0){
 					tMemberDB.setMemberGrant("SM");
 				}else if((tMemberDB.getMemberGrant().equals("SM") || tMemberDB.getMemberGrant().equals("M"))){
 					tMemberDB.setMemberGrant("M");
@@ -158,10 +157,10 @@ public class ManagerSiteManagerServiceImpl extends AbstractServiceImpl implement
 	@Transactional
 	public boolean setSiteManagerStatusProc(Integer siteManagerIdx, String status){
 		
-		T_SITE_MANAGER tSiteManagerDB = siteManagerDAO.getSiteManagerForm(siteManagerIdx);
+		T_SITE_MANAGER tSiteManagerDB = siteManager2DAO.getSiteManagerForm(siteManagerIdx);
 		
 		tSiteManagerDB.setSiteManagerStatus(status);
 		
-		return siteManagerDAO.setSiteManagerModProc(tSiteManagerDB);
+		return siteManager2DAO.setSiteManagerModProc(tSiteManagerDB);
 	}
 }
diff --git a/src/main/java/seed/manager/site/service/ManagerSiteMenuManagerServiceImpl.java b/src/main/java/seed/manager/site/service/ManagerSiteMenuManagerServiceImpl.java
index 0f9c7349..0a7b1b4c 100644
--- a/src/main/java/seed/manager/site/service/ManagerSiteMenuManagerServiceImpl.java
+++ b/src/main/java/seed/manager/site/service/ManagerSiteMenuManagerServiceImpl.java
@@ -9,9 +9,8 @@ import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
 import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
-
 import seed.dao.MemberDAO;
-import seed.dao.SiteManagerDAO;
+import seed.dao.SiteManager2DAO;
 import seed.dao.SiteMenuManagerDAO;
 import seed.map.T_MEMBER;
 import seed.map.T_SITE_MENU;
@@ -24,8 +23,8 @@ public class ManagerSiteMenuManagerServiceImpl extends AbstractServiceImpl imple
     @Autowired
     private SiteMenuManagerDAO siteMenuManagerDAO;
     
-    @Autowired
-    private SiteManagerDAO siteManagerDAO;
+    //@Autowired
+    private SiteManager2DAO siteManagerDAO;
     
     @Autowired
     private MemberDAO memberDAO;
diff --git a/src/main/java/seed/manager/site/service/ManagerSiteServiceImpl.java b/src/main/java/seed/manager/site/service/ManagerSiteServiceImpl.java
index f2114d32..23b7189e 100644
--- a/src/main/java/seed/manager/site/service/ManagerSiteServiceImpl.java
+++ b/src/main/java/seed/manager/site/service/ManagerSiteServiceImpl.java
@@ -19,7 +19,6 @@ import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
 import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
-
 import seed.dao.MemberDAO;
 import seed.dao.SiteDAO;
 import seed.dao.SiteMenuAuthDAO;
@@ -57,6 +56,8 @@ public class ManagerSiteServiceImpl extends AbstractServiceImpl implements Manag
     //managerSiteController
   	public T_SITE getSiteForm(String siteIdx){
   		
+  		System.out.println("getSiteForm=1="+siteIdx);
+  		
   		return siteDAO.getSiteForm(siteIdx);
   	}
   	
diff --git a/src/main/java/seed/manager/skin/service/ManagerSiteSkinService.java b/src/main/java/seed/manager/skin/service/ManagerSiteSkinService.java
new file mode 100644
index 00000000..f4fc9653
--- /dev/null
+++ b/src/main/java/seed/manager/skin/service/ManagerSiteSkinService.java
@@ -0,0 +1,16 @@
+package seed.manager.skin.service;
+
+public interface ManagerSiteSkinService {
+
+	//ManagerSiteSkinController
+	public String getSiteSkinHtml(String siteIdx, String pageType, String pageName, String rootPath);
+	
+	//ManagerSiteSkinController
+	public String getSiteSkinCss(String siteIdx, String pageType, String pageName, String rootPath);
+
+	//ManagerSiteSkinController
+	public boolean setSiteSkinHtmlModProc(String siteIdx, String pageType, String pageName, String siteSkinHtml, String rootPath);
+	
+	//ManagerSiteSkinController
+	public boolean setSiteSkinCssModProc(String siteIdx, String pageType, String pageName, String siteSkinCss, String rootPath);
+}
diff --git a/src/main/java/seed/manager/skin/service/ManagerSiteSkinServiceImpl.java b/src/main/java/seed/manager/skin/service/ManagerSiteSkinServiceImpl.java
new file mode 100644
index 00000000..88c4b157
--- /dev/null
+++ b/src/main/java/seed/manager/skin/service/ManagerSiteSkinServiceImpl.java
@@ -0,0 +1,240 @@
+package seed.manager.skin.service;
+
+import java.io.BufferedReader;
+import java.io.BufferedWriter;
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileNotFoundException;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.InputStreamReader;
+import java.io.OutputStreamWriter;
+
+import org.apache.log4j.Logger;
+import org.springframework.stereotype.Service;
+
+import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
+
+import seed.utils.SeedFtpType;
+import seed.utils.SeedUtils;
+
+@Service
+public class ManagerSiteSkinServiceImpl extends AbstractServiceImpl implements ManagerSiteSkinService{
+	
+	private Logger log = Logger.getLogger(this.getClass());
+	
+    //ManagerSiteSkinController
+  	public synchronized String getSiteSkinHtml(String siteIdx, String pageType, String pageName, String rootPath){
+  		
+  		StringBuffer fileHtml 	= new StringBuffer();
+  		String filePath = rootPath + "/" + siteIdx + "/jsp/"+pageType+"/"+pageName+".html";
+  		filePath = SeedUtils.setFilePathReplaceAll(filePath);
+  		
+  		FileInputStream 		fileInputStream = null;
+  		InputStreamReader 	inputStreamReader = null;
+  		BufferedReader 		bufferedReader = null;
+  		
+  		try{
+  			
+  			File menuFile = new File(filePath);
+  			
+  			if(menuFile.exists()){
+  				fileInputStream 		= new FileInputStream(filePath);
+  				inputStreamReader 	= new InputStreamReader(fileInputStream, "UTF-8");
+  				bufferedReader 		= new BufferedReader(inputStreamReader);
+				
+  				String fileBuffer = "";
+  				
+  				while((fileBuffer = bufferedReader.readLine()) != null){
+    				fileHtml.append(fileBuffer);
+    				fileHtml.append("\n");
+  				}
+  			}
+  		}catch(FileNotFoundException e){
+  			log.error("CHECK ERROR:",e);
+  		}catch(IOException e){
+  			log.error("CHECK ERROR:",e);
+  		}finally{
+  			if(bufferedReader!=null){try{bufferedReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+  			if(inputStreamReader!=null){try{inputStreamReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+  			if(fileInputStream!=null){try{fileInputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+  		}
+  		
+  		return fileHtml.toString();
+  	}
+  	
+    //ManagerSiteSkinController
+  	public synchronized String getSiteSkinCss(String siteIdx, String pageType, String pageName, String rootPath){
+  		
+  		StringBuffer fileCss = new StringBuffer();
+  		String filePath = rootPath + "/" + siteIdx + "/jsp/"+pageType+"/css/"+pageName+".css";
+  		filePath = SeedUtils.setFilePathReplaceAll(filePath);
+  		
+  		FileInputStream 		fileInputStream = null;
+  		InputStreamReader 	inputStreamReader = null;
+  		BufferedReader 		bufferedReader = null;
+  		
+  		try{
+  			
+  			File menuFile = new File(filePath);
+  			
+  			if(menuFile.exists()){
+  				fileInputStream 		= new FileInputStream(filePath);
+  				inputStreamReader 	= new InputStreamReader(fileInputStream, "UTF-8");
+  				bufferedReader 		= new BufferedReader(inputStreamReader);
+				
+  				String fileBuffer = "";
+  				
+  				while((fileBuffer = bufferedReader.readLine()) != null){
+  					fileCss.append(fileBuffer);
+  					fileCss.append("\n");
+  				}
+  			}
+  		}catch(FileNotFoundException e){
+  			log.error("CHECK ERROR:",e);
+  		}catch(IOException e){
+  			log.error("CHECK ERROR:",e);
+  		}finally{
+  			if(bufferedReader!=null){try{bufferedReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+  			if(inputStreamReader!=null){try{inputStreamReader.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+  			if(fileInputStream!=null){try{fileInputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+  		}
+  		
+  		return fileCss.toString();
+  	}
+  	
+    //ManagerSiteSkinController
+  	public boolean setSiteSkinHtmlModProc(String siteIdx, String pageType, String pageName, String siteSkinHtml, String rootPath){
+  		
+		boolean success = false;
+		
+		String filePath = "";
+		
+		filePath = rootPath + "/" + siteIdx + "/jsp/"+pageType;
+		
+		FileOutputStream 	htmlFileOutputStream 		= null;
+		OutputStreamWriter	htmlOutputStreamWriter 	= null;
+		BufferedWriter 		htmlWriter 						= null;
+
+		FileOutputStream 	jspFileOutputStream 			= null;
+		OutputStreamWriter	jspOutputStreamWriter 		= null;
+		BufferedWriter 		jspWriter 						= null;
+		
+		try{
+			
+			SeedFtpType seedFtpType = new SeedFtpType();
+			
+			htmlFileOutputStream 		= new FileOutputStream(filePath + "/"+pageName+".html");
+			htmlOutputStreamWriter 	= new OutputStreamWriter(htmlFileOutputStream, "UTF-8");
+			htmlWriter 						= new BufferedWriter(htmlOutputStreamWriter);
+
+			htmlWriter.write(siteSkinHtml);
+			htmlWriter.flush();
+			
+			//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(siteIdx + "/jsp/"+pageType);
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath+"/"+siteIdx + "/jsp/"+pageType);
+    		//WAS 파일명
+    		seedFtpType.setFileName(pageName+".html");
+    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();
+			
+			jspFileOutputStream 			= new FileOutputStream(filePath + "/"+pageName+".jsp");
+			jspOutputStreamWriter 		= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+			jspWriter 						= new BufferedWriter(jspOutputStreamWriter);
+			
+			jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c' %>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");
+			jspWriter.write(siteSkinHtml);
+			jspWriter.flush();
+			
+			//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(siteIdx + "/jsp/"+pageType);
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath+"/"+siteIdx + "/jsp/"+pageType);
+    		//WAS 파일명
+    		seedFtpType.setFileName(pageName+".jsp");
+    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();
+			
+			success = true;
+		}catch(FileNotFoundException e){
+			success = false;
+			log.error("CHECK ERROR:",e);
+		}catch(IOException e){
+			success = false;
+			log.error("CHECK ERROR:",e);
+		}finally{
+			if(htmlWriter!=null){try{htmlWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(htmlOutputStreamWriter!=null){try{htmlOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(htmlFileOutputStream!=null){try{htmlFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+		}
+		
+		return success;
+  	}
+  	
+    //ManagerSiteSkinController
+  	public boolean setSiteSkinCssModProc(String siteIdx, String pageType, String pageName, String siteSkinCss, String rootPath){
+  		
+		boolean success = false;
+		
+		String filePath = "";
+		
+		filePath = rootPath + "/" + siteIdx + "/jsp/"+pageType+"/css/";
+		
+		FileOutputStream 	htmlFileOutputStream 		= null;
+		OutputStreamWriter	htmlOutputStreamWriter 	= null;
+		BufferedWriter 		htmlWriter 						= null;
+		
+		try{
+			
+			SeedFtpType seedFtpType = new SeedFtpType();
+			
+			htmlFileOutputStream 		= new FileOutputStream(filePath + "/"+pageName+".css");
+			htmlOutputStreamWriter 	= new OutputStreamWriter(htmlFileOutputStream, "UTF-8");
+			htmlWriter 						= new BufferedWriter(htmlOutputStreamWriter);
+
+			htmlWriter.write(siteSkinCss);
+			htmlWriter.flush();
+			
+			//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(siteIdx + "/jsp/"+pageType+"/css");
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath+"/"+siteIdx + "/jsp/"+pageType+"/css");
+    		//WAS 파일명
+    		seedFtpType.setFileName(pageName+".css");
+    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();			
+			
+			success = true;
+		}catch(FileNotFoundException e){
+			success = false;
+			log.error("CHECK ERROR:",e);
+		}catch(IOException e){
+			success = false;
+			log.error("CHECK ERROR:",e);
+		}finally{
+			if(htmlWriter!=null){try{htmlWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(htmlOutputStreamWriter!=null){try{htmlOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(htmlFileOutputStream!=null){try{htmlFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+		}
+		
+		return success;
+  	}
+}
\ No newline at end of file
diff --git a/src/main/java/seed/manager/skin/web/ManagerSiteSkinController.java b/src/main/java/seed/manager/skin/web/ManagerSiteSkinController.java
new file mode 100644
index 00000000..9f7527b1
--- /dev/null
+++ b/src/main/java/seed/manager/skin/web/ManagerSiteSkinController.java
@@ -0,0 +1,516 @@
+package seed.manager.skin.web;
+
+import java.io.IOException;
+import java.util.Map;
+
+import javax.servlet.http.HttpServletResponse;
+import javax.servlet.http.HttpSession;
+
+import org.apache.log4j.Logger;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.servlet.ModelAndView;
+
+import seed.manager.member.service.ManagerMemberService;
+import seed.manager.site.service.ManagerSiteManagerService;
+import seed.manager.skin.service.ManagerSiteSkinService;
+import seed.utils.InterceptorCheck;
+import seed.utils.SeedUtils;
+
+@Controller
+public class ManagerSiteSkinController {
+	
+	private Logger log = Logger.getLogger(this.getClass());
+
+	@Autowired
+	private ManagerSiteSkinService managerSiteSkinService;
+	
+	@Autowired
+	private ManagerSiteManagerService managerSiteManagerService;
+	
+	@Autowired
+	private ManagerMemberService managerMemberService;
+	
+	@Value("#{config['root.path']}") 
+	private String rootPath;
+	
+	public void getSeedLicense(HttpServletResponse httpServletResponse){
+		
+		if(SeedUtils.setReplaceNull(InterceptorCheck.getLicenseKey()).equals("")){
+			try {
+				httpServletResponse.sendRedirect("/common/seed.do");
+			} catch (IOException ex) {
+				log.error("CHECK ERROR:",ex);
+			}
+		}
+	}
+	
+	public void setSessionRemove(HttpSession session){
+		session.removeAttribute("memberIdx");
+		session.removeAttribute("memberId");
+		session.removeAttribute("memberName");
+		session.removeAttribute("memberDept");
+		session.removeAttribute("memberPosition");
+		session.removeAttribute("memberTel");
+		session.removeAttribute("memberPhone");
+		session.removeAttribute("memberEmail1");
+		session.removeAttribute("memberEmail2");
+		session.removeAttribute("memberGrant");
+		
+		session.removeAttribute("url");
+		session.removeAttribute("message");
+		session.removeAttribute("opener");
+		session.removeAttribute("append");
+		session.removeAttribute("self");
+	}
+	
+	public void setSessionMessageRemove(HttpSession session){
+		session.removeAttribute("url");
+		session.removeAttribute("message");
+		session.removeAttribute("opener");
+		session.removeAttribute("append");
+		session.removeAttribute("self");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/siteAlertSkin.do")
+	public ModelAndView getSiteAlertSkin(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@RequestParam(value="alertType", required=true) String alertType){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		
+		String memberGrant = "";
+		memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		
+		boolean memberAuth = memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		/*
+		try {
+			memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);	
+		}catch(Exception ex) {
+			ex.printStackTrace();
+		}
+		*/
+		
+		//메뉴로 권한 관리를 하므로 기존 권한체크는 주석처리
+		if (!this._hasAuth(memberIdx, memberGrant, memberAuth, session, map)) {
+			return new ModelAndView("/_common/jsp/message");
+		}
+		/*
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			System.out.println("in=");
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("url", "/uat/uia/EgovLoginUsr.do");			
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		*/
+		
+		map.put("alertType", alertType);
+		map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/skin/siteAlertSkin");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/siteSmartMenuSkin.do")
+	public ModelAndView getSmartMenuSkin(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if (!this._hasAuth(memberIdx, memberGrant, memberAuth, session, map)) {
+			return new ModelAndView("/_common/jsp/message");
+		}
+		/*
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		*/
+		
+		map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/skin/siteSmartMenuSkin");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/siteLoginSkin.do")
+	public ModelAndView getSiteLoginSkin(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@RequestParam(value="loginType", required=true) String loginType){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if (!this._hasAuth(memberIdx, memberGrant, memberAuth, session, map)) {
+			return new ModelAndView("/_common/jsp/message");
+		}
+		/*
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		*/
+		
+		map.put("loginType", loginType);
+		map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/skin/siteLoginSkin");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/siteMemberSkin.do")
+	public ModelAndView getSiteMemberSkin(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@RequestParam(value="memberType", required=true) String memberType){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if (!this._hasAuth(memberIdx, memberGrant, memberAuth, session, map)) {
+			return new ModelAndView("/_common/jsp/message");
+		}
+		/*
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		*/
+		
+		map.put("memberType", memberType);
+		map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/skin/siteMemberSkin");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/siteNavigationSkin.do")
+	public ModelAndView getSiteNavigationSkin(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if (!this._hasAuth(memberIdx, memberGrant, memberAuth, session, map)) {
+			return new ModelAndView("/_common/jsp/message");
+		}
+		/*
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		*/
+		
+		map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/skin/siteNavigationSkin");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/siteSatisfactionSkin.do")
+	public ModelAndView getSiteSatisfactionSkin(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if (!this._hasAuth(memberIdx, memberGrant, memberAuth, session, map)) {
+			return new ModelAndView("/_common/jsp/message");
+		}
+		/*
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		*/
+		
+		map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/skin/siteSatisfactionSkin");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/siteChargeSkin.do")
+	public ModelAndView getSiteChargeSkin(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if (!this._hasAuth(memberIdx, memberGrant, memberAuth, session, map)) {
+			return new ModelAndView("/_common/jsp/message");
+		}
+		/*
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		*/
+		
+		map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/skin/siteChargeSkin");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/siteFileuploadSkin.do")
+	public ModelAndView getSiteFileuploadSkin(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if (!this._hasAuth(memberIdx, memberGrant, memberAuth, session, map)) {
+			return new ModelAndView("/_common/jsp/message");
+		}
+		/*
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		*/
+		
+		map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/skin/siteFileuploadSkin");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/siteSkinHtml.do")
+	public ModelAndView getSiteSkinHtml(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@RequestParam(value="pageType", required=true) String pageType,
+			@RequestParam(value="pageName", required=true) String pageName){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		//권한은 별도 체크하므로 기존 권한은 주석 처리함
+		if (!this._hasAuth(memberIdx, memberGrant, memberAuth, session, map)) {
+			return new ModelAndView("/_common/jsp/message");
+		}
+		/*
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		*/
+		
+		map.put("siteSkinHtml", managerSiteSkinService.getSiteSkinHtml(siteIdx, pageType, pageName, rootPath));
+		
+		map.put("pageType", pageType);
+		map.put("pageName", pageName);
+		
+		map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/skin/siteSkinHtml");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/siteSkinCss.do")
+	public ModelAndView getSiteSkinCss(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@RequestParam(value="pageType", required=true) String pageType,
+			@RequestParam(value="pageName", required=true) String pageName){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		//권한은 별도 체크하므로 기존 권한은 주석 처리함
+		if (!this._hasAuth(memberIdx, memberGrant, memberAuth, session, map)) {
+			return new ModelAndView("/_common/jsp/message");
+		}
+		/*
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		*/
+		
+		map.put("siteSkinCss", managerSiteSkinService.getSiteSkinCss(siteIdx, pageType, pageName, rootPath));
+		
+		map.put("pageType", pageType);
+		map.put("pageName", pageName);
+		
+		map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/skin/siteSkinCss");
+	}
+
+	@RequestMapping(value = "/gtm/proc/{siteIdx}/siteSkinHtmlModProc.do", method=RequestMethod.POST)
+	public ModelAndView setSiteSkinHtmlModProc(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@RequestParam(value="siteSkinHtml", required=true) String siteSkinHtml,
+			@RequestParam(value="pageType", required=true) String pageType,
+			@RequestParam(value="pageName", required=true) String pageName){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if (!this._hasAuth(memberIdx, memberGrant, memberAuth, session, map)) {
+			return new ModelAndView("/_common/jsp/message");
+		}		
+		/*
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		*/
+		
+		if(managerSiteSkinService.setSiteSkinHtmlModProc(siteIdx, pageType, pageName, siteSkinHtml, rootPath)){
+			map.put("message", "common.message.mod");
+		}else{
+			map.put("message", "common.message.error.mod");
+		}
+		
+		map.put("url", "/gtm/"+siteIdx+"/siteSkinHtml.do?pageType="+pageType+"&pageName="+pageName);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = "/gtm/proc/{siteIdx}/siteSkinCssModProc.do", method=RequestMethod.POST)
+	public ModelAndView setSiteSkinCssModProc(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@RequestParam(value="siteSkinCss", required=true) String siteSkinCss,
+			@RequestParam(value="pageType", required=true) String pageType,
+			@RequestParam(value="pageName", required=true) String pageName){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if (!this._hasAuth(memberIdx, memberGrant, memberAuth, session, map)) {
+			return new ModelAndView("/_common/jsp/message");
+		}
+		/*
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		*/
+		
+		if(managerSiteSkinService.setSiteSkinCssModProc(siteIdx, pageType, pageName, siteSkinCss, rootPath)){
+			map.put("message", "common.message.mod");
+		}else{
+			map.put("message", "common.message.error.mod");
+		}
+		
+		map.put("url", "/gtm/"+siteIdx+"/siteSkinCss.do?pageType="+pageType+"&pageName="+pageName);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	////////////////////////////////////////////////////////////////////
+	//
+	//
+	//	private function
+	//
+	//
+	////////////////////////////////////////////////////////////////////
+	
+	private boolean _hasAuth(
+			int p_memberIdx
+			, String p_memberGrant
+			, boolean p_memberAuth
+			, HttpSession p_session
+			, Map<String, Object> p_map
+			) {
+		boolean b_ret	=	true;
+		
+		//기존 권한 관리 부분을 주석 처리함 - 필요시 사용할것		
+		/*
+		try {
+			if(p_memberIdx == 0 || (!p_memberGrant.equals("S") && !p_memberAuth)){			
+				setSessionRemove(p_session);
+				p_map.put("url", "/gtm/login.do");
+				p_map.put("url", "/uat/uia/EgovLoginUsr.do");			
+				p_map.put("message", "common.message.no.grant");
+				//return new ModelAndView("/_common/jsp/message");
+				b_ret = false;
+			}	
+		}catch(Exception ex) {
+			ex.printStackTrace();
+		}
+		*/
+		
+		return b_ret;
+	}
+}
diff --git a/src/main/java/seed/manager/statistics/web/ManagerStatisticsController.java b/src/main/java/seed/manager/statistics/web/ManagerStatisticsController.java
new file mode 100644
index 00000000..6c0dd910
--- /dev/null
+++ b/src/main/java/seed/manager/statistics/web/ManagerStatisticsController.java
@@ -0,0 +1,279 @@
+package seed.manager.statistics.web;
+
+import java.io.IOException;
+import java.util.ArrayList;
+import java.util.Date;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+import javax.servlet.http.HttpServletResponse;
+import javax.servlet.http.HttpSession;
+
+import org.apache.log4j.Logger;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.servlet.ModelAndView;
+
+import com.ibm.icu.text.SimpleDateFormat;
+
+import seed.manager.member.service.ManagerMemberService;
+import seed.manager.site.service.ManagerSiteManagerService;
+import seed.manager.site.service.ManagerSiteService;
+import seed.manager.statistics.service.ManagerStatisticsService;
+import seed.utils.InterceptorCheck;
+import seed.utils.SeedUtils;
+
+@Controller
+public class ManagerStatisticsController {
+	
+	private Logger log = Logger.getLogger(this.getClass());
+	
+	@Autowired
+	private ManagerSiteService managerSiteService;
+	
+	@Autowired
+	private ManagerStatisticsService managerStatisticsService;
+	
+	@Autowired
+	private ManagerMemberService managerMemberService;
+	
+	@Autowired
+	private ManagerSiteManagerService managerSiteManagerService;
+	
+	public void getSeedLicense(HttpServletResponse httpServletResponse){
+		
+		if(SeedUtils.setReplaceNull(InterceptorCheck.getLicenseKey()).equals("")){
+			try {
+				httpServletResponse.sendRedirect("/common/seed.do");
+			} catch (IOException ex) {
+				log.error("CHECK ERROR:",ex);
+			}
+		}
+	}
+	
+	public void setSessionRemove(HttpSession session){
+		session.removeAttribute("memberIdx");
+		session.removeAttribute("memberId");
+		session.removeAttribute("memberName");
+		session.removeAttribute("memberDept");
+		session.removeAttribute("memberPosition");
+		session.removeAttribute("memberTel");
+		session.removeAttribute("memberPhone");
+		session.removeAttribute("memberEmail1");
+		session.removeAttribute("memberEmail2");
+		session.removeAttribute("memberGrant");
+		
+		session.removeAttribute("url");
+		session.removeAttribute("message");
+		session.removeAttribute("opener");
+		session.removeAttribute("append");
+		session.removeAttribute("self");
+	}
+	
+	public void setSessionMessageRemove(HttpSession session){
+		session.removeAttribute("url");
+		session.removeAttribute("message");
+		session.removeAttribute("opener");
+		session.removeAttribute("append");
+		session.removeAttribute("self");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/siteStatisticsList.do")
+	public ModelAndView getSiteStatisticsList(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@RequestParam(value="year", defaultValue="", required=false) Integer year,
+			@RequestParam(value="month", defaultValue="", required=false) Integer month){
+		
+		System.out.println("siteidx="+siteIdx);
+		System.out.println("siteidx="+year);
+		System.out.println("siteidx="+month);
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		System.out.println("siteidx="+memberIdx);
+		
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		Date getDate = new Date();
+		SimpleDateFormat sdfFormat = new SimpleDateFormat("yyyyMMdd");
+		
+		if(year == null || year.equals("")){
+			year = Integer.parseInt(sdfFormat.format(getDate).substring(0, 4));
+		}
+		
+		if(month == null || month.equals("")){
+			month = Integer.parseInt(sdfFormat.format(getDate).substring(4, 6));
+		}
+		
+		System.out.println("siteidx=1="+siteIdx);
+		
+		try {
+			map.put("siteName", managerSiteService.getSiteForm(siteIdx).getSiteName());	
+		}catch(Exception ex) {
+			ex.printStackTrace();
+		}
+				
+		System.out.println("siteidx=123="+memberIdx);
+		map.put("siteStatisticsList", managerStatisticsService.getManagerStatisticsSiteList(siteIdx, year, month));
+		
+		System.out.println("siteidx=12="+memberIdx);
+		
+		map.put("yearStr", year);
+		map.put("monthStr", month);
+		
+		return new ModelAndView("/manager/statistics/siteStatisticsList");
+	}
+	
+	@RequestMapping(value = "/gtm/proc/{siteIdx}/siteStatisticsExcelList.do")
+	public ModelAndView getSiteStatisticsExcelList(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@RequestParam(value="year", defaultValue="", required=false) Integer year,
+			@RequestParam(value="month", defaultValue="", required=false) Integer month){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		Date getDate = new Date();
+		SimpleDateFormat sdfFormat = new SimpleDateFormat("yyyyMMdd");
+		
+		if(year == null || year.equals("")){
+			year = Integer.parseInt(sdfFormat.format(getDate).substring(0, 4));
+		}
+		
+		if(month == null || month.equals("")){
+			month = Integer.parseInt(sdfFormat.format(getDate).substring(4, 6));
+		}
+		
+		ArrayList<HashMap<Object, Object>> siteStatisticsExcelArrayList = new ArrayList<HashMap<Object,Object>>();
+		
+		List<HashMap<Object, Object>> siteStatisticsExcelList = managerStatisticsService.getManagerStatisticsSiteList(siteIdx, year, month);
+		
+		Integer[] days = new Integer[]{31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31};
+		if ((year % 4 == 0) && (year % 100 != 0) || (year % 400 == 0)) {
+			days[1] = 29; //윤년 체크
+		}
+		
+		for(int d=1; d<=days[month-1]; d++){
+			
+			int cnt = 0;
+			
+			HashMap<Object, Object> statisticsAllMap = new HashMap<Object, Object>();
+			
+			for(int i=0; i<siteStatisticsExcelList.size(); i++){
+				
+				HashMap<Object, Object> statisticsMap = siteStatisticsExcelList.get(i);
+				
+				if(year == Integer.parseInt(statisticsMap.get("_accessYear").toString()) && 
+						month == Integer.parseInt(statisticsMap.get("_accessMonth").toString()) && 
+						d == Integer.parseInt(statisticsMap.get("_accessDay").toString())){
+					
+					cnt += Integer.parseInt(siteStatisticsExcelList.get(i).get("_accessCount").toString());
+				}
+			}
+			
+			if(month < 10){
+				if(d < 10){
+					statisticsAllMap.put("_date", year+"년 0"+month+"월 0"+d+"일");	
+				}else{
+					statisticsAllMap.put("_date", year+"년 0"+month+"월 "+d+"일");
+				}
+			}else{
+				if(d < 10){
+					statisticsAllMap.put("_date", year+"년 "+month+"월 0"+d+"일");	
+				}else{
+					statisticsAllMap.put("_date", year+"년 "+month+"월 "+d+"일");
+				}
+			}
+			statisticsAllMap.put("_cnt", cnt);
+			
+			siteStatisticsExcelArrayList.add(statisticsAllMap);
+		}
+		
+		map.put("siteName", managerSiteService.getSiteForm(siteIdx).getSiteName());
+		map.put("siteStatisticsExcelArrayList", siteStatisticsExcelArrayList);
+		
+		return new ModelAndView("/manager/statistics/siteStatisticsExcelList");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/siteMenuStatisticsList.do")
+	public ModelAndView getSiteMenuStatisticsList(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		try {
+			map.put("siteName", managerSiteService.getSiteForm(siteIdx).getSiteName());	
+		}catch(Exception ex) {
+			ex.printStackTrace();
+		}		
+		
+		map.put("siteMenuStatisticsList", managerStatisticsService.getManagerStatisticsMenuList(siteIdx));
+		
+		return new ModelAndView("/manager/statistics/siteMenuStatisticsList");
+	}	
+	
+	@RequestMapping(value = "/gtm/proc/{siteIdx}/siteMenuStatisticsExcelList.do")
+	public ModelAndView getSiteMenuStatisticsExcelList(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("siteName", managerSiteService.getSiteForm(siteIdx).getSiteName());
+		map.put("siteMenuStatisticsExcelList", managerStatisticsService.getManagerStatisticsMenuList(siteIdx));
+		
+		return new ModelAndView("/manager/statistics/siteMenuStatisticsExcelList");
+	}	
+}
diff --git a/src/main/java/seed/manager/survey/service/ManagerSurveyManagerServiceImpl.java b/src/main/java/seed/manager/survey/service/ManagerSurveyManagerServiceImpl.java
index 39bbb998..aaf64022 100644
--- a/src/main/java/seed/manager/survey/service/ManagerSurveyManagerServiceImpl.java
+++ b/src/main/java/seed/manager/survey/service/ManagerSurveyManagerServiceImpl.java
@@ -9,9 +9,8 @@ import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
 import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
-
 import seed.dao.MemberDAO;
-import seed.dao.SiteManagerDAO;
+import seed.dao.SiteManager2DAO;
 import seed.dao.SurveyManagerDAO;
 import seed.map.T_MEMBER;
 import seed.map.T_SURVEY_MANAGER;
@@ -23,8 +22,8 @@ public class ManagerSurveyManagerServiceImpl extends AbstractServiceImpl impleme
     @Autowired
     private SurveyManagerDAO surveyManagerDAO;
     
-    @Autowired
-    private SiteManagerDAO siteManagerDAO;
+    //@Autowired
+    private SiteManager2DAO siteManagerDAO;
     
     @Autowired
     private MemberDAO memberDAO;
diff --git a/src/main/java/seed/manager/visual/service/ManagerVisualDataService.java b/src/main/java/seed/manager/visual/service/ManagerVisualDataService.java
new file mode 100644
index 00000000..91e94946
--- /dev/null
+++ b/src/main/java/seed/manager/visual/service/ManagerVisualDataService.java
@@ -0,0 +1,37 @@
+package seed.manager.visual.service;
+
+import java.util.List;
+
+import org.springframework.web.multipart.MultipartFile;
+
+import seed.map.T_VISUAL_DATA;
+
+public interface ManagerVisualDataService {
+
+	//ManagerVisualController
+	public T_VISUAL_DATA getVisualDataForm(Integer visualDataIdx);
+
+	//ManagerVisualController
+	public Long getVisualDataListCnt(Integer visualSetIdx, String column, String search);
+
+	//ManagerVisualController
+	public List<T_VISUAL_DATA> getVisualDataList(Integer visualSetIdx);
+	
+	//ManagerVisualController
+	public List<T_VISUAL_DATA> getVisualDataList(Integer visualSetIdx, int page, int row, String column, String search, String[] qryColumns);
+
+	//ManagerVisualController
+	public Integer setVisualDataRegProc(T_VISUAL_DATA tVisualData, String siteMenuIdxs, MultipartFile upFile, Integer memberIdx, String rootPath);
+
+	//ManagerVisualController
+	public boolean setVisualDataModProc(T_VISUAL_DATA tVisualData, String siteMenuIdxs, Integer memberIdx, MultipartFile upFile, String rootPath);
+
+	//ManagerVisualController
+	public boolean setVisualDataDelProc(Integer visualDataIdx, String rootPath);
+
+	//ManagerVisualController
+	public boolean setVisualDataStatusProc(Integer visualDataIdx, String status, Integer memberIdx);
+
+	//ManagerVisualController
+	public boolean setVisualDataOrderProc(Integer visualSetIdx , Integer visualDataOrder, String orderType, Integer memberIdx);
+}
diff --git a/src/main/java/seed/manager/visual/service/ManagerVisualDataServiceImpl.java b/src/main/java/seed/manager/visual/service/ManagerVisualDataServiceImpl.java
new file mode 100644
index 00000000..506f2738
--- /dev/null
+++ b/src/main/java/seed/manager/visual/service/ManagerVisualDataServiceImpl.java
@@ -0,0 +1,259 @@
+package seed.manager.visual.service;
+
+import java.io.File;
+import java.io.IOException;
+import java.text.SimpleDateFormat;
+import java.util.Date;
+import java.util.List;
+
+import org.apache.log4j.Logger;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+
+import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
+
+import seed.dao.VisualDataDAO;
+import seed.map.T_MEMBER;
+import seed.map.T_VISUAL_DATA;
+import seed.utils.SeedFtpType;
+import seed.utils.SeedUtils;
+
+@Service
+public class ManagerVisualDataServiceImpl extends AbstractServiceImpl implements ManagerVisualDataService{
+	
+	private Logger log = Logger.getLogger(this.getClass());
+	
+	 @Autowired
+	 private VisualDataDAO visualDataDAO;
+	 
+	//ManagerVisualController
+    public T_VISUAL_DATA getVisualDataForm(Integer visualDataIdx){
+    	
+    	return visualDataDAO.getVisualDataForm(visualDataIdx);
+    }
+
+	//ManagerVisualController
+    public Long getVisualDataListCnt(Integer visualSetIdx, String column, String search){
+    	
+    	return visualDataDAO.getVisualDataListCnt(visualSetIdx, column, search);
+    }
+
+	//ManagerVisualController
+    public List<T_VISUAL_DATA> getVisualDataList(Integer visualSetIdx){
+    	
+    	return visualDataDAO.getVisualDataList(visualSetIdx);
+    }
+    
+	//ManagerVisualController
+    public List<T_VISUAL_DATA> getVisualDataList(Integer visualSetIdx, int page, int row, String column, String search, String[] qryColumns){
+    	
+    	return visualDataDAO.getVisualDataList(visualSetIdx, ((page-1) * row), row, column, search, qryColumns);
+    }
+
+	//ManagerVisualController
+    @Transactional
+	public Integer setVisualDataRegProc(T_VISUAL_DATA tVisualData, String siteMenuIdxs, MultipartFile upFile, Integer memberIdx, String rootPath){
+		
+		Integer visualDataIdx = 0;
+		
+    	try{
+    		
+    		T_MEMBER tMember = new T_MEMBER();
+    		tMember.setMemberIdx(memberIdx);
+    		
+    		tVisualData.settMember(tMember);
+    		
+    		tVisualData.setVisualDataOrder(visualDataDAO.getVisualDataOrderFormCnt(tVisualData.gettVisualSet().getVisualSetIdx())+1);
+    		tVisualData.setVisualDataStatus("U");
+    		tVisualData.setVisualDataRegDate(new Date());
+    		tVisualData.setVisualDataModDate(new Date());
+    		
+    		SeedUtils.setSeedMkDirs(rootPath + "/" + tVisualData.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualData.gettVisualSet().getVisualSetIdx());
+    		
+    		SimpleDateFormat sdfFormat = new SimpleDateFormat("yyyyMMddHHmmss");
+    		String reFileName = tVisualData.gettVisualSet().getVisualSetIdx() + "_" + sdfFormat.format(new Date()) + "_" + SeedUtils.getSeedMD5Code(String.valueOf(SeedUtils.getRandom(999,1)));
+    		
+    		File makeFile = new File(rootPath + "/" + tVisualData.gettVisualSet().gettSite().getSiteIdx() 
+    				+ "/upload/visual/" + tVisualData.gettVisualSet().getVisualSetIdx() + "/" + reFileName +
+    				upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+    		upFile.transferTo(makeFile);
+    		
+    		//FTP 전송
+    		SeedFtpType seedFtpType = new SeedFtpType();
+    		//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(tVisualData.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualData.gettVisualSet().getVisualSetIdx());
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath + "/" + tVisualData.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualData.gettVisualSet().getVisualSetIdx());
+    		//WAS 파일명
+    		seedFtpType.setFileName(reFileName + upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();
+    		
+    		tVisualData.setVisualDataFile(upFile.getOriginalFilename());
+    		tVisualData.setVisualDataReFile(reFileName+upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+    		
+			T_VISUAL_DATA tVisualDataDB = visualDataDAO.setVisualDataRegProc(tVisualData);
+			
+			if(tVisualDataDB.getVisualDataIdx() > 0){
+				visualDataIdx = tVisualDataDB.getVisualDataIdx();
+			}
+    		
+    	}catch(IOException e){
+    		log.error("CHECK ERROR:",e);
+    	}
+    	
+		return visualDataIdx;
+	}
+
+	//ManagerVisualController
+    @Transactional
+	public boolean setVisualDataModProc(T_VISUAL_DATA tVisualData, String siteMenuIdxs, Integer memberIdx, MultipartFile upFile, String rootPath){
+    	
+		T_VISUAL_DATA tVisualDataDB = visualDataDAO.getVisualDataForm(tVisualData.getVisualDataIdx());
+		
+    	try{
+    		
+    		T_MEMBER tMember = new T_MEMBER();
+    		tMember.setMemberIdx(memberIdx);
+    		
+    		tVisualDataDB.settMember(tMember);
+    		tVisualDataDB.setVisualDataTitle(tVisualData.getVisualDataTitle());
+    		tVisualDataDB.setVisualDataContent(tVisualData.getVisualDataContent());
+    		tVisualDataDB.setVisualDataType(tVisualData.getVisualDataType());
+    		tVisualDataDB.setVisualDataSdate(tVisualData.getVisualDataSdate());
+    		tVisualDataDB.setVisualDataEdate(tVisualData.getVisualDataEdate());
+    		tVisualDataDB.setVisualDataLink(tVisualData.getVisualDataLink());
+    		tVisualDataDB.setVisualDataLinkType(tVisualData.getVisualDataLinkType());
+    		tVisualDataDB.setVisualRelationSetIdx(tVisualData.getVisualRelationSetIdx());
+    		tVisualDataDB.setVisualDataModDate(new Date());
+    		
+    		if(upFile != null && upFile.getBytes().length > 0){
+    			
+	    		//FTP 전송
+	    		SeedFtpType seedFtpType = new SeedFtpType();
+	    		
+	    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualData.gettVisualSet().gettSite().getSiteIdx() 
+	    				+ "/upload/visual/" + tVisualData.gettVisualSet().getVisualSetIdx() + "/" + tVisualDataDB.getVisualDataReFile());
+	    		
+	    		//WEB 서버의 경로
+	    		seedFtpType.setDestFilePath(tVisualData.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualData.gettVisualSet().getVisualSetIdx());
+	    		//WAS 서버의 경로
+	    		seedFtpType.setSrcFilePath("");
+	    		//WAS 파일명
+	    		seedFtpType.setFileName(tVisualDataDB.getVisualDataReFile());
+	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+	    		seedFtpType.setFtpType("delFile");
+	    		seedFtpType.setSeedFtp();
+	    		
+	    		SeedUtils.setSeedMkDirs(rootPath + "/" + tVisualData.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualData.gettVisualSet().getVisualSetIdx());
+	    		
+	    		SimpleDateFormat sdfFormat = new SimpleDateFormat("yyyyMMddHHmmss");
+	    		String reFileName = tVisualData.gettVisualSet().getVisualSetIdx() + "_" + sdfFormat.format(new Date()) + "_" + SeedUtils.getSeedMD5Code(String.valueOf(SeedUtils.getRandom(999,1)));
+	    		
+	    		File makeFile = new File(rootPath + "/" + tVisualData.gettVisualSet().gettSite().getSiteIdx() 
+	    				+ "/upload/visual/" + tVisualData.gettVisualSet().getVisualSetIdx() + "/" + reFileName +  
+	    				upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+	    		upFile.transferTo(makeFile);
+	    		
+	    		//WEB 서버의 경로
+	    		seedFtpType.setDestFilePath(tVisualData.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualData.gettVisualSet().getVisualSetIdx());
+	    		//WAS 서버의 경로
+	    		seedFtpType.setSrcFilePath(rootPath + "/" + tVisualData.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualData.gettVisualSet().getVisualSetIdx());
+	    		//WAS 파일명
+	    		seedFtpType.setFileName(reFileName + upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+	    		seedFtpType.setFtpType("regFile");
+	    		seedFtpType.setSeedFtp();
+	    		
+	    		tVisualDataDB.setVisualDataFile(upFile.getOriginalFilename());
+	    		tVisualDataDB.setVisualDataReFile(reFileName+upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+    		}
+    		
+    	}catch(IOException e){
+    		log.error("CHECK ERROR:",e);
+    	}
+    	
+		return visualDataDAO.setVisualDataModProc(tVisualDataDB);
+	}
+
+	//ManagerVisualController
+    @Transactional
+	public boolean setVisualDataDelProc(Integer visualDataIdx, String rootPath){
+		
+		T_VISUAL_DATA tVisualDataDB = visualDataDAO.getVisualDataForm(visualDataIdx);
+		
+		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualDataDB.gettVisualSet().gettSite().getSiteIdx() 
+				+ "/upload/visual/" + tVisualDataDB.gettVisualSet().getVisualSetIdx() + "/" + tVisualDataDB.getVisualDataReFile());
+		
+		//FTP 전송
+		SeedFtpType seedFtpType = new SeedFtpType();
+		//WEB 서버의 경로
+		seedFtpType.setDestFilePath(tVisualDataDB.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualDataDB.gettVisualSet().getVisualSetIdx());
+		//WAS 서버의 경로
+		seedFtpType.setSrcFilePath("");
+		//WAS 파일명
+		seedFtpType.setFileName(tVisualDataDB.getVisualDataReFile());
+		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		seedFtpType.setFtpType("delFile");
+		seedFtpType.setSeedFtp();
+		
+		if(visualDataDAO.getVisualDataListCnt(tVisualDataDB.gettVisualSet().getVisualSetIdx()) > 1){
+			visualDataDAO.setVisualDataOrderProc(tVisualDataDB.gettVisualSet().getVisualSetIdx(), tVisualDataDB.getVisualDataOrder());
+		}
+		
+		return visualDataDAO.setVisualDataDelProc(tVisualDataDB);
+	}
+
+	//ManagerVisualController
+    @Transactional
+	public boolean setVisualDataStatusProc(Integer visualDataIdx, String status, Integer memberIdx){
+		
+		T_VISUAL_DATA tVisualDataDB = visualDataDAO.getVisualDataForm(visualDataIdx);
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tVisualDataDB.settMember(tMember);
+		tVisualDataDB.setVisualDataModDate(new Date());
+		tVisualDataDB.setVisualDataStatus(status);
+		
+		return visualDataDAO.setVisualDataModProc(tVisualDataDB);
+	}
+
+	//ManagerVisualController
+    @Transactional
+	public boolean setVisualDataOrderProc(Integer visualSetIdx, Integer visualDataOrder, String orderType, Integer memberIdx){
+		
+		boolean success = false;
+		
+		Integer visualDataOrderTmp = visualDataOrder;
+		
+		if(orderType.equals("up")){
+			visualDataOrder = visualDataOrder - 1; 
+		}else{
+			visualDataOrder = visualDataOrder + 1;
+		}
+		
+		T_VISUAL_DATA tVisualDataOrderDB  = visualDataDAO.getVisualDataOrderForm(visualSetIdx, visualDataOrder);
+		T_VISUAL_DATA tVisualDataDB = visualDataDAO.getVisualDataOrderForm(visualSetIdx, visualDataOrderTmp);
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tVisualDataOrderDB.settMember(tMember);
+		tVisualDataDB.settMember(tMember);
+		
+		tVisualDataOrderDB.setVisualDataOrder(visualDataOrderTmp);
+		tVisualDataDB.setVisualDataOrder(visualDataOrder);
+		
+		if(visualDataDAO.setVisualDataModProc(tVisualDataDB)
+				&& visualDataDAO.setVisualDataModProc(tVisualDataOrderDB)){
+			success = true;
+		}
+		
+		return success;
+	}
+}
diff --git a/src/main/java/seed/manager/visual/service/ManagerVisualManagerService.java b/src/main/java/seed/manager/visual/service/ManagerVisualManagerService.java
new file mode 100644
index 00000000..910bcddc
--- /dev/null
+++ b/src/main/java/seed/manager/visual/service/ManagerVisualManagerService.java
@@ -0,0 +1,38 @@
+package seed.manager.visual.service;
+
+import java.util.List;
+
+import seed.map.T_VISUAL_MANAGER;
+
+public interface ManagerVisualManagerService {
+
+	//ManagerVisualController
+	public boolean getVisualManagerListGrantCnt(Integer visualSetIdx, Integer memberIdx);
+
+	//ManagerVisualController
+	public boolean getVisualManagerListCnt(Integer visualSetIdx, Integer memberIdx);
+	
+	//CommonController
+	public Long getVisualManagerListCnt(Integer visualSetIdx, Integer selGroup, String column, String search);
+	
+	//CommonController
+	public Long getVisualManagerListCnt(String siteIdx, Integer memberIdx, String column, String search);
+	
+	//CommonController
+	public List<T_VISUAL_MANAGER> getVisualManagerList(Integer visualSetIdx, int page, int row, String orderColumn, String order, Integer selGroup, String column, String search, String[] qryColumns);
+	
+	//CommonController
+	public List<T_VISUAL_MANAGER> getVisualManagerList(String siteIdx, Integer memberIdx, int page, int row, String orderColumn, String order, String column, String search, String[] qryColumns);
+	
+	//CommonController
+	public boolean setVisualManagerRegProc(Integer visualSetIdx, Integer[] idxsc);
+
+	//CommonController
+	public boolean setVisualManagerDelProc(Integer visualManagerIdx);
+	
+	//CommonController
+	public boolean setVisualManagerStatusProc(Integer visualManagerIdx, String status);
+	
+	//CommonController
+	public boolean setVisualManagerGrantProc(Integer visualManagerIdx, String grant);
+}
diff --git a/src/main/java/seed/manager/visual/service/ManagerVisualManagerServiceImpl.java b/src/main/java/seed/manager/visual/service/ManagerVisualManagerServiceImpl.java
new file mode 100644
index 00000000..77c24c93
--- /dev/null
+++ b/src/main/java/seed/manager/visual/service/ManagerVisualManagerServiceImpl.java
@@ -0,0 +1,188 @@
+package seed.manager.visual.service;
+
+import java.util.Date;
+import java.util.List;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
+import seed.dao.MemberDAO;
+import seed.dao.SiteManager2DAO;
+import seed.dao.VisualManagerDAO;
+import seed.map.T_MEMBER;
+import seed.map.T_VISUAL_MANAGER;
+import seed.map.T_VISUAL_SET;
+
+@Service
+public class ManagerVisualManagerServiceImpl extends AbstractServiceImpl implements ManagerVisualManagerService{
+
+    @Autowired
+    private VisualManagerDAO visualManagerDAO;
+    
+    //@Autowired
+    private SiteManager2DAO siteManagerDAO;
+    
+    @Autowired
+    private MemberDAO memberDAO;
+	
+	//ManagerVisualController
+	public boolean getVisualManagerListGrantCnt(Integer visualSetIdx, Integer memberIdx){
+	
+		boolean success = false;
+		
+		if(visualManagerDAO.getVisualManagerListGrantCnt(visualSetIdx, memberIdx) > 0){
+			success = true;
+		}
+		
+		return success;
+	}
+	
+	//ManagerVisualController
+	public boolean getVisualManagerListCnt(Integer visualSetIdx, Integer memberIdx){
+	
+		boolean success = false;
+		
+		if(visualManagerDAO.getVisualManagerListCnt(visualSetIdx, memberIdx) > 0){
+			success = true;
+		}
+		
+		return success;
+	}
+	
+	//CommonController
+	public Long getVisualManagerListCnt(Integer visualSetIdx, Integer selGroup, String column, String search){
+		
+		return visualManagerDAO.getVisualManagerListCnt(visualSetIdx, selGroup, column, search);
+	}
+	
+	//CommonController
+	public Long getVisualManagerListCnt(String siteIdx, Integer memberIdx, String column, String search){
+		
+		return visualManagerDAO.getVisualManagerListCnt(siteIdx, memberIdx, column, search);
+	}
+	
+	//CommonController
+	public List<T_VISUAL_MANAGER> getVisualManagerList(Integer visualSetIdx, int page, int row, String orderColumn, String order, Integer selGroup, String column, String search, String[] qryColumns){
+		
+		return visualManagerDAO.getVisualManagerList(visualSetIdx, ((page-1) * row), row, orderColumn, order, selGroup, column, search, qryColumns);
+	}
+	
+	//CommonController
+	public List<T_VISUAL_MANAGER> getVisualManagerList(String siteIdx, Integer memberIdx, int page, int row, String orderColumn, String order, String column, String search, String[] qryColumns){
+		
+		return visualManagerDAO.getVisualManagerList(siteIdx, memberIdx, ((page-1) * row), row, orderColumn, order, column, search, qryColumns);
+	}
+	
+	//CommonController
+	@Transactional
+	public boolean setVisualManagerRegProc(Integer visualSetIdx, Integer[] idxsc){
+		
+		boolean success = false;
+		
+		if(idxsc.length > 0){
+			
+			for(int i=0; i<idxsc.length; i++){
+				
+				if(visualManagerDAO.getVisualManagerListCnt(visualSetIdx, idxsc[i]) > 0){
+					success = true;
+				}else{
+					
+					T_MEMBER tMember = new T_MEMBER();
+					tMember.setMemberIdx(idxsc[i]);
+					
+					T_VISUAL_SET tVisualSet = new T_VISUAL_SET();
+					tVisualSet.setVisualSetIdx(visualSetIdx);
+					
+					T_VISUAL_MANAGER tVisualManager = new T_VISUAL_MANAGER();
+					
+					tVisualManager.settMember(tMember);
+					tVisualManager.settVisualSet(tVisualSet);
+					tVisualManager.setVisualManagerStatus("U");
+					tVisualManager.setVisualManagerGrant("S");
+					tVisualManager.setVisualManagerRegDate(new Date());
+					
+					if(visualManagerDAO.setVisualManagerRegProc(tVisualManager)){
+						success = true;
+						
+						T_MEMBER tMemberDB = memberDAO.getMemberForm(idxsc[i]);
+						
+						if(!tMemberDB.getMemberGrant().equals("S")){
+							
+							if(tMemberDB.getMemberGrant().equals("SM")){
+								tMemberDB.setMemberGrant("SM");
+							}else{
+								tMemberDB.setMemberGrant("M");
+							}
+							
+							if(!memberDAO.setMemberModProc(tMemberDB)){
+								success = false;
+								break;
+							}
+						}
+					}else{
+						success = false;
+					}
+				}
+			}
+		}
+		
+		return success;
+	}
+
+	//CommonController
+	@Transactional
+	public boolean setVisualManagerDelProc(Integer visualManagerIdx){
+		
+		boolean success = false;
+		
+		T_VISUAL_MANAGER tVisualManagerDB = visualManagerDAO.getVisualManagerForm(visualManagerIdx);
+		
+		if(visualManagerDAO.setVisualManagerDelProc(tVisualManagerDB)){
+			
+			success = true;
+			
+			T_MEMBER tMemberDB = memberDAO.getMemberForm(tVisualManagerDB.gettMember().getMemberIdx());
+			
+			if(!tMemberDB.getMemberGrant().equals("S")){
+				
+				if(siteManagerDAO.getSiteManagerListCnt(tMemberDB.getMemberIdx()) > 0){
+					tMemberDB.setMemberGrant("SM");
+				}else if((tMemberDB.getMemberGrant().equals("SM") || tMemberDB.getMemberGrant().equals("M"))){
+					tMemberDB.setMemberGrant("M");
+				}else{
+					tMemberDB.setMemberGrant("N");
+				}
+				
+				if(!memberDAO.setMemberModProc(tMemberDB)){
+					success = false;
+				}
+			}
+		}
+		
+		return success;
+	}
+	
+	//CommonController
+	@Transactional
+	public boolean setVisualManagerStatusProc(Integer visualManagerIdx, String status){
+		
+		T_VISUAL_MANAGER tVisualManagerDB = visualManagerDAO.getVisualManagerForm(visualManagerIdx);
+		
+		tVisualManagerDB.setVisualManagerStatus(status);
+		
+		return visualManagerDAO.setVisualManagerModProc(tVisualManagerDB);
+	}
+	
+	//CommonController
+	@Transactional
+	public boolean setVisualManagerGrantProc(Integer visualManagerIdx, String grant){
+		
+		T_VISUAL_MANAGER tVisualManagerDB = visualManagerDAO.getVisualManagerForm(visualManagerIdx);
+		
+		tVisualManagerDB.setVisualManagerGrant(grant);
+		
+		return visualManagerDAO.setVisualManagerModProc(tVisualManagerDB);
+	}
+}
diff --git a/src/main/java/seed/manager/visual/service/ManagerVisualRelationDataService.java b/src/main/java/seed/manager/visual/service/ManagerVisualRelationDataService.java
new file mode 100644
index 00000000..b00ff93a
--- /dev/null
+++ b/src/main/java/seed/manager/visual/service/ManagerVisualRelationDataService.java
@@ -0,0 +1,36 @@
+package seed.manager.visual.service;
+
+import java.util.List;
+import java.util.Map;
+
+import seed.map.T_VISUAL_RELATION_DATA;
+
+public interface ManagerVisualRelationDataService {
+
+	//CommonController
+	public List<Map<Object, Object>> getVisualRelationDataMapList(Integer visualRelationSetIdx, Integer row, String[] qryColumns);
+	
+	//ManagerVisualController
+	public T_VISUAL_RELATION_DATA getVisualRelationDataForm(Integer visualRelationDataIdx);
+
+	//ManagerVisualController
+	public Long getVisualRelationDataListCnt(Integer visualRelationDataIdx, String column, String search);
+
+	//ManagerVisualController
+	public List<T_VISUAL_RELATION_DATA> getVisualRelationDataList(Integer visualRelationDataIdx, int page, int row, String column, String search, String[] qryColumns);
+	
+	//ManagerVisualController
+	public Integer setVisualRelationDataRegProc(T_VISUAL_RELATION_DATA tVisualRelationData, Integer memberIdx);
+	
+	//ManagerVisualController
+	public boolean setVisualRelationDataModProc(T_VISUAL_RELATION_DATA tVisualRelationData, Integer memberIdx);
+	
+	//ManagerVisualController
+	public boolean setVisualRelationDataDelProc(Integer visualRelationDataIdx);
+
+	//ManagerVisualController
+	public boolean setVisualRelationDataStatusProc(Integer visualRelationDataIdx, String status, Integer memberIdx);
+
+	//ManagerVisualController
+	public boolean setVisualRelationDataOrderProc(Integer visualRelationSetIdx , Integer visualRelationDataOrder, String orderType, Integer memberIdx);
+}
diff --git a/src/main/java/seed/manager/visual/service/ManagerVisualRelationDataServiceImpl.java b/src/main/java/seed/manager/visual/service/ManagerVisualRelationDataServiceImpl.java
new file mode 100644
index 00000000..32689935
--- /dev/null
+++ b/src/main/java/seed/manager/visual/service/ManagerVisualRelationDataServiceImpl.java
@@ -0,0 +1,146 @@
+package seed.manager.visual.service;
+
+import java.util.Date;
+import java.util.List;
+import java.util.Map;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
+
+import seed.dao.VisualRelationDataDAO;
+import seed.map.T_MEMBER;
+import seed.map.T_VISUAL_RELATION_DATA;
+
+@Service
+public class ManagerVisualRelationDataServiceImpl extends AbstractServiceImpl implements ManagerVisualRelationDataService{
+	
+	@Autowired
+	private VisualRelationDataDAO visualRelationDataDAO;
+
+	//CommonController
+	public List<Map<Object, Object>> getVisualRelationDataMapList(Integer visualRelationSetIdx, Integer row, String[] qryColumns){
+		
+		return visualRelationDataDAO.getVisualRelationDataMapList(visualRelationSetIdx, row, qryColumns);
+	}
+
+	//ManagerVisualController
+	public T_VISUAL_RELATION_DATA getVisualRelationDataForm(Integer visualRelationDataIdx){
+		
+		return visualRelationDataDAO.getVisualRelationDataForm(visualRelationDataIdx);
+	}
+
+	//ManagerVisualController
+    public Long getVisualRelationDataListCnt(Integer visualRelationDataIdx, String column, String search){
+    	
+    	return visualRelationDataDAO.getVisualRelationDataListCnt(visualRelationDataIdx, column, search);
+    }
+
+	//ManagerVisualController
+	public List<T_VISUAL_RELATION_DATA> getVisualRelationDataList(Integer visualRelationDataIdx, int page, int row, String column, String search, String[] qryColumns){
+    	
+		return visualRelationDataDAO.getVisualRelationDataList(visualRelationDataIdx, ((page-1) * row), row, column, search, qryColumns);
+	}
+	 
+	//ManagerVisualController
+	public Integer setVisualRelationDataRegProc(T_VISUAL_RELATION_DATA tVisualRelationData, Integer memberIdx){
+
+		Integer visualRelationDataIdx = 0;
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tVisualRelationData.settMember(tMember);
+		
+		tVisualRelationData.setVisualRelationDataOrder(visualRelationDataDAO.getVisualRelationDataOrderFormCnt(tVisualRelationData.gettVisualRelationSet().getVisualRelationSetIdx())+1);
+		tVisualRelationData.setVisualRelationDataStatus("U");
+		tVisualRelationData.setVisualRelationDataRegDate(new Date());
+		tVisualRelationData.setVisualRelationDataModDate(new Date());
+		 
+		T_VISUAL_RELATION_DATA tVisualRelationDataDB = visualRelationDataDAO.setVisualRelationDataRegProc(tVisualRelationData);
+		
+		if(tVisualRelationDataDB.getVisualRelationDataIdx() > 0){
+			visualRelationDataIdx = tVisualRelationDataDB.getVisualRelationDataIdx();
+		}
+		
+		return visualRelationDataIdx;
+	} 
+	 
+	//ManagerVisualController
+	public boolean setVisualRelationDataModProc(T_VISUAL_RELATION_DATA tVisualRelationData, Integer memberIdx){
+		 
+		T_VISUAL_RELATION_DATA tVisualRelationDataDB = visualRelationDataDAO.getVisualRelationDataForm(tVisualRelationData.getVisualRelationDataIdx());
+		 
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tVisualRelationDataDB.settMember(tMember);
+		tVisualRelationDataDB.setVisualRelationDataName(tVisualRelationData.getVisualRelationDataName());
+		tVisualRelationDataDB.setVisualRelationDataLink(tVisualRelationData.getVisualRelationDataLink());
+		tVisualRelationDataDB.setVisualRelationDataLinkType(tVisualRelationData.getVisualRelationDataLinkType());
+		tVisualRelationDataDB.setVisualRelationIconIdx(tVisualRelationData.getVisualRelationIconIdx());
+		tVisualRelationDataDB.setVisualRelationDataModDate(new Date());
+		
+		return visualRelationDataDAO.setVisualRelationDataModProc(tVisualRelationDataDB);
+	} 
+	 
+	//ManagerVisualController
+	public boolean setVisualRelationDataDelProc(Integer visualRelationDataIdx){
+		 
+		T_VISUAL_RELATION_DATA tVisualRelationDataDB = visualRelationDataDAO.getVisualRelationDataForm(visualRelationDataIdx);
+		 
+		return visualRelationDataDAO.setVisualRelationDataDelProc(tVisualRelationDataDB);
+	}
+
+	//ManagerVisualController
+    @Transactional
+	public boolean setVisualRelationDataStatusProc(Integer visualRelationDataIdx, String status, Integer memberIdx){
+		
+		T_VISUAL_RELATION_DATA tVisualRelationDataDB = visualRelationDataDAO.getVisualRelationDataForm(visualRelationDataIdx);
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tVisualRelationDataDB.settMember(tMember);
+		tVisualRelationDataDB.setVisualRelationDataModDate(new Date());
+		tVisualRelationDataDB.setVisualRelationDataStatus(status);
+		
+		return visualRelationDataDAO.setVisualRelationDataModProc(tVisualRelationDataDB);
+	}
+
+	//ManagerVisualController
+    @Transactional
+	public boolean setVisualRelationDataOrderProc(Integer visualRelationSetIdx, Integer visualRelationDataOrder, String orderType, Integer memberIdx){
+		
+		boolean success = false;
+		
+		Integer visualRelationDataOrderTmp = visualRelationDataOrder;
+		
+		if(orderType.equals("up")){
+			visualRelationDataOrder = visualRelationDataOrder - 1; 
+		}else{
+			visualRelationDataOrder = visualRelationDataOrder + 1;
+		}
+		
+		T_VISUAL_RELATION_DATA tVisualRelationDataOrderDB  = visualRelationDataDAO.getVisualRelationDataOrderForm(visualRelationSetIdx, visualRelationDataOrder);
+		T_VISUAL_RELATION_DATA tVisualRelationDataDB = visualRelationDataDAO.getVisualRelationDataOrderForm(visualRelationSetIdx, visualRelationDataOrderTmp);
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tVisualRelationDataOrderDB.settMember(tMember);
+		tVisualRelationDataDB.settMember(tMember);
+		
+		tVisualRelationDataOrderDB.setVisualRelationDataOrder(visualRelationDataOrderTmp);
+		tVisualRelationDataDB.setVisualRelationDataOrder(visualRelationDataOrder);
+		
+		if(visualRelationDataDAO.setVisualRelationDataModProc(tVisualRelationDataDB)
+				&& visualRelationDataDAO.setVisualRelationDataModProc(tVisualRelationDataOrderDB)){
+			success = true;
+		}
+		
+		return success;
+	}
+}
\ No newline at end of file
diff --git a/src/main/java/seed/manager/visual/service/ManagerVisualRelationIconService.java b/src/main/java/seed/manager/visual/service/ManagerVisualRelationIconService.java
new file mode 100644
index 00000000..6dcdb334
--- /dev/null
+++ b/src/main/java/seed/manager/visual/service/ManagerVisualRelationIconService.java
@@ -0,0 +1,31 @@
+package seed.manager.visual.service;
+
+import java.util.List;
+
+import org.springframework.web.multipart.MultipartFile;
+
+import seed.map.T_VISUAL_RELATION_ICON;
+
+public interface ManagerVisualRelationIconService {
+	
+	//ManagerVisualController
+	public T_VISUAL_RELATION_ICON getVisualRelationIconForm(Integer visualRelationIconIdx);
+
+	//ManagerVisualController
+	public Long getVisualRelationIconListCnt(Integer visualSetIdx, String column, String search);
+
+	//ManagerVisualController
+	public List<T_VISUAL_RELATION_ICON> getVisualRelationIconList(Integer visualSetIdx, int page, int row, String column, String search, String[] qryColumns);
+
+	//ManagerVisualController
+	public List<T_VISUAL_RELATION_ICON> getVisualRelationIconList(Integer visualSetIdx, String[] qryColumns);
+	
+	//ManagerVisualController
+	public Integer setVisualRelationIconRegProc(T_VISUAL_RELATION_ICON tVisualRelationIcon, MultipartFile upFile, Integer memberIdx, String rootPath);
+	
+	//ManagerVisualController
+	public boolean setVisualRelationIconModProc(T_VISUAL_RELATION_ICON tVisualRelationIcon, MultipartFile upFile, Integer memberIdx, String rootPath);
+	
+	//ManagerVisualController
+	public boolean setVisualRelationIconDelProc(Integer visualRelationIconIdx, String rootPath);
+}
diff --git a/src/main/java/seed/manager/visual/service/ManagerVisualRelationIconServiceImpl.java b/src/main/java/seed/manager/visual/service/ManagerVisualRelationIconServiceImpl.java
new file mode 100644
index 00000000..a974185b
--- /dev/null
+++ b/src/main/java/seed/manager/visual/service/ManagerVisualRelationIconServiceImpl.java
@@ -0,0 +1,192 @@
+package seed.manager.visual.service;
+
+import java.io.File;
+import java.io.IOException;
+import java.text.SimpleDateFormat;
+import java.util.Date;
+import java.util.List;
+
+import javax.transaction.Transactional;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.web.multipart.MultipartFile;
+
+import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
+import seed.dao.VisualRelationIconDAO;
+import seed.map.T_MEMBER;
+import seed.map.T_VISUAL_RELATION_ICON;
+import seed.utils.SeedFtpType;
+import seed.utils.SeedUtils;
+
+@Service
+public class ManagerVisualRelationIconServiceImpl extends AbstractServiceImpl implements ManagerVisualRelationIconService{
+	
+	@Autowired
+	private VisualRelationIconDAO visualRelationIconDAO;
+	
+	//ManagerVisualController
+	public T_VISUAL_RELATION_ICON getVisualRelationIconForm(Integer visualRelationIconIdx){
+		
+		return visualRelationIconDAO.getVisualRelationIconForm(visualRelationIconIdx);
+	}
+
+	//ManagerVisualController
+    public Long getVisualRelationIconListCnt(Integer visualSetIdx, String column, String search){
+    	
+    	return visualRelationIconDAO.getVisualRelationIconListCnt(visualSetIdx, column, search);
+    }
+
+	//ManagerVisualController
+	public List<T_VISUAL_RELATION_ICON> getVisualRelationIconList(Integer visualSetIdx, int page, int row, String column, String search, String[] qryColumns){
+    	
+		return visualRelationIconDAO.getVisualRelationIconList(visualSetIdx, ((page-1) * row), row, column, search, qryColumns);
+	}
+
+	//ManagerVisualController
+	public List<T_VISUAL_RELATION_ICON> getVisualRelationIconList(Integer visualSetIdx, String[] qryColumns){
+    	
+		return visualRelationIconDAO.getVisualRelationIconList(visualSetIdx, qryColumns);
+	}
+	 
+	//ManagerVisualController
+	@Transactional
+	public Integer setVisualRelationIconRegProc(T_VISUAL_RELATION_ICON tVisualRelationIcon, MultipartFile upFile, Integer memberIdx, String rootPath){
+
+		Integer visualRelationIconIdx = 0;
+		
+		try{
+			
+			T_MEMBER tMember = new T_MEMBER();
+			tMember.setMemberIdx(memberIdx);
+			
+			tVisualRelationIcon.settMember(tMember);
+			tVisualRelationIcon.setVisualRelationIconRegDate(new Date());
+			tVisualRelationIcon.setVisualRelationIconModDate(new Date());
+    		
+    		SeedUtils.setSeedMkDirs(rootPath + "/" + tVisualRelationIcon.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualRelationIcon.gettVisualSet().getVisualSetIdx());
+    		
+    		SimpleDateFormat sdfFormat = new SimpleDateFormat("yyyyMMddHHmmss");
+    		String reFileName = tVisualRelationIcon.gettVisualSet().getVisualSetIdx() + "_" + sdfFormat.format(new Date()) + "_" + SeedUtils.getSeedMD5Code(String.valueOf(SeedUtils.getRandom(999,1)));
+    		
+    		File makeFile = new File(rootPath + "/" + tVisualRelationIcon.gettVisualSet().gettSite().getSiteIdx() 
+    				+ "/upload/visual/" + tVisualRelationIcon.gettVisualSet().getVisualSetIdx() + "/" + reFileName +
+    				upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+    		upFile.transferTo(makeFile);
+    		
+    		//FTP 전송
+    		SeedFtpType seedFtpType = new SeedFtpType();
+    		//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(tVisualRelationIcon.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualRelationIcon.gettVisualSet().getVisualSetIdx());
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath + "/" + tVisualRelationIcon.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualRelationIcon.gettVisualSet().getVisualSetIdx());
+    		//WAS 파일명
+    		seedFtpType.setFileName(reFileName + upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();
+    		
+    		tVisualRelationIcon.setVisualRelationIconFile(upFile.getOriginalFilename());
+    		tVisualRelationIcon.setVisualRelationIconReFile(reFileName+upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+    		
+			T_VISUAL_RELATION_ICON tVisualRelationIconDB = visualRelationIconDAO.setVisualRelationIconRegProc(tVisualRelationIcon);
+			
+			if(tVisualRelationIconDB.getVisualRelationIconIdx() > 0){
+				visualRelationIconIdx = tVisualRelationIconDB.getVisualRelationIconIdx();
+			}
+		
+    	}catch(IOException e){
+    		//log.error("CHECK ERROR:",e);
+    	}
+    	
+		return visualRelationIconIdx;
+	} 
+	 
+	//ManagerVisualController
+	@Transactional
+	public boolean setVisualRelationIconModProc(T_VISUAL_RELATION_ICON tVisualRelationIcon, MultipartFile upFile, Integer memberIdx, String rootPath){
+		 
+		T_VISUAL_RELATION_ICON tVisualRelationIconDB = visualRelationIconDAO.getVisualRelationIconForm(tVisualRelationIcon.getVisualRelationIconIdx());
+		 
+		try{
+			
+			T_MEMBER tMember = new T_MEMBER();
+			tMember.setMemberIdx(memberIdx);
+			
+			tVisualRelationIconDB.settMember(tMember);
+			tVisualRelationIconDB.setVisualRelationIconName(tVisualRelationIcon.getVisualRelationIconName());
+			tVisualRelationIconDB.setVisualRelationIconModDate(new Date());
+    		
+			if(upFile != null && upFile.getBytes().length > 0){
+    			
+	    		//FTP 전송
+	    		SeedFtpType seedFtpType = new SeedFtpType();
+	    		
+	    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualRelationIcon.gettVisualSet().gettSite().getSiteIdx() 
+	    				+ "/upload/visual/" + tVisualRelationIcon.gettVisualSet().getVisualSetIdx() + "/" + tVisualRelationIconDB.getVisualRelationIconReFile());
+	    		
+	    		//WEB 서버의 경로
+	    		seedFtpType.setDestFilePath(tVisualRelationIcon.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualRelationIcon.gettVisualSet().getVisualSetIdx());
+	    		//WAS 서버의 경로
+	    		seedFtpType.setSrcFilePath("");
+	    		//WAS 파일명
+	    		seedFtpType.setFileName(tVisualRelationIconDB.getVisualRelationIconReFile());
+	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+	    		seedFtpType.setFtpType("delFile");
+	    		seedFtpType.setSeedFtp();
+	    		
+	    		SeedUtils.setSeedMkDirs(rootPath + "/" + tVisualRelationIcon.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualRelationIcon.gettVisualSet().getVisualSetIdx());
+	    		
+	    		SimpleDateFormat sdfFormat = new SimpleDateFormat("yyyyMMddHHmmss");
+	    		String reFileName = tVisualRelationIcon.gettVisualSet().getVisualSetIdx() + "_" + sdfFormat.format(new Date()) + "_" + SeedUtils.getSeedMD5Code(String.valueOf(SeedUtils.getRandom(999,1)));
+	    		
+	    		File makeFile = new File(rootPath + "/" + tVisualRelationIcon.gettVisualSet().gettSite().getSiteIdx() 
+	    				+ "/upload/visual/" + tVisualRelationIcon.gettVisualSet().getVisualSetIdx() + "/" + reFileName +  
+	    				upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+	    		upFile.transferTo(makeFile);
+	    		
+	    		//WEB 서버의 경로
+	    		seedFtpType.setDestFilePath(tVisualRelationIcon.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualRelationIcon.gettVisualSet().getVisualSetIdx());
+	    		//WAS 서버의 경로
+	    		seedFtpType.setSrcFilePath(rootPath + "/" + tVisualRelationIcon.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualRelationIcon.gettVisualSet().getVisualSetIdx());
+	    		//WAS 파일명
+	    		seedFtpType.setFileName(reFileName + upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+	    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+	    		seedFtpType.setFtpType("regFile");
+	    		seedFtpType.setSeedFtp();
+	    		
+	    		tVisualRelationIconDB.setVisualRelationIconFile(upFile.getOriginalFilename());
+	    		tVisualRelationIconDB.setVisualRelationIconReFile(reFileName+upFile.getOriginalFilename().substring(upFile.getOriginalFilename().lastIndexOf(".")));
+    		}
+		
+    	}catch(IOException e){
+    		//log.error("CHECK ERROR:",e);
+    	}
+    	
+		return visualRelationIconDAO.setVisualRelationIconModProc(tVisualRelationIconDB);
+	} 
+	 
+	//ManagerVisualController
+    @Transactional
+	public boolean setVisualRelationIconDelProc(Integer visualRelationIconIdx, String rootPath){
+		 
+		T_VISUAL_RELATION_ICON tVisualRelationIconDB = visualRelationIconDAO.getVisualRelationIconForm(visualRelationIconIdx);
+		
+		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualRelationIconDB.gettVisualSet().gettSite().getSiteIdx() 
+				+ "/upload/visual/" + tVisualRelationIconDB.gettVisualSet().getVisualSetIdx() + "/" + tVisualRelationIconDB.getVisualRelationIconReFile());
+		
+		//FTP 전송
+		SeedFtpType seedFtpType = new SeedFtpType();
+		//WEB 서버의 경로
+		seedFtpType.setDestFilePath(tVisualRelationIconDB.gettVisualSet().gettSite().getSiteIdx() + "/upload/visual/" + tVisualRelationIconDB.gettVisualSet().getVisualSetIdx());
+		//WAS 서버의 경로
+		seedFtpType.setSrcFilePath("");
+		//WAS 파일명
+		seedFtpType.setFileName(tVisualRelationIconDB.getVisualRelationIconReFile());
+		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		seedFtpType.setFtpType("delFile");
+		seedFtpType.setSeedFtp();
+		 
+		return visualRelationIconDAO.setVisualRelationIconDelProc(tVisualRelationIconDB);
+	}
+}
\ No newline at end of file
diff --git a/src/main/java/seed/manager/visual/service/ManagerVisualRelationSetService.java b/src/main/java/seed/manager/visual/service/ManagerVisualRelationSetService.java
new file mode 100644
index 00000000..7c3d493f
--- /dev/null
+++ b/src/main/java/seed/manager/visual/service/ManagerVisualRelationSetService.java
@@ -0,0 +1,32 @@
+package seed.manager.visual.service;
+
+import java.util.List;
+
+import seed.map.T_VISUAL_RELATION_SET;
+
+public interface ManagerVisualRelationSetService {
+	
+	//ManagerVisualController
+	public T_VISUAL_RELATION_SET getVisualRelationSetForm(Integer visualRelationSetIdx);
+
+	//ManagerVisualController
+	public Long getVisualRelationSetListCnt(Integer visualSetIdx, String column, String search);
+
+	//ManagerVisualController
+	public List<T_VISUAL_RELATION_SET> getVisualRelationSetList(Integer visualSetIdx, int page, int row, String column, String search, String[] qryColumns);
+
+	//ManagerVisualController
+	public List<T_VISUAL_RELATION_SET> getVisualRelationSetList(Integer visualSetIdx, String[] qryColumns);
+	
+	//ManagerVisualController
+	public Integer setVisualRelationSetRegProc(T_VISUAL_RELATION_SET tVisualRelationSet, Integer memberIdx);
+	
+	//ManagerVisualController
+	public boolean setVisualRelationSetModProc(T_VISUAL_RELATION_SET tVisualRelationSet, Integer memberIdx);
+	
+	//ManagerVisualController
+	public boolean setVisualRelationSetDelProc(Integer visualRelationSetIdx);
+
+	//ManagerVisualController
+	public boolean setVisualRelationSetStatusProc(Integer visualRelationSetIdx, String status, Integer memberIdx);
+}
diff --git a/src/main/java/seed/manager/visual/service/ManagerVisualRelationSetServiceImpl.java b/src/main/java/seed/manager/visual/service/ManagerVisualRelationSetServiceImpl.java
new file mode 100644
index 00000000..be534149
--- /dev/null
+++ b/src/main/java/seed/manager/visual/service/ManagerVisualRelationSetServiceImpl.java
@@ -0,0 +1,107 @@
+package seed.manager.visual.service;
+
+import java.util.Date;
+import java.util.List;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
+
+import seed.dao.VisualRelationSetDAO;
+import seed.map.T_MEMBER;
+import seed.map.T_VISUAL_RELATION_SET;
+
+@Service
+public class ManagerVisualRelationSetServiceImpl extends AbstractServiceImpl implements ManagerVisualRelationSetService{
+	
+	@Autowired
+	private VisualRelationSetDAO visualRelationSetDAO;
+	
+	//ManagerVisualController
+	public T_VISUAL_RELATION_SET getVisualRelationSetForm(Integer visualRelationSetIdx){
+		
+		return visualRelationSetDAO.getVisualRelationSetForm(visualRelationSetIdx);
+	}
+
+	//ManagerVisualController
+    public Long getVisualRelationSetListCnt(Integer visualSetIdx, String column, String search){
+    	
+    	return visualRelationSetDAO.getVisualRelationSetListCnt(visualSetIdx, column, search);
+    }
+
+	//ManagerVisualController
+	public List<T_VISUAL_RELATION_SET> getVisualRelationSetList(Integer visualSetIdx, int page, int row, String column, String search, String[] qryColumns){
+    	
+		return visualRelationSetDAO.getVisualRelationSetList(visualSetIdx, ((page-1) * row), row, column, search, qryColumns);
+	}
+
+	//ManagerVisualController
+	public List<T_VISUAL_RELATION_SET> getVisualRelationSetList(Integer visualSetIdx, String[] qryColumns){
+    	
+		return visualRelationSetDAO.getVisualRelationSetList(visualSetIdx, qryColumns);
+	}
+	 
+	//ManagerVisualController
+	public Integer setVisualRelationSetRegProc(T_VISUAL_RELATION_SET tVisualRelationSet, Integer memberIdx){
+
+		Integer visualRelationSetIdx = 0;
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tVisualRelationSet.settMember(tMember);
+		tVisualRelationSet.setVisualRelationSetStatus("U");
+		tVisualRelationSet.setVisualRelationSetRegDate(new Date());
+		tVisualRelationSet.setVisualRelationSetModDate(new Date());
+		 
+		T_VISUAL_RELATION_SET tVisualRelationSetDB = visualRelationSetDAO.setVisualRelationSetRegProc(tVisualRelationSet);
+		
+		if(tVisualRelationSetDB.getVisualRelationSetIdx() > 0){
+			visualRelationSetIdx = tVisualRelationSetDB.getVisualRelationSetIdx();
+		}
+		
+		return visualRelationSetIdx;
+	} 
+	 
+	//ManagerVisualController
+	public boolean setVisualRelationSetModProc(T_VISUAL_RELATION_SET tVisualRelationSet, Integer memberIdx){
+		 
+		T_VISUAL_RELATION_SET tVisualRelationSetDB = visualRelationSetDAO.getVisualRelationSetForm(tVisualRelationSet.getVisualRelationSetIdx());
+		 
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tVisualRelationSetDB.settMember(tMember);
+		tVisualRelationSetDB.setVisualRelationSetName(tVisualRelationSet.getVisualRelationSetName());
+		tVisualRelationSetDB.setVisualRelationSetCount(tVisualRelationSet.getVisualRelationSetCount());
+		tVisualRelationSetDB.setVisualRelationSetModDate(new Date());
+		
+		return visualRelationSetDAO.setVisualRelationSetModProc(tVisualRelationSetDB);
+	} 
+	 
+	//ManagerVisualController
+	public boolean setVisualRelationSetDelProc(Integer visualRelationSetIdx){
+		 
+		T_VISUAL_RELATION_SET tVisualRelationSetDB = visualRelationSetDAO.getVisualRelationSetForm(visualRelationSetIdx);
+		 
+		return visualRelationSetDAO.setVisualRelationSetDelProc(tVisualRelationSetDB);
+	}
+
+	//ManagerVisualController
+    @Transactional
+	public boolean setVisualRelationSetStatusProc(Integer visualRelationSetIdx, String status, Integer memberIdx){
+		
+		T_VISUAL_RELATION_SET tVisualRelationSetDB = visualRelationSetDAO.getVisualRelationSetForm(visualRelationSetIdx);
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tVisualRelationSetDB.settMember(tMember);
+		tVisualRelationSetDB.setVisualRelationSetModDate(new Date());
+		tVisualRelationSetDB.setVisualRelationSetStatus(status);
+		
+		return visualRelationSetDAO.setVisualRelationSetModProc(tVisualRelationSetDB);
+	}
+}
\ No newline at end of file
diff --git a/src/main/java/seed/manager/visual/service/ManagerVisualSetService.java b/src/main/java/seed/manager/visual/service/ManagerVisualSetService.java
new file mode 100644
index 00000000..846b92e0
--- /dev/null
+++ b/src/main/java/seed/manager/visual/service/ManagerVisualSetService.java
@@ -0,0 +1,33 @@
+package seed.manager.visual.service;
+
+import java.util.List;
+
+import javax.servlet.http.HttpServletRequest;
+
+import org.springframework.web.multipart.MultipartHttpServletRequest;
+
+import seed.map.T_VISUAL_SET;
+
+public interface ManagerVisualSetService {
+
+	//ManagerVisualController
+	public T_VISUAL_SET getVisualSetForm(Integer visualSetIdx);
+	
+	//ManagerVisualController
+	public Long getVisualSetListCnt(String siteIdx, String column, String search);
+	
+	//ManagerVisualController	
+	public List<T_VISUAL_SET> getVisualSetList(String siteIdx, int page, int row, String orderColumn, String order, String column, String search, String[] qryColumns);
+
+	//ManagerVisualController	
+	public Integer setVisualSetRegProc(T_VISUAL_SET tVisualSet, Integer memberIdx, HttpServletRequest httpServletRequest, MultipartHttpServletRequest multipartHttpServletRequest, String rootPath);
+	
+	//ManagerVisualController	
+	public boolean setVisualSetModProc(T_VISUAL_SET tVisualSet, Integer memberIdx, HttpServletRequest httpServletRequest, MultipartHttpServletRequest multipartHttpServletRequest, String rootPath);
+	
+	//ManagerVisualController	
+	public boolean setVisualSetDelProc(Integer visualSetIdx, String rootPath);
+	
+	//ManagerVisualController	
+	public boolean setVisualSetStatusProc(Integer visualSetIdx, String status, Integer memberIdx);
+}
diff --git a/src/main/java/seed/manager/visual/service/ManagerVisualSetServiceImpl.java b/src/main/java/seed/manager/visual/service/ManagerVisualSetServiceImpl.java
new file mode 100644
index 00000000..f9f4fde5
--- /dev/null
+++ b/src/main/java/seed/manager/visual/service/ManagerVisualSetServiceImpl.java
@@ -0,0 +1,830 @@
+package seed.manager.visual.service;
+
+import java.awt.image.BufferedImage;
+import java.io.File;
+import java.io.IOException;
+import java.text.SimpleDateFormat;
+import java.util.Date;
+import java.util.Iterator;
+import java.util.List;
+
+import javax.imageio.ImageIO;
+import javax.servlet.http.HttpServletRequest;
+
+import org.apache.log4j.Logger;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.multipart.MultipartFile;
+import org.springframework.web.multipart.MultipartHttpServletRequest;
+
+import egovframework.rte.fdl.cmmn.AbstractServiceImpl;
+
+import seed.dao.VisualDataDAO;
+import seed.dao.VisualSetDAO;
+import seed.map.T_MEMBER;
+import seed.map.T_VISUAL_DATA;
+import seed.map.T_VISUAL_SET;
+import seed.utils.SeedFtpType;
+import seed.utils.SeedUtils;
+
+@Service
+public class ManagerVisualSetServiceImpl extends AbstractServiceImpl implements ManagerVisualSetService{
+	
+	private Logger log = Logger.getLogger(this.getClass());
+	
+	@Autowired
+    private VisualSetDAO visualSetDAO;
+    
+    @Autowired
+    private VisualDataDAO visualDataDAO;
+    
+	//ManagervisualController
+    public T_VISUAL_SET getVisualSetForm(Integer visualSetIdx){
+    	
+    	return visualSetDAO.getVisualSetForm(visualSetIdx);
+    }
+    
+	//ManagervisualController
+    public Long getVisualSetListCnt(String siteIdx, String column, String search){
+    	
+    	return visualSetDAO.getVisualSetListCnt(siteIdx, column, search);
+    }
+
+	//ManagervisualController
+    public List<T_VISUAL_SET> getVisualSetList(String siteIdx, int page, int row, String orderColumn, String order, String column, String search, String[] qryColumns){
+    	
+    	return visualSetDAO.getVisualSetList(siteIdx, ((page-1) * row), row, orderColumn, order, column, search, qryColumns);
+    }
+
+	//ManagervisualController
+    @Transactional
+	public Integer setVisualSetRegProc(T_VISUAL_SET tVisualSet, Integer memberIdx, HttpServletRequest httpServletRequest, MultipartHttpServletRequest multipartHttpServletRequest, String rootPath){
+		
+		Integer visualSetIdx = 0;
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tVisualSet.settMember(tMember);
+		tVisualSet.setVisualSetStatus("U");
+		tVisualSet.setVisualSetRegDate(new Date());
+		tVisualSet.setVisualSetModDate(new Date());
+		
+		T_VISUAL_SET tVisualSetDB = visualSetDAO.setVisualSetRegProc(tVisualSet);
+		
+		if(tVisualSetDB != null){
+			
+			visualSetIdx = tVisualSetDB.getVisualSetIdx();
+			
+			T_VISUAL_SET tVisualSetTmp = visualSetDAO.getVisualSetForm(tVisualSetDB.getVisualSetIdx());
+			
+			try{
+				
+				SeedUtils.setSeedMkDirs(rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+				
+	    		SimpleDateFormat sdfFormat = new SimpleDateFormat("yyyyMMddHHmmss");
+	    		
+				Iterator<String> iteratorfileNames = multipartHttpServletRequest.getFileNames();
+				
+	    		//FTP 전송
+	    		SeedFtpType seedFtpType = new SeedFtpType();
+	    		
+				while (iteratorfileNames.hasNext()) {
+					
+					String fileFormName = (String)iteratorfileNames.next();
+					String fileFormRename = fileFormName.substring(fileFormName.indexOf("file_")+5);
+					
+					MultipartFile multipartFile = multipartHttpServletRequest.getFile(fileFormName);
+
+					if(multipartFile != null && !multipartFile.isEmpty()){
+						
+			    		String reFileName = tVisualSetTmp.getVisualSetIdx() + "_" + sdfFormat.format(new Date()) + "_" + SeedUtils.getSeedMD5Code(String.valueOf(SeedUtils.getRandom(999,1)));
+			    		
+			    		File makeFile = new File(rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx()
+			    				+ "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/" + reFileName +
+			    				multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    		multipartFile.transferTo(makeFile);
+			    		
+			    		//WEB 서버의 경로
+			    		seedFtpType.setDestFilePath(tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+			    		//WAS 서버의 경로
+			    		seedFtpType.setSrcFilePath(rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+			    		//WAS 파일명
+			    		seedFtpType.setFileName(reFileName + multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+			    		seedFtpType.setFtpType("regFile");
+			    		seedFtpType.setSeedFtp();
+			    		
+			    		BufferedImage bimg = ImageIO.read(new File(rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx()
+			    				+ "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/" + reFileName +
+			    				multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf("."))));
+			    		
+			    		if(bimg != null){
+				    		
+				    		int bimgWidth = bimg.getWidth();
+				    		int bimgHeight = bimg.getHeight();
+							
+				    		if(fileFormRename.equals("visualSetChoiceImgOn")){
+				    			tVisualSetTmp.setVisualSetChoiceImgOn(multipartFile.getOriginalFilename());
+				    			tVisualSetTmp.setVisualSetChoiceReImgOn(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+				    			tVisualSetTmp.setVisualSetChoiceImgOnWidth(bimgWidth);
+				    			tVisualSetTmp.setVisualSetChoiceImgOnHeight(bimgHeight);
+				    		}else if(fileFormRename.equals("visualSetChoiceImgOver")){
+				    			tVisualSetTmp.setVisualSetChoiceImgOver(multipartFile.getOriginalFilename());
+				    			tVisualSetTmp.setVisualSetChoiceReImgOver(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+				    			tVisualSetTmp.setVisualSetChoiceImgOverWidth(bimgWidth);
+				    			tVisualSetTmp.setVisualSetChoiceImgOverHeight(bimgHeight);
+				    		}else if(fileFormRename.equals("visualSetChoiceImgOff")){
+				    			tVisualSetTmp.setVisualSetChoiceImgOff(multipartFile.getOriginalFilename());
+				    			tVisualSetTmp.setVisualSetChoiceReImgOff(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+				    			tVisualSetTmp.setVisualSetChoiceImgOffWidth(bimgWidth);
+				    			tVisualSetTmp.setVisualSetChoiceImgOffHeight(bimgHeight);
+				    		}else if(fileFormRename.equals("visualSetPlayImgOn")){
+				    			tVisualSetTmp.setVisualSetPlayImgOn(multipartFile.getOriginalFilename());
+				    			tVisualSetTmp.setVisualSetPlayReImgOn(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+				    			tVisualSetTmp.setVisualSetPlayImgOnWidth(bimgWidth);
+				    			tVisualSetTmp.setVisualSetPlayImgOnHeight(bimgHeight);
+				    		}else if(fileFormRename.equals("visualSetPlayImgOff")){
+				    			tVisualSetTmp.setVisualSetPlayImgOff(multipartFile.getOriginalFilename());
+				    			tVisualSetTmp.setVisualSetPlayReImgOff(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));	    			
+				    			tVisualSetTmp.setVisualSetPlayImgOffWidth(bimgWidth);
+				    			tVisualSetTmp.setVisualSetPlayImgOffHeight(bimgHeight);
+				    		}else if(fileFormRename.equals("visualSetStopImgOn")){
+				    			tVisualSetTmp.setVisualSetStopImgOn(multipartFile.getOriginalFilename());
+				    			tVisualSetTmp.setVisualSetStopReImgOn(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+				    			tVisualSetTmp.setVisualSetStopImgOnWidth(bimgWidth);
+				    			tVisualSetTmp.setVisualSetStopImgOnHeight(bimgHeight);
+				    		}else if(fileFormRename.equals("visualSetStopImgOff")){
+				    			tVisualSetTmp.setVisualSetStopImgOff(multipartFile.getOriginalFilename());
+				    			tVisualSetTmp.setVisualSetStopReImgOff(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+				    			tVisualSetTmp.setVisualSetStopImgOffWidth(bimgWidth);
+				    			tVisualSetTmp.setVisualSetStopImgOffHeight(bimgHeight);
+				    		}else if(fileFormRename.equals("visualSetPreImgOn")){
+				    			tVisualSetTmp.setVisualSetPreImgOn(multipartFile.getOriginalFilename());
+				    			tVisualSetTmp.setVisualSetPreReImgOn(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+				    			tVisualSetTmp.setVisualSetPreImgOnWidth(bimgWidth);
+				    			tVisualSetTmp.setVisualSetPreImgOnHeight(bimgHeight);
+				    		}else if(fileFormRename.equals("visualSetPreImgOff")){
+				    			tVisualSetTmp.setVisualSetPreImgOff(multipartFile.getOriginalFilename());
+				    			tVisualSetTmp.setVisualSetPreReImgOff(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+				    			tVisualSetTmp.setVisualSetPreImgOffWidth(bimgWidth);
+				    			tVisualSetTmp.setVisualSetPreImgOffHeight(bimgHeight);
+				    		}else if(fileFormRename.equals("visualSetNextImgOn")){
+				    			tVisualSetTmp.setVisualSetNextImgOn(multipartFile.getOriginalFilename());
+				    			tVisualSetTmp.setVisualSetNextReImgOn(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+				    			tVisualSetTmp.setVisualSetNextImgOnWidth(bimgWidth);
+				    			tVisualSetTmp.setVisualSetNextImgOnHeight(bimgHeight);
+				    		}else if(fileFormRename.equals("visualSetNextImgOff")){
+				    			tVisualSetTmp.setVisualSetNextImgOff(multipartFile.getOriginalFilename());
+				    			tVisualSetTmp.setVisualSetNextReImgOff(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+				    			tVisualSetTmp.setVisualSetNextImgOffWidth(bimgWidth);
+				    			tVisualSetTmp.setVisualSetNextImgOffHeight(bimgHeight);
+				    		}
+						}
+					}
+				}
+				
+				String filePath = rootPath.substring(0, rootPath.lastIndexOf("/site"));
+				
+				if(SeedUtils.setReplaceNull(tVisualSetTmp.getVisualSetChoiceImgOn()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/visual/btn_pagination_on.png", 
+							rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/btn_pagination_on.png");
+					
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/visual");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_pagination_on.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tVisualSetTmp.setVisualSetChoiceImgOn("btn_pagination_on.png");
+	    			tVisualSetTmp.setVisualSetChoiceReImgOn("btn_pagination_on.png");
+	    			tVisualSetTmp.setVisualSetChoiceImgOnWidth(13);
+	    			tVisualSetTmp.setVisualSetChoiceImgOnHeight(13);
+				}
+				
+				if(SeedUtils.setReplaceNull(tVisualSetTmp.getVisualSetChoiceImgOver()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/visual/btn_pagination_over.png", 
+							rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/btn_pagination_over.png");
+
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/visual");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_pagination_over.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tVisualSetTmp.setVisualSetChoiceImgOver("btn_pagination_over.png");
+	    			tVisualSetTmp.setVisualSetChoiceReImgOver("btn_pagination_over.png");
+	    			tVisualSetTmp.setVisualSetChoiceImgOverWidth(13);
+	    			tVisualSetTmp.setVisualSetChoiceImgOverHeight(13);
+				}
+				
+				if(SeedUtils.setReplaceNull(tVisualSetTmp.getVisualSetChoiceImgOff()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/visual/btn_pagination_off.png", 
+							rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/btn_pagination_off.png");
+
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/visual");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_pagination_off.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tVisualSetTmp.setVisualSetChoiceImgOff("btn_pagination_off.png");
+	    			tVisualSetTmp.setVisualSetChoiceReImgOff("btn_pagination_off.png");
+	    			tVisualSetTmp.setVisualSetChoiceImgOffWidth(13);
+	    			tVisualSetTmp.setVisualSetChoiceImgOffHeight(13);
+				}
+				
+				if(SeedUtils.setReplaceNull(tVisualSetTmp.getVisualSetPlayImgOn()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/visual/btn_play_over.png", 
+							rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/btn_play_over.png");
+
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/visual");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_play_over.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tVisualSetTmp.setVisualSetPlayImgOn("btn_play_over.png");
+	    			tVisualSetTmp.setVisualSetPlayReImgOn("btn_play_over.png");
+	    			tVisualSetTmp.setVisualSetPlayImgOnWidth(16);
+	    			tVisualSetTmp.setVisualSetPlayImgOnHeight(17);
+				}
+				
+				if(SeedUtils.setReplaceNull(tVisualSetTmp.getVisualSetPlayImgOff()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/visual/btn_play.png", 
+							rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/btn_play.png");
+
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/visual");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_play.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tVisualSetTmp.setVisualSetPlayImgOff("btn_play.png");
+	    			tVisualSetTmp.setVisualSetPlayReImgOff("btn_play.png");
+	    			tVisualSetTmp.setVisualSetPlayImgOffWidth(16);
+	    			tVisualSetTmp.setVisualSetPlayImgOffHeight(18);
+				}
+				
+				if(SeedUtils.setReplaceNull(tVisualSetTmp.getVisualSetStopImgOn()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/visual/btn_stop_over.png", 
+							rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/btn_stop_over.png");
+					
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/visual");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_stop_over.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tVisualSetTmp.setVisualSetStopImgOn("btn_stop_over.png");
+	    			tVisualSetTmp.setVisualSetStopReImgOn("btn_stop_over.png");
+	    			tVisualSetTmp.setVisualSetStopImgOnWidth(18);
+	    			tVisualSetTmp.setVisualSetStopImgOnHeight(17);
+				}
+				
+				if(SeedUtils.setReplaceNull(tVisualSetTmp.getVisualSetStopImgOff()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/visual/btn_stop.png", 
+							rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/btn_stop.png");
+					
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/visual");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_stop.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tVisualSetTmp.setVisualSetStopImgOff("btn_stop.png");
+	    			tVisualSetTmp.setVisualSetStopReImgOff("btn_stop.png");
+	    			tVisualSetTmp.setVisualSetStopImgOffWidth(18);
+	    			tVisualSetTmp.setVisualSetStopImgOffHeight(17);
+				}
+				
+				if(SeedUtils.setReplaceNull(tVisualSetTmp.getVisualSetPreImgOn()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/visual/btn_pre_over.png", 
+							rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/btn_pre_over.png");
+					
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/visual");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_pre_over.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tVisualSetTmp.setVisualSetPreImgOn("btn_pre_over.png");
+	    			tVisualSetTmp.setVisualSetPreReImgOn("btn_pre_over.png");
+	    			tVisualSetTmp.setVisualSetPreImgOnWidth(12);
+	    			tVisualSetTmp.setVisualSetPreImgOnHeight(18);
+				}
+				
+				if(SeedUtils.setReplaceNull(tVisualSetTmp.getVisualSetPreImgOff()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/visual/btn_pre.png", 
+							rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/btn_pre.png");
+					
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/visual");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_pre.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tVisualSetTmp.setVisualSetPreImgOff("btn_pre.png");
+	    			tVisualSetTmp.setVisualSetPreReImgOff("btn_pre.png");
+	    			tVisualSetTmp.setVisualSetPreImgOffWidth(12);
+	    			tVisualSetTmp.setVisualSetPreImgOffHeight(18);
+				}
+				
+				if(SeedUtils.setReplaceNull(tVisualSetTmp.getVisualSetNextImgOn()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/visual/btn_next_over.png", 
+							rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/btn_next_over.png");
+					
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/visual");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_next_over.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tVisualSetTmp.setVisualSetNextImgOn("btn_next_over.png");
+	    			tVisualSetTmp.setVisualSetNextReImgOn("btn_next_over.png");
+	    			tVisualSetTmp.setVisualSetNextImgOnWidth(12);
+	    			tVisualSetTmp.setVisualSetNextImgOnHeight(18);
+				}
+				
+				if(SeedUtils.setReplaceNull(tVisualSetTmp.getVisualSetNextImgOff()).equals("")){
+					
+					SeedUtils.setSeedFileCopy(filePath + "/_common/_images/manager/visual/btn_next.png", 
+							rootPath + "/" + tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx() + "/btn_next.png");
+					
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tVisualSetTmp.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetTmp.getVisualSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(filePath + "/_common/_images/manager/visual");
+		    		//WAS 파일명
+		    		seedFtpType.setFileName("btn_next.png");
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+	    			tVisualSetTmp.setVisualSetNextImgOff("btn_next.png");
+	    			tVisualSetTmp.setVisualSetNextReImgOff("btn_next.png");
+	    			tVisualSetTmp.setVisualSetNextImgOffWidth(12);
+	    			tVisualSetTmp.setVisualSetNextImgOffHeight(18);
+				}				
+	    		
+	    		if(visualSetDAO.setVisualSetModProc(tVisualSetTmp)){
+	    			visualSetIdx = tVisualSetTmp.getVisualSetIdx();
+	    		}
+	    		
+			}catch(IOException e){
+				log.error("CHECK ERROR:",e);
+			}
+		}
+		
+		return visualSetIdx;
+	}
+
+	//ManagervisualController
+    @Transactional
+	public boolean setVisualSetModProc(T_VISUAL_SET tVisualSet, Integer memberIdx, HttpServletRequest httpServletRequest, MultipartHttpServletRequest multipartHttpServletRequest, String rootPath){
+		
+		T_VISUAL_SET tVisualSetDB = visualSetDAO.getVisualSetForm(tVisualSet.getVisualSetIdx());
+		
+		try{
+			
+			T_MEMBER tMember = new T_MEMBER();
+			tMember.setMemberIdx(memberIdx);
+			
+			tVisualSetDB.settMember(tMember);
+			tVisualSetDB.setVisualSetName(tVisualSet.getVisualSetName());
+			tVisualSetDB.setVisualSetType(tVisualSet.getVisualSetType());
+			tVisualSetDB.setVisualSetRelation(tVisualSet.getVisualSetRelation());
+			tVisualSetDB.setVisualSetTime(tVisualSet.getVisualSetTime());
+			tVisualSetDB.setVisualSetWidth(tVisualSet.getVisualSetWidth());
+			tVisualSetDB.setVisualSetHeight(tVisualSet.getVisualSetHeight());
+			tVisualSetDB.setVisualSetBg(tVisualSet.getVisualSetBg());
+			tVisualSetDB.setVisualSetSkin(tVisualSet.getVisualSetSkin());
+			tVisualSetDB.setVisualSetChoiceTB(tVisualSet.getVisualSetChoiceTB());
+			tVisualSetDB.setVisualSetChoiceLR(tVisualSet.getVisualSetChoiceLR());
+			tVisualSetDB.setVisualSetChoiceTBPosition(tVisualSet.getVisualSetChoiceTBPosition());
+			tVisualSetDB.setVisualSetChoiceLRPosition(tVisualSet.getVisualSetChoiceLRPosition());
+			tVisualSetDB.setVisualSetPSTB(tVisualSet.getVisualSetPSTB());
+			tVisualSetDB.setVisualSetPSLR(tVisualSet.getVisualSetPSLR());	
+			tVisualSetDB.setVisualSetPSTBPosition(tVisualSet.getVisualSetPSTBPosition());
+			tVisualSetDB.setVisualSetPSLRPosition(tVisualSet.getVisualSetPSLRPosition());
+			tVisualSetDB.setVisualSetPreTB(tVisualSet.getVisualSetPreTB());
+			tVisualSetDB.setVisualSetPreLR(tVisualSet.getVisualSetPreLR());
+			tVisualSetDB.setVisualSetPreTBPosition(tVisualSet.getVisualSetPreTBPosition());
+			tVisualSetDB.setVisualSetPreLRPosition(tVisualSet.getVisualSetPreLRPosition());
+			tVisualSetDB.setVisualSetNextTB(tVisualSet.getVisualSetNextTB());
+			tVisualSetDB.setVisualSetNextLR(tVisualSet.getVisualSetNextLR());
+			tVisualSetDB.setVisualSetNextTBPosition(tVisualSet.getVisualSetNextTBPosition());
+			tVisualSetDB.setVisualSetNextLRPosition(tVisualSet.getVisualSetNextLRPosition());
+			tVisualSetDB.setVisualSetWideImg(tVisualSet.getVisualSetWideImg());
+			tVisualSetDB.setVisualSetWideImgWidth(tVisualSet.getVisualSetWideImgWidth());
+			
+			tVisualSetDB.setVisualSetModDate(new Date());
+			
+			Iterator<String> iteratorfileNames = multipartHttpServletRequest.getFileNames();
+
+    		//FTP 전송
+    		SeedFtpType seedFtpType = new SeedFtpType();
+    		
+			while (iteratorfileNames.hasNext()) {
+				
+				String fileFormName = (String)iteratorfileNames.next();
+				String fileFormRename = fileFormName.substring(fileFormName.indexOf("file_")+5);
+				
+				MultipartFile multipartFile = multipartHttpServletRequest.getFile(fileFormName);
+				
+				if(multipartFile != null && !multipartFile.isEmpty()){
+					
+		    		SeedUtils.setSeedMkDirs(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+		    		
+		    		SimpleDateFormat sdfFormat = new SimpleDateFormat("yyyyMMddHHmmss");
+		    		String reFileName = tVisualSetDB.getVisualSetIdx() + "_" + sdfFormat.format(new Date()) + "_" + SeedUtils.getSeedMD5Code(String.valueOf(SeedUtils.getRandom(999,1)));
+		    		
+		    		File makeFile = new File(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+		    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + reFileName +  
+		    				multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+		    		multipartFile.transferTo(makeFile);
+		    		
+		    		//WEB 서버의 경로
+		    		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+		    		//WAS 서버의 경로
+		    		seedFtpType.setSrcFilePath(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+		    		//WAS 파일명
+		    		seedFtpType.setFileName(reFileName + multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+		    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+		    		seedFtpType.setFtpType("regFile");
+		    		seedFtpType.setSeedFtp();
+		    		
+		    		BufferedImage bimg = ImageIO.read(new File(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx()
+		    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + reFileName +
+		    				multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf("."))));
+		    		
+		    		if(bimg != null){
+			    		
+			    		int bimgWidth = bimg.getWidth();
+			    		int bimgHeight = bimg.getHeight();
+			    		
+			    		if(fileFormRename.equals("visualSetChoiceImgOn")){
+			    			
+				    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + tVisualSetDB.getVisualSetChoiceReImgOn());
+				    		
+				    		//WEB 서버의 경로
+				    		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+				    		//WAS 서버의 경로
+				    		seedFtpType.setSrcFilePath("");
+				    		//WAS 파일명
+				    		seedFtpType.setFileName(tVisualSetDB.getVisualSetChoiceReImgOn());
+				    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+				    		seedFtpType.setFtpType("delFile");
+				    		seedFtpType.setSeedFtp();
+				    		
+			    			tVisualSetDB.setVisualSetChoiceImgOn(multipartFile.getOriginalFilename());
+			    			tVisualSetDB.setVisualSetChoiceReImgOn(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    			tVisualSetDB.setVisualSetChoiceImgOnWidth(bimgWidth);
+			    			tVisualSetDB.setVisualSetChoiceImgOnHeight(bimgHeight);
+			    			
+			    		}else if(fileFormRename.equals("visualSetChoiceImgOver")){
+			    			
+				    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + tVisualSetDB.getVisualSetChoiceReImgOver());
+				    		
+				    		//WEB 서버의 경로
+				    		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+				    		//WAS 서버의 경로
+				    		seedFtpType.setSrcFilePath("");
+				    		//WAS 파일명
+				    		seedFtpType.setFileName(tVisualSetDB.getVisualSetChoiceReImgOver());
+				    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+				    		seedFtpType.setFtpType("delFile");
+				    		seedFtpType.setSeedFtp();
+				    		
+			    			tVisualSetDB.setVisualSetChoiceImgOver(multipartFile.getOriginalFilename());
+			    			tVisualSetDB.setVisualSetChoiceReImgOver(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    			tVisualSetDB.setVisualSetChoiceImgOverWidth(bimgWidth);
+			    			tVisualSetDB.setVisualSetChoiceImgOverHeight(bimgHeight);
+			    			
+			    		}else if(fileFormRename.equals("visualSetChoiceImgOff")){
+			    			
+				    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + tVisualSetDB.getVisualSetChoiceReImgOff());
+				    		
+				    		//WEB 서버의 경로
+				    		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+				    		//WAS 서버의 경로
+				    		seedFtpType.setSrcFilePath("");
+				    		//WAS 파일명
+				    		seedFtpType.setFileName(tVisualSetDB.getVisualSetChoiceReImgOff());
+				    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+				    		seedFtpType.setFtpType("delFile");
+				    		seedFtpType.setSeedFtp();
+				    		
+			    			tVisualSetDB.setVisualSetChoiceImgOff(multipartFile.getOriginalFilename());
+			    			tVisualSetDB.setVisualSetChoiceReImgOff(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    			tVisualSetDB.setVisualSetChoiceImgOffWidth(bimgWidth);
+			    			tVisualSetDB.setVisualSetChoiceImgOffHeight(bimgHeight);
+			    			
+			    		}else if(fileFormRename.equals("visualSetPlayImgOn")){
+			    			
+				    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + tVisualSetDB.getVisualSetPlayReImgOn());
+				    		
+				    		//WEB 서버의 경로
+				    		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+				    		//WAS 서버의 경로
+				    		seedFtpType.setSrcFilePath("");
+				    		//WAS 파일명
+				    		seedFtpType.setFileName(tVisualSetDB.getVisualSetPlayReImgOn());
+				    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+				    		seedFtpType.setFtpType("delFile");
+				    		seedFtpType.setSeedFtp();
+				    		
+			    			tVisualSetDB.setVisualSetPlayImgOn(multipartFile.getOriginalFilename());
+			    			tVisualSetDB.setVisualSetPlayReImgOn(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    			tVisualSetDB.setVisualSetPlayImgOnWidth(bimgWidth);
+			    			tVisualSetDB.setVisualSetPlayImgOnHeight(bimgHeight);
+			    			
+			    		}else if(fileFormRename.equals("visualSetPlayImgOff")){
+			    			
+				    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + tVisualSetDB.getVisualSetPlayReImgOff());
+				    		
+				    		//WEB 서버의 경로
+				    		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+				    		//WAS 서버의 경로
+				    		seedFtpType.setSrcFilePath("");
+				    		//WAS 파일명
+				    		seedFtpType.setFileName(tVisualSetDB.getVisualSetPlayReImgOff());
+				    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+				    		seedFtpType.setFtpType("delFile");
+				    		seedFtpType.setSeedFtp();
+				    		
+			    			tVisualSetDB.setVisualSetPlayImgOff(multipartFile.getOriginalFilename());
+			    			tVisualSetDB.setVisualSetPlayReImgOff(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));	    			
+			    			tVisualSetDB.setVisualSetPlayImgOffWidth(bimgWidth);
+			    			tVisualSetDB.setVisualSetPlayImgOffHeight(bimgHeight);
+			    			
+			    		}else if(fileFormRename.equals("visualSetStopImgOn")){
+			    			
+				    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + tVisualSetDB.getVisualSetStopReImgOn());
+				    		
+				    		//WEB 서버의 경로
+				    		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+				    		//WAS 서버의 경로
+				    		seedFtpType.setSrcFilePath("");
+				    		//WAS 파일명
+				    		seedFtpType.setFileName(tVisualSetDB.getVisualSetStopReImgOn());
+				    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+				    		seedFtpType.setFtpType("delFile");
+				    		seedFtpType.setSeedFtp();
+				    		
+			    			tVisualSetDB.setVisualSetStopImgOn(multipartFile.getOriginalFilename());
+			    			tVisualSetDB.setVisualSetStopReImgOn(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    			tVisualSetDB.setVisualSetStopImgOnWidth(bimgWidth);
+			    			tVisualSetDB.setVisualSetStopImgOnHeight(bimgHeight);
+			    			
+			    		}else if(fileFormRename.equals("visualSetStopImgOff")){
+			    			
+				    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + tVisualSetDB.getVisualSetStopReImgOff());
+				    		
+				    		//WEB 서버의 경로
+				    		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+				    		//WAS 서버의 경로
+				    		seedFtpType.setSrcFilePath("");
+				    		//WAS 파일명
+				    		seedFtpType.setFileName(tVisualSetDB.getVisualSetStopReImgOff());
+				    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+				    		seedFtpType.setFtpType("delFile");
+				    		seedFtpType.setSeedFtp();
+				    		
+			    			tVisualSetDB.setVisualSetStopImgOff(multipartFile.getOriginalFilename());
+			    			tVisualSetDB.setVisualSetStopReImgOff(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    			tVisualSetDB.setVisualSetStopImgOffWidth(bimgWidth);
+			    			tVisualSetDB.setVisualSetStopImgOffHeight(bimgHeight);
+			    			
+			    		}else if(fileFormRename.equals("visualSetPreImgOn")){
+			    			
+				    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + tVisualSetDB.getVisualSetPreReImgOn());
+				    		
+				    		//WEB 서버의 경로
+				    		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+				    		//WAS 서버의 경로
+				    		seedFtpType.setSrcFilePath("");
+				    		//WAS 파일명
+				    		seedFtpType.setFileName(tVisualSetDB.getVisualSetPreReImgOn());
+				    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+				    		seedFtpType.setFtpType("delFile");
+				    		seedFtpType.setSeedFtp();
+				    		
+			    			tVisualSetDB.setVisualSetPreImgOn(multipartFile.getOriginalFilename());
+			    			tVisualSetDB.setVisualSetPreReImgOn(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    			tVisualSetDB.setVisualSetPreImgOnWidth(bimgWidth);
+			    			tVisualSetDB.setVisualSetPreImgOnHeight(bimgHeight);
+			    			
+			    		}else if(fileFormRename.equals("visualSetPreImgOff")){
+			    			
+				    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + tVisualSetDB.getVisualSetPreReImgOff());
+				    		
+				    		//WEB 서버의 경로
+				    		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+				    		//WAS 서버의 경로
+				    		seedFtpType.setSrcFilePath("");
+				    		//WAS 파일명
+				    		seedFtpType.setFileName(tVisualSetDB.getVisualSetPreReImgOff());
+				    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+				    		seedFtpType.setFtpType("delFile");
+				    		seedFtpType.setSeedFtp();
+				    		
+			    			tVisualSetDB.setVisualSetPreImgOff(multipartFile.getOriginalFilename());
+			    			tVisualSetDB.setVisualSetPreReImgOff(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    			tVisualSetDB.setVisualSetPreImgOffWidth(bimgWidth);
+			    			tVisualSetDB.setVisualSetPreImgOffHeight(bimgHeight);
+			    			
+			    		}else if(fileFormRename.equals("visualSetNextImgOn")){
+			    			
+				    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + tVisualSetDB.getVisualSetNextReImgOn());
+				    		
+				    		//WEB 서버의 경로
+				    		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+				    		//WAS 서버의 경로
+				    		seedFtpType.setSrcFilePath("");
+				    		//WAS 파일명
+				    		seedFtpType.setFileName(tVisualSetDB.getVisualSetNextReImgOn());
+				    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+				    		seedFtpType.setFtpType("delFile");
+				    		seedFtpType.setSeedFtp();
+				    		
+			    			tVisualSetDB.setVisualSetNextImgOn(multipartFile.getOriginalFilename());
+			    			tVisualSetDB.setVisualSetNextReImgOn(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    			tVisualSetDB.setVisualSetNextImgOnWidth(bimgWidth);
+			    			tVisualSetDB.setVisualSetNextImgOnHeight(bimgHeight);
+			    			
+			    		}else if(fileFormRename.equals("visualSetNextImgOff")){
+			    			
+				    		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				    				+ "/upload/visual/" + tVisualSetDB.getVisualSetIdx() + "/" + tVisualSetDB.getVisualSetNextReImgOff());
+				    		
+				    		//WEB 서버의 경로
+				    		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/upload/visual/" + tVisualSetDB.getVisualSetIdx());
+				    		//WAS 서버의 경로
+				    		seedFtpType.setSrcFilePath("");
+				    		//WAS 파일명
+				    		seedFtpType.setFileName(tVisualSetDB.getVisualSetNextReImgOff());
+				    		//파일 전송 타입 regFile=WEB 서버에 파일전송, delFile=WEB 서버에 파일삭제
+				    		seedFtpType.setFtpType("delFile");
+				    		seedFtpType.setSeedFtp();
+				    		
+			    			tVisualSetDB.setVisualSetNextImgOff(multipartFile.getOriginalFilename());
+			    			tVisualSetDB.setVisualSetNextReImgOff(reFileName+multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".")));
+			    			tVisualSetDB.setVisualSetNextImgOffWidth(bimgWidth);
+			    			tVisualSetDB.setVisualSetNextImgOffHeight(bimgHeight);
+			    			
+			    		}
+					}
+				}
+			}
+    		
+    	}catch(IOException e){
+    		log.error("CHECK ERROR:",e);
+    	}
+		
+		return visualSetDAO.setVisualSetModProc(tVisualSetDB);
+	}
+
+	//ManagervisualController
+    @Transactional
+	public boolean setVisualSetDelProc(Integer visualSetIdx, String rootPath){
+		
+		T_VISUAL_SET tVisualSetDB = visualSetDAO.getVisualSetForm(visualSetIdx);
+			
+		//FTP 전송
+		SeedFtpType seedFtpType = new SeedFtpType();
+		
+		SeedUtils.setSeedDeleteFiles(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() + 
+				"/upload/visual/" + tVisualSetDB.getVisualSetIdx() , "");
+		
+		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				+ "/jsp/visual/visual_" + tVisualSetDB.getVisualSetIdx() +".jsp");
+		
+		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				+ "/jsp/visual/css/visual_" + tVisualSetDB.getVisualSetIdx() +".css");
+		
+		//WEB 서버의 경로
+		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/jsp/visual/css");
+		//WAS 서버의 경로
+		seedFtpType.setSrcFilePath("");
+		//WAS 파일명
+		seedFtpType.setFileName("visual_" + tVisualSetDB.getVisualSetIdx() +".css");
+		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+		seedFtpType.setFtpType("delFile");
+		seedFtpType.setSeedFtp();
+		
+		SeedUtils.setSeedDeleteFile(rootPath + "/" + tVisualSetDB.gettSite().getSiteIdx() 
+				+ "/jsp/visual/js/visual_" + tVisualSetDB.getVisualSetIdx() +".js");
+		
+		//WEB 서버의 경로
+		seedFtpType.setDestFilePath(tVisualSetDB.gettSite().getSiteIdx() + "/jsp/visual/js");
+		//WAS 서버의 경로
+		seedFtpType.setSrcFilePath("");
+		//WAS 파일명
+		seedFtpType.setFileName("visual_" + tVisualSetDB.getVisualSetIdx() +".js");
+		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+		seedFtpType.setFtpType("delFile");
+		seedFtpType.setSeedFtp();
+		
+		return visualSetDAO.setVisualSetDelProc(tVisualSetDB);
+	}
+
+	//ManagervisualController
+    @Transactional
+	public boolean setVisualSetStatusProc(Integer visualSetIdx, String status, Integer memberIdx){
+		
+		boolean success = false;
+		
+		T_VISUAL_SET tVisualSetDB = visualSetDAO.getVisualSetForm(visualSetIdx);
+		Iterator<T_VISUAL_DATA> iteratorList = tVisualSetDB.gettVisualDatas().iterator();
+		
+		T_MEMBER tMember = new T_MEMBER();
+		tMember.setMemberIdx(memberIdx);
+		
+		tVisualSetDB.settMember(tMember);
+		tVisualSetDB.setVisualSetModDate(new Date());
+		tVisualSetDB.setVisualSetStatus(status);
+		
+		if(visualSetDAO.setVisualSetModProc(tVisualSetDB)){
+			
+			success = true;
+			
+			while(iteratorList.hasNext()){
+				
+				T_VISUAL_DATA tVisualDataDB = visualDataDAO.getVisualDataForm(iteratorList.next().getVisualDataIdx());
+				
+				tVisualDataDB.settMember(tMember);
+				tVisualDataDB.setVisualDataModDate(new Date());
+				tVisualDataDB.setVisualDataStatus(status);
+				
+				if(!visualDataDAO.setVisualDataModProc(tVisualDataDB)){
+					success = false;
+					break;
+				}
+			}
+		}
+		
+		return success;
+	}
+}
diff --git a/src/main/java/seed/manager/visual/web/ManagerVisualController.java b/src/main/java/seed/manager/visual/web/ManagerVisualController.java
new file mode 100644
index 00000000..a83b8744
--- /dev/null
+++ b/src/main/java/seed/manager/visual/web/ManagerVisualController.java
@@ -0,0 +1,5021 @@
+package seed.manager.visual.web;
+
+import java.io.BufferedWriter;
+import java.io.FileNotFoundException;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.OutputStreamWriter;
+import java.util.Iterator;
+import java.util.List;
+import java.util.Map;
+import java.util.regex.Pattern;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import javax.servlet.http.HttpSession;
+
+import org.apache.log4j.Logger;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.stereotype.Controller;
+import org.springframework.validation.BindingResult;
+import org.springframework.web.bind.annotation.ModelAttribute;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.multipart.MultipartFile;
+import org.springframework.web.multipart.MultipartHttpServletRequest;
+import org.springframework.web.servlet.ModelAndView;
+
+import seed.manager.site.service.ManagerSiteManagerService;
+import seed.manager.visual.service.ManagerVisualDataService;
+import seed.manager.visual.service.ManagerVisualManagerService;
+import seed.manager.visual.service.ManagerVisualRelationDataService;
+import seed.manager.visual.service.ManagerVisualRelationIconService;
+import seed.manager.visual.service.ManagerVisualRelationSetService;
+import seed.manager.visual.service.ManagerVisualSetService;
+import seed.manager.member.service.ManagerMemberService;
+import seed.map.T_VISUAL_DATA;
+import seed.map.T_VISUAL_MANAGER;
+import seed.map.T_VISUAL_RELATION_DATA;
+import seed.map.T_VISUAL_RELATION_SET;
+import seed.map.T_VISUAL_RELATION_ICON;
+import seed.map.T_VISUAL_SET;
+import seed.utils.InterceptorCheck;
+import seed.utils.Paging;
+import seed.utils.SeedFtpType;
+import seed.utils.SeedUtils;
+
+@Controller
+public class ManagerVisualController {
+	
+	private Logger log = Logger.getLogger(this.getClass());
+
+	@Autowired
+	private ManagerVisualSetService managerVisualSetService;
+	
+	@Autowired
+	private ManagerVisualDataService managerVisualDataService;
+	
+	@Autowired
+	private ManagerVisualManagerService managerVisualManagerService;
+	
+	@Autowired
+	private ManagerSiteManagerService managerSiteManagerService;
+
+	@Autowired
+	private ManagerMemberService managerMemberService;
+	
+	@Autowired
+	private ManagerVisualRelationSetService managerVisualRelationSetService;
+	
+	@Autowired
+	private ManagerVisualRelationIconService managerVisualRelationIconService;
+	
+	@Autowired
+	private ManagerVisualRelationDataService managerVisualRelationDataService;
+	
+	@Value("#{config['root.path']}") 
+	private String rootPath;
+	
+	public void getSeedLicense(HttpServletResponse httpServletResponse){
+		
+		if(SeedUtils.setReplaceNull(InterceptorCheck.getLicenseKey()).equals("")){
+			try {
+				httpServletResponse.sendRedirect("/common/seed.do");
+			} catch (IOException ex) {
+				log.error("CHECK ERROR:",ex);
+			}
+		}
+	}
+	
+	public void setSessionRemove(HttpSession session){
+		session.removeAttribute("memberIdx");
+		session.removeAttribute("memberId");
+		session.removeAttribute("memberName");
+		session.removeAttribute("memberDept");
+		session.removeAttribute("memberPosition");
+		session.removeAttribute("memberTel");
+		session.removeAttribute("memberPhone");
+		session.removeAttribute("memberEmail1");
+		session.removeAttribute("memberEmail2");
+		session.removeAttribute("memberGrant");
+		
+		session.removeAttribute("url");
+		session.removeAttribute("message");
+		session.removeAttribute("opener");
+		session.removeAttribute("append");
+		session.removeAttribute("self");
+	}
+	
+	public void setSessionMessageRemove(HttpSession session){
+		session.removeAttribute("url");
+		session.removeAttribute("message");
+		session.removeAttribute("opener");
+		session.removeAttribute("append");
+		session.removeAttribute("self");
+	}
+	
+	public void setPaging(@ModelAttribute("paging") Paging paging){
+		
+		if(paging != null){
+			if(paging.getPage() == null){paging.setPage(1);}
+			if(paging.getRow() == null){paging.setRow(10);}
+			if(paging.getPagec() == null){paging.setPagec(1);}
+			if(paging.getRowc() == null){paging.setRowc(10);}
+		}
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/visualSetList.do", "/gte/{siteIdx}/visualSetList.do", "/menu/{siteIdx}/visualSetList.do"})
+	public ModelAndView getVisualSetList(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@ModelAttribute("paging") Paging paging,
+			@RequestParam(value="siteMenuIdx", defaultValue="0", required=false) Integer siteMenuIdx,
+			@RequestParam(value="menuCode", defaultValue="N", required=false) String menuCode,
+    		@RequestParam(value="orderColumn", defaultValue="visualSetIdx", required=false) String orderColumn,
+    		@RequestParam(value="order", defaultValue="DESC", required=false) String order,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/visualSetList.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		//기능 관리자 URL로 넘어온 경우
+		if(pageType.equals("gte")){
+			
+			if(memberIdx == 0){
+				setSessionRemove(session);
+				map.put("url", location);
+				map.put("message", "common.message.no.grant");
+				return new ModelAndView("/_common/jsp/message");
+			}
+			
+			//기능 관리자인데 슈퍼관리자나 해당 사이트관리자가 들어오면 모든 비주얼존을 보여준다
+			if(memberGrant.equals("S") || memberAuth){
+				
+				String[] qryColumns = {"groupBy", "visualSetIdx", "visualSetName", "visualSetType", "visualSetRegDate", "visualSetStatus"};
+				
+				paging.setCount(managerVisualSetService.getVisualSetListCnt(siteIdx, column, search));
+				
+				map.put("visualSetListCnt", paging.getCount());
+				map.put("visualSetList", managerVisualSetService.getVisualSetList(siteIdx, paging.getPage(), paging.getRow(), orderColumn, order, column, search, qryColumns));
+				
+			}else{
+				
+				String[] qryColumns = {"tVisualSet.visualSetIdx", "tVisualSet.visualSetName", "tVisualSet.visualSetType", "tVisualSet.visualSetRegDate", "tVisualSet.visualSetStatus"};
+				
+				paging.setCount(managerVisualManagerService.getVisualManagerListCnt(siteIdx, memberIdx, column, search));
+				
+				String orderColumnTmp = "";
+				
+				if(orderColumn.indexOf("visualSet") > -1){
+					orderColumnTmp = "tVisualSet."+orderColumn;
+				}else{
+					orderColumnTmp = orderColumn;
+				}
+				
+				map.put("visualSetListCnt", paging.getCount());
+				map.put("visualSetList", managerVisualManagerService.getVisualManagerList(siteIdx, memberIdx, paging.getPage(), paging.getRow(), orderColumnTmp, order, column, search, qryColumns));
+			}
+			
+	        map.put("page", paging.getPage());
+	        map.put("row", paging.getRow());
+	        map.put("pages", paging.getPages());
+	        map.put("blocks", paging.getBlocks());
+	        map.put("block", paging.getBlock());
+	        map.put("fPage", paging.getfPage());
+	        map.put("lPage", paging.getlPage());
+	        
+	        map.put("orderColumn", orderColumn);
+	        map.put("order", order);
+	        map.put("column", column);
+	        map.put("search", search);
+
+	        map.put("memberGrant", memberGrant);
+	        map.put("memberAuth", memberAuth);
+			
+	        return new ModelAndView("/manager/visual/visualESetList");
+			
+		}else{
+			
+			if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+				setSessionRemove(session);
+				map.put("url", location);
+				map.put("message", "common.message.no.grant");
+				return new ModelAndView("/_common/jsp/message");
+			}
+			
+			String[] qryColumns = {"groupBy", "visualSetIdx", "tVisualDatas.visualDataIdxCnt", "visualSetName", "visualSetType", 
+					"visualSetRelation", "visualSetRegDate", "visualSetStatus", "tMember.memberName", "tMember.memberId"};
+	
+			paging.setCount(managerVisualSetService.getVisualSetListCnt(siteIdx, column, search));
+			
+			map.put("visualSetListCnt", paging.getCount());
+			map.put("visualSetList", managerVisualSetService.getVisualSetList(siteIdx, paging.getPage(), paging.getRow(), orderColumn, order, column, search, qryColumns));
+			
+			map.put("siteMenuIdx", siteMenuIdx);
+			map.put("menuCode", menuCode);
+			
+	        map.put("page", paging.getPage());
+	        map.put("row", paging.getRow());
+	        map.put("pages", paging.getPages());
+	        map.put("blocks", paging.getBlocks());
+	        map.put("block", paging.getBlock());
+	        map.put("fPage", paging.getfPage());
+	        map.put("lPage", paging.getlPage());
+	        
+	        map.put("orderColumn", orderColumn);
+	        map.put("order", order);
+	        map.put("column", column);
+	        map.put("search", search);
+
+	        map.put("memberGrant", memberGrant);
+	        map.put("memberAuth", memberAuth);
+	        
+			return new ModelAndView("/manager/visual/visualSetList");
+		}
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/visualFormPreview.do", method=RequestMethod.GET)
+	public ModelAndView getVisualSetFormPriview(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@RequestParam(value="visualSetSkin", required=true) String visualSetSkin){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("visualSetSkin", visualSetSkin);
+		
+		return new ModelAndView("/manager/visual/visualSetFormPreview");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/visualFormPreviewActive.do", method=RequestMethod.GET)
+	public ModelAndView getVisualSetFormPriviewActive(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@RequestParam(value="visualSetSkin", required=true) String visualSetSkin){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("visualSetSkin", visualSetSkin);
+		
+		return new ModelAndView("/manager/visual/visualSetFormPreviewActive");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/visualEditPreview/{visualSetIdx}.do", "/gte/{siteIdx}/visualEditPreview/{visualSetIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView getVisualSetEditPriview(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@RequestParam(value="visualSetSkin", required=true) String visualSetSkin){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/visualEditPreview/"+visualSetIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("tVisualSetDB", managerVisualSetService.getVisualSetForm(visualSetIdx));
+		map.put("visualDataList", managerVisualDataService.getVisualDataList(visualSetIdx));
+		map.put("visualSetSkin", visualSetSkin);
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		
+		return new ModelAndView("/manager/visual/visualSetEditPreview");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/visualEditPreviewActive/{visualSetIdx}.do", "/gte/{siteIdx}/visualEditPreviewActive/{visualSetIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView getVisualSetEditPriviewActive(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@RequestParam(value="visualSetSkin", required=true) String visualSetSkin){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/visualEditPreviewActive/"+visualSetIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("tVisualSetDB", managerVisualSetService.getVisualSetForm(visualSetIdx));
+		map.put("visualDataList", managerVisualDataService.getVisualDataList(visualSetIdx));
+		map.put("visualSetSkin", visualSetSkin);
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		
+		return new ModelAndView("/manager/visual/visualSetEditPreviewActive");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/visualSetForm.do")
+	public ModelAndView getVisualSetForm(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+        
+        map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/visual/visualSetForm");
+	}
+	
+	@RequestMapping(value = "/gtm/{siteIdx}/visualSetFormActive.do")
+	public ModelAndView getVisualSetFormActive(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+        
+        map.put("memberAuth", memberAuth);
+		
+		return new ModelAndView("/manager/visual/visualSetFormActive");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/visualSetEdit/{visualSetIdx}.do", "/gte/{siteIdx}/visualSetEdit/{visualSetIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView getVisualSetEdit(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="orderColumn", defaultValue="visualSetIdx", required=false) String orderColumn,
+    		@RequestParam(value="order", defaultValue="DESC", required=false) String order,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/visualSetEdit/"+visualSetIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		//memberAuthM을 추가한 이유는 해당 담당자가 비주얼존 권한이 있을경우 로그인 하기 위해서 추가함
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		//해당 권한이 슈퍼관리자,사이트 관리자,폼빌더 권한 관리자가 아닌경우, memberAuthM의 권한이 있는 경우 해당 비주얼 리스트 페이지로 이동
+		if(!memberGrant.equals("S") && !memberAuth && !memberAuthG){
+			
+			//기능 관리자 URL로 넘어온 경우
+			if(pageType.equals("gte")){
+				return new ModelAndView("redirect:/gte/"+siteIdx+"/"+visualSetIdx+"/visualDataList.do");
+			}else{
+				return new ModelAndView("redirect:/gtm/"+siteIdx+"/"+visualSetIdx+"/visualDataList.do");
+			}
+		}
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+		
+        map.put("orderColumn", orderColumn);
+        map.put("order", order);
+        map.put("column", column);
+        map.put("search", search);
+        
+		map.put("tVisualSetDB", managerVisualSetService.getVisualSetForm(visualSetIdx));
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+		return new ModelAndView("/manager/visual/visualSetEdit");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/visualSetEditActive/{visualSetIdx}.do", "/gte/{siteIdx}/visualSetEditActive/{visualSetIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView getVisualSetEditActive(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="orderColumn", defaultValue="visualSetIdx", required=false) String orderColumn,
+    		@RequestParam(value="order", defaultValue="DESC", required=false) String order,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/visualSetEditActive/"+visualSetIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		//memberAuthM을 추가한 이유는 해당 담당자가 비주얼존 권한이 있을경우 로그인 하기 위해서 추가함
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		//해당 권한이 슈퍼관리자,사이트 관리자,비주얼존 권한 관리자가 아닌경우, memberAuthM의 권한이 있는 경우 해당 비주얼 리스트 페이지로 이동
+		if(!memberGrant.equals("S") && !memberAuth && !memberAuthG){
+			
+			//기능 관리자 URL로 넘어온 경우
+			if(pageType.equals("gte")){
+				return new ModelAndView("redirect:/gte/"+siteIdx+"/"+visualSetIdx+"/visualDataList.do");
+			}else{
+				return new ModelAndView("redirect:/gtm/"+siteIdx+"/"+visualSetIdx+"/visualDataList.do");
+			}
+		}
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+		
+        map.put("orderColumn", orderColumn);
+        map.put("order", order);
+        map.put("column", column);
+        map.put("search", search);
+        
+		map.put("tVisualSetDB", managerVisualSetService.getVisualSetForm(visualSetIdx));
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+		return new ModelAndView("/manager/visual/visualSetEditActive");
+	}
+	
+	@RequestMapping(value = "/gtm/proc/{siteIdx}/visualSetRegProc.do", method=RequestMethod.POST)
+	public ModelAndView setVisualSetRegProc(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map, HttpServletRequest httpServletRequest, MultipartHttpServletRequest multipartHttpServletRequest, 
+			@PathVariable(value="siteIdx") String siteIdx,
+			@ModelAttribute("T_VISUAL_SET") T_VISUAL_SET tVisualSet,
+			BindingResult bindingResult){
+		//@RequestParam("file") List<MultipartFile> files
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		Iterator<String> iteratorfileNames = multipartHttpServletRequest.getFileNames();
+		
+		while (iteratorfileNames.hasNext()) {
+			
+			String fileFormName = (String)iteratorfileNames.next();
+			
+			MultipartFile multipartFile = multipartHttpServletRequest.getFile(fileFormName);
+			
+			if(multipartFile != null && !multipartFile.isEmpty()){
+				
+				if (!Pattern.matches("(?i)^[\\d\\D]*\\.(jpg|gif|png|bmp)$", multipartFile.getOriginalFilename().toLowerCase())) {
+					map.put("url", "/gtm/"+siteIdx+"/visualSetForm.do");
+					map.put("message", "common.fileupload.message.image.upload");
+					return new ModelAndView("/_common/jsp/message");
+				}
+			}
+		}
+		
+		Integer visualSetIdx = managerVisualSetService.setVisualSetRegProc(tVisualSet, memberIdx, httpServletRequest, multipartHttpServletRequest, rootPath);
+		
+		if(visualSetIdx > 0){
+			map.put("url", "/gtm/"+siteIdx+"/visualSetList.do");
+			map.put("message", "common.message.reg");
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSet.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("url", "/gtm/"+siteIdx+"/visualSetForm.do");
+			map.put("message", "common.message.error.reg");
+		}
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/visualSetModProc.do", "/gte/proc/{siteIdx}/visualSetModProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setVisualSetModProc(HttpServletRequest httpServletRequest, MultipartHttpServletRequest multipartHttpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map, 
+			@PathVariable(value="siteIdx") String siteIdx,
+			@ModelAttribute("T_VISUAL_SET") T_VISUAL_SET tVisualSet,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="orderColumn", defaultValue="visualSetIdx", required=false) String orderColumn,
+    		@RequestParam(value="order", defaultValue="DESC", required=false) String order,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(tVisualSet.getVisualSetIdx(), memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/visualSetModProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		Iterator<String> iteratorfileNames = multipartHttpServletRequest.getFileNames();
+		
+		while (iteratorfileNames.hasNext()) {
+			
+			String fileFormName = (String)iteratorfileNames.next();
+			
+			MultipartFile multipartFile = multipartHttpServletRequest.getFile(fileFormName);
+			
+			if(multipartFile != null && !multipartFile.isEmpty()){
+				
+				if (!Pattern.matches("(?i)^[\\d\\D]*\\.(jpg|gif|png|bmp)$", multipartFile.getOriginalFilename().toLowerCase())) {
+					map.put("url", "/"+pageType+"/"+siteIdx+"/visualSetEdit/"+tVisualSet.getVisualSetIdx()+".do?" +
+							"page="+paging.getPage()+"&"+
+							"row="+paging.getRow()+"&"+
+							"orderColumn="+orderColumn+"&" +
+							"order="+order+"&" +
+							"column="+column+"&" +
+							"search="+search);
+					map.put("message", "common.fileupload.message.image.upload");
+					return new ModelAndView("/_common/jsp/message");
+				}
+			}
+		}	
+		
+		if(managerVisualSetService.setVisualSetModProc(tVisualSet, memberIdx, httpServletRequest, multipartHttpServletRequest, rootPath)){
+			map.put("message", "common.message.mod");
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSet.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, tVisualSet.getVisualSetIdx());
+			}else{
+				setVisualDataCompile(siteIdx, tVisualSet.getVisualSetIdx());
+			}
+			
+		}else{
+			map.put("message", "common.message.error.mod");
+		}
+		
+		if(tVisualSet.getVisualSetType().equals("normal")){
+
+			map.put("url", "/"+pageType+"/"+siteIdx+"/visualSetEdit/"+tVisualSet.getVisualSetIdx()+".do?" +
+					"page="+paging.getPage()+"&"+
+					"row="+paging.getRow()+"&"+
+					"orderColumn="+orderColumn+"&" +
+					"order="+order+"&" +
+					"column="+column+"&" +
+					"search="+search);
+			
+		}else if(tVisualSet.getVisualSetType().equals("active")){
+
+			map.put("url", "/"+pageType+"/"+siteIdx+"/visualSetEditActive/"+tVisualSet.getVisualSetIdx()+".do?" +
+					"page="+paging.getPage()+"&"+
+					"row="+paging.getRow()+"&"+
+					"orderColumn="+orderColumn+"&" +
+					"order="+order+"&" +
+					"column="+column+"&" +
+					"search="+search);				
+		}
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = "/gtm/proc/{siteIdx}/visualSetDelProc/{visualSetIdx}.do", method=RequestMethod.GET)
+	public ModelAndView setVisualSetDelProc(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="orderColumn", defaultValue="visualSetIdx", required=false) String orderColumn,
+    		@RequestParam(value="order", defaultValue="DESC", required=false) String order,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		if(managerVisualSetService.setVisualSetDelProc(visualSetIdx, rootPath)){
+			map.put("message", "common.message.del");
+		}else{
+			map.put("message", "common.message.error.del");
+		}
+			
+		map.put("url", "/gtm/"+siteIdx+"/visualSetList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"orderColumn="+orderColumn+"&" +
+				"order="+order+"&" +
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = "/gtm/proc/{siteIdx}/visualSetStatusProc.do", method=RequestMethod.POST)
+	public ModelAndView setVisualSetStatusProc(HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="orderColumn", defaultValue="visualSetIdx", required=false) String orderColumn,
+    		@RequestParam(value="order", defaultValue="DESC", required=false) String order,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+			@RequestParam(value="idxs", required=true) Integer[] idxs,
+			@RequestParam(value="selStatus", required=true) String selStatus){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth)){
+			setSessionRemove(session);
+			map.put("url", "/gtm/login.do");
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		boolean success = false;
+		
+		if(idxs.length > 0){
+			for(int i=0; i<idxs.length; i++){
+				if(managerVisualSetService.setVisualSetStatusProc(idxs[i], selStatus, memberIdx)){
+					success = true;
+					
+					T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(idxs[i]);
+					
+					//visual기능 컴파일 (jsp, css, script) 생성
+					if(tVisualSetDB.getVisualSetType().equals("active")){
+						setVisualDataActiveCompile(siteIdx, idxs[i]);
+					}else{
+						setVisualDataCompile(siteIdx, idxs[i]);
+					}
+					
+				}else{
+					success = false;
+					break;
+				}
+			}
+		}
+		
+		if(success){
+			map.put("message", "common.message.status");
+		}else{
+			map.put("message", "common.message.error.status");
+		}
+			
+		map.put("url", "/gtm/"+siteIdx+"/visualSetList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"orderColumn="+orderColumn+"&" +
+				"order="+order+"&" +
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/{visualSetIdx}/visualRelationSetList.do", "/gte/{siteIdx}/{visualSetIdx}/visualRelationSetList.do"})
+	public ModelAndView getVisualRelationSetList(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetList.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		String[] qryColumns = {"groupBy", "tVisualRelationDatas.visualRelationDataIdxCnt", "visualRelationSetIdx", "visualRelationSetName", "visualRelationSetCount", "visualRelationSetStatus", "visualRelationSetRegDate", "tMember.memberName", "tMember.memberId"};
+		
+		paging.setCount(managerVisualRelationSetService.getVisualRelationSetListCnt(visualSetIdx, column, search));
+		
+		map.put("visualRelationSetListCnt", paging.getCount());
+		map.put("visualRelationSetList", managerVisualRelationSetService.getVisualRelationSetList(visualSetIdx, paging.getPage(), paging.getRow(), column, search, qryColumns));
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+        map.put("pages", paging.getPages());
+        map.put("blocks", paging.getBlocks());
+        map.put("block", paging.getBlock());
+        map.put("fPage", paging.getfPage());
+        map.put("lPage", paging.getlPage());
+        
+        map.put("column", column);
+        map.put("search", search);
+        
+        map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+        return new ModelAndView("/manager/visual/visualRelationSetList");
+	}
+
+	@RequestMapping(value = {"/gtm/{siteIdx}/{visualSetIdx}/visualRelationSetForm.do", "/gte/{siteIdx}/{visualSetIdx}/visualRelationSetForm.do"})
+	public ModelAndView getVisualRelationSetForm(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetForm.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+		return new ModelAndView("/manager/visual/visualRelationSetForm");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/{visualSetIdx}/visualRelationSetEdit/{visualRelationSetIdx}.do", "/gte/{siteIdx}/{visualSetIdx}/visualRelationSetEdit/{visualRelationSetIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView getVisualRelationSetEdit(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualRelationSetIdx") Integer visualRelationSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetEdit/"+visualRelationSetIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		T_VISUAL_RELATION_SET tVisualRelationSetDB = managerVisualRelationSetService.getVisualRelationSetForm(visualRelationSetIdx);
+		
+		map.put("tVisualRelationSetDB", tVisualRelationSetDB);
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+		
+        map.put("column", column);
+        map.put("search", search);
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+		return new ModelAndView("/manager/visual/visualRelationSetEdit");
+	}
+	
+	@RequestMapping(value ={ "/gtm/proc/{siteIdx}/{visualSetIdx}/visualRelationSetRegProc.do", "/gte/proc/{siteIdx}/{visualSetIdx}/visualRelationSetRegProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setVisualRelationSetRegProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map, 
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("T_VISUAL_RELATION_SET") T_VISUAL_RELATION_SET tVisualRelationSet,
+			BindingResult bindingResult){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetRegProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		Integer visualRelationSetIdx = managerVisualRelationSetService.setVisualRelationSetRegProc(tVisualRelationSet, memberIdx);
+		
+		if(visualRelationSetIdx > 0){
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetList.do");
+			map.put("message", "common.message.reg");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetForm.do");
+			map.put("message", "common.message.error.reg");
+		}
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/visualRelationSetModProc.do", "/gte/proc/{siteIdx}/{visualSetIdx}/visualRelationSetModProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setVisualRelationSetModProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map, 
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("T_VISUAL_RELATION_SET") T_VISUAL_RELATION_SET tVisualRelationSet,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+    		BindingResult bindingResult){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetModProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+
+		if(managerVisualRelationSetService.setVisualRelationSetModProc(tVisualRelationSet, memberIdx)){
+			map.put("message", "common.message.mod");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.mod");
+		}
+		
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetEdit/"+tVisualRelationSet.getVisualRelationSetIdx()+".do?" +
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/visualRelationSetDelProc/{visualRelationSetIdx}.do", "/gte/proc/{siteIdx}/{visualSetIdx}/visualRelationSetDelProc/{visualRelationSetIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView setVisualRelationSetDelProc(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualRelationSetIdx") Integer visualRelationSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetDelProc/"+visualRelationSetIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		if(managerVisualRelationSetService.setVisualRelationSetDelProc(visualRelationSetIdx)){
+			map.put("message", "common.message.del");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.del");
+		}
+			
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/visualRelationSetStatusProc.do", "/gte/proc/{siteIdx}/{visualSetIdx}/visualRelationSetStatusProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setVisualRelationSetStatusProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+			@RequestParam(value="idxs", required=true) Integer[] idxs,
+			@RequestParam(value="selStatus", required=true) String selStatus){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetStatusProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		boolean success = false;
+		
+		if(idxs.length > 0){
+			for(int i=0; i<idxs.length; i++){
+				if(managerVisualRelationSetService.setVisualRelationSetStatusProc(idxs[i], selStatus, memberIdx)){
+					success = true;
+				}else{
+					success = false;
+					break;
+				}
+			}
+		}
+		
+		if(success){
+			map.put("message", "common.message.status");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.status");
+		}
+			
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/{visualSetIdx}/visualRelationIconList.do", "/gte/{siteIdx}/{visualSetIdx}/visualRelationIconList.do"})
+	public ModelAndView getVisualRelationIconList(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+visualSetIdx+"/visualRelationIconList.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		String[] qryColumns = {"visualRelationIconIdx", "visualRelationIconName", "visualRelationIconFile", "visualRelationIconReFile", "visualRelationIconRegDate", "tMember.memberName", "tMember.memberId"};
+		
+		paging.setCount(managerVisualRelationIconService.getVisualRelationIconListCnt(visualSetIdx, column, search));
+		
+		map.put("visualRelationIconListCnt", paging.getCount());
+		map.put("visualRelationIconList", managerVisualRelationIconService.getVisualRelationIconList(visualSetIdx, paging.getPage(), paging.getRow(), column, search, qryColumns));
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+        map.put("pages", paging.getPages());
+        map.put("blocks", paging.getBlocks());
+        map.put("block", paging.getBlock());
+        map.put("fPage", paging.getfPage());
+        map.put("lPage", paging.getlPage());
+        
+        map.put("column", column);
+        map.put("search", search);
+        
+        map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+        return new ModelAndView("/manager/visual/visualRelationIconList");
+	}
+
+	@RequestMapping(value = {"/gtm/{siteIdx}/{visualSetIdx}/visualRelationIconForm.do", "/gte/{siteIdx}/{visualSetIdx}/visualRelationIconForm.do"})
+	public ModelAndView getVisualRelationIconForm(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+visualSetIdx+"/visualRelationIconForm.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+		return new ModelAndView("/manager/visual/visualRelationIconForm");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/{visualSetIdx}/visualRelationIconEdit/{visualRelationIconIdx}.do", "/gte/{siteIdx}/{visualSetIdx}/visualRelationIconEdit/{visualRelationIconIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView getVisualRelationIconEdit(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualRelationIconIdx") Integer visualRelationIconIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+visualSetIdx+"/visualRelationIconEdit/"+visualRelationIconIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		T_VISUAL_RELATION_ICON tVisualRelationIconDB = managerVisualRelationIconService.getVisualRelationIconForm(visualRelationIconIdx);
+		
+		map.put("tVisualRelationIconDB", tVisualRelationIconDB);
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+		
+        map.put("column", column);
+        map.put("search", search);
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+		return new ModelAndView("/manager/visual/visualRelationIconEdit");
+	}
+	
+	@RequestMapping(value ={ "/gtm/proc/{siteIdx}/{visualSetIdx}/visualRelationIconRegProc.do", "/gte/proc/{siteIdx}/{visualSetIdx}/visualRelationIconRegProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setVisualRelationIconRegProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, MultipartFile upFile, Map<String, Object> map, 
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("T_VISUAL_RELATION_SET_ICON") T_VISUAL_RELATION_ICON tVisualRelationIcon,
+			BindingResult bindingResult){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualRelationIconRegProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		if (!Pattern.matches("(?i)^[\\d\\D]*\\.(jpg|gif|png|bmp)$", upFile.getOriginalFilename().toLowerCase())) {
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualRelationIconForm.do");
+			map.put("message", "common.fileupload.message.image.upload");
+			return new ModelAndView("/_common/jsp/message");
+		}
+
+		Integer visualRelationIconIdx = managerVisualRelationIconService.setVisualRelationIconRegProc(tVisualRelationIcon, upFile, memberIdx, rootPath);
+		
+		if(visualRelationIconIdx > 0){
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualRelationIconList.do");
+			map.put("message", "common.message.reg");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualRelationIconForm.do");
+			map.put("message", "common.message.error.reg");
+		}
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/visualRelationIconModProc.do", "/gte/proc/{siteIdx}/{visualSetIdx}/visualRelationIconModProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setVisualRelationIconModProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, MultipartFile upFile, Map<String, Object> map, 
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("T_VISUAL_RELATION_SET_ICON") T_VISUAL_RELATION_ICON tVisualRelationIcon,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+    		BindingResult bindingResult){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualRelationIconModProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+
+		try{
+			
+			if(upFile != null && upFile.getBytes().length > 0){
+				
+				if (!Pattern.matches("(?i)^[\\d\\D]*\\.(jpg|gif|png|bmp)$", upFile.getOriginalFilename().toLowerCase())) {
+					map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualRelationIconEdit/"+tVisualRelationIcon.getVisualRelationIconIdx()+".do?" +
+							"page="+paging.getPage()+"&"+
+							"row="+paging.getRow()+"&"+
+							"column="+column+"&" +
+							"search="+search);
+					map.put("message", "common.fileupload.message.image.upload");
+					return new ModelAndView("/_common/jsp/message");
+				}
+			}
+		}catch(IOException e){
+			log.error("CHECK ERROR:",e);
+		}
+		
+		if(managerVisualRelationIconService.setVisualRelationIconModProc(tVisualRelationIcon, upFile, memberIdx, rootPath)){
+			map.put("message", "common.message.mod");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.mod");
+		}
+		
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualRelationIconEdit/"+tVisualRelationIcon.getVisualRelationIconIdx()+".do?" +
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/visualRelationIconDelProc/{visualRelationIconIdx}.do", "/gte/proc/{siteIdx}/{visualSetIdx}/visualRelationIconDelProc/{visualRelationIconIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView setVisualRelationIconDelProc(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualRelationIconIdx") Integer visualRelationIconIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualRelationIconDelProc/"+visualRelationIconIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		if(managerVisualRelationIconService.setVisualRelationIconDelProc(visualRelationIconIdx, rootPath)){
+			map.put("message", "common.message.del");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.del");
+		}
+			
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualRelationIconList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataList.do", "/gte/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataList.do"})
+	public ModelAndView getVisualRelationDataList(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualRelationSetIdx") Integer visualRelationSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationDataList.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		String[] qryColumns = {"visualRelationDataIdx", "visualRelationDataName", "visualRelationDataRegDate", "visualRelationDataStatus", "tMember.memberName", "tMember.memberId", "visualRelationDataOrder"};
+		
+		paging.setCount(managerVisualRelationDataService.getVisualRelationDataListCnt(visualRelationSetIdx, column, search));
+		
+		map.put("visualRelationDataListCnt", paging.getCount());
+		map.put("visualRelationDataList", managerVisualRelationDataService.getVisualRelationDataList(visualRelationSetIdx, paging.getPage(), paging.getRow(), column, search, qryColumns));
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+        map.put("pages", paging.getPages());
+        map.put("blocks", paging.getBlocks());
+        map.put("block", paging.getBlock());
+        map.put("fPage", paging.getfPage());
+        map.put("lPage", paging.getlPage());
+        
+        map.put("column", column);
+        map.put("search", search);
+        
+        map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+        return new ModelAndView("/manager/visual/visualRelationDataList");
+	}
+
+	@RequestMapping(value = {"/gtm/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataForm.do", "/gte/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataForm.do"})
+	public ModelAndView getVisualRelationDataForm(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualRelationSetIdx") Integer visualRelationSetIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationDataForm.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		map.put("visualRelationIconList", managerVisualRelationIconService.getVisualRelationIconList(visualSetIdx, new String[]{"visualRelationIconIdx", "visualRelationIconName", "visualRelationIconFile", "visualRelationIconReFile"}));
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+		return new ModelAndView("/manager/visual/visualRelationDataForm");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataEdit/{visualRelationDataIdx}.do", "/gte/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataEdit/{visualRelationDataIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView getVisualRelationDataEdit(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualRelationSetIdx") Integer visualRelationSetIdx,
+			@PathVariable(value="visualRelationDataIdx") Integer visualRelationDataIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationDataEdit/"+visualRelationDataIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		T_VISUAL_RELATION_DATA tVisualRelationDataDB = managerVisualRelationDataService.getVisualRelationDataForm(visualRelationDataIdx);
+		
+		map.put("tVisualRelationDataDB", tVisualRelationDataDB);
+		
+		map.put("visualRelationIconList", managerVisualRelationIconService.getVisualRelationIconList(visualSetIdx, new String[]{"visualRelationIconIdx", "visualRelationIconName", "visualRelationIconFile", "visualRelationIconReFile"}));
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+		
+        map.put("column", column);
+        map.put("search", search);
+		
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+		return new ModelAndView("/manager/visual/visualRelationDataEdit");
+	}
+	
+	@RequestMapping(value ={ "/gtm/proc/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataRegProc.do", "/gte/proc/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataRegProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setVisualRelationDataRegProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map, 
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualRelationSetIdx") Integer visualRelationSetIdx,
+			@ModelAttribute("T_VISUAL_RELATION_DATA") T_VISUAL_RELATION_DATA tVisualRelationData,
+			BindingResult bindingResult){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualRelationSetRegProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		Integer visualRelationDataIdx = managerVisualRelationDataService.setVisualRelationDataRegProc(tVisualRelationData, memberIdx);
+		
+		if(visualRelationDataIdx > 0){
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationDataList.do");
+			map.put("message", "common.message.reg");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationRelationForm.do");
+			map.put("message", "common.message.error.reg");
+		}
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataModProc.do", "/gte/proc/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataModProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setVisualRelationDataModProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map, 
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualRelationSetIdx") Integer visualRelationSetIdx,
+			@ModelAttribute("T_VISUAL_RELATION_DATA") T_VISUAL_RELATION_DATA tVisualRelationData,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+    		BindingResult bindingResult){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationDataModProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+
+		if(managerVisualRelationDataService.setVisualRelationDataModProc(tVisualRelationData, memberIdx)){
+			map.put("message", "common.message.mod");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.mod");
+		}
+		
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationDataEdit/"+tVisualRelationData.getVisualRelationDataIdx()+".do?" +
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataDelProc/{visualRelationDataIdx}.do", "/gte/proc/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataDelProc/{visualRelationDataIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView setVisualRelationDataDelProc(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualRelationSetIdx") Integer visualRelationSetIdx,
+			@PathVariable(value="visualRelationDataIdx") Integer visualRelationDataIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationDataDelProc/"+visualRelationDataIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		if(managerVisualRelationDataService.setVisualRelationDataDelProc(visualRelationDataIdx)){
+			map.put("message", "common.message.del");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.del");
+		}
+			
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationDataList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataStatusProc.do", "/gte/proc/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataStatusProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setVisualRelationDataStatusProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualRelationSetIdx") Integer visualRelationSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+			@RequestParam(value="idxs", required=true) Integer[] idxs,
+			@RequestParam(value="selStatus", required=true) String selStatus){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationDataStatusProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		boolean success = false;
+		
+		if(idxs.length > 0){
+			for(int i=0; i<idxs.length; i++){
+				if(managerVisualRelationDataService.setVisualRelationDataStatusProc(idxs[i], selStatus, memberIdx)){
+					success = true;
+				}else{
+					success = false;
+					break;
+				}
+			}
+		}
+		
+		if(success){
+			map.put("message", "common.message.status");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.status");
+		}
+			
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationDataList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataOrderProc/{visualRelationDataOrder}.do", "/gte/proc/{siteIdx}/{visualSetIdx}/{visualRelationSetIdx}/visualRelationDataOrderProc/{visualRelationDataOrder}.do"}, method=RequestMethod.GET)
+	public ModelAndView setVisualRelationDataOrderProc(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualRelationSetIdx") Integer visualRelationSetIdx,
+			@PathVariable(value="visualRelationDataOrder") Integer visualRelationDataOrder,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+			@RequestParam(value="orderType", required=true) String orderType){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationDataOrderProc/"+visualRelationDataOrder+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		if(managerVisualRelationDataService.setVisualRelationDataOrderProc(visualRelationSetIdx, visualRelationDataOrder, orderType, memberIdx)){
+			map.put("message", "common.message.order");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.order");
+		}
+			
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/"+visualRelationSetIdx+"/visualRelationDataList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/{visualSetIdx}/visualDataList.do", "/gte/{siteIdx}/{visualSetIdx}/visualDataList.do"})
+	public ModelAndView getVisualDataList(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+visualSetIdx+"/visualDataList.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		String[] qryColumns = {"visualDataIdx", "visualDataTitle", "visualDataContent", "visualDataFile", 
+				"visualDataReFile", "visualDataSdate", "visualDataEdate", "visualDataRegDate", "visualDataStatus", "visualDataOrder"};
+		
+		paging.setCount(managerVisualDataService.getVisualDataListCnt(visualSetIdx, column, search));
+		
+		map.put("visualDataListCnt", paging.getCount());
+		map.put("visualDataList", managerVisualDataService.getVisualDataList(visualSetIdx, paging.getPage(), paging.getRow(), column, search, qryColumns));
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+        map.put("pages", paging.getPages());
+        map.put("blocks", paging.getBlocks());
+        map.put("block", paging.getBlock());
+        map.put("fPage", paging.getfPage());
+        map.put("lPage", paging.getlPage());
+        
+        map.put("column", column);
+        map.put("search", search);
+        
+        map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+        return new ModelAndView("/manager/visual/visualDataList");
+	}
+
+	@RequestMapping(value = {"/gtm/{siteIdx}/{visualSetIdx}/visualDataForm.do", "/gte/{siteIdx}/{visualSetIdx}/visualDataForm.do"})
+	public ModelAndView getVisualDataForm(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+visualSetIdx+"/visualDataForm.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		//해당 비주얼 기능에 연계메뉴 기능을 사용하는지 확인
+		String visualSetRelation = SeedUtils.setReplaceNull(managerVisualSetService.getVisualSetForm(visualSetIdx).getVisualSetRelation(), "N");
+		map.put("visualSetRelation", visualSetRelation);
+		
+		if(visualSetRelation.equals("Y")){
+			map.put("visualRelationSetList", managerVisualRelationSetService.getVisualRelationSetList(visualSetIdx, new String[]{"visualRelationSetIdx", "visualRelationSetName"}));
+		}
+        
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+		return new ModelAndView("/manager/visual/visualDataForm");
+	}
+	
+	@RequestMapping(value = {"/gtm/{siteIdx}/{visualSetIdx}/visualDataEdit/{visualDataIdx}.do", "/gte/{siteIdx}/{visualSetIdx}/visualDataEdit/{visualDataIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView getVisualDataEdit(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualDataIdx") Integer visualDataIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/"+siteIdx+"/"+visualSetIdx+"/visualDataEdit/"+visualDataIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		T_VISUAL_DATA tVisualDataDB = managerVisualDataService.getVisualDataForm(visualDataIdx);
+		
+		map.put("tVisualDataDB", tVisualDataDB);
+		
+        map.put("page", paging.getPage());
+        map.put("row", paging.getRow());
+		
+        map.put("column", column);
+        map.put("search", search);
+		
+		//해당 비주얼 기능에 연계메뉴 기능을 사용하는지 확인
+		String visualSetRelation = SeedUtils.setReplaceNull(managerVisualSetService.getVisualSetForm(visualSetIdx).getVisualSetRelation(), "N");
+		map.put("visualSetRelation", visualSetRelation);
+		
+		if(visualSetRelation.equals("Y")){
+			map.put("visualRelationSetList", managerVisualRelationSetService.getVisualRelationSetList(visualSetIdx, new String[]{"visualRelationSetIdx", "visualRelationSetName"}));
+		}
+        
+		map.put("memberAuth", memberAuth);
+		map.put("memberAuthG", memberAuthG);
+		map.put("memberAuthM", memberAuthM);
+        
+		return new ModelAndView("/manager/visual/visualDataEdit");
+	}
+	
+	@RequestMapping(value ={ "/gtm/proc/{siteIdx}/{visualSetIdx}/visualDataRegProc.do", "/gte/proc/{siteIdx}/{visualSetIdx}/visualDataRegProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setVisualDataRegProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map, MultipartFile upFile, 
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@RequestParam(value="siteMenuIdxs", defaultValue="", required=false) String siteMenuIdxs,
+			@ModelAttribute("T_VISUAL_DATA") T_VISUAL_DATA tVisualData,
+			BindingResult bindingResult){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualDataRegProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		if (!Pattern.matches("(?i)^[\\d\\D]*\\.(jpg|gif|png|bmp)$", upFile.getOriginalFilename().toLowerCase())) {
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualDataForm.do");
+			map.put("message", "common.fileupload.message.image.upload");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		Integer visualDataIdx = managerVisualDataService.setVisualDataRegProc(tVisualData, siteMenuIdxs, upFile, memberIdx, rootPath);
+		
+		if(visualDataIdx > 0){
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualDataList.do");
+			map.put("message", "common.message.reg");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualDataForm.do");
+			map.put("message", "common.message.error.reg");
+		}
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/visualDataModProc.do", "/gte/proc/{siteIdx}/{visualSetIdx}/visualDataModProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setVisualDataModProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map, MultipartFile upFile,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("T_VISUAL_DATA") T_VISUAL_DATA tVisualData,
+			@ModelAttribute("paging") Paging paging,
+			@RequestParam(value="siteMenuIdxs", defaultValue="", required=false) String siteMenuIdxs,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+    		BindingResult bindingResult){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualDataModProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+
+		try{
+			
+			if(upFile != null && upFile.getBytes().length > 0){
+				
+				if (!Pattern.matches("(?i)^[\\d\\D]*\\.(jpg|gif|png|bmp)$", upFile.getOriginalFilename().toLowerCase())) {
+					map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualDataEdit/"+tVisualData.getVisualDataIdx()+".do?" +
+							"page="+paging.getPage()+"&"+
+							"row="+paging.getRow()+"&"+
+							"column="+column+"&" +
+							"search="+search);
+					map.put("message", "common.fileupload.message.image.upload");
+					return new ModelAndView("/_common/jsp/message");
+				}
+			}
+		}catch(IOException e){
+			log.error("CHECK ERROR:",e);
+		}
+		
+		if(managerVisualDataService.setVisualDataModProc(tVisualData, siteMenuIdxs, memberIdx, upFile, rootPath)){
+			map.put("message", "common.message.mod");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.mod");
+		}
+		
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualDataEdit/"+tVisualData.getVisualDataIdx()+".do?" +
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/visualDataDelProc/{visualDataIdx}.do", "/gte/proc/{siteIdx}/{visualSetIdx}/visualDataDelProc/{visualDataIdx}.do"}, method=RequestMethod.GET)
+	public ModelAndView setVisualDataDelProc(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualDataIdx") Integer visualDataIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualDataDelProc/"+visualDataIdx+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		if(managerVisualDataService.setVisualDataDelProc(visualDataIdx, rootPath)){
+			map.put("message", "common.message.del");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.del");
+		}
+			
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualDataList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/visualDataStatusProc.do", "/gte/proc/{siteIdx}/{visualSetIdx}/visualDataStatusProc.do"}, method=RequestMethod.POST)
+	public ModelAndView setVisualDataStatusProc(HttpServletRequest httpServletRequest, 
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+			@RequestParam(value="idxs", required=true) Integer[] idxs,
+			@RequestParam(value="selStatus", required=true) String selStatus){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualDataStatusProc.do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		boolean success = false;
+		
+		if(idxs.length > 0){
+			for(int i=0; i<idxs.length; i++){
+				if(managerVisualDataService.setVisualDataStatusProc(idxs[i], selStatus, memberIdx)){
+					success = true;
+				}else{
+					success = false;
+					break;
+				}
+			}
+		}
+		
+		if(success){
+			map.put("message", "common.message.status");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.status");
+		}
+			
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualDataList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	@RequestMapping(value = {"/gtm/proc/{siteIdx}/{visualSetIdx}/visualDataOrderProc/{visualDataOrder}.do", "/gte/proc/{siteIdx}/{visualSetIdx}/visualDataOrderProc/{visualDataOrder}.do"}, method=RequestMethod.GET)
+	public ModelAndView setVisualDataOrderProc(HttpServletRequest httpServletRequest,
+			HttpServletResponse httpServletResponse, HttpSession session, Map<String, Object> map,
+			@PathVariable(value="siteIdx") String siteIdx,
+			@PathVariable(value="visualSetIdx") Integer visualSetIdx,
+			@PathVariable(value="visualDataOrder") Integer visualDataOrder,
+			@ModelAttribute("paging") Paging paging,
+    		@RequestParam(value="column", defaultValue="", required=false) String column,
+    		@RequestParam(value="search", defaultValue="", required=false) String search,
+			@RequestParam(value="orderType", required=true) String orderType){
+		
+		getSeedLicense(httpServletResponse);
+		
+		setSessionMessageRemove(session);
+		
+		setPaging(paging);
+		
+		Integer memberIdx = Integer.valueOf(SeedUtils.setReplaceNull(session.getAttribute("memberIdx"),"0"));
+		String memberGrant = (memberIdx == 0) ? "N" : SeedUtils.setReplaceNull(managerMemberService.getMemberMapForm(memberIdx, new String[] {"memberGrant"}).get("_memberGrant"), "N");
+		boolean memberAuth = managerSiteManagerService.getSiteManagerListCnt(siteIdx, memberIdx);
+		boolean memberAuthG = managerVisualManagerService.getVisualManagerListGrantCnt(visualSetIdx, memberIdx);
+		boolean memberAuthM = managerVisualManagerService.getVisualManagerListCnt(visualSetIdx, memberIdx);
+		
+		String location = "";
+		String pageType = "";
+
+		//기능 관리자 URL로 넘어온 경우
+		if(httpServletRequest.getRequestURI().indexOf("/gte/proc/"+siteIdx+"/"+visualSetIdx+"/visualDataOrderProc/"+visualDataOrder+".do") > -1){
+			location = "/gte/login.do";
+			pageType = "gte";
+		}else{
+			location = "/gtm/login.do";
+			pageType = "gtm";
+		}
+		map.put("pageType", pageType);
+
+		if(memberIdx == 0 || (!memberGrant.equals("S") && !memberAuth && !memberAuthG && !memberAuthM)){
+			setSessionRemove(session);
+			map.put("url", location);
+			map.put("message", "common.message.no.grant");
+			return new ModelAndView("/_common/jsp/message");
+		}
+		
+		if(managerVisualDataService.setVisualDataOrderProc(visualSetIdx, visualDataOrder, orderType, memberIdx)){
+			map.put("message", "common.message.order");
+			
+			T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+			
+			//visual기능 컴파일 (jsp, css, script) 생성
+			if(tVisualSetDB.getVisualSetType().equals("active")){
+				setVisualDataActiveCompile(siteIdx, visualSetIdx);
+			}else{
+				setVisualDataCompile(siteIdx, visualSetIdx);
+			}
+			
+		}else{
+			map.put("message", "common.message.error.order");
+		}
+			
+		map.put("url", "/"+pageType+"/"+siteIdx+"/"+visualSetIdx+"/visualDataList.do?"+
+				"page="+paging.getPage()+"&"+
+				"row="+paging.getRow()+"&"+
+				"column="+column+"&" +
+				"search="+search);
+		
+		return new ModelAndView("/_common/jsp/message");
+	}
+	
+	public void setVisualDataActiveCompile(String siteIdx, Integer visualSetIdx){
+
+		Integer visualRelationSetIdx = 0;
+		String visualRelationSetName = "";
+		
+		SeedUtils.setSeedMkDirs(rootPath + "/" + siteIdx + "/jsp/visual/css");
+		SeedUtils.setSeedMkDirs(rootPath + "/" + siteIdx + "/jsp/visual/js");
+		
+		String filePath = rootPath+"/"+siteIdx+"/jsp/visual";
+		
+		SeedUtils.setSeedDeleteFile(filePath+"/css/visual_"+visualSetIdx+".css");
+		SeedUtils.setSeedDeleteFile(filePath+"/js/visual_"+visualSetIdx+".js");
+		SeedUtils.setSeedDeleteFile(filePath+"/visual_"+visualSetIdx+".jsp");
+		
+		T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+		
+		String visualManager = "";
+		
+		Iterator<T_VISUAL_MANAGER> iteratorList = tVisualSetDB.gettVisualManagers().iterator();
+		
+		while(iteratorList.hasNext()){
+			
+			T_VISUAL_MANAGER tVisualManagerDB = iteratorList.next();
+			
+			if(tVisualManagerDB.getVisualManagerStatus().equals("U")){
+				visualManager += "|" + tVisualManagerDB.gettMember().getMemberIdx() + "|,";
+			}
+		}
+		
+		if(!visualManager.equals("")){
+			visualManager = visualManager.substring(0, visualManager.length()-1);
+		}
+		
+		FileOutputStream 	jspFileOutputStream 			= null;
+		OutputStreamWriter	jspOutputStreamWriter 		= null;
+		BufferedWriter 		jspWriter 						= null;
+		
+		FileOutputStream 	cssFileOutputStream 		= null;
+		OutputStreamWriter	cssOutputStreamWriter 	= null;
+		BufferedWriter 		cssWriter 						= null;
+		
+		FileOutputStream 	jsFileOutputStream 			= null;
+		OutputStreamWriter	jsOutputStreamWriter 		= null;
+		BufferedWriter 		jsWriter 							= null;
+		
+		try{
+			
+			//jsp파일 작성
+			jspFileOutputStream 		= new FileOutputStream(filePath + "/visual_"+visualSetIdx+".jsp");
+			jspOutputStreamWriter 	= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+			jspWriter 					= new BufferedWriter(jspOutputStreamWriter);
+			
+			jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");
+			jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
+			jspWriter.write("\n");
+			jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");
+			jspWriter.write("<link href='/site/"+siteIdx+"/jsp/visual/css/visual_"+visualSetIdx+".css' rel='stylesheet' type='text/css'/>");
+			jspWriter.write("\n");
+			jspWriter.write("<script src='/site/"+siteIdx+"/jsp/visual/js/visual_"+visualSetIdx+".js'></script>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");
+			jspWriter.write("<c:set var=\"memberIdxTmp\" value=\"|${memberIdx}|\" />");
+			jspWriter.write("\n");
+			jspWriter.write("<c:set var=\"visualManager_"+visualSetIdx+"\" value=\""+visualManager+"\" />");
+			jspWriter.write("\n");			
+			jspWriter.write("<c:if test='${fn:contains(visualManager_"+visualSetIdx+", memberIdxTmp) || memberAuthM || memberGrant == \"S\"}'>");
+			jspWriter.write("\n");
+			jspWriter.write("<div class=\"seedFunctionBtn\"><a href=\"/gtm/"+siteIdx+"/"+visualSetIdx+"/visualDataList.do#visualSetList\" class=\"functionEdit\">visualManager</a></div>");
+			jspWriter.write("\n");
+			jspWriter.write("</c:if>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");			
+			
+			if(tVisualSetDB == null || !tVisualSetDB.getVisualSetStatus().equals("U")){
+				
+				//css파일 작성
+				cssFileOutputStream 		= new FileOutputStream(filePath + "/css/visual_"+visualSetIdx+".css");
+				cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+				cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+				
+				cssWriter.write("@charset \"utf-8\";");
+	    		
+				//js파일 작성
+	    		jsFileOutputStream 			= new FileOutputStream(filePath + "/js/visual_"+visualSetIdx+".js");
+				jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+				jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
+				
+				jsWriter.write("");
+				
+				jspWriter.write("<div class='visual_"+tVisualSetDB.getVisualSetIdx()+"'>");
+				jspWriter.write("\n");
+				jspWriter.write("		<s:message code='common.message.no.visual'/>");
+				jspWriter.write("\n");
+				jspWriter.write("</div>");
+				
+			}else{
+				
+				List<T_VISUAL_DATA> visualDataList = managerVisualDataService.getVisualDataList(visualSetIdx);
+				
+				if(visualDataList.size() > 0){
+					
+					if(visualDataList.size() == 1){
+						
+						T_VISUAL_DATA tVisualDataDB = visualDataList.get(0);
+
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetRelation()).equals("Y") && !SeedUtils.setReplaceNull(tVisualDataDB.getVisualRelationSetIdx()).equals("")){
+							visualRelationSetIdx = tVisualDataDB.getVisualRelationSetIdx();
+							
+							visualRelationSetName = SeedUtils.setReplaceNull(managerVisualRelationSetService.getVisualRelationSetForm(visualRelationSetIdx).getVisualRelationSetName());
+						}
+						
+						String visualDataLinkType = "";
+						
+						if(tVisualDataDB.getVisualDataLinkType() != null && tVisualDataDB.getVisualDataLinkType().equals("B")){
+							visualDataLinkType = " target='_blank'";
+						}
+						
+						jspWriter.write("<div class='visual_"+tVisualSetDB.getVisualSetIdx()+"'>");
+						jspWriter.write("\n");
+						jspWriter.write("	<div id='visual_"+tVisualSetDB.getVisualSetIdx()+"_first'>");
+						jspWriter.write("\n");
+						
+						if(tVisualDataDB.getVisualDataLink() != null && !tVisualDataDB.getVisualDataLink().equals("") && !tVisualDataDB.getVisualDataLink().equals("#")){
+							jspWriter.write("		<c:if test='${\""+tVisualDataDB.getVisualDataType()+"\" == \"F\" || (getDate >= \""+tVisualDataDB.getVisualDataSdate()+"\" &&  getDate <= \""+tVisualDataDB.getVisualDataEdate()+"\")}'><a href='"+tVisualDataDB.getVisualDataLink()+"' "+visualDataLinkType+"><img src='/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualDataDB.getVisualDataReFile()+"' alt='"+tVisualDataDB.getVisualDataContent()+"' data-seed=\""+SeedUtils.setReplaceNull(tVisualDataDB.getVisualRelationSetIdx())+","+visualRelationSetName+","+tVisualDataDB.getVisualDataIdx()+"\"/></a></c:if>");
+						}else{
+							jspWriter.write("		<c:if test='${\""+tVisualDataDB.getVisualDataType()+"\" == \"F\" || (getDate >= \""+tVisualDataDB.getVisualDataSdate()+"\" &&  getDate <= \""+tVisualDataDB.getVisualDataEdate()+"\")}'><img src='/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualDataDB.getVisualDataReFile()+"' alt='"+tVisualDataDB.getVisualDataContent()+"' data-seed=\""+SeedUtils.setReplaceNull(tVisualDataDB.getVisualRelationSetIdx())+","+visualRelationSetName+","+tVisualDataDB.getVisualDataIdx()+"\"/></c:if>");
+						}
+						
+						jspWriter.write("\n");
+						jspWriter.write("	</div>");
+						jspWriter.write("\n");
+						jspWriter.write("</div>");
+						
+						//css파일 작성
+						cssFileOutputStream 		= new FileOutputStream(filePath + "/css/visual_"+visualSetIdx+".css");
+						cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+						cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+						
+						cssWriter.write("@charset \"utf-8\";");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: none;");
+						cssWriter.write("\n");
+						cssWriter.write("	width: 100%;");
+						cssWriter.write("\n");
+						cssWriter.write("	position: relative;");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index: 1;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						//js파일 작성
+			    		jsFileOutputStream 			= new FileOutputStream(filePath + "/js/visual_"+visualSetIdx+".js");
+						jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+						jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
+
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetWideImg()).equals("Y")){
+							jsWriter.write("$(window).load(function(){ ");	
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("	if($(window).width() <= "+tVisualSetDB.getVisualSetWideImgWidth()+"){");
+							jsWriter.write("\n");
+							jsWriter.write("		createCanvasImage('.visual_"+visualSetIdx+" .owl-item img', "+tVisualSetDB.getVisualSetWideImgWidth()+"); ");
+							jsWriter.write("\n");
+							jsWriter.write("	}");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.visual_"+visualSetIdx+".owl-loaded').show();");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("});");	
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+						}
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetWideImg()).equals("Y")){
+							jsWriter.write("$(window).on('resize load', function(){ ");
+							jsWriter.write("\n");
+							jsWriter.write("	$('.visual_"+visualSetIdx+" .owl-item img').width($(this).width());");
+							jsWriter.write("\n");
+							jsWriter.write("});");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+						}
+						
+						jsWriter.write("$(document).ready(function(){");	
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.visual_"+visualSetIdx+"').owlCarousel({");
+						jsWriter.write("\n");
+						jsWriter.write("			items: 1,");
+						jsWriter.write("\n");
+						jsWriter.write("			dots: false,");
+						jsWriter.write("\n");
+						jsWriter.write("			lazyLoad: true");
+						jsWriter.write("\n");						
+						jsWriter.write("		});");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetRelation()).equals("Y")){
+							
+							jsWriter.write("	$.ajax ({");
+							jsWriter.write("\n");
+							jsWriter.write("		type: 'post', ");
+							jsWriter.write("\n");
+							jsWriter.write("		async: false, ");
+							jsWriter.write("\n");
+							jsWriter.write("		dataType: 'json', ");
+							jsWriter.write("\n");
+							jsWriter.write("		url: '/common/"+siteIdx+"/visual/relationListAjax.do?relationSetIdx="+visualRelationSetIdx+"', ");
+							jsWriter.write("\n");
+							jsWriter.write("		success:function(data){ ");
+							jsWriter.write("\n");
+							jsWriter.write("			var "+siteIdx+"_visual_"+visualSetIdx+"_title = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("			var "+siteIdx+"_visual_"+visualSetIdx+" = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("			if(data.length > 0){ ");
+							jsWriter.write("\n");
+							jsWriter.write("				for(var i=0; i<data.length; i++){ ");
+							jsWriter.write("\n");
+							jsWriter.write("					if(data[i].success){");
+							jsWriter.write("\n");
+							jsWriter.write("						if("+siteIdx+"_visual_"+visualSetIdx+"_title == \"\"){");
+							jsWriter.write("\n");
+							jsWriter.write("							"+siteIdx+"_visual_"+visualSetIdx+"_title = data[i].visualRelationSetName;");
+							jsWriter.write("\n");
+							jsWriter.write("						}");
+							jsWriter.write("\n");
+							jsWriter.write("						var "+siteIdx+"_visual_"+visualSetIdx+"_iconUrl = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("						if(data[i].visualRelationDataIconLink != null && data[i].visualRelationDataIconLink != \"null\" && data[i].visualRelationDataIconLink != \"\"){");
+							jsWriter.write("\n");
+							jsWriter.write("							"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl = \"<img src='\"+data[i].visualRelationDataIconLink+\"' alt='\"+data[i].visualRelationDataIconName+\" 아이콘' />\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("						}");
+							jsWriter.write("\n");
+							jsWriter.write("						if(data[i].visualRelationDataLinkType == \"Y\"){");
+							jsWriter.write("\n");
+							jsWriter.write("							"+siteIdx+"_visual_"+visualSetIdx+" += \"<li>\"+"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl+\"<a href='\"+data[i].visualRelationDataLink+\"' target='_blank' title='\"+data[i].visualRelationDataName+\" 새창으로 바로가기'>\"+data[i].visualRelationDataName+\"</a></li>\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("						}else{");
+							jsWriter.write("\n");
+							jsWriter.write("							"+siteIdx+"_visual_"+visualSetIdx+" += \"<li>\"+"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl+\"<a href='\"+data[i].visualRelationDataLink+\"' title='\"+data[i].visualRelationDataName+\" 바로가기'>\"+data[i].visualRelationDataName+\"</a></li>\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("						}");
+							jsWriter.write("\n");
+							jsWriter.write("					}");
+							jsWriter.write("\n");
+							jsWriter.write("				}");
+							jsWriter.write("\n");
+							jsWriter.write("				$('#"+siteIdx+"_visual_"+visualSetIdx+"_title').html("+siteIdx+"_visual_"+visualSetIdx+"_title); ");
+							jsWriter.write("\n");
+							jsWriter.write("				$('#"+siteIdx+"_visual_"+visualSetIdx+"').html("+siteIdx+"_visual_"+visualSetIdx+"); ");
+							jsWriter.write("\n");
+							jsWriter.write("			}");
+							jsWriter.write("\n");
+							jsWriter.write("		},");
+							jsWriter.write("\n");
+							jsWriter.write("		error:function(e) {");
+							jsWriter.write("\n");
+							jsWriter.write("			console.log(e.responseText); ");
+							jsWriter.write("\n");
+							jsWriter.write("		}");
+							jsWriter.write("\n");
+							jsWriter.write("	});");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+						}
+						
+						jsWriter.write("});");	
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						
+					}else{
+						
+						jspWriter.write("<div class='visual_"+tVisualSetDB.getVisualSetIdx()+"'>");
+						jspWriter.write("\n");
+						
+						for(int i=0; i<visualDataList.size(); i++){
+							
+							T_VISUAL_DATA tVisualDataDB = visualDataList.get(i);
+							
+							if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetRelation()).equals("Y") && !SeedUtils.setReplaceNull(tVisualDataDB.getVisualRelationSetIdx()).equals("")){
+								if(i == 0){
+									visualRelationSetIdx = tVisualDataDB.getVisualRelationSetIdx();
+								}
+								visualRelationSetName = SeedUtils.setReplaceNull(managerVisualRelationSetService.getVisualRelationSetForm(tVisualDataDB.getVisualRelationSetIdx()).getVisualRelationSetName());
+							}
+							
+							String visualDataLinkType = "";
+							
+							if(tVisualDataDB.getVisualDataLinkType() != null && tVisualDataDB.getVisualDataLinkType().equals("B")){
+								visualDataLinkType = " target='_blank'";
+							}
+							
+							if(i == 0){
+								jspWriter.write("	<div id='visual_"+tVisualSetDB.getVisualSetIdx()+"_first'>");
+							}else{
+								jspWriter.write("	<div>");
+							}
+							
+							jspWriter.write("\n");
+							
+							if(tVisualDataDB.getVisualDataLink() != null && !tVisualDataDB.getVisualDataLink().equals("") && !tVisualDataDB.getVisualDataLink().equals("#")){
+								jspWriter.write("		<c:if test='${\""+tVisualDataDB.getVisualDataType()+"\" == \"F\" || (getDate >= \""+tVisualDataDB.getVisualDataSdate()+"\" &&  getDate <= \""+tVisualDataDB.getVisualDataEdate()+"\")}'><a href='"+tVisualDataDB.getVisualDataLink()+"' "+visualDataLinkType+"><img src='/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualDataDB.getVisualDataReFile()+"' alt='"+tVisualDataDB.getVisualDataContent()+"' data-seed=\""+SeedUtils.setReplaceNull(tVisualDataDB.getVisualRelationSetIdx())+","+visualRelationSetName+","+tVisualDataDB.getVisualDataIdx()+"\"/></a></c:if>");
+							}else{
+								jspWriter.write("		<c:if test='${\""+tVisualDataDB.getVisualDataType()+"\" == \"F\" || (getDate >= \""+tVisualDataDB.getVisualDataSdate()+"\" &&  getDate <= \""+tVisualDataDB.getVisualDataEdate()+"\")}'><img src='/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualDataDB.getVisualDataReFile()+"' alt='"+tVisualDataDB.getVisualDataContent()+"' data-seed=\""+SeedUtils.setReplaceNull(tVisualDataDB.getVisualRelationSetIdx())+","+visualRelationSetName+","+tVisualDataDB.getVisualDataIdx()+"\"/></c:if>");
+							}
+							
+							jspWriter.write("\n");
+							jspWriter.write("	</div>");
+							jspWriter.write("\n");
+						}
+						
+						jspWriter.write("</div>");
+						jspWriter.write("\n");
+
+						//css파일 작성
+						cssFileOutputStream 		= new FileOutputStream(filePath + "/css/visual_"+visualSetIdx+".css");
+						cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+						cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+						
+						cssWriter.write("@charset \"utf-8\";");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .animated {");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-animation-duration: 1000ms;");
+						cssWriter.write("\n");
+						cssWriter.write("	animation-duration: 1000ms;");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-animation-fill-mode: both;");
+						cssWriter.write("\n");
+						cssWriter.write("	animation-fill-mode: both;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-animated-in {");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index: 0;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-animated-out {");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index: 1;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-height {");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-transition: height 500ms ease-in-out;");
+						cssWriter.write("\n");
+						cssWriter.write("	-moz-transition: height 500ms ease-in-out;");
+						cssWriter.write("\n");
+						cssWriter.write("	-ms-transition: height 500ms ease-in-out;");
+						cssWriter.write("\n");
+						cssWriter.write("	-o-transition: height 500ms ease-in-out;");
+						cssWriter.write("\n");
+						cssWriter.write("	transition: height 500ms ease-in-out;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: none;");
+						cssWriter.write("\n");
+						cssWriter.write("	width: 100%;");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-tap-highlight-color: transparent;");
+						cssWriter.write("\n");
+						cssWriter.write("	position: relative;");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index: 1;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-stage {");
+						cssWriter.write("\n");
+						cssWriter.write("	position: relative;");
+						cssWriter.write("\n");
+						cssWriter.write("	-ms-touch-action: pan-Y;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-stage:after {");
+						cssWriter.write("\n");
+						cssWriter.write("	content: \".\";");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block;");
+						cssWriter.write("\n");
+						cssWriter.write("	clear: both;");
+						cssWriter.write("\n");
+						cssWriter.write("	visibility: hidden;");
+						cssWriter.write("\n");
+						cssWriter.write("	line-height: 0;");
+						cssWriter.write("\n");
+						cssWriter.write("	height: 0;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-stage-outer {");
+						cssWriter.write("\n");
+						cssWriter.write("	position: relative;");
+						cssWriter.write("\n");
+						cssWriter.write("	overflow: hidden;");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-transform: translate3d(0px, 0px, 0px);");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-controls owl-nav .owl-prev, ");
+						cssWriter.write("\n");
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-controls .owl-nav .owl-next, ");
+						cssWriter.write("\n");
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-controls .owl-dot, ");
+						cssWriter.write("\n");
+						cssWriter.write(".visual_"+visualSetIdx+" .visual_"+visualSetIdx+"_play, .visual_"+visualSetIdx+" .visual_"+visualSetIdx+"_stop {");
+						cssWriter.write("\n");
+						cssWriter.write("	cursor: pointer;");
+						cssWriter.write("\n");
+						cssWriter.write("	cursor: hand;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						if(!SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetWideImg()).equals("Y")){
+							cssWriter.write(".visual_"+visualSetIdx+".owl-loaded {");
+							cssWriter.write("\n");
+							cssWriter.write("	display: block;");
+							cssWriter.write("\n");
+							cssWriter.write("}");
+							cssWriter.write("\n");
+							cssWriter.write("\n");
+						}
+						
+						cssWriter.write(".visual_"+visualSetIdx+".owl-loading {");
+						cssWriter.write("\n");
+						cssWriter.write("	opacity: 0;");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+".owl-hidden {");
+						cssWriter.write("\n");
+						cssWriter.write("	opacity: 0;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-refresh .owl-item {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: none;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-item {");
+						cssWriter.write("\n");
+						cssWriter.write("	position: relative;");
+						cssWriter.write("\n");
+						cssWriter.write("	min-height: 1px;");
+						cssWriter.write("\n");
+						cssWriter.write("	float: left;");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-backface-visibility: hidden;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-item img {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block;");
+						cssWriter.write("\n");
+						cssWriter.write("	width: 100%;");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-transform-style: preserve-3d;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".no-js .visual_"+visualSetIdx+".owl-text-select-on .owl-item {");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-user-select: auto;");
+						cssWriter.write("\n");
+						cssWriter.write("	-moz-user-select: auto;");
+						cssWriter.write("\n");
+						cssWriter.write("	-ms-user-select: auto;");
+						cssWriter.write("\n");
+						cssWriter.write("	user-select: auto;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+					
+						cssWriter.write(".no-js .visual_"+visualSetIdx+" .owl-grab {");
+						cssWriter.write("\n");
+						cssWriter.write("	cursor: move;");
+						cssWriter.write("\n");
+						cssWriter.write("	cursor: -webkit-grab;");
+						cssWriter.write("\n");
+						cssWriter.write("	cursor: -o-grab;");
+						cssWriter.write("\n");
+						cssWriter.write("	cursor: -ms-grab;");
+						cssWriter.write("\n");
+						cssWriter.write("	cursor: grab;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+					
+						cssWriter.write(".no-js .visual_"+visualSetIdx+".owl-rtl {");
+						cssWriter.write("\n");
+						cssWriter.write("	direction: rtl;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+					
+						cssWriter.write(".no-js .visual_"+visualSetIdx+".owl-rtl .owl-item {");
+						cssWriter.write("\n");
+						cssWriter.write("	float: right;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".no-js .visual_"+visualSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-item .owl-lazy {");
+						cssWriter.write("\n");
+						cssWriter.write("	opacity: 0;");
+						cssWriter.write("\n");
+						cssWriter.write("	-webkit-transition: opacity 400ms ease;");
+						cssWriter.write("\n");
+						cssWriter.write("	-moz-transition: opacity 400ms ease;");
+						cssWriter.write("\n");
+						cssWriter.write("	-ms-transition: opacity 400ms ease;");
+						cssWriter.write("\n");
+						cssWriter.write("	-o-transition: opacity 400ms ease;");
+						cssWriter.write("\n");
+						cssWriter.write("	transition: opacity 400ms ease;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-item img {");
+						cssWriter.write("\n");
+						cssWriter.write("	transform-style: preserve-3d;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-prev {");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetPreImgOnWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetPreImgOnHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	display: inline-block;");
+						cssWriter.write("\n");
+						cssWriter.write("	position: absolute;");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetPreTB()+":"+tVisualSetDB.getVisualSetPreTBPosition()+"%;");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetPreLR()+":"+tVisualSetDB.getVisualSetPreLRPosition()+"%;");
+						cssWriter.write("\n");
+						cssWriter.write("	background: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetPreReImgOff()+"') no-repeat 50% 50%;");
+						cssWriter.write("\n");
+						cssWriter.write("	text-indent: -9999em;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-prev:hover {");
+						cssWriter.write("\n");
+						cssWriter.write("	background: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetPreReImgOn()+"') no-repeat 50% 50%;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-next {");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetNextImgOnWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetNextImgOnHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	display: inline-block;");
+						cssWriter.write("\n");
+						cssWriter.write("	position: absolute;");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetNextTB()+":"+tVisualSetDB.getVisualSetNextTBPosition()+"%;");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetNextLR()+":"+tVisualSetDB.getVisualSetNextLRPosition()+"%;");
+						cssWriter.write("\n");
+						cssWriter.write("	background: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetNextReImgOff()+"') no-repeat 50% 50%;");
+						cssWriter.write("\n");
+						cssWriter.write("	text-indent: -9999em;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-next:hover {");
+						cssWriter.write("\n");
+						cssWriter.write("	background: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetNextImgOn()+"') no-repeat 50% 50%;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .visual_"+visualSetIdx+"_play {");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetPlayImgOffWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetPlayImgOffHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	position: absolute;");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+tVisualSetDB.getVisualSetPSTBPosition()+"%;");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetPSLR()+":"+tVisualSetDB.getVisualSetPSLRPosition()+"%;");
+						cssWriter.write("\n");
+						cssWriter.write("	border: 0px;");
+						cssWriter.write("\n");
+						cssWriter.write("	background: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetPlayReImgOff()+"') no-repeat 50% 50%;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .visual_"+visualSetIdx+"_play:hover {");
+						cssWriter.write("\n");
+						cssWriter.write("	background: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetPlayReImgOn()+"') no-repeat 50% 50%;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .visual_"+visualSetIdx+"_stop {");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetStopImgOffWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetStopImgOffHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	position: absolute;");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+tVisualSetDB.getVisualSetPSTBPosition()+"%;");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetPSLR()+":"+tVisualSetDB.getVisualSetPSLRPosition()+"%;");
+						cssWriter.write("\n");
+						cssWriter.write("	border: 0px;");
+						cssWriter.write("\n");
+						cssWriter.write("	background: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetStopReImgOff()+"') no-repeat 50% 50%;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .visual_"+visualSetIdx+"_stop:hover {");
+						cssWriter.write("\n");
+						cssWriter.write("	background: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetStopReImgOn()+"') no-repeat 50% 50%;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-dots {");
+						cssWriter.write("\n");
+						cssWriter.write("	position: absolute;");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetChoiceTB()+":"+tVisualSetDB.getVisualSetChoiceTBPosition()+"%;");
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetChoiceLR()+":"+tVisualSetDB.getVisualSetChoiceLRPosition()+"%;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-dots .owl-dot {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: inline-block;");
+						cssWriter.write("\n");
+						cssWriter.write("	zoom: 1;");
+						cssWriter.write("\n");
+						cssWriter.write("	*display: inline;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-dots .owl-dot span {");
+						cssWriter.write("\n");
+						cssWriter.write("	width: "+tVisualSetDB.getVisualSetChoiceImgOffWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetChoiceImgOffHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	margin-left: 5px;");
+						cssWriter.write("\n");
+						cssWriter.write("	display: block;");
+						cssWriter.write("\n");
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetChoiceReImgOff()+"');");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-dots .owl-dot.active span {");
+						cssWriter.write("\n");
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetChoiceReImgOn()+"');");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write(".visual_"+visualSetIdx+" .owl-dots .owl-dot:hover span {");
+						cssWriter.write("\n");
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetChoiceReImgOver()+"');");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						//js파일 작성
+			    		jsFileOutputStream 			= new FileOutputStream(filePath + "/js/visual_"+visualSetIdx+".js");
+						jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+						jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
+						
+						jsWriter.write("$(window).load(function(){ ");	
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.visual_"+visualSetIdx+"').append(\"<div class='owl-ps-controls'><button type='button' class='visual_"+visualSetIdx+"_play'>시작</button><button type='button' class='visual_"+visualSetIdx+"_stop'>정지</button></div>\"); ");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.visual_"+visualSetIdx+"_play').hide(); ");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.visual_"+visualSetIdx+"_stop').show(); ");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.visual_"+visualSetIdx+"_play').on('click', function() { ");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"_play').hide(); ");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"_stop').show(); ");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"_stop').focus(); ");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"').trigger('play.owl.autoplay', ["+tVisualSetDB.getVisualSetTime()+" * 1000]); ");
+						jsWriter.write("\n");
+						jsWriter.write("		}); ");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.visual_"+visualSetIdx+"_stop').on('click', function() { ");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"_stop').hide(); ");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"_play').show(); ");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"_play').focus(); ");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"').trigger('stop.owl.autoplay'); ");
+						jsWriter.write("\n");
+						jsWriter.write("		}); ");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.visual_"+visualSetIdx+" .owl-prev, .owl-next').on('click', function() { ");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"_play').hide(); ");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"_stop').show(); ");
+						jsWriter.write("\n");
+						jsWriter.write("		}); ");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("		var visual_"+visualSetIdx+"_i=1;");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.visual_"+visualSetIdx+" .owl-dot span').each(function(){ ");
+						jsWriter.write("\n");
+						jsWriter.write("			$(this).text(visual_"+visualSetIdx+"_i); ");
+						jsWriter.write("\n");
+						jsWriter.write("			visual_"+visualSetIdx+"_i++; ");
+						jsWriter.write("\n");
+						jsWriter.write("		}); ");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.visual_"+visualSetIdx+" .owl-prev').html(\"<button type='button'>이전</button>\"); ");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.visual_"+visualSetIdx+" .owl-next').html(\"<button type='button'>다음</button>\"); ");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						//jsWriter.write("		$('.visual_"+visualSetIdx+"').trigger('play.owl.autoplay', 0); ");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetWideImg()).equals("Y")){
+							jsWriter.write("	if($(window).width() <= "+tVisualSetDB.getVisualSetWideImgWidth()+"){");
+							jsWriter.write("\n");
+							jsWriter.write("		createCanvasImage('.visual_"+visualSetIdx+" .owl-item img', "+tVisualSetDB.getVisualSetWideImgWidth()+"); ");
+							jsWriter.write("\n");
+							jsWriter.write("	}");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("		$('.visual_"+visualSetIdx+".owl-loaded').show();");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+						}
+						
+						jsWriter.write("});");	
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetWideImg()).equals("Y")){
+							jsWriter.write("$(window).on('resize load', function(){ ");
+							jsWriter.write("\n");
+							jsWriter.write("	$('.visual_"+visualSetIdx+" .owl-item img').width($(this).width());");
+							jsWriter.write("\n");
+							//jsWriter.write("	$('.visual_"+visualSetIdx+"').trigger('play.owl.autoplay', 0); ");
+							jsWriter.write("\n");
+							jsWriter.write("});");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+						}
+						
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("$(document).ready(function(){ ");	
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.visual_"+visualSetIdx+"').on('dragged.owl.carousel', function(event) { ");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"_play').hide(); ");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"_stop').show(); ");
+						jsWriter.write("\n");
+						jsWriter.write("		}); ");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						
+						jsWriter.write("		$('.visual_"+visualSetIdx+"').owlCarousel({ ");
+						jsWriter.write("\n");
+						jsWriter.write("			autoplayHoverPause: true, ");
+						jsWriter.write("\n");
+						jsWriter.write("			items: 1, ");
+						jsWriter.write("\n");
+						jsWriter.write("			animateOut : '"+tVisualSetDB.getVisualSetSkin()+"', ");
+						jsWriter.write("\n");						
+						jsWriter.write("			nav : true, ");
+						jsWriter.write("\n");
+						jsWriter.write("			autoplay: true, ");
+						jsWriter.write("\n");
+						jsWriter.write("			autoplayTimeout: "+tVisualSetDB.getVisualSetTime()+" * 1000, ");
+						jsWriter.write("\n");
+						jsWriter.write("			loop: true, ");
+						jsWriter.write("\n");
+						jsWriter.write("			goToFirstSpeed : 2000, ");
+						jsWriter.write("\n");
+						jsWriter.write("			//autoHeight: true, ");
+						jsWriter.write("\n");
+						jsWriter.write("			lazyLoad: true ");
+						jsWriter.write("\n");
+						jsWriter.write("		}); ");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetRelation()).equals("Y")){
+							
+							jsWriter.write("		$.ajax ({");
+							jsWriter.write("\n");
+							jsWriter.write("			type: 'post', ");
+							jsWriter.write("\n");
+							jsWriter.write("			async: false, ");
+							jsWriter.write("\n");
+							jsWriter.write("			dataType: 'json', ");
+							jsWriter.write("\n");
+							jsWriter.write("			url: '/common/"+siteIdx+"/visual/relationListAjax.do?relationSetIdx="+visualRelationSetIdx+"', ");
+							jsWriter.write("\n");
+							jsWriter.write("			success:function(data){ ");
+							jsWriter.write("\n");
+							jsWriter.write("				var "+siteIdx+"_visual_"+visualSetIdx+"_title = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("				var "+siteIdx+"_visual_"+visualSetIdx+" = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("				if(data.length > 0){ ");
+							jsWriter.write("\n");
+							jsWriter.write("					for(var i=0; i<data.length; i++){ ");
+							jsWriter.write("\n");
+							jsWriter.write("						if(data[i].success){");
+							jsWriter.write("\n");
+							jsWriter.write("							if("+siteIdx+"_visual_"+visualSetIdx+"_title == \"\"){");
+							jsWriter.write("\n");
+							jsWriter.write("								"+siteIdx+"_visual_"+visualSetIdx+"_title = data[i].visualRelationSetName;");
+							jsWriter.write("\n");
+							jsWriter.write("							}");
+							jsWriter.write("\n");
+							jsWriter.write("							var "+siteIdx+"_visual_"+visualSetIdx+"_iconUrl = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("							if(data[i].visualRelationDataIconLink != null && data[i].visualRelationDataIconLink != \"null\" && data[i].visualRelationDataIconLink != \"\"){");
+							jsWriter.write("\n");
+							jsWriter.write("								"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl = \"<img src='\"+data[i].visualRelationDataIconLink+\"' alt='\"+data[i].visualRelationDataIconName+\" 아이콘' />\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("							}");
+							jsWriter.write("\n");
+							jsWriter.write("							if(data[i].visualRelationDataLinkType == \"Y\"){");
+							jsWriter.write("\n");
+							jsWriter.write("								"+siteIdx+"_visual_"+visualSetIdx+" += \"<li>\"+"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl+\"<a href='\"+data[i].visualRelationDataLink+\"' target='_blank' title='\"+data[i].visualRelationDataName+\" 새창으로 바로가기'>\"+data[i].visualRelationDataName+\"</a></li>\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("							}else{");
+							jsWriter.write("\n");
+							jsWriter.write("								"+siteIdx+"_visual_"+visualSetIdx+" += \"<li>\"+"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl+\"<a href='\"+data[i].visualRelationDataLink+\"' title='\"+data[i].visualRelationDataName+\" 바로가기'>\"+data[i].visualRelationDataName+\"</a></li>\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("							}");
+							jsWriter.write("\n");
+							jsWriter.write("						}");
+							jsWriter.write("\n");
+							jsWriter.write("					}");
+							jsWriter.write("\n");
+							jsWriter.write("					$('#"+siteIdx+"_visual_"+visualSetIdx+"_title').html("+siteIdx+"_visual_"+visualSetIdx+"_title); ");
+							jsWriter.write("\n");
+							jsWriter.write("					$('#"+siteIdx+"_visual_"+visualSetIdx+"').html("+siteIdx+"_visual_"+visualSetIdx+"); ");
+							jsWriter.write("\n");
+							jsWriter.write("				}");
+							jsWriter.write("\n");
+							jsWriter.write("			},");
+							jsWriter.write("\n");
+							jsWriter.write("			error:function(e) {");
+							jsWriter.write("\n");
+							jsWriter.write("				console.log(e.responseText); ");
+							jsWriter.write("\n");
+							jsWriter.write("			}");
+							jsWriter.write("\n");
+							jsWriter.write("		});");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+
+							jsWriter.write("		$('.visual_"+tVisualSetDB.getVisualSetIdx()+"').on('changed.owl.carousel', function(event) {");
+							jsWriter.write("\n");
+							jsWriter.write("			var visual_"+tVisualSetDB.getVisualSetIdx()+"_count = event.item.index;");
+							jsWriter.write("\n");
+							jsWriter.write("			if(visual_"+tVisualSetDB.getVisualSetIdx()+"_count < 0) {");
+							jsWriter.write("\n");
+							jsWriter.write("				visual_"+tVisualSetDB.getVisualSetIdx()+"_count = 0;");
+							jsWriter.write("\n");
+							jsWriter.write("			}");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("			var object = $('.visual_"+tVisualSetDB.getVisualSetIdx()+" img').eq(visual_"+tVisualSetDB.getVisualSetIdx()+"_count);");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("			var visual_"+tVisualSetDB.getVisualSetIdx()+"_relayIdx = $(object).attr(\"data-seed\").split(',')[0];");
+							jsWriter.write("\n");
+							jsWriter.write("			var visual_"+tVisualSetDB.getVisualSetIdx()+"_title = $(object).attr(\"data-seed\").split(',')[1];");
+							jsWriter.write("\n");
+							jsWriter.write("			$('#"+siteIdx+"_visual_"+visualSetIdx+"_title').html(visual_"+tVisualSetDB.getVisualSetIdx()+"_title);");
+							jsWriter.write("\n");
+							jsWriter.write("			$('#"+siteIdx+"_visual_"+visualSetIdx+"').html(\"\");");
+							jsWriter.write("\n");
+							jsWriter.write("			if(visual_"+tVisualSetDB.getVisualSetIdx()+"_relayIdx != null && visual_"+tVisualSetDB.getVisualSetIdx()+"_relayIdx != \"null\" && visual_"+tVisualSetDB.getVisualSetIdx()+"_relayIdx != \"\"){");
+							jsWriter.write("\n");
+							jsWriter.write("				$.ajax ({");
+							jsWriter.write("\n");
+							jsWriter.write("					type: 'post', ");
+							jsWriter.write("\n");
+							jsWriter.write("					async: false, ");
+							jsWriter.write("\n");
+							jsWriter.write("					dataType: 'json', ");
+							jsWriter.write("\n");
+							jsWriter.write("					url: '/common/"+siteIdx+"/visual/relationListAjax.do?relationSetIdx='+visual_"+tVisualSetDB.getVisualSetIdx()+"_relayIdx, ");
+							jsWriter.write("\n");
+							jsWriter.write("					success:function(data){ ");
+							jsWriter.write("\n");
+							jsWriter.write("						var "+siteIdx+"_visual_"+visualSetIdx+" = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("						if(data.length > 0){ ");
+							jsWriter.write("\n");
+							jsWriter.write("							for(var i=0; i<data.length; i++){ ");
+							jsWriter.write("\n");
+							jsWriter.write("								if(data[i].success){");
+							jsWriter.write("\n");
+							jsWriter.write("									var "+siteIdx+"_visual_"+visualSetIdx+"_iconUrl = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("									if(data[i].visualRelationDataIconLink != null && data[i].visualRelationDataIconLink != \"null\" && data[i].visualRelationDataIconLink != \"\"){");
+							jsWriter.write("\n");
+							jsWriter.write("										"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl = \"<img src='\"+data[i].visualRelationDataIconLink+\"' alt='\"+data[i].visualRelationDataIconName+\" 아이콘' />\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("									}");
+							jsWriter.write("\n");
+							jsWriter.write("									if(data[i].visualRelationDataLinkType == \"Y\"){");
+							jsWriter.write("\n");
+							jsWriter.write("										"+siteIdx+"_visual_"+visualSetIdx+" += \"<li>\"+"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl+\"<a href='\"+data[i].visualRelationDataLink+\"' target='_blank' title='\"+data[i].visualRelationDataName+\" 새창으로 바로가기'>\"+data[i].visualRelationDataName+\"</a></li>\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("									}else{");
+							jsWriter.write("\n");
+							jsWriter.write("										"+siteIdx+"_visual_"+visualSetIdx+" += \"<li>\"+"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl+\"<a href='\"+data[i].visualRelationDataLink+\"' title='\"+data[i].visualRelationDataName+\" 바로가기'>\"+data[i].visualRelationDataName+\"</a></li>\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("									}");
+							jsWriter.write("\n");
+							jsWriter.write("								}");
+							jsWriter.write("\n");
+							jsWriter.write("							}");
+							jsWriter.write("\n");
+							jsWriter.write("							$('#"+siteIdx+"_visual_"+visualSetIdx+"').html("+siteIdx+"_visual_"+visualSetIdx+"); ");
+							jsWriter.write("\n");
+							jsWriter.write("						}");
+							jsWriter.write("\n");
+							jsWriter.write("					},");
+							jsWriter.write("\n");
+							jsWriter.write("					error:function(e) {");
+							jsWriter.write("\n");
+							jsWriter.write("						console.log(e.responseText); ");
+							jsWriter.write("\n");
+							jsWriter.write("					}");
+							jsWriter.write("\n");
+							jsWriter.write("				});");
+							jsWriter.write("\n");
+							jsWriter.write("				return false;");
+							jsWriter.write("\n");
+							jsWriter.write("			}");
+							jsWriter.write("\n");
+							jsWriter.write("		});");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+							jsWriter.write("\n");
+						}
+						
+						jsWriter.write("});");	
+						
+						/*
+						jsWriter.write("		$('.visual_"+visualSetIdx+"').on('mousewheel', '.owl-stage', function(e){");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"_play').hide();");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.visual_"+visualSetIdx+"_stop').show();");
+						jsWriter.write("\n");
+						jsWriter.write("			if(e.deltaY > 0){");
+						jsWriter.write("\n");
+						jsWriter.write("				$('.visual_"+visualSetIdx+"').trigger('next.owl');");
+						jsWriter.write("\n");						
+						jsWriter.write("			}else{");
+						jsWriter.write("\n");
+						jsWriter.write("				$('.visual_"+visualSetIdx+"').trigger('prev.owl');");
+						jsWriter.write("\n");
+						jsWriter.write("			}");
+						jsWriter.write("\n");
+						jsWriter.write("			e.preventDefault();");
+						jsWriter.write("\n");
+						jsWriter.write("		});");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("});");	
+						*/
+					}
+						
+				}else{
+					
+					//css파일 작성
+					cssFileOutputStream 		= new FileOutputStream(filePath + "/css/visual_"+visualSetIdx+".css");
+					cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+					cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+					
+					cssWriter.write("@charset \"utf-8\";");
+					
+					//js파일 작성
+		    		jsFileOutputStream 			= new FileOutputStream(filePath + "/js/visual_"+visualSetIdx+".js");
+					jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+					jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
+					
+					jsWriter.write("");
+					
+					jspWriter.write("<div class='visual_"+tVisualSetDB.getVisualSetIdx()+"'>");
+					jspWriter.write("\n");
+					jspWriter.write("		<s:message code='common.message.no.data'/>");
+					jspWriter.write("\n");
+					jspWriter.write("</div>");	
+				}
+			}
+			
+			cssWriter.flush();
+			jsWriter.flush();
+			jspWriter.flush();
+			
+			//FTP 전송
+			SeedFtpType seedFtpType = new SeedFtpType();
+			
+    		//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(siteIdx+"/jsp/visual/css");
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath + "/" + siteIdx+"/jsp/visual/css");
+    		//WAS 파일명
+    		seedFtpType.setFileName("visual_"+visualSetIdx+".css");
+    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();
+
+    		//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(siteIdx+"/jsp/visual/js");
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath + "/" + siteIdx+"/jsp/visual/js");
+    		//WAS 파일명
+    		seedFtpType.setFileName("visual_"+visualSetIdx+".js");
+    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();
+		
+    		//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(siteIdx+"/jsp/visual");
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath + "/" + siteIdx+"/jsp/visual");
+    		//WAS 파일명
+    		seedFtpType.setFileName("visual_"+visualSetIdx+".jsp");
+    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();	
+    		
+		}catch(FileNotFoundException e){
+			log.error("CHECK ERROR:",e);
+		}catch(IOException e){
+			log.error("CHECK ERROR:",e);
+		}finally{
+			if(jsWriter!=null){try{jsWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jsOutputStreamWriter!=null){try{jsOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jsFileOutputStream!=null){try{jsFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+		}
+	}
+	
+	public void setVisualDataCompile(String siteIdx, Integer visualSetIdx){
+		
+		Integer visualRelationSetIdx = 0;
+		String visualRelationSetName = "";
+		
+		SeedUtils.setSeedMkDirs(rootPath + "/" + siteIdx + "/jsp/visual/css");
+		SeedUtils.setSeedMkDirs(rootPath + "/" + siteIdx + "/jsp/visual/js");
+		
+		String filePath = rootPath+"/"+siteIdx+"/jsp/visual";
+		
+		SeedUtils.setSeedDeleteFile(filePath+"/css/visual_"+visualSetIdx+".css");
+		SeedUtils.setSeedDeleteFile(filePath+"/js/visual_"+visualSetIdx+".js");
+		SeedUtils.setSeedDeleteFile(filePath+"/visual_"+visualSetIdx+".jsp");
+		
+		T_VISUAL_SET tVisualSetDB = managerVisualSetService.getVisualSetForm(visualSetIdx);
+		
+		String visualManager = "";
+		
+		Iterator<T_VISUAL_MANAGER> iteratorList = tVisualSetDB.gettVisualManagers().iterator();
+		
+		while(iteratorList.hasNext()){
+			
+			T_VISUAL_MANAGER tVisualManagerDB = iteratorList.next();
+			
+			if(tVisualManagerDB.getVisualManagerStatus().equals("U")){
+				visualManager += "|" + tVisualManagerDB.gettMember().getMemberIdx() + "|,";
+			}
+		}
+		
+		if(!visualManager.equals("")){
+			visualManager = visualManager.substring(0, visualManager.length()-1);
+		}
+		
+		FileOutputStream 	jspFileOutputStream 			= null;
+		OutputStreamWriter	jspOutputStreamWriter 		= null;
+		BufferedWriter 		jspWriter 						= null;
+		
+		FileOutputStream 	cssFileOutputStream 		= null;
+		OutputStreamWriter	cssOutputStreamWriter 	= null;
+		BufferedWriter 		cssWriter 						= null;
+		
+		FileOutputStream 	jsFileOutputStream 			= null;
+		OutputStreamWriter	jsOutputStreamWriter 		= null;
+		BufferedWriter 		jsWriter 							= null;
+		
+		try{
+			
+			//jsp파일 작성
+			jspFileOutputStream 		= new FileOutputStream(filePath + "/visual_"+visualSetIdx+".jsp");
+			jspOutputStreamWriter 	= new OutputStreamWriter(jspFileOutputStream, "UTF-8");
+			jspWriter 					= new BufferedWriter(jspOutputStreamWriter);
+			
+			jspWriter.write("<%@ page language='java' contentType='text/html; charset=UTF-8'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags' prefix='s'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://www.springframework.org/tags/form' prefix='form'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/functions' prefix='fn'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>");
+			jspWriter.write("\n");
+			jspWriter.write("<%@ taglib uri='http://java.sun.com/jsp/jstl/fmt' prefix='fmt'%>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");
+			jspWriter.write("<c:set var=\"now\" value=\"<%=new java.util.Date()%>\" />");
+			jspWriter.write("\n");
+			jspWriter.write("<c:set var=\"getDate\"><fmt:formatDate value=\"${now}\" pattern=\"yyyy-MM-dd\" /></c:set>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");
+			jspWriter.write("<link href='/site/"+siteIdx+"/jsp/visual/css/visual_"+visualSetIdx+".css' rel='stylesheet' type='text/css'/>");
+			jspWriter.write("\n");
+			jspWriter.write("<script src='/site/"+siteIdx+"/jsp/visual/js/visual_"+visualSetIdx+".js'></script>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");
+			jspWriter.write("<c:set var=\"memberIdxTmp\" value=\"|${memberIdx}|\" />");
+			jspWriter.write("\n");
+			jspWriter.write("<c:set var=\"visualManager_"+visualSetIdx+"\" value=\""+visualManager+"\" />");
+			jspWriter.write("\n");			
+			jspWriter.write("<c:if test='${fn:contains(visualManager_"+visualSetIdx+", memberIdxTmp) || memberAuthM || memberGrant == \"S\"}'>");
+			jspWriter.write("\n");
+			jspWriter.write("<div class=\"seedFunctionBtn\"><a href=\"/gtm/"+siteIdx+"/"+visualSetIdx+"/visualDataList.do#visualSetList\" class=\"functionEdit\">visualManager</a></div>");
+			jspWriter.write("\n");
+			jspWriter.write("</c:if>");
+			jspWriter.write("\n");
+			jspWriter.write("\n");			
+			
+			if(tVisualSetDB == null || !tVisualSetDB.getVisualSetStatus().equals("U")){
+				
+				//css파일 작성
+				cssFileOutputStream 		= new FileOutputStream(filePath + "/css/visual_"+visualSetIdx+".css");
+				cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+				cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+				
+				cssWriter.write("@charset \"utf-8\";");
+	    		
+				//js파일 작성
+	    		jsFileOutputStream 			= new FileOutputStream(filePath + "/js/visual_"+visualSetIdx+".js");
+				jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+				jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
+				
+				jsWriter.write("");
+				
+				jspWriter.write("	<div id='visual_"+tVisualSetDB.getVisualSetIdx()+"_first'>");
+				jspWriter.write("\n");
+				jspWriter.write("		<s:message code='common.message.no.visual'/>");
+				jspWriter.write("\n");
+				jspWriter.write("</div>");
+				
+			}else{
+				
+				List<T_VISUAL_DATA> visualDataList = managerVisualDataService.getVisualDataList(visualSetIdx);
+				
+				if(visualDataList.size() > 0){
+					
+					if(visualDataList.size() == 1){
+						
+						//css파일 작성
+						cssFileOutputStream 		= new FileOutputStream(filePath + "/css/visual_"+visualSetIdx+".css");
+						cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+						cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+						
+						cssWriter.write("@charset \"utf-8\";");
+						
+						//js파일 작성
+			    		jsFileOutputStream 			= new FileOutputStream(filePath + "/js/visual_"+visualSetIdx+".js");
+						jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+						jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
+						
+						jsWriter.write("");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							jspWriter.write("<div id='visual_"+tVisualSetDB.getVisualSetIdx()+"' style='width:100%; height:"+tVisualSetDB.getVisualSetHeight()+"px; background:url(/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+visualDataList.get(0).getVisualDataReFile()+") no-repeat center top; text-indent: -9999em;' alt='"+visualDataList.get(0).getVisualDataContent()+"'>");						
+						}else{
+							jspWriter.write("<div id='visual_"+tVisualSetDB.getVisualSetIdx()+"' style='width:"+tVisualSetDB.getVisualSetWidth()+"px; height:"+tVisualSetDB.getVisualSetHeight()+"px; position:relative;'>");						
+						}
+						
+						jspWriter.write("\n");
+						
+					}else{
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							jspWriter.write("<div id='visual_"+tVisualSetDB.getVisualSetIdx()+"'>");						
+						}else{
+							jspWriter.write("<div id='visual_"+tVisualSetDB.getVisualSetIdx()+"' style='width:"+tVisualSetDB.getVisualSetWidth()+"px; height:"+tVisualSetDB.getVisualSetHeight()+"px; display: none; position:relative;'>");
+						}
+						
+						jspWriter.write("\n");
+					}
+					
+					for(int i=0; i<visualDataList.size(); i++){
+						
+						T_VISUAL_DATA tVisualDataDB = visualDataList.get(i);
+
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetRelation()).equals("Y") && !SeedUtils.setReplaceNull(tVisualDataDB.getVisualRelationSetIdx()).equals("")){
+							if(i == 0){
+								visualRelationSetIdx = tVisualDataDB.getVisualRelationSetIdx();
+							}
+							visualRelationSetName = SeedUtils.setReplaceNull(managerVisualRelationSetService.getVisualRelationSetForm(tVisualDataDB.getVisualRelationSetIdx()).getVisualRelationSetName());
+						}
+						
+						String visualDataLinkType = "";
+						
+						if(tVisualDataDB.getVisualDataLinkType() != null && tVisualDataDB.getVisualDataLinkType().equals("B")){
+							visualDataLinkType = " target='_blank'";
+						}
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							if(tVisualDataDB.getVisualDataLink() != null && !tVisualDataDB.getVisualDataLink().equals("") && !tVisualDataDB.getVisualDataLink().equals("#")){
+								jspWriter.write("		<c:if test='${\""+tVisualDataDB.getVisualDataType()+"\" == \"F\" || (getDate >= \""+tVisualDataDB.getVisualDataSdate()+"\" &&  getDate <= \""+tVisualDataDB.getVisualDataEdate()+"\")}'><a href='"+tVisualDataDB.getVisualDataLink()+"' "+visualDataLinkType+" style='width:100%; height:"+tVisualSetDB.getVisualSetHeight()+"px; background:url(/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualDataDB.getVisualDataReFile()+") no-repeat center top; text-indent: -9999em;' alt='"+tVisualDataDB.getVisualDataContent()+"' data-seed=\""+SeedUtils.setReplaceNull(tVisualDataDB.getVisualRelationSetIdx())+","+visualRelationSetName+","+tVisualDataDB.getVisualDataIdx()+"\">"+tVisualDataDB.getVisualDataContent()+"</a></c:if>");
+							}else{
+								jspWriter.write("		<c:if test='${\""+tVisualDataDB.getVisualDataType()+"\" == \"F\" || (getDate >= \""+tVisualDataDB.getVisualDataSdate()+"\" &&  getDate <= \""+tVisualDataDB.getVisualDataEdate()+"\")}'><a href='javascript:;' style='width:100%; height:"+tVisualSetDB.getVisualSetHeight()+"px; background:url(/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualDataDB.getVisualDataReFile()+") no-repeat center top; text-indent: -9999em;' alt='"+tVisualDataDB.getVisualDataContent()+"' data-seed=\""+SeedUtils.setReplaceNull(tVisualDataDB.getVisualRelationSetIdx())+","+visualRelationSetName+","+tVisualDataDB.getVisualDataIdx()+"\">"+tVisualDataDB.getVisualDataContent()+"</a></c:if>");
+							}
+						}else{
+							if(tVisualDataDB.getVisualDataLink() != null && !tVisualDataDB.getVisualDataLink().equals("") && !tVisualDataDB.getVisualDataLink().equals("#")){
+								jspWriter.write("		<c:if test='${\""+tVisualDataDB.getVisualDataType()+"\" == \"F\" || (getDate >= \""+tVisualDataDB.getVisualDataSdate()+"\" &&  getDate <= \""+tVisualDataDB.getVisualDataEdate()+"\")}'><a href='"+tVisualDataDB.getVisualDataLink()+"' "+visualDataLinkType+"><img src='/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualDataDB.getVisualDataReFile()+"' style='width:"+tVisualSetDB.getVisualSetWidth()+"px; height:"+tVisualSetDB.getVisualSetHeight()+"px;' alt='"+tVisualDataDB.getVisualDataContent()+"' data-seed=\""+SeedUtils.setReplaceNull(tVisualDataDB.getVisualRelationSetIdx())+","+visualRelationSetName+","+tVisualDataDB.getVisualDataIdx()+"\"/></a></c:if>");
+							}else{
+								jspWriter.write("		<c:if test='${\""+tVisualDataDB.getVisualDataType()+"\" == \"F\" || (getDate >= \""+tVisualDataDB.getVisualDataSdate()+"\" &&  getDate <= \""+tVisualDataDB.getVisualDataEdate()+"\")}'><img src='/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualDataDB.getVisualDataReFile()+"' style='width:"+tVisualSetDB.getVisualSetWidth()+"px; height:"+tVisualSetDB.getVisualSetHeight()+"px;' alt='"+tVisualDataDB.getVisualDataContent()+"' data-seed=\""+SeedUtils.setReplaceNull(tVisualDataDB.getVisualRelationSetIdx())+","+visualRelationSetName+","+tVisualDataDB.getVisualDataIdx()+"\"/></c:if>");
+							}
+						}
+						
+						jspWriter.write("\n");
+					}
+					
+					jspWriter.write("</div>");
+					jspWriter.write("\n");
+					jspWriter.write("\n");
+					
+					if(visualDataList.size() == 1){
+
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetRelation()).equals("Y")){
+							
+							jsWriter.write("	$(document).ready(function(){");
+							jsWriter.write("\n");
+							jsWriter.write("		$.ajax ({");
+							jsWriter.write("\n");
+							jsWriter.write("				type: 'post', ");
+							jsWriter.write("\n");
+							jsWriter.write("				async: false, ");
+							jsWriter.write("\n");
+							jsWriter.write("				dataType: 'json', ");
+							jsWriter.write("\n");
+							jsWriter.write("				url: '/common/"+siteIdx+"/visual/relationListAjax.do?relationSetIdx="+visualRelationSetIdx+"', ");
+							jsWriter.write("\n");
+							jsWriter.write("				success:function(data){ ");
+							jsWriter.write("\n");
+							jsWriter.write("					var "+siteIdx+"_visual_"+visualSetIdx+" = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("					if(data.length > 0){ ");
+							jsWriter.write("\n");
+							jsWriter.write("						for(var i=0; i<data.length; i++){ ");
+							jsWriter.write("\n");
+							jsWriter.write("						if(data[i].success){");
+							jsWriter.write("\n");
+							jsWriter.write("							var "+siteIdx+"_visual_"+visualSetIdx+"_iconUrl = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("							if(data[i].visualRelationDataIconLink != null && data[i].visualRelationDataIconLink != \"null\" && data[i].visualRelationDataIconLink != \"\"){");
+							jsWriter.write("\n");
+							jsWriter.write("								"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl = \"<img src='\"+data[i].visualRelationDataIconLink+\"' alt='\"+data[i].visualRelationDataIconName+\" 아이콘' />\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("							}");
+							jsWriter.write("\n");
+							jsWriter.write("							if(data[i].visualRelationDataLinkType == \"Y\"){");
+							jsWriter.write("\n");
+							jsWriter.write("								"+siteIdx+"_visual_"+visualSetIdx+" += \"<li>\"+"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl+\"<a href='\"+data[i].visualRelationDataLink+\"' target='_blank' title='\"+data[i].visualRelationDataName+\" 새창으로 바로가기'>\"+data[i].visualRelationDataName+\"</a></li>\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("							}else{");
+							jsWriter.write("\n");
+							jsWriter.write("								"+siteIdx+"_visual_"+visualSetIdx+" += \"<li>\"+"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl+\"<a href='\"+data[i].visualRelationDataLink+\"' title='\"+data[i].visualRelationDataName+\" 바로가기'>\"+data[i].visualRelationDataName+\"</a></li>\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("							}");
+							jsWriter.write("\n");
+							jsWriter.write("						}");
+							jsWriter.write("\n");
+							jsWriter.write("					}");
+							jsWriter.write("\n");
+							jsWriter.write("					$('#"+siteIdx+"_visual_"+visualSetIdx+"').html("+siteIdx+"_visual_"+visualSetIdx+"); ");
+							jsWriter.write("\n");
+							jsWriter.write("				}");
+							jsWriter.write("\n");
+							jsWriter.write("			},");
+							jsWriter.write("\n");
+							jsWriter.write("			error:function(e) {");
+							jsWriter.write("\n");
+							jsWriter.write("				console.log(e.responseText); ");
+							jsWriter.write("\n");
+							jsWriter.write("			}");
+							jsWriter.write("\n");
+							jsWriter.write("		});");
+							jsWriter.write("\n");
+							jsWriter.write("	});");
+						}
+						
+					}else{
+						
+						//css파일 작성
+						cssFileOutputStream 		= new FileOutputStream(filePath + "/css/visual_"+visualSetIdx+".css");
+						cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+						cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+						
+						cssWriter.write("@charset \"utf-8\";");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write("#visual_"+visualSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	display: none; ");
+						cssWriter.write("\n");
+						cssWriter.write("	position:relative;");
+						cssWriter.write("\n");
+						cssWriter.write("}");
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						cssWriter.write("a.slidesjs-next_visual_"+visualSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	position:absolute;");
+						cssWriter.write("\n");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							
+							if(tVisualSetDB.getVisualSetNextTB().equals("top")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetNextTB()+":"+(tVisualSetDB.getVisualSetNextTBPosition() - Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}else if(tVisualSetDB.getVisualSetNextTB().equals("bottom")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetNextTB()+":"+(tVisualSetDB.getVisualSetNextTBPosition() + Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}
+							
+						}else{
+							cssWriter.write("	"+tVisualSetDB.getVisualSetNextTB()+":"+tVisualSetDB.getVisualSetNextTBPosition()+"px;");
+						}
+						
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetNextLR()+":"+tVisualSetDB.getVisualSetNextLRPosition()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetNextImgOffWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetNextImgOffHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetNextReImgOff()+"');");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index:9999;");
+						cssWriter.write("\n");
+						cssWriter.write("	overflow: hidden;");
+						cssWriter.write("\n");
+						cssWriter.write("	text-indent: -9999px;");
+						cssWriter.write("\n");
+						cssWriter.write("	float: left;");
+						cssWriter.write("\n");	
+						cssWriter.write("}");
+						cssWriter.write("\n");	
+						cssWriter.write("\n");	
+							
+						cssWriter.write("a:hover.slidesjs-next_visual_"+visualSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	position:absolute;");
+						cssWriter.write("\n");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							
+							if(tVisualSetDB.getVisualSetNextTB().equals("top")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetNextTB()+":"+(tVisualSetDB.getVisualSetNextTBPosition() - Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}else if(tVisualSetDB.getVisualSetNextTB().equals("bottom")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetNextTB()+":"+(tVisualSetDB.getVisualSetNextTBPosition() + Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}
+							
+						}else{
+							cssWriter.write("	"+tVisualSetDB.getVisualSetNextTB()+":"+tVisualSetDB.getVisualSetNextTBPosition()+"px;");
+						}
+						
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetNextLR()+":"+tVisualSetDB.getVisualSetNextLRPosition()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetNextImgOnWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetNextImgOnHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetNextReImgOn()+"');");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index:9999;");
+						cssWriter.write("\n");
+						cssWriter.write("	overflow: hidden;");
+						cssWriter.write("\n");
+						cssWriter.write("	text-indent: -9999px;");
+						cssWriter.write("\n");
+						cssWriter.write("	float: left;");
+						cssWriter.write("\n");	
+						cssWriter.write("}");
+						cssWriter.write("\n");	
+						cssWriter.write("\n");	
+						
+						cssWriter.write("a.slidesjs-previous_visual_"+visualSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	position:absolute;");
+						cssWriter.write("\n");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							
+							if(tVisualSetDB.getVisualSetPreTB().equals("top")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetPreTB()+":"+(tVisualSetDB.getVisualSetPreTBPosition() - Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}else if(tVisualSetDB.getVisualSetPreTB().equals("bottom")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetPreTB()+":"+(tVisualSetDB.getVisualSetPreTBPosition() + Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}
+							
+						}else{
+							cssWriter.write("	"+tVisualSetDB.getVisualSetPreTB()+":"+tVisualSetDB.getVisualSetPreTBPosition()+"px;");
+						}
+						
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetPreLR()+":"+tVisualSetDB.getVisualSetPreLRPosition()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetPreImgOffWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetPreImgOffHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetPreReImgOff()+"');");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index:9999;");
+						cssWriter.write("\n");
+						cssWriter.write("	overflow: hidden;");
+						cssWriter.write("\n");
+						cssWriter.write("	text-indent: -9999px;");
+						cssWriter.write("\n");
+						cssWriter.write("	float: left;");
+						cssWriter.write("\n");	
+						cssWriter.write("}");
+						cssWriter.write("\n");	
+						cssWriter.write("\n");	
+						
+						cssWriter.write("a:hover.slidesjs-previous_visual_"+visualSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	position:absolute;");
+						cssWriter.write("\n");
+
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							
+							if(tVisualSetDB.getVisualSetPreTB().equals("top")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetPreTB()+":"+(tVisualSetDB.getVisualSetPreTBPosition() - Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}else if(tVisualSetDB.getVisualSetPreTB().equals("bottom")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetPreTB()+":"+(tVisualSetDB.getVisualSetPreTBPosition() + Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}
+							
+						}else{
+							cssWriter.write("	"+tVisualSetDB.getVisualSetPreTB()+":"+tVisualSetDB.getVisualSetPreTBPosition()+"px;");
+						}
+						
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetPreLR()+":"+tVisualSetDB.getVisualSetPreLRPosition()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetPreImgOnWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetPreImgOnHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetPreReImgOn()+"');");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index:9999;");
+						cssWriter.write("\n");
+						cssWriter.write("	overflow: hidden;");
+						cssWriter.write("\n");
+						cssWriter.write("	text-indent: -9999px;");
+						cssWriter.write("\n");
+						cssWriter.write("	float: left;");
+						cssWriter.write("\n");	
+						cssWriter.write("}");
+						cssWriter.write("\n");	
+						cssWriter.write("\n");	
+						
+						cssWriter.write("a.slidesjs-play_visual_"+visualSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	position:absolute;");
+						cssWriter.write("\n");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							
+							if(tVisualSetDB.getVisualSetPSTB().equals("top")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+(tVisualSetDB.getVisualSetPSTBPosition() - Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}else if(tVisualSetDB.getVisualSetPSTB().equals("bottom")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+(tVisualSetDB.getVisualSetPSTBPosition() + Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}
+							
+						}else{
+							cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+tVisualSetDB.getVisualSetPSTBPosition()+"px;");
+						}
+						
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetPSLR()+":"+tVisualSetDB.getVisualSetPSLRPosition()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetPlayImgOffWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetPlayImgOffHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetPlayReImgOff()+"');");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index:9999;");
+						cssWriter.write("\n");
+						cssWriter.write("	overflow: hidden;");
+						cssWriter.write("\n");
+						cssWriter.write("	text-indent: -9999px;");
+						cssWriter.write("\n");
+						cssWriter.write("	float: left;");
+						cssWriter.write("\n");	
+						cssWriter.write("}");
+						cssWriter.write("\n");	
+						cssWriter.write("\n");	
+						
+						cssWriter.write("a:hover.slidesjs-play_visual_"+visualSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	position:absolute;");
+						cssWriter.write("\n");
+
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							
+							if(tVisualSetDB.getVisualSetPSTB().equals("top")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+(tVisualSetDB.getVisualSetPSTBPosition() - Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}else if(tVisualSetDB.getVisualSetPSTB().equals("bottom")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+(tVisualSetDB.getVisualSetPSTBPosition() + Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}
+							
+						}else{
+							cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+tVisualSetDB.getVisualSetPSTBPosition()+"px;");
+						}
+						
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetPSLR()+":"+tVisualSetDB.getVisualSetPSLRPosition()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetPlayImgOnWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetPlayImgOnHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetPlayReImgOn()+"');");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index:9999;");
+						cssWriter.write("\n");
+						cssWriter.write("	overflow: hidden;");
+						cssWriter.write("\n");
+						cssWriter.write("	text-indent: -9999px;");
+						cssWriter.write("\n");
+						cssWriter.write("	float: left;");
+						cssWriter.write("\n");	
+						cssWriter.write("}");
+						cssWriter.write("\n");	
+						cssWriter.write("\n");	
+						
+						cssWriter.write("a.slidesjs-stop_visual_"+visualSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	position:absolute;");
+						cssWriter.write("\n");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							
+							if(tVisualSetDB.getVisualSetPSTB().equals("top")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+(tVisualSetDB.getVisualSetPSTBPosition() - Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}else if(tVisualSetDB.getVisualSetPSTB().equals("bottom")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+(tVisualSetDB.getVisualSetPSTBPosition() + Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}
+							
+						}else{
+							cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+tVisualSetDB.getVisualSetPSTBPosition()+"px;");
+						}
+						
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetPSLR()+":"+tVisualSetDB.getVisualSetPSLRPosition()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetStopImgOffWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetStopImgOffHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetStopReImgOff()+"');");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index:9999;");
+						cssWriter.write("\n");
+						cssWriter.write("	overflow: hidden;");
+						cssWriter.write("\n");
+						cssWriter.write("	text-indent: -9999px;");
+						cssWriter.write("\n");
+						cssWriter.write("	float: left;");
+						cssWriter.write("\n");	
+						cssWriter.write("}");
+						cssWriter.write("\n");	
+						cssWriter.write("\n");	
+						
+						cssWriter.write("a:hover.slidesjs-stop_visual_"+visualSetIdx+" {");
+						cssWriter.write("\n");
+						cssWriter.write("	position:absolute;");
+						cssWriter.write("\n");
+
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							
+							if(tVisualSetDB.getVisualSetPSTB().equals("top")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+(tVisualSetDB.getVisualSetPSTBPosition() - Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}else if(tVisualSetDB.getVisualSetPSTB().equals("bottom")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+(tVisualSetDB.getVisualSetPSTBPosition() + Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}
+							
+						}else{
+							cssWriter.write("	"+tVisualSetDB.getVisualSetPSTB()+":"+tVisualSetDB.getVisualSetPSTBPosition()+"px;");
+						}
+						
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetPSLR()+":"+tVisualSetDB.getVisualSetPSLRPosition()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetStopImgOnWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetStopImgOnHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetStopReImgOn()+"');");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index:9999;");
+						cssWriter.write("\n");
+						cssWriter.write("	overflow: hidden;");
+						cssWriter.write("\n");
+						cssWriter.write("	text-indent: -9999px;");
+						cssWriter.write("\n");
+						cssWriter.write("	float: left;");
+						cssWriter.write("\n");	
+						cssWriter.write("}");
+						cssWriter.write("\n");	
+						cssWriter.write("\n");	
+						
+						cssWriter.write(".slidesjs-pagination_visual_"+visualSetIdx+" {");	
+						cssWriter.write("\n");	
+						cssWriter.write("	font-size:0;");	
+						cssWriter.write("\n");	
+						cssWriter.write("	position:absolute;");	
+						cssWriter.write("\n");	
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							
+							if(tVisualSetDB.getVisualSetChoiceTB().equals("top")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetChoiceTB()+":"+(tVisualSetDB.getVisualSetChoiceTBPosition() - Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}else if(tVisualSetDB.getVisualSetChoiceTB().equals("bottom")){
+								cssWriter.write("	"+tVisualSetDB.getVisualSetChoiceTB()+":"+(tVisualSetDB.getVisualSetChoiceTBPosition() + Integer.parseInt(tVisualSetDB.getVisualSetHeight()))+"px;");
+							}
+							
+						}else{
+							cssWriter.write("	"+tVisualSetDB.getVisualSetChoiceTB()+":"+tVisualSetDB.getVisualSetChoiceTBPosition()+"px;");
+						}
+						
+						cssWriter.write("\n");
+						cssWriter.write("	"+tVisualSetDB.getVisualSetChoiceLR()+":"+tVisualSetDB.getVisualSetChoiceLRPosition()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index:9999;");	
+						cssWriter.write("\n");	
+						cssWriter.write("	float: left;");	
+						cssWriter.write("\n");	
+						cssWriter.write("	list-style: none;");	
+						cssWriter.write("\n");	
+						cssWriter.write("	padding:0;");	
+						cssWriter.write("\n");	
+						cssWriter.write("	margin:0;");	
+						cssWriter.write("\n");
+						cssWriter.write("}");	
+						cssWriter.write("\n");
+						cssWriter.write("\n");	
+						
+						cssWriter.write(".slidesjs-pagination_visual_"+visualSetIdx+" li {");	
+						cssWriter.write("\n");
+						cssWriter.write("	display:inline;");
+						cssWriter.write("\n");
+						cssWriter.write("	padding:0;");
+						cssWriter.write("\n");
+						cssWriter.write("}");	
+						cssWriter.write("\n");
+						cssWriter.write("\n");	
+						
+						cssWriter.write(".slidesjs-pagination_visual_"+visualSetIdx+" li a {");
+						cssWriter.write("\n");
+						cssWriter.write("	font-size:0 !important;");					
+						cssWriter.write("\n");
+						cssWriter.write("	float: left;");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetChoiceImgOffWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetChoiceImgOffHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index:9999;");
+						cssWriter.write("\n");	
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetChoiceReImgOff()+"');");
+						cssWriter.write("\n");	
+						cssWriter.write("	overflow: hidden;");
+						cssWriter.write("\n");	
+						cssWriter.write("}");	
+						cssWriter.write("\n");
+						cssWriter.write("\n");	
+						
+						cssWriter.write(".slidesjs-pagination_visual_"+visualSetIdx+" li a:hover {");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetChoiceImgOverWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetChoiceImgOverHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index:9999;");
+						cssWriter.write("\n");	
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetChoiceReImgOver()+"');");
+						cssWriter.write("\n");	
+						cssWriter.write("}");	
+						cssWriter.write("\n");
+						cssWriter.write("\n");	
+						
+						cssWriter.write(".slidesjs-pagination_visual_"+visualSetIdx+" li a.active,");
+						cssWriter.write("\n");
+						cssWriter.write(".slidesjs-pagination_visual_"+visualSetIdx+" li a:hover.active {");
+						cssWriter.write("\n");
+						cssWriter.write("	width:"+tVisualSetDB.getVisualSetChoiceImgOnWidth()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	height:"+tVisualSetDB.getVisualSetChoiceImgOnHeight()+"px;");
+						cssWriter.write("\n");
+						cssWriter.write("	z-index:9999;");
+						cssWriter.write("\n");	
+						cssWriter.write("	background-image: url('/site/"+siteIdx+"/upload/visual/"+visualSetIdx+"/"+tVisualSetDB.getVisualSetChoiceReImgOn()+"');");
+						cssWriter.write("\n");	
+						cssWriter.write("}");	
+						cssWriter.write("\n");
+						cssWriter.write("\n");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							cssWriter.write(".slidesjs-container_visual_"+visualSetIdx+", .slidesjs-control_visual_"+visualSetIdx+" {");
+							cssWriter.write("\n");
+							cssWriter.write("	width:100% !important;");
+							cssWriter.write("\n");
+							cssWriter.write("	height:"+tVisualSetDB.getVisualSetHeight()+"px !important;");
+							cssWriter.write("\n");
+							cssWriter.write("}");	
+							cssWriter.write("\n");
+							cssWriter.write("\n");
+							
+							cssWriter.write(".visualArea_visual_"+visualSetIdx+" {");
+							cssWriter.write("\n");
+							cssWriter.write("	width:"+tVisualSetDB.getVisualSetWidth()+"px;");						
+							cssWriter.write("\n");
+							cssWriter.write("	height:"+tVisualSetDB.getVisualSetHeight()+"px;");
+							cssWriter.write("\n");
+							cssWriter.write("	top:"+tVisualSetDB.getVisualSetHeight()+"px;");
+							cssWriter.write("\n");						
+							cssWriter.write("	left:50%;");
+							cssWriter.write("\n");
+							cssWriter.write("	margin-left:-" + Integer.parseInt(tVisualSetDB.getVisualSetWidth())/2 + "px;");
+							cssWriter.write("\n");
+							cssWriter.write("	 position:absolute;");
+							cssWriter.write("\n");						
+							cssWriter.write("}");	
+							cssWriter.write("\n");
+							cssWriter.write("\n");
+						}
+						
+						//js파일 작성
+			    		jsFileOutputStream 			= new FileOutputStream(filePath + "/js/visual_"+visualSetIdx+".js");
+						jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+						jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
+						
+						String visualSetSkin = "";
+						
+						if(tVisualSetDB.getVisualSetSkin().equals("A")){
+							visualSetSkin = "fade";
+						}else{
+							visualSetSkin = "slide";
+						}
+						
+						jsWriter.write("$(document).ready(function(){");	
+						jsWriter.write("\n");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+							jsWriter.write("	var visualCnt = $('#visual_"+visualSetIdx+"').find('a');");
+						}else{
+							jsWriter.write("	var visualCnt = $('#visual_"+visualSetIdx+"').find('img');");
+						}
+						
+						jsWriter.write("\n");
+						jsWriter.write("	if(visualCnt.length > 0){");
+						jsWriter.write("\n");
+						jsWriter.write("		$('#visual_"+visualSetIdx+"').slidesjs({");
+						jsWriter.write("\n");
+						jsWriter.write("			width:"+tVisualSetDB.getVisualSetWidth()+",");
+						jsWriter.write("\n");
+						jsWriter.write("			height:"+tVisualSetDB.getVisualSetHeight()+",");
+						jsWriter.write("\n");
+						jsWriter.write("			autoHeight: false,");
+						jsWriter.write("\n");
+						jsWriter.write("			dataKey : 'visual_"+visualSetIdx+"',");
+						jsWriter.write("\n");					
+						jsWriter.write("			play: {");
+						jsWriter.write("\n");
+						jsWriter.write("				active: true,");
+						jsWriter.write("\n");
+						jsWriter.write("				auto: true,");
+						jsWriter.write("\n");
+						jsWriter.write("				interval: "+tVisualSetDB.getVisualSetTime()+" * 1000,");
+						jsWriter.write("\n");
+						jsWriter.write("				swap: true,");
+						jsWriter.write("\n");
+						jsWriter.write("				restartDelay: 2500,");
+						jsWriter.write("\n");
+						jsWriter.write("				effect: '"+visualSetSkin+"'");
+						jsWriter.write("\n");
+						jsWriter.write("			},");
+						jsWriter.write("\n");
+						jsWriter.write("			navigation: {");
+						jsWriter.write("\n");
+						jsWriter.write("				effect: '"+visualSetSkin+"'");
+						jsWriter.write("\n");
+						jsWriter.write("			},");
+						jsWriter.write("\n");
+						jsWriter.write("			pagination: {");
+						jsWriter.write("\n");
+						jsWriter.write("				effect: '"+visualSetSkin+"'");
+						jsWriter.write("\n");
+						jsWriter.write("			},");
+						jsWriter.write("\n");
+						jsWriter.write("			effect: {");
+						jsWriter.write("\n");
+						jsWriter.write("				fade: {");
+						jsWriter.write("\n");
+						jsWriter.write("					speed: 400");
+						jsWriter.write("\n");
+						jsWriter.write("				}");
+						jsWriter.write("\n");
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetRelation()).equals("Y")){
+							jsWriter.write("			},");
+							jsWriter.write("\n");
+						}else{
+							jsWriter.write("			}");
+							jsWriter.write("\n");
+						}
+						
+						if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetRelation()).equals("Y")){
+							
+							jsWriter.write("			callback: {");
+							jsWriter.write("\n");
+							jsWriter.write("				loaded: function(visual_"+tVisualSetDB.getVisualSetIdx()+"_count) {");
+							jsWriter.write("\n");
+							jsWriter.write("					$.ajax ({");
+							jsWriter.write("\n");
+							jsWriter.write("						type: 'post', ");
+							jsWriter.write("\n");
+							jsWriter.write("						async: false, ");
+							jsWriter.write("\n");
+							jsWriter.write("						dataType: 'json', ");
+							jsWriter.write("\n");
+							jsWriter.write("						url: '/common/"+siteIdx+"/visual/relationListAjax.do?relationSetIdx="+visualRelationSetIdx+"', ");
+							jsWriter.write("\n");
+							jsWriter.write("						success:function(data){ ");
+							jsWriter.write("\n");
+							jsWriter.write("							var "+siteIdx+"_visual_"+visualSetIdx+" = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("							if(data.length > 0){ ");
+							jsWriter.write("\n");
+							jsWriter.write("								for(var i=0; i<data.length; i++){ ");
+							jsWriter.write("\n");
+							jsWriter.write("									if(data[i].success){");
+							jsWriter.write("\n");
+							jsWriter.write("										var "+siteIdx+"_visual_"+visualSetIdx+"_iconUrl = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("										if(data[i].visualRelationDataIconLink != null && data[i].visualRelationDataIconLink != \"null\" && data[i].visualRelationDataIconLink != \"\"){");
+							jsWriter.write("\n");
+							jsWriter.write("											"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl = \"<img src='\"+data[i].visualRelationDataIconLink+\"' alt='\"+data[i].visualRelationDataIconName+\" 아이콘' />\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("										}");
+							jsWriter.write("\n");
+							jsWriter.write("										if(data[i].visualRelationDataLinkType == \"Y\"){");
+							jsWriter.write("\n");
+							jsWriter.write("											"+siteIdx+"_visual_"+visualSetIdx+" += \"<li>\"+"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl+\"<a href='\"+data[i].visualRelationDataLink+\"' target='_blank' title='\"+data[i].visualRelationDataName+\" 새창으로 바로가기'>\"+data[i].visualRelationDataName+\"</a></li>\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("										}else{");
+							jsWriter.write("\n");
+							jsWriter.write("											"+siteIdx+"_visual_"+visualSetIdx+" += \"<li>\"+"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl+\"<a href='\"+data[i].visualRelationDataLink+\"' title='\"+data[i].visualRelationDataName+\" 바로가기'>\"+data[i].visualRelationDataName+\"</a></li>\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("										}");
+							jsWriter.write("\n");
+							jsWriter.write("									}");
+							jsWriter.write("\n");
+							jsWriter.write("								}");
+							jsWriter.write("\n");
+							jsWriter.write("								$('#"+siteIdx+"_visual_"+visualSetIdx+"').html("+siteIdx+"_visual_"+visualSetIdx+"); ");
+							jsWriter.write("\n");
+							jsWriter.write("							}");
+							jsWriter.write("\n");
+							jsWriter.write("						},");
+							jsWriter.write("\n");
+							jsWriter.write("						error:function(e) {");
+							jsWriter.write("\n");
+							jsWriter.write("							console.log(e.responseText); ");
+							jsWriter.write("\n");
+							jsWriter.write("						}");
+							jsWriter.write("\n");
+							jsWriter.write("					});");
+							jsWriter.write("\n");
+							jsWriter.write("				},");
+							jsWriter.write("\n");
+							jsWriter.write("				complete: function(visual_"+tVisualSetDB.getVisualSetIdx()+"_count) {");
+							jsWriter.write("\n");
+							
+							if(SeedUtils.setReplaceNull(tVisualSetDB.getVisualSetBg()).equals("Y")){
+								jsWriter.write("					$('#visual_"+tVisualSetDB.getVisualSetIdx()+" a').each(function(index, object){");
+							}else{
+								jsWriter.write("					$('#visual_"+tVisualSetDB.getVisualSetIdx()+" img').each(function(index, object){");
+							}
+							
+							jsWriter.write("\n");
+							jsWriter.write("						var visual_"+tVisualSetDB.getVisualSetIdx()+"_relayIdx = $(object).attr(\"data-seed\").split(',')[0];");
+							jsWriter.write("\n");
+							jsWriter.write("						var visual_"+tVisualSetDB.getVisualSetIdx()+"_title = $(object).attr(\"data-seed\").split(',')[1];");
+							jsWriter.write("\n");
+							jsWriter.write("						$('#"+siteIdx+"_visual_"+visualSetIdx+"_title').html(visual_"+tVisualSetDB.getVisualSetIdx()+"_title);");
+							jsWriter.write("\n");
+							jsWriter.write("						$('#"+siteIdx+"_visual_"+visualSetIdx+"').html(\"\");");
+							jsWriter.write("\n");
+							jsWriter.write("						if((index+1) == visual_"+tVisualSetDB.getVisualSetIdx()+"_count && visual_"+tVisualSetDB.getVisualSetIdx()+"_relayIdx != null && visual_"+tVisualSetDB.getVisualSetIdx()+"_relayIdx != \"null\" && visual_"+tVisualSetDB.getVisualSetIdx()+"_relayIdx != \"\"){");
+							jsWriter.write("\n");
+							jsWriter.write("							$.ajax ({");
+							jsWriter.write("\n");
+							jsWriter.write("								type: 'post', ");
+							jsWriter.write("\n");
+							jsWriter.write("								async: false, ");
+							jsWriter.write("\n");
+							jsWriter.write("								dataType: 'json', ");
+							jsWriter.write("\n");
+							jsWriter.write("								url: '/common/"+siteIdx+"/visual/relationListAjax.do?relationSetIdx='+visual_"+tVisualSetDB.getVisualSetIdx()+"_relayIdx, ");
+							jsWriter.write("\n");
+							jsWriter.write("								success:function(data){ ");
+							jsWriter.write("\n");
+							jsWriter.write("									var "+siteIdx+"_visual_"+visualSetIdx+" = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("									if(data.length > 0){ ");
+							jsWriter.write("\n");
+							jsWriter.write("										for(var i=0; i<data.length; i++){ ");
+							jsWriter.write("\n");
+							jsWriter.write("											if(data[i].success){");
+							jsWriter.write("\n");
+							jsWriter.write("												var "+siteIdx+"_visual_"+visualSetIdx+"_iconUrl = \"\";");
+							jsWriter.write("\n");
+							jsWriter.write("												if(data[i].visualRelationDataIconLink != null && data[i].visualRelationDataIconLink != \"null\" && data[i].visualRelationDataIconLink != \"\"){");
+							jsWriter.write("\n");
+							jsWriter.write("													"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl = \"<img src='\"+data[i].visualRelationDataIconLink+\"' alt='\"+data[i].visualRelationDataIconName+\" 아이콘' />\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("												}");
+							jsWriter.write("\n");
+							jsWriter.write("												if(data[i].visualRelationDataLinkType == \"Y\"){");
+							jsWriter.write("\n");
+							jsWriter.write("													"+siteIdx+"_visual_"+visualSetIdx+" += \"<li>\"+"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl+\"<a href='\"+data[i].visualRelationDataLink+\"' target='_blank' title='\"+data[i].visualRelationDataName+\" 새창으로 바로가기'>\"+data[i].visualRelationDataName+\"</a></li>\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("												}else{");
+							jsWriter.write("\n");
+							jsWriter.write("													"+siteIdx+"_visual_"+visualSetIdx+" += \"<li>\"+"+siteIdx+"_visual_"+visualSetIdx+"_iconUrl+\"<a href='\"+data[i].visualRelationDataLink+\"' title='\"+data[i].visualRelationDataName+\" 바로가기'>\"+data[i].visualRelationDataName+\"</a></li>\"; ");
+							jsWriter.write("\n");
+							jsWriter.write("												}");
+							jsWriter.write("\n");
+							jsWriter.write("											}");
+							jsWriter.write("\n");
+							jsWriter.write("										}");
+							jsWriter.write("\n");
+							jsWriter.write("										$('#"+siteIdx+"_visual_"+visualSetIdx+"').html("+siteIdx+"_visual_"+visualSetIdx+"); ");
+							jsWriter.write("\n");
+							jsWriter.write("									}");
+							jsWriter.write("\n");
+							jsWriter.write("								},");
+							jsWriter.write("\n");
+							jsWriter.write("								error:function(e) {");
+							jsWriter.write("\n");
+							jsWriter.write("									console.log(e.responseText); ");
+							jsWriter.write("\n");
+							jsWriter.write("								}");
+							jsWriter.write("\n");
+							jsWriter.write("							}); ");
+							jsWriter.write("\n");
+							jsWriter.write("							return false;");
+							jsWriter.write("\n");
+							jsWriter.write("						}");
+							jsWriter.write("\n");
+							jsWriter.write("					});");
+							jsWriter.write("\n");
+							jsWriter.write("				}");
+							jsWriter.write("\n");
+							jsWriter.write("			}");
+							jsWriter.write("\n");
+						}
+						
+						jsWriter.write("		});");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.slidesjs-play_visual_"+visualSetIdx+"').on('click', function() {");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.slidesjs-stop_visual_"+visualSetIdx+"').focus(); ");
+						jsWriter.write("\n");
+						jsWriter.write("		});");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.slidesjs-stop_visual_"+visualSetIdx+"').on('click', function() {");
+						jsWriter.write("\n");
+						jsWriter.write("			$('.slidesjs-play_visual_"+visualSetIdx+"').focus(); ");
+						jsWriter.write("\n");
+						jsWriter.write("		});");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.slidesjs-play_visual_"+visualSetIdx+"').attr('title', '시작');");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.slidesjs-play_visual_"+visualSetIdx+"').text('시작');");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.slidesjs-stop_visual_"+visualSetIdx+"').attr('title', '정지');");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.slidesjs-stop_visual_"+visualSetIdx+"').text('정지');");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.slidesjs-previous_visual_"+visualSetIdx+"').attr('title', '이전');");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.slidesjs-previous_visual_"+visualSetIdx+"').text('이전');");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.slidesjs-next_visual_"+visualSetIdx+"').attr('title', '다음');");
+						jsWriter.write("\n");
+						jsWriter.write("		$('.slidesjs-next_visual_"+visualSetIdx+"').text('다음');");
+						jsWriter.write("\n");
+						jsWriter.write("\n");
+						jsWriter.write("	}");
+						jsWriter.write("\n");
+						jsWriter.write("});");	
+						
+					}
+				}else{
+					
+					//css파일 작성
+					cssFileOutputStream 		= new FileOutputStream(filePath + "/css/visual_"+visualSetIdx+".css");
+					cssOutputStreamWriter 	= new OutputStreamWriter(cssFileOutputStream, "UTF-8");
+					cssWriter 						= new BufferedWriter(cssOutputStreamWriter);
+					
+					cssWriter.write("@charset \"utf-8\";");
+					
+					//js파일 작성
+		    		jsFileOutputStream 			= new FileOutputStream(filePath + "/js/visual_"+visualSetIdx+".js");
+					jsOutputStreamWriter 		= new OutputStreamWriter(jsFileOutputStream, "UTF-8");
+					jsWriter 							= new BufferedWriter(jsOutputStreamWriter);
+					
+					jsWriter.write("");
+					
+					jspWriter.write("<div id='visual_"+tVisualSetDB.getVisualSetIdx()+"' style='width:"+tVisualSetDB.getVisualSetWidth()+"px; height:"+tVisualSetDB.getVisualSetHeight()+"px; position:relative;'>");
+					jspWriter.write("\n");
+					jspWriter.write("		<s:message code='common.message.no.data'/>");
+					jspWriter.write("\n");
+					jspWriter.write("</div>");	
+				}
+			}
+			
+			cssWriter.flush();
+			jsWriter.flush();
+			jspWriter.flush();
+			
+			//FTP 전송
+			SeedFtpType seedFtpType = new SeedFtpType();
+			
+    		//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(siteIdx+"/jsp/visual/css");
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath + "/" + siteIdx+"/jsp/visual/css");
+    		//WAS 파일명
+    		seedFtpType.setFileName("visual_"+visualSetIdx+".css");
+    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();
+
+    		//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(siteIdx+"/jsp/visual/js");
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath + "/" + siteIdx+"/jsp/visual/js");
+    		//WAS 파일명
+    		seedFtpType.setFileName("visual_"+visualSetIdx+".js");
+    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();
+		
+    		//WEB 서버의 경로
+    		seedFtpType.setDestFilePath(siteIdx+"/jsp/visual");
+    		//WAS 서버의 경로
+    		seedFtpType.setSrcFilePath(rootPath + "/" + siteIdx+"/jsp/visual");
+    		//WAS 파일명
+    		seedFtpType.setFileName("visual_"+visualSetIdx+".jsp");
+    		//파일 전송 타입 regFile=파일전송, delFile=파일삭제
+    		seedFtpType.setFtpType("regFile");
+    		seedFtpType.setSeedFtp();	
+    		
+		}catch(FileNotFoundException e){
+			log.error("CHECK ERROR:",e);
+		}catch(IOException e){
+			log.error("CHECK ERROR:",e);
+		}finally{
+			if(jsWriter!=null){try{jsWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jsOutputStreamWriter!=null){try{jsOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jsFileOutputStream!=null){try{jsFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspWriter!=null){try{jspWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspOutputStreamWriter!=null){try{jspOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(jspFileOutputStream!=null){try{jspFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(cssWriter!=null){try{cssWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(cssOutputStreamWriter!=null){try{cssOutputStreamWriter.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+			if(cssFileOutputStream!=null){try{cssFileOutputStream.close();}catch(IOException e){log.error("CHECK ERROR:",e);}}
+		}
+	}
+}
diff --git a/src/main/resources/egovframework/hibernate/hibernate.xml b/src/main/resources/egovframework/hibernate/hibernate.xml
index 4e6a22e3..cc253b8c 100644
--- a/src/main/resources/egovframework/hibernate/hibernate.xml
+++ b/src/main/resources/egovframework/hibernate/hibernate.xml
@@ -184,7 +184,7 @@
     </bean>    
     <!-- T_SITE -->
     
-    <!-- T_SITE_MANAGER -->
+    <!-- T_SITE_MANAGER -->     
     <bean id="siteManager2DAO" class="seed.dao.SiteManager2DAOImpl">
         <property name="sessionFactory" ref="sessionFactory" />
     </bean>    
diff --git a/src/main/webapp/WEB-INF/config/egovframework/springmvc/egov-com-servlet.xml b/src/main/webapp/WEB-INF/config/egovframework/springmvc/egov-com-servlet.xml
index ef974b87..e8b0a55a 100644
--- a/src/main/webapp/WEB-INF/config/egovframework/springmvc/egov-com-servlet.xml
+++ b/src/main/webapp/WEB-INF/config/egovframework/springmvc/egov-com-servlet.xml
@@ -96,6 +96,7 @@
 	
 	<mvc:resources mapping="/kccadrPb/**" location="/kccadrPb/" />
 	<mvc:resources mapping="/editor/**" location="/editor/" />
+	<mvc:resources mapping="/codemirror/**" location="/codemirror/" />
 	
 	
 </beans>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/banner/bannerSetForm.jsp b/src/main/webapp/WEB-INF/jsp/manager/banner/bannerSetForm.jsp
new file mode 100644
index 00000000..09637742
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/banner/bannerSetForm.jsp
@@ -0,0 +1,396 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.banner.bannerSetForm.title"/></title>
+	</head>
+
+	<body>
+	
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.banner.nav.bannerSetView"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p></p>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<form:form id="frm" name="frm" action="/gtm/proc/${siteIdx}/bannerSetRegProc.do" method="post" enctype="multipart/form-data">
+			<input type="hidden" name="tSite.siteIdx" id="siteIdx" value="<c:out escapeXml='true' value='${siteIdx}' />" />
+			<fieldset>
+				<legend><s:message code="manager.banner.bannerSetForm.table.caption"/></legend>
+				<div class="bbs-view-layout">
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.banner.bannerSetForm.bannerSetType"/></p>
+						<div class="item-box">
+				        	<input type="radio" class="radio checked" name="bannerSetType" id="bannerSetTypeNormal" value="normal" checked /><label for="bannerSetTypeNormal"><s:message code="manager.banner.bannerSetForm.bannerSetType.normal"/></label>
+				        	<input type="radio" class="radio" name="bannerSetType" id="bannerSetTypeActive" value="active" /><label for="bannerSetTypeActive"><s:message code="manager.banner.bannerSetForm.bannerSetType.active"/></label>
+						</div>
+					</div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.banner.bannerSetForm.bannerSetName"/></p>
+						<div class="item-box"><input type="text" class="width40 essential" maxlength="100" name="bannerSetName" id="bannerSetName" title="<s:message code="manager.banner.bannerSetForm.bannerSetName"/>" value="" required /></div>
+					</div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.banner.bannerSetForm.bannerSetTime"/></p>
+						<div class="item-box"><input type="text" class="width50px essential numOnly" maxlength="10" name="bannerSetTime" id="bannerSetTime" title="<s:message code="manager.banner.bannerSetForm.bannerSetTime"/>" value="4" required /></div>
+					</div>
+					<div class="bbs-view-item" id="trBannerArray" style="display:none;">
+						<p class="item-title"><s:message code="manager.banner.bannerSetForm.bannerSetArray"/></p>
+						<div class="item-box"><input type="text" maxlength="255" name="bannerSetArray" id="bannerSetArray" title="<s:message code="manager.banner.bannerSetForm.bannerSetArray"/>" value="" />&nbsp;&nbsp;<s:message code="manager.banner.bannerSetForm.bannerSetArray.ex"/></div>
+					</div>
+					<div class="bbs-view-item" id="trBannerWidth">
+						<p class="item-title"><s:message code="manager.banner.bannerSetForm.bannerSetSize"/></p>
+						<div class="item-box">
+							<s:message code="manager.banner.bannerSetForm.bannerSetWidth"/> <input type="text" class="width50px numOnly" maxlength="10" name="bannerSetWidth" id="bannerSetWidth" title="<s:message code="manager.banner.bannerSetForm.bannerSetWidth"/>" value=""  /> px<br/>
+				        	<s:message code="manager.banner.bannerSetForm.bannerSetHeight"/> <input type="text" class="width50px numOnly" maxlength="10" name="bannerSetHeight" id="bannerSetHeight" title="<s:message code="manager.banner.bannerSetForm.bannerSetHeight"/>" value="" /> px
+						</div>
+					</div>
+					<div class="bbs-view-item" id="trBannerDataWidth">
+						<p class="item-title"><s:message code="manager.banner.bannerSetForm.bannerDataSize"/></p>
+						<div class="item-box">
+							<s:message code="manager.banner.bannerSetForm.bannerDataWidth"/> <input type="text" class="width50px numOnly" maxlength="10" name="bannerDataWidth" id="bannerDataWidth" title="<s:message code="manager.banner.bannerSetForm.bannerDataWidth"/>" value=""  /> px<br/>
+				        	<s:message code="manager.banner.bannerSetForm.bannerDataHeight"/> <input type="text" class="width50px numOnly" maxlength="10" name="bannerDataHeight" id="bannerDataHeight" title="<s:message code="manager.banner.bannerSetForm.bannerDataHeight"/>" value="" /> px
+						</div>
+					</div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.banner.bannerSetForm.bannerDataPadding"/></p>
+						<div class="item-box"><s:message code="manager.banner.bannerSetForm.bannerDataPadding"/> <input type="text" class="width50px essential numOnly" maxlength="10" name="bannerDataPadding" id="bannerDataPadding" title="<s:message code="manager.banner.bannerSetForm.bannerDataPadding"/>" value=""  required /> px</div>
+					</div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.banner.bannerSetForm.bannerSetPS"/></p>
+						<div class="item-box">
+				        	<div style="margin-top:8px; margin-bottom:4px;">
+				        		<input type="radio" class="radio checked" name="bannerSetPSTB" id="bannerSetPSTop" value="top" checked /><label for="bannerSetPSTop"><s:message code="manager.banner.bannerSetForm.bannerSetPS.TB.top"/></label>
+				        		<input type="radio" class="radio" name="bannerSetPSTB" id="bannerSetPSBottom" value="bottom" /><label for="bannerSetPSBottom"><s:message code="manager.banner.bannerSetForm.bannerSetPS.TB.bottom"/></label><br/>
+					        	<s:message code="manager.banner.bannerSetForm.bannerSetPS.TB.position"/> <input type="text" class="width50px essential numOnly" name="bannerSetPSTBPosition" id="bannerSetPSTBPosition" title="<s:message code="manager.banner.bannerSetForm.bannerSetPS.TB.position"/>" value="" required /> %
+					        </div>
+				        	<div style="margin-top:12px; margin-bottom:4px;">
+				        		<input type="radio" class="radio checked" name="bannerSetPSLR" id="bannerSetPSLeft" value="left" checked /><label for="bannerSetPSLeft"><s:message code="manager.banner.bannerSetForm.bannerSetPS.LR.left"/></label>
+				        		<input type="radio" class="radio" name="bannerSetPSLR" id="bannerSetPSRight" value="right" /><label for="bannerSetPSRight"><s:message code="manager.banner.bannerSetForm.bannerSetPS.LR.right"/></label><br/>
+					        	<s:message code="manager.banner.bannerSetForm.bannerSetPS.LR.position"/> <input type="text" class="width50px essential numOnly" name="bannerSetPSLRPosition" id="bannerSetPSLRPosition" title="<s:message code="manager.banner.bannerSetForm.bannerSetPS.LR.position"/>" value="" required /> %
+					        </div>
+					        <div class="row"><input type="file" name="file_bannerSetPlayImg" id="bannerSetPlayImg" value="" /><label for="bannerSetPlayImg"><s:message code="manager.banner.bannerSetForm.bannerSetPS.play.img"/></label><span class="file-info"><s:message code="manager.banner.bannerSetForm.bannerSetPS.play.img"/></span></div>
+					        <div class="row"><input type="file" name="file_bannerSetStopImg" id="bannerSetStopImg" value="" /><label for="bannerSetStopImg"><s:message code="manager.banner.bannerSetForm.bannerSetPS.stop.img"/></label><span class="file-info"><s:message code="manager.banner.bannerSetForm.bannerSetPS.stop.img"/></span></div>
+				        </div>
+					</div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.banner.bannerSetForm.bannerSetPN"/></p>
+						<div class="item-box">
+				        	<div style="margin-top:8px; margin-bottom:4px;">
+				        		<input type="radio" class="radio checked" name="bannerSetPreTB" id="bannerSetPreTop" value="top" checked /><label for="bannerSetPreTop"><s:message code="manager.banner.bannerSetForm.bannerSetPN.pre.top"/></label>
+				        		<input type="radio" class="radio" name="bannerSetPreTB" id="bannerSetPreBottom" value="bottom" /><label for="bannerSetPreBottom"><s:message code="manager.banner.bannerSetForm.bannerSetPN.pre.bottom"/></label><br/>
+					        	<s:message code="manager.banner.bannerSetForm.bannerSetPN.pre.position"/> <input type="text" class="width50px essential numOnly" name="bannerSetPreTBPosition" id="bannerSetPreTBPosition" title="<s:message code="manager.banner.bannerSetForm.bannerSetPN.pre.position"/>" value="" required /> %
+					        </div>
+				        	<div style="margin-top:12px; margin-bottom:4px;">
+				        		<input type="radio" class="radio checked" name="bannerSetPreLR" id="bannerSetPreLeft" value="left" checked /><label for="bannerSetPreLeft"><s:message code="manager.banner.bannerSetForm.bannerSetPN.pre.left"/></label>
+				        		<input type="radio" class="radio" name="bannerSetPreLR" id="bannerSetPreRight" value="right" /><label for="bannerSetPreRight"><s:message code="manager.banner.bannerSetForm.bannerSetPN.pre.right"/></label><br/>
+					        	<s:message code="manager.banner.bannerSetForm.bannerSetPN.pre.position"/> <input type="text" class="width50px essential numOnly" name="bannerSetPreLRPosition" id="bannerSetPreLRPosition" title="<s:message code="manager.banner.bannerSetForm.bannerSetPN.pre.position"/>" value="" required /> %
+					        </div>
+					        <div class="row"><input type="file" name="file_bannerSetPreImg" id="bannerSetPreImg" value="" /><label for="bannerSetPreImg"><s:message code="manager.banner.bannerSetForm.bannerSetPN.pre.img"/></label><span class="file-info"><s:message code="manager.banner.bannerSetForm.bannerSetPN.pre.img"/></span></div>
+				        	<div style="margin-top:8px; margin-bottom:4px;">
+				        		<input type="radio" class="radio checked" name="bannerSetNextTB" id="bannerSetNextTop" value="top" checked /><label for="bannerSetNextTop"><s:message code="manager.banner.bannerSetForm.bannerSetPN.next.top"/></label>
+				        		<input type="radio" class="radio" name="bannerSetNextTB" id="bannerSetNextBottom" value="bottom" /><label for="bannerSetNextBottom"><s:message code="manager.banner.bannerSetForm.bannerSetPN.next.bottom"/></label><br/>
+					        	<s:message code="manager.banner.bannerSetForm.bannerSetPN.next.position"/> <input type="text" class="width50px essential numOnly" name="bannerSetNextTBPosition" id="bannerSetNextTBPosition" title="<s:message code="manager.banner.bannerSetForm.bannerSetPN.next.position"/>" value="" required /> %
+					        </div>
+				        	<div style="margin-top:12px; margin-bottom:4px;">
+				        		<input type="radio" class="radio checked" name="bannerSetNextLR" id="bannerSetNextLeft" value="left" checked /><label for="bannerSetNextLeft"><s:message code="manager.banner.bannerSetForm.bannerSetPN.next.left"/></label>
+				        		<input type="radio" class="radio" name="bannerSetNextLR" id="bannerSetNextRight" value="right" /><label for="bannerSetNextRight"><s:message code="manager.banner.bannerSetForm.bannerSetPN.next.right"/></label><br/>
+					        	<s:message code="manager.banner.bannerSetForm.bannerSetPN.next.position"/> <input type="text" class="width50px essential numOnly" name="bannerSetNextLRPosition" id="bannerSetNextLRPosition" title="<s:message code="manager.banner.bannerSetForm.bannerSetPN.next.position"/>" value="" required /> %
+					        </div>
+				        	<div class="row"><input type="file" name="file_bannerSetNextImg" id="bannerSetNextImg" value="" /><label for="bannerSetNextImg"><s:message code="manager.banner.bannerSetForm.bannerSetPN.next.img"/></label><span class="file-info"><s:message code="manager.banner.bannerSetForm.bannerSetPN.next.img"/></span></div>
+				        </div>
+					</div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.banner.bannerSetForm.bannerSetSkin"/></p>
+						<div class="item-box">
+				        	<input type="radio" class="radio checked" name="bannerSetSkin" id="bannerSetSkinA" value="A" checked /><label for="bannerSetSkinA"><s:message code="manager.banner.bannerSetForm.bannerSetSkin.A"/></label>
+				        	<input type="radio" class="radio" name="bannerSetSkin" id="bannerSetSkinB" value="B" /><label for="bannerSetSkinB"><s:message code="manager.banner.bannerSetForm.bannerSetSkin.B"/></label>
+				        </div>
+					</div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.banner.bannerSetForm.bannerSet.preview"/></p>
+						<div class="item-box">
+							<iframe id="bannerPreview" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerFormPreview.do?bannerSetType=normal&amp;bannerSetSkin=A" style="width:100%; height:200px; border:0;"></iframe>
+				        </div>
+					</div>
+				</div>
+			</fieldset>
+	
+			<c:if test='${memberGrant == "S" || memberAuth}'>
+			<div class="btn-area">
+				<button type="submit" class="btn-normal violet"><s:message code="common.button.save"/></button>
+				<a class="btn-normal lightgray" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do"><s:message code="common.button.list"/></a>
+			</div>
+			</c:if>
+			
+		</form:form>
+		
+		<script>
+		/* <![CDATA[ */
+		$("#bannerSetName").focus();
+
+		$("#bannerSetWidth").keyup(function(){
+			var value = parseInt($(this).val(),10);
+			$("#bannerPreview").contents().find(".bannerSetPreview").css({width :value});
+		});
+
+		$("#bannerSetHeight").keyup(function(){
+			var value = parseInt($(this).val(),10);
+			$("#bannerPreview").contents().find(".bannerSetPreview").css({height :value});
+		});
+
+		$("#bannerDataWidth").keyup(function(){
+			var value = parseInt($(this).val(),10);
+			$("#bannerPreview").contents().find(".bannerSetPreview .slick-slide img").css({width :value});
+		});
+
+		$("#bannerDataHeight").keyup(function(){
+			var value = parseInt($(this).val(),10);
+			$("#bannerPreview").contents().find(".bannerSetPreview .slick-slide img").css({height :value});
+		});
+
+		$("#bannerDataPadding").keyup(function(){
+			var value = parseInt($(this).val(),10);
+			$("#bannerPreview").contents().find(".bannerSetPreview .slick-slide img").css({borderWidth:value});
+		});
+
+		$("#bannerSetPSTBPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="bannerSetPSTB"]:radio:checked').val() == "top"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css({top :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css("bottom", "auto");
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css({top :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css("bottom", "auto");
+			}else if($('input[name="bannerSetPSTB"]:radio:checked').val() == "bottom"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css({bottom :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css("top", "auto");
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css({bottom :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css("top", "auto");
+			}
+		});
+		
+		$('input[name="bannerSetPSTB"]').click(function(){
+			var value = parseInt($("#bannerSetPSTBPosition").val(),10);
+		
+			if($('input[name="bannerSetPSTB"]:radio:checked').val() == "top"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css({top :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css("bottom", "auto");
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css({top :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css("bottom", "auto");
+			}else if($('input[name="bannerSetPSTB"]:radio:checked').val() == "bottom"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css({bottom :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css("top", "auto");
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css({bottom :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css("top", "auto");
+			}
+		});
+
+		$("#bannerSetPSLRPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="bannerSetPSLR"]:radio:checked').val() == "left"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css({left :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css("right", "auto");
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css({left :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css("right", "auto");
+			}else if($('input[name="bannerSetPSLR"]:radio:checked').val() == "right"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css({right :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css("left", "auto");
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css({right :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css("left", "auto");
+			}
+		});
+
+		$('input[name="bannerSetPSLR"]').click(function(){
+			var value = parseInt($("#bannerSetPSLRPosition").val(),10);
+		
+			if($('input[name="bannerSetPSLR"]:radio:checked').val() == "left"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css({left :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css("right", "auto");
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css({left :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css("right", "auto");
+			}else if($('input[name="bannerSetPSLR"]:radio:checked').val() == "right"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css({right :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-play").css("left", "auto");
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css({right :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-stop").css("left", "auto");
+			}
+		});
+
+		$("#bannerSetPreTBPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="bannerSetPreTB"]:radio:checked').val() == "top"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css({top :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css("bottom", "auto");
+			}else if($('input[name="bannerSetPreTB"]:radio:checked').val() == "bottom"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css({bottom :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css("top", "auto");
+			}
+		});
+		
+		$('input[name="bannerSetPreTB"]').click(function(){
+			var value = parseInt($("#bannerSetPreTBPosition").val(),10);
+		
+			if($('input[name="bannerSetPreTB"]:radio:checked').val() == "top"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css({top :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css("bottom", "auto");
+			}else if($('input[name="bannerSetPreTB"]:radio:checked').val() == "bottom"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css({bottom :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css("top", "auto");
+			}
+		});
+
+		$("#bannerSetPreLRPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="bannerSetPreLR"]:radio:checked').val() == "left"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css({left :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css("right", "auto");
+			}else if($('input[name="bannerSetPreLR"]:radio:checked').val() == "right"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css({right :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css("left", "auto");
+			}
+		});
+
+		$('input[name="bannerSetPreLR"]').click(function(){
+			var value = parseInt($("#bannerSetPreLRPosition").val(),10);
+		
+			if($('input[name="bannerSetPreLR"]:radio:checked').val() == "left"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css({left :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css("right", "auto");
+			}else if($('input[name="bannerSetPreLR"]:radio:checked').val() == "right"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css({right :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-prev").css("left", "auto");
+			}
+		});
+
+		$("#bannerSetNextTBPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="bannerSetNextTB"]:radio:checked').val() == "top"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css({top :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css("bottom", "auto");
+			}else if($('input[name="bannerSetNextTB"]:radio:checked').val() == "bottom"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css({bottom :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css("top", "auto");
+			}
+		});
+		
+		$('input[name="bannerSetNextTB"]').click(function(){
+			var value = parseInt($("#bannerSetNextTBPosition").val(),10);
+		
+			if($('input[name="bannerSetNextTB"]:radio:checked').val() == "top"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css({top :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css("bottom", "auto");
+			}else if($('input[name="bannerSetNextTB"]:radio:checked').val() == "bottom"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css({bottom :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css("top", "auto");
+			}
+		});
+
+		$("#bannerSetNextLRPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="bannerSetNextLR"]:radio:checked').val() == "left"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css({left :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css("right", "auto");
+			}else if($('input[name="bannerSetNextLR"]:radio:checked').val() == "right"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css({right :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css("left", "auto");
+			}
+		});
+
+		$('input[name="bannerSetNextLR"]').click(function(){
+			var value = parseInt($("#bannerSetNextLRPosition").val(),10);
+		
+			if($('input[name="bannerSetNextLR"]:radio:checked').val() == "left"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css({left :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css("right", "auto");
+			}else if($('input[name="bannerSetNextLR"]:radio:checked').val() == "right"){
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css({right :value+"%"});
+				$("#bannerPreview").contents().find(".bannerSetPreview .slick-next").css("left", "auto");
+			}
+		});
+		
+		$("input[name=bannerSetType]").change(function() {
+			var bannerSetType = $(this).val();
+
+			if(bannerSetType == "normal"){
+				$("#trBannerArray").hide();
+				$("#trBannerWidth").show();
+				$("#trBannerDataWidth").show();
+			}else if(bannerSetType == "active"){
+				$("#trBannerArray").show();
+				$("#trBannerWidth").hide();
+				$("#trBannerDataWidth").hide();
+			}
+
+			$("#bannerPreview").attr("src", "/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerFormPreview.do?bannerSetType="+bannerSetType+"&bannerSetSkin="+$('input[name="bannerSetSkin"]:radio:checked').val());
+		});
+		
+		$("input[name=bannerSetSkin]").change(function() {
+			var bannerSetSkin = $(this).val();
+
+			$("#bannerPreview").attr("src", "/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerFormPreview.do?bannerSetType="+$('input[name="bannerSetType"]:radio:checked').val()+"&bannerSetSkin="+bannerSetSkin);
+		});
+
+		$("#frm").submit(function(){
+
+			if($('input[name="bannerSetType"]:radio:checked').length == 0){
+				alert("<s:message code="manager.banner.bannerSetForm.bannerSetType"/> <s:message code="common.message.essential"/>");
+				return false;
+			}else if($("#bannerSetName").val() == ""){
+				alert("<s:message code="manager.banner.bannerSetForm.bannerSetName"/> <s:message code="common.message.essential"/>");
+				$("#bannerSetName").focus();
+				return false;
+			}
+			
+			if($('input[name="bannerSetType"]:radio:checked').val() == "normal"){
+				if($("#bannerSetWidth").val() == ""){
+					alert("<s:message code="manager.banner.bannerSetForm.bannerSetSize"/> <s:message code="manager.banner.bannerSetForm.bannerSetWidth"/> <s:message code="common.message.essential"/>");
+					$("#bannerSetWidth").focus();
+					return false;
+				}else if($("#bannerSetHeight").val() == ""){
+					alert("<s:message code="manager.banner.bannerSetForm.bannerSetSize"/> <s:message code="manager.banner.bannerSetForm.bannerSetHeight"/> <s:message code="common.message.essential"/>");
+					$("#bannerSetHeight").focus();
+					return false;
+				}else if($("#bannerDataWidth").val() == ""){
+					alert("<s:message code="manager.banner.bannerSetForm.bannerDataSize"/> <s:message code="manager.banner.bannerSetForm.bannerDataWidth"/> <s:message code="common.message.essential"/>");
+					$("#bannerDataWidth").focus();
+					return false;
+				}else if($("#bannerDataHeight").val() == ""){
+					alert("<s:message code="manager.banner.bannerSetForm.bannerDataSize"/> <s:message code="manager.banner.bannerSetForm.bannerDataHeight"/> <s:message code="common.message.essential"/>");
+					$("#bannerDataHeight").focus();
+					return false;
+				}
+			}else if($('input[name="bannerSetType"]:radio:checked').val() == "active"){
+				if($("#bannerSetArray").val() == ""){
+					alert("<s:message code="manager.banner.bannerSetForm.bannerSetArray"/> <s:message code="common.message.essential"/>");
+					$("#bannerSetArray").focus();
+					return false;
+				}
+			}
+			
+			if($('input[name="bannerSetSkin"]:radio:checked').length == 0){
+				alert("<s:message code="manager.banner.bannerSetForm.bannerSetSkin"/> <s:message code="common.message.essential"/>");
+				return false;
+			}
+			
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});
+		/* ]]> */
+		</script>
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/banner/bannerSetFormPreview.jsp b/src/main/webapp/WEB-INF/jsp/manager/banner/bannerSetFormPreview.jsp
new file mode 100644
index 00000000..b1485617
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/banner/bannerSetFormPreview.jsp
@@ -0,0 +1,289 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.banner.bannerSetPreview.title"/></title>
+	<script src="/js/lib/slick.min.js"></script>
+	
+	<style>
+	.bannerSetPreview {
+		<c:if test='${bannerSetType == "normal"}'>
+		width: 600px;
+		height: 50px;
+		</c:if>
+		position: relative;
+		display: block;
+		-moz-box-sizing: border-box;
+		 box-sizing: border-box;
+		-webkit-user-select: none;
+		-moz-user-select: none;
+		-ms-user-select: none;
+		user-select: none;
+		-webkit-touch-callout: none;
+		-khtml-user-select: none;
+		-ms-touch-action: pan-y;
+		touch-action: pan-y;
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	.bannerSetPreview .slick-list 	{
+		position: relative;
+		display: block;
+		overflow: hidden;
+		margin: 0;
+		padding: 0;
+	}
+
+	.bannerSetPreview .slick-list:focus {
+		outline: none;
+	}
+
+	.bannerSetPreview .slick-list.dragging {
+		cursor: pointer;
+		cursor: hand;
+	}
+
+	.bannerSetPreview .slick-track,
+	.bannerSetPreview .slick-list {
+		-webkit-transform: translate3d(0, 0, 0);
+		-moz-transform: translate3d(0, 0, 0);
+		-ms-transform: translate3d(0, 0, 0);
+		-o-transform: translate3d(0, 0, 0);
+		transform: translate3d(0, 0, 0);
+	}
+
+	.bannerSetPreview .slick-track {
+		position: relative;
+		top: 0;
+		left: 0;
+		display: block;
+	}
+
+	.bannerSetPreview .slick-track:before,
+	.bannerSetPreview .slick-track:after {
+		display: table;
+		content: '';
+	}
+
+	.bannerSetPreview .slick-track:after {
+		clear: both;
+	}
+
+	.bannerSetPreview .slick-loading .slick-track {
+		visibility: hidden;
+	}
+
+	.bannerSetPreview .slick-slide {
+		display: none;
+		float: left;
+		height: 100%;
+		min-height: 1px;
+	}
+
+	[dir='rtl'] .bannerSetPreview .slick-slide {
+		float: right;
+	}
+
+	.bannerSetPreview .slick-slide img {
+		display: block;
+		border: 5px solid #FFF;
+		display: block;
+		<c:choose>
+			<c:when test='${bannerSetType == "normal"}'>
+			width: 120px;
+			height: 50px;
+			</c:when>
+			<c:when test='${bannerSetType == "active"}'>
+			width: 100%;
+			</c:when>
+		</c:choose>
+	}
+
+	.bannerSetPreview .slick-slide.slick-loading img {
+		display: none;
+	}
+
+	.bannerSetPreview .slick-slide.dragging img {
+		pointer-events: none;
+	}
+
+	.bannerSetPreview.slick-initialized .slick-slide {
+		display: block;
+	}
+
+	.bannerSetPreview .slick-loading .slick-slide {
+		visibility: hidden;
+	}
+
+	.bannerSetPreview.slick-vertical .slick-slide {
+		display: block;
+		height: auto;
+		border: 1px solid transparent;
+	}
+
+	.bannerSetPreview .slick-loading .slick-list {
+		background: #fff url('/img/jquery-ui/ajax-loader.gif') center center no-repeat;
+	}
+
+	.bannerSetPreview .slick-prev 	{
+		position: absolute;
+		bottom: 0%;
+		left: 2%;
+		display: block;
+	}
+
+	.bannerSetPreview .slick-next 	{
+		position: absolute;
+		bottom: 0%;
+		left: 5%;
+		display: block;
+	}
+
+	.bannerSetPreview .slick-stop, .slick-play	{
+		position: absolute;
+		bottom: 0%;
+		right: 1%;
+		display: block ;
+	}
+	</style>
+	</head>
+	
+	<body>
+	
+		<script src="/js/slick.min.js"></script>
+		
+		<div class="bannerSetPreview">
+			<div><img src="/img/manager/banner/example-slide-1.jpg" alt="banner1" /></div>
+			<div><img src="/img/manager/banner/example-slide-2.jpg" alt="banner2" /></div>
+			<div><img src="/img/manager/banner/example-slide-3.jpg" alt="banner3" /></div>
+			<div><img src="/img/manager/banner/example-slide-1.jpg" alt="banner4" /></div>
+			<div><img src="/img/manager/banner/example-slide-2.jpg" alt="banner5" /></div>
+			<div><img src="/img/manager/banner/example-slide-3.jpg" alt="banner6" /></div>
+		</div>
+		
+		<script>
+		/* <![CDATA[ */
+		var bannerSetSkin;
+		
+		<c:choose>
+			<c:when test='${bannerSetSkin == "A"}'>
+			bannerSetSkin = false;
+			</c:when>
+			<c:when test='${bannerSetSkin == "B"}'>
+			bannerSetSkin = true;
+			</c:when>
+		</c:choose>
+
+		<c:choose>
+			<c:when test='${bannerSetType == "normal"}'>
+			var $bannerSet = $('.bannerSetPreview').slick({
+				vertical : bannerSetSkin,
+				pauseOnHover : false,
+				draggable: false,
+				arrows : true,
+				prevArrow : "<a href=\"#\" title=\"Previous\" class=\"slick-prev\"><img src=\"/img/manager/banner/btn_pre.png\" alt=\"Previous\"/></a>",
+				nextArrow : "<a href=\"#\" title=\"Next\" class=\"slick-next\"><img src=\"/img/manager/banner/btn_next.png\" alt=\"Next\"/></a><a href=\"#\" title=\"Play\" class=\"slick-play\"><img src=\"/img/manager/banner/btn_play.png\" alt=\"Play\"/></a><a href=\"#\" title=\"Stop\" class=\"slick-stop\"><img src=\"/img/manager/banner/btn_stop.png\" alt=\"Stop\"/></a>",
+				lazyLoad: 'ondemand',
+				autoplay: true,
+				autoplaySpeed: 2000,
+				dots: false,
+				infinite: true,
+				speed: 500,
+				slidesToShow: 5
+			});
+			</c:when>
+			<c:when test='${bannerSetType == "active"}'>
+			var $bannerSet = $('.bannerSetPreview').slick({
+				vertical : bannerSetSkin,
+				pauseOnHover : false,
+				draggable: false,
+				arrows : true,
+				prevArrow : "<a href=\"#\" title=\"Previous\" class=\"slick-prev\"><img src=\"/img/manager/banner/btn_pre.png\" alt=\"Previous\"/></a>",
+				nextArrow : "<a href=\"#\" title=\"Next\" class=\"slick-next\"><img src=\"/img/manager/banner/btn_next.png\" alt=\"Next\"/></a><a href=\"#\" title=\"Play\" class=\"slick-play\"><img src=\"/img/manager/banner/btn_play.png\" alt=\"Play\"/></a><a href=\"#\" title=\"Stop\" class=\"slick-stop\"><img src=\"/img/manager/banner/btn_stop.png\" alt=\"Stop\"/></a>",
+				lazyLoad: 'ondemand',
+				autoplay: true,
+				autoplaySpeed: 2000,
+				dots: false,
+				infinite: true,
+				speed: 500,
+				slidesToShow: 5,
+				responsive: [{
+					breakpoint: 1024,
+					settings: {
+						vertical : bannerSetSkin,
+						pauseOnHover : false,
+						draggable: false,
+						arrows : true,
+						prevArrow : "<a href=\"#\" title=\"Previous\" class=\"slick-prev\"><img src=\"/img/manager/banner/btn_pre.png\" alt=\"Previous\"/></a>",
+						nextArrow : "<a href=\"#\" title=\"Next\" class=\"slick-next\"><img src=\"/img/manager/banner/btn_next.png\" alt=\"Next\"/></a><a href=\"#\" title=\"Play\" class=\"slick-play\"><img src=\"/img/manager/banner/btn_play.png\" alt=\"Play\"/></a><a href=\"#\" title=\"Stop\" class=\"slick-stop\"><img src=\"/img/manager/banner/btn_stop.png\" alt=\"Stop\"/></a>",
+						lazyLoad: 'ondemand',
+						autoplay: true,
+						autoplaySpeed: 2000,
+						slidesToShow: 3,
+						dots: false,
+						infinite: true
+					}
+				}, {
+					breakpoint: 600,
+					settings: {
+						vertical : bannerSetSkin,
+						pauseOnHover : false,
+						draggable: false,
+						arrows : true,
+						prevArrow : "<a href=\"#\" title=\"Previous\" class=\"slick-prev\"><img src=\"/img/manager/banner/btn_pre.png\" alt=\"Previous\"/></a>",
+						nextArrow : "<a href=\"#\" title=\"Next\" class=\"slick-next\"><img src=\"/img/manager/banner/btn_next.png\" alt=\"Next\"/></a><a href=\"#\" title=\"Play\" class=\"slick-play\"><img src=\"/img/manager/banner/btn_play.png\" alt=\"Play\"/></a><a href=\"#\" title=\"Stop\" class=\"slick-stop\"><img src=\"/img/manager/banner/btn_stop.png\" alt=\"Stop\"/></a>",
+						lazyLoad: 'ondemand',
+						autoplay: true,
+						autoplaySpeed: 2000,
+						slidesToShow: 2,
+						dots: false,
+						infinite: true
+					}
+				}, {
+					breakpoint: 480,
+					settings: {
+						vertical : bannerSetSkin,
+						pauseOnHover : false,
+						draggable: false,
+						arrows : true,
+						prevArrow : "<a href=\"#\" title=\"Previous\" class=\"slick-prev\"><img src=\"/img/manager/banner/btn_pre.png\" alt=\"Previous\"/></a>",
+						nextArrow : "<a href=\"#\" title=\"Next\" class=\"slick-next\"><img src=\"/img/manager/banner/btn_next.png\" alt=\"Next\"/></a><a href=\"#\" title=\"Play\" class=\"slick-play\"><img src=\"/img/manager/banner/btn_play.png\" alt=\"Play\"/></a><a href=\"#\" title=\"Stop\" class=\"slick-stop\"><img src=\"/img/manager/banner/btn_stop.png\" alt=\"Stop\"/></a>",
+						lazyLoad: 'ondemand',
+						autoplay: true,
+						autoplaySpeed: 2000,
+						slidesToShow: 1,
+						dots: false,
+						infinite: true
+					}
+				}]
+			});
+			</c:when>
+		</c:choose>
+		
+		$('.bannerSetPreview .slick-play').hide();
+
+		$('.bannerSetPreview .slick-play').on("click", function(){
+			$bannerSet.slick('slickPlay');
+			$(".bannerSetPreview .slick-play").hide();
+			$(".bannerSetPreview .slick-stop").show();
+		});
+
+		$('.bannerSetPreview .slick-stop').on("click", function(){
+			$bannerSet.slick('slickPause');
+			$(".bannerSetPreview .slick-stop").hide();
+			$(".bannerSetPreview .slick-play").show();
+		});
+
+		$('.bannerSetPreview .slick-prev, .slick-next').click(function(){
+			$(".bannerSetPreview .slick-stop").show();
+			$(".bannerSetPreview .slick-play").hide();
+		});
+		/* ]]> */
+		</script>
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/banner/bannerSetList.jsp b/src/main/webapp/WEB-INF/jsp/manager/banner/bannerSetList.jsp
new file mode 100644
index 00000000..2c78983e
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/banner/bannerSetList.jsp
@@ -0,0 +1,257 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.banner.bannerSetList.title"/></title>
+	<script src="/js/lib/base64.js"></script>
+	</head>
+	
+	<body>
+	
+		<c:if test='${(siteMenuIdx != "0" && menuCode == "N") || menuCode == "banner"}'>
+		<div class="seed-popup-wrap">
+		</c:if>
+
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.banner.nav.bannerSetList"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p></p>
+					</div>
+				</div>
+			</div>
+			<div class="sch-content-wrap clear">
+			
+				<c:choose>
+					<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>
+					<c:url var="actionUrl" value="/gtm/${siteIdx}/bannerSetList.do" />
+					</c:when>
+					<c:otherwise>
+					<c:url var="actionUrl" value="/menu/${siteIdx}/bannerSetList.do" />
+					</c:otherwise>
+				</c:choose>
+				
+				<form:form name="frmSearch" id="frmSearch" action="${actionUrl}" method="post">
+					<input type="hidden" name="page" value="1" />
+					<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
+					<input type="hidden" name="orderColumn" value="<c:out escapeXml='true' value='${orderColumn}' />" />
+					<input type="hidden" name="order" value="<c:out escapeXml='true' value='${order}' />" />
+					<input type="hidden" name="siteMenuIdx" value="<c:out escapeXml='true' value='${siteMenuIdx}' />"/>
+					<input type="hidden" name="menuCode" value="<c:out escapeXml='true' value='${menuCode}' />"/>
+					<fieldset>
+						<legend>검색 폼</legend>
+						<select name="column" id="column" title="<s:message code="common.select.option.value"/>" class="sch-select">
+							<option value="A" <c:if test="${column == 'A'}">selected="selected"</c:if>><s:message code="common.select.option.value.all"/></option>
+							<option value="bannerSetName" <c:if test="${column == 'bannerSetName'}">selected="selected"</c:if>><s:message code="manager.banner.bannerSetList.bannerSetName"/></option>
+							<option value="tMember.memberName" <c:if test="${column == 'tMember.memberName'}">selected="selected"</c:if>><s:message code="common.memberName"/></option>
+						</select>
+						<input type="search" name="search" id="search" value="<c:out escapeXml='true' value='${search}' />" title="<s:message code="common.search.value"/>" class="sch-text">
+						<button type="submit" class="btn-page-sch"><s:message code="common.button.search"/></button>
+					</fieldset>
+				</form:form>
+			</div>
+		</div>
+        
+		<form:form name="frm" id="frm" method="post" action="/gtm/proc/${siteIdx}/bannerSetStatusProc.do">
+			<input type="hidden" name="page" value="<c:out escapeXml='true' value='${page}' />" />			
+			<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
+			<input type="hidden" name="orderColumn" value="<c:out escapeXml='true' value='${orderColumn}' />" />
+			<input type="hidden" name="order" value="<c:out escapeXml='true' value='${order}' />" />
+			<input type="hidden" name="column" value="<c:out escapeXml='true' value='${column}' />" />
+			<input type="hidden" name="search" value="<c:out escapeXml='true' value='${search}' />" />
+
+			<div class="more-btn-box">
+				<button type="button" id="moreTableItem" class="more-table-item">칼럼 더보기</button>
+			</div>
+			
+			<div class="form-wrap">
+				<div class="table-layout br-none">
+					<table>
+						<caption><s:message code="manager.banner.bannerSetList.table.caption"/></caption>
+						<colgroup>
+							<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><col class="checkbox_small" /></c:if>
+							<col class="title">
+							<col>
+							<col class="item-tablet-hidden">
+							<col class="item-mobile-hidden">
+							<col class="item-mobile-hidden">
+						</colgroup>
+						<thead>
+						<tr>
+							<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><th scope="col"><input type="checkbox" class="checkbox check-all" name="allcheck" id="allcheck" title="<s:message code="common.message.allCheck"/>" /><label for="allcheck"></label></th></c:if>
+							<th scope="col"><s:message code="manager.banner.bannerSetList.bannerSetName"/><span> <a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bannerSetName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bannerSetName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+							<th scope="col"><s:message code="manager.banner.bannerSetList.bannerDataCnt"/></th>
+							<th scope="col" class="item-tablet-hidden"><s:message code="common.memberName"/><span> <a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=tMember.memberName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=tMember.memberName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+							<th scope="col" class="item-mobile-hidden"><s:message code="common.regDate"/><span> <a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bannerSetRegDate&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bannerSetRegDate&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+							<th scope="col" class="item-mobile-hidden"><s:message code="common.status"/><span> <a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bannerSetStatus&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bannerSetStatus&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+						</tr>
+						</thead>
+						<tbody>									
+						<c:choose>
+							<c:when test="${!empty bannerSetList}">
+								<c:forEach items="${bannerSetList}" var="bannerSetList" varStatus="status">
+							    <tr>
+							    	<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><td><input type="checkbox" class="checkbox check-base" name="idxs" id="banner_<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />" value="<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />" /><label for="banner_<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />"></label> <%-- <c:out escapeXml='true' value='${bannerSetListCnt - (page-1)*row - status.index}' /> --%></td></c:if>
+							        <td class="al">
+							        	<c:choose>
+							        		<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>										        
+							        			<a class="hover-link" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetEdit/<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><span><c:out escapeXml='true' value='${bannerSetList._bannerSetName}' /></span></a>
+							        		</c:when>
+							        		<c:when test='${menuCode == "banner"}'>
+							        			<a class="hover-link codeClick" href="/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${menuCode}' />/<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />/mini.do"><span><c:out escapeXml='true' value='${bannerSetList._bannerSetName}' /></span></a>
+							        		</c:when>
+							        	</c:choose>
+							        </td>	
+							        <td>
+							        	<c:choose>
+								        	<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>											        
+								        	<a class="hover-link" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />/bannerDataList.do"><span><c:out escapeXml='true' value='${bannerSetList._bannerDataIdxCnt}' /></span></a>
+								        	</c:when>
+								        	<c:otherwise>
+								        	<c:out escapeXml='true' value='${bannerSetList._bannerDataIdxCnt}' />
+								        	</c:otherwise>
+							        	</c:choose>
+							        </td>									        			
+							        <td class="item-tablet-hidden"><c:out escapeXml='true' value='${bannerSetList._memberName}' />(<c:out escapeXml='true' value='${bannerSetList._memberId}' />)</td>
+							        <td class="item-mobile-hidden"><c:out escapeXml='true' value='${fn:substring(bannerSetList._bannerSetRegDate, 0, 10)}' /></td>
+							        <c:choose>
+						        	<c:when test="${bannerSetList._bannerSetStatus == 'U'}">
+						        	<td class="item-mobile-hidden skin-default"><s:message code="common.use"/></td>
+						        	</c:when>
+						        	<c:when test="${bannerSetList._bannerSetStatus == 'S'}">
+						        	<td class="state-stop item-mobile-hidden"><s:message code="common.stop"/></td>
+						        	</c:when>
+						        	<c:when test="${bannerSetList._bannerSetStatus == 'D'}">
+							        	<c:choose>
+							        	<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>										        	
+							        	<td class="state-delete item-mobile-hidden">
+						        			<a class="dataDel" href="/gtm/proc/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetDelProc/<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><s:message code="common.button.del"/></a>
+						        		</td>
+							        	</c:when>
+							        	<c:otherwise>
+							        	<td><s:message code="common.button.del"/></td>
+							        	</c:otherwise>
+							        	</c:choose>
+						        	</c:when>
+							        </c:choose>
+							    </tr>
+								</c:forEach>
+							</c:when>
+							<c:otherwise>
+							    <tr>
+							        <td class="no-data-colspan"><s:message code="common.message.no.data"/></td>
+							    </tr>
+							</c:otherwise>
+						</c:choose>
+						</tbody>
+					</table>
+				</div>
+
+				<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'>
+				<div class="change-state-area">
+					<label for="selStatus"><s:message code="common.message.choice"/></label>
+					<select name="selStatus" id="selStatus" title="<s:message code="common.select.option.value"/>" class="change-list">
+						<option value=""><s:message code="common.select.option.value"/></option>
+						<option value="U"><s:message code="common.select.option.value.use"/></option>
+						<option value="S"><s:message code="common.select.option.value.stop"/></option>
+						<option value="D"><s:message code="common.select.option.value.delete"/></option>
+					</select>
+					<button type="submit" class="btn-change-state"><s:message code="common.button.status"/></button>
+				</div>
+				</c:if>
+				
+			</div>
+				
+		</form:form>
+		
+		<div class="pagination-container">
+			<div class="pagination-inner clear">
+				<div class="pagination-control prev clear">
+					<a class="first-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=1&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.first"/>" ><s:message code="common.page.first"/></a>
+					<c:choose>
+					<c:when test="${block > 1}">
+						<a class="prev-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${fPage-1}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.prev"/>" ><s:message code="common.page.prev"/></a>
+					</c:when>
+					<c:otherwise>
+						<a class="prev-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${fPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.prev"/>" ><s:message code="common.page.prev"/></a>
+					</c:otherwise>
+					</c:choose>
+				</div>
+				<ul class="pagination clear">
+				<c:forEach begin="0"  end="${lPage-fPage}" var="index" >
+					<c:choose>
+						<c:when test="${index+fPage==page}">
+							<li><a class="on" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.now"/>" ><c:out escapeXml='true' value='${page}' /></a></li>
+						</c:when>
+						<c:otherwise>
+							<li><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${index+fPage}' />&amp;row=${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<c:out escapeXml='true' value='${index+fPage}' /> <s:message code="common.page.page"/>" ><c:out escapeXml='true' value='${index+fPage}' /></a></li>
+						</c:otherwise>
+					</c:choose>
+				</c:forEach>
+				</ul>
+				<div class="pagination-control next clear">
+					<c:choose>
+					<c:when test="${block < blocks}">
+						<a class="next-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${lPage+1}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.next"/>" ><s:message code="common.page.next"/></a>
+					</c:when>
+					<c:otherwise>
+						<a class="next-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${lPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.next"/>" ><s:message code="common.page.next"/></a>
+					</c:otherwise>
+					</c:choose>
+					<a class="last-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${pages}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.last"/>" ><s:message code="common.page.last"/></a>
+				</div>
+			</div>
+		</div>
+	
+		<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'>
+		<div class="btn-area">
+			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetForm.do" class="btn-normal violet"><s:message code="common.button.create"/></a>
+		</div>
+		</c:if>
+			
+		<script>
+		/* <![CDATA[ */
+    	$(".dataDel").click(function(){
+			if(!confirm("<s:message code='common.message.banner.set.confirm.del'/>")){
+				return false;
+			}
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+    	});
+		
+		$(".codeClick").click(function(){
+			var url = $(this).attr("href");
+			location.replace("/common/getCode/<c:out escapeXml='true' value='${siteIdx}' />.do?getUrl="+Base64.encode(url)+"&codeType=func&pageType=manager");
+			return false;
+		});		
+
+		$("#frm").submit(function(){
+			
+			if(!$('input:checkbox[name="idxs"]').is(":checked")){
+				alert("<s:message code="common.message.no.check"/>");
+				return false;
+			}
+			
+			if($("#selStatus option:selected").val() == ""){
+				alert("<s:message code="common.message.no.select"/>");
+				$("#selStatus").focus();
+				return false;
+			}
+			
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});
+		/* ]]> */
+		</script>
+		
+		<c:if test='${(siteMenuIdx != "0" && menuCode == "N") || menuCode == "banner"}'>
+		</div>
+		</c:if>
+
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/skin/siteAlertSkin.jsp b/src/main/webapp/WEB-INF/jsp/manager/skin/siteAlertSkin.jsp
new file mode 100644
index 00000000..ec2cccd4
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/skin/siteAlertSkin.jsp
@@ -0,0 +1,79 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+		<title><s:message code="manager.skin.member.title"/></title>
+	</head>
+	<body>
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.skin.tab.alert"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p><s:message code="manager.skin.alert.caption"/></p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="tab-menu cf">		
+			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteAlertSkin.do?alertType=message" <c:if test='${alertType == "message"}'>class="on" </c:if>><s:message code="manager.skin.tab.alert.message"/></a>
+			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteAlertSkin.do?alertType=error" <c:if test='${alertType == "error"}'>class="on" </c:if>><s:message code="manager.skin.tab.alert.error"/></a>
+		</div>
+		<div class="layout-content">
+			<div class="layout-title">
+				<button type="button" class="skin-tab on" id="htmlTab"><div class="skin-div"><span>〈 / 〉</span><p>Html</p></div></button>
+				<button type="button" class="skin-tab" id="cssTab"><div class="skin-div"><span>〈 _ 〉</span><p>Css</p></div></button>
+				<div class="editor-util-btn">
+					<button type="button" class="editor-full-btn">에디터 전체화면</button>
+				</div>				
+			</div>
+			<div class="editor">
+				<span class="rolling"></span>
+				<iframe class="iframe" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=alert&amp;pageName=<c:out escapeXml='true' value='${alertType}' />" id="siteSkinHtml"></iframe>
+				<iframe class="iframe" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=alert&amp;pageName=alert" id="siteSkinCss"></iframe>
+			</div>
+		</div>
+		<div class="btn-area">
+			<button type="button" class="btn-normal violet" id="btnHtml"><s:message code="common.button.mod"/></button>
+			<button type="button" class="btn-normal violet DSP-NONE" id="btnCss"><s:message code="common.button.mod"/></button>
+		</div>
+		
+		<script>
+		/* <![CDATA[ */
+
+		$("#btnHtml").click(function(){
+			$("#siteSkinHtml")[0].contentWindow.jf_submit();
+		});
+
+		$("#btnCss").click(function(){
+			$("#siteSkinCss")[0].contentWindow.jf_submit();
+		});
+		
+		$("#htmlTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');
+			$("#siteSkinHtml").show();
+			$("#siteSkinCss").hide();
+			$("#btnHtml").show();
+			$("#btnCss").hide();
+		});
+		
+		$("#cssTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');
+			$("#siteSkinHtml").hide();
+			$("#siteSkinCss").show();
+			$("#btnHtml").hide();
+			$("#btnCss").show();
+		});
+		
+		
+		/* ]]> */
+		</script>
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/skin/siteChargeSkin.jsp b/src/main/webapp/WEB-INF/jsp/manager/skin/siteChargeSkin.jsp
new file mode 100644
index 00000000..f2c451ee
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/skin/siteChargeSkin.jsp
@@ -0,0 +1,80 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.skin.charge.title"/></title>
+	</head>
+	
+	<body>
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.skin.tab.charge"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p><s:message code="manager.skin.charge.caption"/></p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="layout-content">
+			<div class="layout-title">
+				<button type="button" class="skin-tab on" id="htmlTab"><div class="skin-div"><span>〈 / 〉</span><p>Html</p></div></button>
+				<button type="button" class="skin-tab" id="cssTab"><div class="skin-div"><span>〈 _ 〉</span><p>Css</p></div></button>
+				<div class="editor-util-btn">
+					<button type="button" class="editor-full-btn">에디터 전체화면</button>
+				</div>				
+			</div>
+			<div class="editor">
+				<span class="rolling"></span>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=charge&amp;pageName=charge" id="siteSkinHtml"></iframe>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=charge&amp;pageName=charge" id="siteSkinCss"></iframe>
+			</div>
+		</div>
+		<div class="btn-area">
+			<button type="button" class="btn-normal violet" id="btnHtml"><s:message code="common.button.mod"/></button>
+			<button type="button" class="btn-normal violet DSP-NONE" id="btnCss"><s:message code="common.button.mod"/></button>
+		</div>			
+			
+			
+		<script>
+		/* <![CDATA[ */
+	
+		$("#btnHtml").click(function(){
+			$("#siteSkinHtml")[0].contentWindow.jf_submit();
+		});
+
+		$("#btnCss").click(function(){
+			$("#siteSkinCss")[0].contentWindow.jf_submit();
+		});
+		
+		$("#htmlTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');			
+			$("#siteSkinHtml").show();
+			$("#siteSkinCss").hide();
+			$("#btnHtml").show();
+			$("#btnCss").hide();
+		});
+		
+		$("#cssTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');			
+			$("#siteSkinHtml").hide();
+			$("#siteSkinCss").show();
+			$("#btnHtml").hide();
+			$("#btnCss").show();
+		});		
+
+		$("#frm").submit(function(){
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});		
+	
+		/* ]]> */
+		</script>	
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/skin/siteFileuploadSkin.jsp b/src/main/webapp/WEB-INF/jsp/manager/skin/siteFileuploadSkin.jsp
new file mode 100644
index 00000000..279b56dd
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/skin/siteFileuploadSkin.jsp
@@ -0,0 +1,82 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.skin.fileupload.title"/></title>
+	</head>
+	
+	<body>
+	
+	
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.skin.tab.fileupload"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p><s:message code="manager.skin.fileupload.caption"/></p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="layout-content">
+			<div class="layout-title">
+				<button type="button" class="skin-tab on" id="htmlTab"><div class="skin-div"><span>〈 / 〉</span><p>Html</p></div></button>
+				<button type="button" class="skin-tab" id="cssTab"><div class="skin-div"><span>〈 _ 〉</span><p>Css</p></div></button>
+				<div class="editor-util-btn">
+					<button type="button" class="editor-full-btn">에디터 전체화면</button>
+				</div>				
+			</div>
+			<div class="editor">
+				<span class="rolling"></span>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=fileupload&amp;pageName=fileupload" id="siteSkinHtml"></iframe>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=fileupload&amp;pageName=fileupload" id="siteSkinCss"></iframe>
+			</div>
+		</div>
+		<div class="btn-area">
+			<button type="button" class="btn-normal violet" id="btnHtml"><s:message code="common.button.mod"/></button>
+			<button type="button" class="btn-normal violet DSP-NONE" id="btnCss"><s:message code="common.button.mod"/></button>
+		</div>			
+			
+			
+		<script>
+		/* <![CDATA[ */
+	
+		$("#btnHtml").click(function(){
+			$("#siteSkinHtml")[0].contentWindow.jf_submit();
+		});
+
+		$("#btnCss").click(function(){
+			$("#siteSkinCss")[0].contentWindow.jf_submit();
+		});
+		
+		$("#htmlTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');			
+			$("#siteSkinHtml").show();
+			$("#siteSkinCss").hide();
+			$("#btnHtml").show();
+			$("#btnCss").hide();
+		});
+		
+		$("#cssTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');			
+			$("#siteSkinHtml").hide();
+			$("#siteSkinCss").show();
+			$("#btnHtml").hide();
+			$("#btnCss").show();
+		});		
+
+		$("#frm").submit(function(){
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});		
+	
+		/* ]]> */
+		</script>
+					
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/skin/siteLoginSkin.jsp b/src/main/webapp/WEB-INF/jsp/manager/skin/siteLoginSkin.jsp
new file mode 100644
index 00000000..aacf618d
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/skin/siteLoginSkin.jsp
@@ -0,0 +1,87 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.skin.login.title"/></title>
+	</head>
+	
+	<body>
+	
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.skin.tab.login"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p><s:message code="manager.skin.login.caption"/></p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="tab-menu cf">
+			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteLoginSkin.do?loginType=login" <c:if test='${loginType == "login"}'>class="on" </c:if>><s:message code="manager.skin.tab.login.login"/></a>
+			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteLoginSkin.do?loginType=logout" <c:if test='${loginType == "logout"}'>class="on" </c:if>><s:message code="manager.skin.tab.login.logout"/></a>
+			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteLoginSkin.do?loginType=loginAuth" <c:if test='${loginType == "loginAuth"}'>class="on" </c:if>><s:message code="manager.skin.tab.login.auth"/></a>
+			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteLoginSkin.do?loginType=loginPw" <c:if test='${loginType == "loginPw"}'>class="on" </c:if>><s:message code="manager.skin.tab.login.pw"/></a>					
+		</div>
+		<div class="layout-content">
+			<div class="layout-title">
+				<button type="button" class="skin-tab on" id="htmlTab"><div class="skin-div"><span>〈 / 〉</span><p>Html</p></div></button>
+				<button type="button" class="skin-tab" id="cssTab"><div class="skin-div"><span>〈 _ 〉</span><p>Css</p></div></button>
+				<div class="editor-util-btn">
+					<button type="button" class="editor-full-btn">에디터 전체화면</button>
+				</div>				
+			</div>
+			<div class="editor">
+				<span class="rolling"></span>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=login&amp;pageName=<c:out escapeXml='true' value='${loginType}' />" id="siteSkinHtml"></iframe>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=login&amp;pageName=login" id="siteSkinCss"></iframe>
+			</div>
+		</div>
+		<div class="btn-area">
+			<button type="button" class="btn-normal violet" id="btnHtml"><s:message code="common.button.mod"/></button>
+			<button type="button" class="btn-normal violet DSP-NONE" id="btnCss"><s:message code="common.button.mod"/></button>
+		</div>			
+			
+			
+		<script>
+		/* <![CDATA[ */
+	
+		$("#btnHtml").click(function(){
+			$("#siteSkinHtml")[0].contentWindow.jf_submit();
+		});
+
+		$("#btnCss").click(function(){
+			$("#siteSkinCss")[0].contentWindow.jf_submit();
+		});
+		
+		$("#htmlTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');			
+			$("#siteSkinHtml").show();
+			$("#siteSkinCss").hide();
+			$("#btnHtml").show();
+			$("#btnCss").hide();
+		});
+		
+		$("#cssTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');			
+			$("#siteSkinHtml").hide();
+			$("#siteSkinCss").show();
+			$("#btnHtml").hide();
+			$("#btnCss").show();
+		});		
+
+		$("#frm").submit(function(){
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});		
+	
+		/* ]]> */
+		</script>
+					
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/skin/siteMemberSkin.jsp b/src/main/webapp/WEB-INF/jsp/manager/skin/siteMemberSkin.jsp
new file mode 100644
index 00000000..f1b060f4
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/skin/siteMemberSkin.jsp
@@ -0,0 +1,99 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.skin.member.title"/></title>
+	</head>
+	
+	<body>
+	
+	
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.skin.tab.member"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p><s:message code="manager.skin.member.caption"/></p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="tab-menu-wrap">
+			<div class="tab-menu cf">		
+				<a <c:if test='${memberType == "memberFormPwDel"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberFormPwDel"><s:message code="manager.skin.tab.member.memberDel"/></a>
+				<a <c:if test='${memberType == "memberPwDelResult"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberPwDelResult"><s:message code="manager.skin.tab.member.memberDelResult"/></a>										
+			</div>
+			<div class="tab-menu cf">	
+				<a <c:if test='${memberType == "memberIdFind"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberIdFind"><s:message code="manager.skin.tab.member.memberIdFind"/></a>
+				<a <c:if test='${memberType == "memberPwFind"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberPwFind"><s:message code="manager.skin.tab.member.memberPwFind"/></a>
+				<a <c:if test='${memberType == "memberIdResult"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberIdResult"><s:message code="manager.skin.tab.member.memberIdResult"/></a>
+				<a <c:if test='${memberType == "memberPwResult"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberPwResult"><s:message code="manager.skin.tab.member.memberPwResult"/></a>	
+			</div>		
+			<div class="tab-menu cf">
+				<a <c:if test='${memberType == "memberForm"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberForm"><s:message code="manager.skin.tab.member.memberForm"/></a>
+				<a <c:if test='${memberType == "memberEdit"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberEdit"><s:message code="manager.skin.tab.member.memberEdit"/></a>
+				<a <c:if test='${memberType == "memberChk"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberChk"><s:message code="manager.skin.tab.member.memberChk"/></a>
+				<a <c:if test='${memberType == "memberFormPw"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberFormPw"><s:message code="manager.skin.tab.member.memberPwChk"/></a>
+			</div>
+		</div>
+		<div class="layout-content">
+			<div class="layout-title">
+				<button type="button" class="skin-tab on" id="htmlTab"><div class="skin-div"><span>〈 / 〉</span><p>Html</p></div></button>
+				<button type="button" class="skin-tab" id="cssTab"><div class="skin-div"><span>〈 _ 〉</span><p>Css</p></div></button>
+				<div class="editor-util-btn">
+					<button type="button" class="editor-full-btn">에디터 전체화면</button>
+				</div>				
+			</div>
+			<div class="editor">
+				<span class="rolling"></span>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=member&amp;pageName=${memberType}" id="siteSkinHtml"></iframe>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=member&amp;pageName=member" id="siteSkinCss"></iframe>
+			</div>
+		</div>
+		<div class="btn-area">
+			<button type="button" class="btn-normal violet" id="btnHtml"><s:message code="common.button.mod"/></button>
+			<button type="button" class="btn-normal violet DSP-NONE" id="btnCss"><s:message code="common.button.mod"/></button>
+		</div>		
+	
+	
+		<script>
+		/* <![CDATA[ */
+		$("#btnHtml").click(function(){
+			$("#siteSkinHtml")[0].contentWindow.jf_submit();
+		});
+
+		$("#btnCss").click(function(){
+			$("#siteSkinCss")[0].contentWindow.jf_submit();
+		});
+		
+		$("#htmlTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');					
+			$("#siteSkinHtml").show();
+			$("#siteSkinCss").hide();
+			$("#btnHtml").show();
+			$("#btnCss").hide();
+		});
+		
+		$("#cssTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');					
+			$("#siteSkinHtml").hide();
+			$("#siteSkinCss").show();
+			$("#btnHtml").hide();
+			$("#btnCss").show();
+		});		
+
+		$("#frm").submit(function(){
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});		
+		
+		/* ]]> */
+		</script> 
+				
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/skin/siteNavigationSkin.jsp b/src/main/webapp/WEB-INF/jsp/manager/skin/siteNavigationSkin.jsp
new file mode 100644
index 00000000..5e50bcad
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/skin/siteNavigationSkin.jsp
@@ -0,0 +1,80 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.skin.navigation.title"/></title>
+	</head>
+	
+	<body>
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.skin.tab.navigation"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p><s:message code="manager.skin.navigation.caption"/></p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="layout-content">
+			<div class="layout-title">
+				<button type="button" class="skin-tab on" id="htmlTab"><div class="skin-div"><span>〈 / 〉</span><p>Html</p></div></button>
+				<button type="button" class="skin-tab" id="cssTab"><div class="skin-div"><span>〈 _ 〉</span><p>Css</p></div></button>
+				<div class="editor-util-btn">
+					<button type="button" class="editor-full-btn">에디터 전체화면</button>
+				</div>				
+			</div>
+			<div class="editor">
+				<span class="rolling"></span>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=navigation&amp;pageName=navigation" id="siteSkinHtml"></iframe>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=navigation&amp;pageName=navigation" id="siteSkinCss"></iframe>
+			</div>
+		</div>
+		<div class="btn-area">
+			<button type="button" class="btn-normal violet" id="btnHtml"><s:message code="common.button.mod"/></button>
+			<button type="button" class="btn-normal violet DSP-NONE" id="btnCss"><s:message code="common.button.mod"/></button>
+		</div>			
+			
+			
+		<script>
+		/* <![CDATA[ */
+	
+		$("#btnHtml").click(function(){
+			$("#siteSkinHtml")[0].contentWindow.jf_submit();
+		});
+
+		$("#btnCss").click(function(){
+			$("#siteSkinCss")[0].contentWindow.jf_submit();
+		});
+		
+		$("#htmlTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');			
+			$("#siteSkinHtml").show();
+			$("#siteSkinCss").hide();
+			$("#btnHtml").show();
+			$("#btnCss").hide();
+		});
+		
+		$("#cssTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');			
+			$("#siteSkinHtml").hide();
+			$("#siteSkinCss").show();
+			$("#btnHtml").hide();
+			$("#btnCss").show();
+		});		
+
+		$("#frm").submit(function(){
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});		
+	
+		/* ]]> */
+		</script>
+				
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/skin/siteSatisfactionSkin.jsp b/src/main/webapp/WEB-INF/jsp/manager/skin/siteSatisfactionSkin.jsp
new file mode 100644
index 00000000..95d0fd38
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/skin/siteSatisfactionSkin.jsp
@@ -0,0 +1,81 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.skin.satisfaction.title"/></title>
+	</head>
+	
+	<body>
+	
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.skin.tab.satisfaction"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p><s:message code="manager.skin.satisfaction.caption"/></p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="layout-content">
+			<div class="layout-title">
+				<button type="button" class="skin-tab on" id="htmlTab"><div class="skin-div"><span>〈 / 〉</span><p>Html</p></div></button>
+				<button type="button" class="skin-tab" id="cssTab"><div class="skin-div"><span>〈 _ 〉</span><p>Css</p></div></button>
+				<div class="editor-util-btn">
+					<button type="button" class="editor-full-btn">에디터 전체화면</button>
+				</div>				
+			</div>
+			<div class="editor">
+				<span class="rolling"></span>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=satisfaction&amp;pageName=satisfaction" id="siteSkinHtml"></iframe>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=satisfaction&amp;pageName=satisfaction" id="siteSkinCss"></iframe>
+			</div>
+		</div>
+		<div class="btn-area">
+			<button type="button" class="btn-normal violet" id="btnHtml"><s:message code="common.button.mod"/></button>
+			<button type="button" class="btn-normal violet DSP-NONE" id="btnCss"><s:message code="common.button.mod"/></button>
+		</div>			
+			
+			
+		<script>
+		/* <![CDATA[ */
+	
+		$("#btnHtml").click(function(){
+			$("#siteSkinHtml")[0].contentWindow.jf_submit();
+		});
+
+		$("#btnCss").click(function(){
+			$("#siteSkinCss")[0].contentWindow.jf_submit();
+		});
+		
+		$("#htmlTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');			
+			$("#siteSkinHtml").show();
+			$("#siteSkinCss").hide();
+			$("#btnHtml").show();
+			$("#btnCss").hide();
+		});
+		
+		$("#cssTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');			
+			$("#siteSkinHtml").hide();
+			$("#siteSkinCss").show();
+			$("#btnHtml").hide();
+			$("#btnCss").show();
+		});		
+
+		$("#frm").submit(function(){
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});		
+	
+		/* ]]> */
+		</script>
+			
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/skin/siteSkinCss.jsp b/src/main/webapp/WEB-INF/jsp/manager/skin/siteSkinCss.jsp
new file mode 100644
index 00000000..864f6ff9
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/skin/siteSkinCss.jsp
@@ -0,0 +1,273 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.skin.siteSkinCss.title"/></title>
+	<link rel="stylesheet" href="/codemirror/lib/codemirror.css">
+	<link rel="stylesheet" href="/codemirror/addon/dialog/dialog.css">
+	<link rel="stylesheet" href="/codemirror/addon/hint/show-hint.css">
+	<link rel="stylesheet" href="/codemirror/addon/display/fullscreen.css">
+	<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/notosanskr.css">	
+	<style>
+	<!--
+		body { margin:0; padding:0; }
+		textarea { border:1px solid #ddd; border-radius:5px; vertical-align:0;font-family:"돋움", "dotum"; font-size:12px;}
+		.CodeMirror {
+			height : 466px;
+		}
+		.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
+		.cm-tab {
+			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
+			background-position: right;
+			background-repeat: no-repeat;
+		}
+	-->
+	</style>
+	
+	<!-- theme css -->
+	<link rel="stylesheet" href="/codemirror/theme/3024-day.css">
+	<link rel="stylesheet" href="/codemirror/theme/3024-night.css">
+	<link rel="stylesheet" href="/codemirror/theme/ambiance.css">
+	<link rel="stylesheet" href="/codemirror/theme/base16-dark.css">
+	<link rel="stylesheet" href="/codemirror/theme/base16-light.css">
+	<link rel="stylesheet" href="/codemirror/theme/blackboard.css">
+	<link rel="stylesheet" href="/codemirror/theme/cobalt.css">
+	<link rel="stylesheet" href="/codemirror/theme/eclipse.css">
+	<link rel="stylesheet" href="/codemirror/theme/elegant.css">
+	<link rel="stylesheet" href="/codemirror/theme/erlang-dark.css">
+	<link rel="stylesheet" href="/codemirror/theme/lesser-dark.css">
+	<link rel="stylesheet" href="/codemirror/theme/mbo.css">
+	<link rel="stylesheet" href="/codemirror/theme/midnight.css">
+	<link rel="stylesheet" href="/codemirror/theme/monokai.css">
+	<link rel="stylesheet" href="/codemirror/theme/neat.css">
+	<link rel="stylesheet" href="/codemirror/theme/night.css">
+	<link rel="stylesheet" href="/codemirror/theme/paraiso-dark.css">
+	<link rel="stylesheet" href="/codemirror/theme/paraiso-light.css">
+	<link rel="stylesheet" href="/codemirror/theme/rubyblue.css">
+	<link rel="stylesheet" href="/codemirror/theme/solarized.css">
+	<link rel="stylesheet" href="/codemirror/theme/the-matrix.css">
+	<link rel="stylesheet" href="/codemirror/theme/tomorrow-night-eighties.css">
+	<link rel="stylesheet" href="/codemirror/theme/twilight.css">
+	<link rel="stylesheet" href="/codemirror/theme/vibrant-ink.css">
+	<link rel="stylesheet" href="/codemirror/theme/xq-dark.css">
+	<link rel="stylesheet" href="/codemirror/theme/xq-light.css">
+	<!-- theme css -->
+	
+	<script src="/codemirror/lib/codemirror.js"></script>
+	<script src="/codemirror/mode/xml/xml.js"></script>
+	<script src="/codemirror/addon/dialog/dialog.js"></script>
+	<script src="/codemirror/addon/search/searchcursor.js"></script>
+	<script src="/codemirror/addon/search/search.js"></script>
+	<script src="/codemirror/addon/fold/xml-fold.js"></script>
+	<script src="/codemirror/addon/edit/matchtags.js"></script>
+	<script src="/codemirror/addon/edit/closetag.js"></script>
+	<script src="/codemirror/addon/hint/show-hint.js"></script>
+	<script src="/codemirror/addon/hint/xml-hint.js"></script>
+	<script src="/codemirror/addon/hint/html-hint.js"></script>
+	<script src="/codemirror/mode/javascript/javascript.js"></script>
+	<script src="/codemirror/mode/css/css.js"></script>
+	<script src="/codemirror/mode/htmlmixed/htmlmixed.js"></script>
+	<script src="/codemirror/addon/display/fullscreen.js"></script>
+	<script src="/codemirror/mode/clike/clike.js"></script>
+	<script src="/codemirror/keymap/extra.js"></script>
+	<script src="/codemirror/addon/selection/active-line.js"></script>
+	<script src="/codemirror/addon/edit/matchbrackets.js"></script>
+	<script src="/codemirror/addon/zen/zen_codemirror.min.js"></script>
+	<script src="/js/cookie.js"></script>
+	<style>
+		html{overflow:hidden;}
+		body{background:#fff;}	
+	</style>
+	</head>
+	
+	<body>
+	
+		<form:form name="frm" id="frm" method="post" action="/gtm/proc/${siteIdx}/siteSkinCssModProc.do">
+			<input type="hidden" name="pageType" id="pageType" value="<c:out escapeXml='true' value='${pageType}' />" />
+			<input type="hidden" name="pageName" id="pageName" value="<c:out escapeXml='true' value='${pageName}' />" />		
+			<textarea name="siteSkinCss" id="siteSkinCss" style="display:none; "><c:out escapeXml='true' value='${siteSkinCss}' /></textarea>
+			<textarea name="codeTextArea" id="codeTextArea" style="height:500px; width:99%;"><c:out escapeXml='true' value='${siteSkinCss}' /></textarea>
+			
+			<div class="layout-footer">
+				<div class="skin-list-box">
+					<label for="layout-skin-list" class="hidden">레이아웃 스킨 선택</label>
+					<select onchange="selectTheme()" id="select" class="layout-skin-list">
+						<option selected>default</option>
+						<option>3024-day</option>
+						<option>3024-night</option>
+						<option>ambiance</option>
+						<option>base16-dark</option>
+						<option>base16-light</option>
+						<option>blackboard</option>
+						<option>cobalt</option>
+						<option>eclipse</option>
+						<option>elegant</option>
+						<option>erlang-dark</option>
+						<option>lesser-dark</option>
+						<option>mbo</option>
+						<option>midnight</option>
+						<option>monokai</option>
+						<option>neat</option>
+						<option>night</option>
+						<option>paraiso-dark</option>
+						<option>paraiso-light</option>
+						<option>rubyblue</option>
+						<option>solarized dark</option>
+						<option>solarized light</option>
+						<option>the-matrix</option>
+						<option>tomorrow-night-eighties</option>
+						<option>twilight</option>
+						<option>vibrant-ink</option>
+						<option>xq-dark</option>
+						<option>xq-light</option>
+					</select>
+				</div>
+			</div>
+
+			<!--
+
+			/////////////// 
+			Crtl-E 
+				toMatchingTag
+			Ctrl-Space
+				autocomplete
+			///////////////
+
+			/////////////// Search /////////////////
+			Ctrl-F / Cmd-F
+				Start searching
+			Ctrl-G / Cmd-G
+				Find next
+			Shift-Ctrl-G / Shift-Cmd-G
+				Find previous
+			Shift-Ctrl-F / Cmd-Option-F
+				Replace
+			Shift-Ctrl-R / Shift-Cmd-Option-F
+				Replace all 
+			/////////////// Search /////////////////
+
+
+			/////////////// Full Screen ////////////
+			F11
+				Full Size
+			ESC
+				Full Not Size
+			/////////////// Full Screen ////////////
+
+
+			/////////// TAB Zen Coding/////////
+			http://docs.emmet.io/abbreviations/syntax/
+			/////////// TAB Zen Coding /////////
+
+			-->
+		</form:form>
+
+
+			<script>
+		/* <![CDATA[ */
+		$("#frm").submit(function(){
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});
+		
+		var F11key = false;
+
+		$(".CodeMirror").keyup(function(e) {
+			if(e.keyCode == "122" || e.keyCode == "27"){
+				if(F11key == false){
+					if(e.keyCode == "122"){ //F11
+						parent.jf_eventF11('${siteLayOutPosition}');
+						F11key = true;
+					}else if(e.keyCode == "27"){ //ESC
+						parent.jf_eventEsc('${siteLayOutPosition}');
+					}
+				}else{
+					parent.jf_eventEsc('${siteLayOutPosition}');
+					F11key = false;
+				}
+			}
+		});
+		
+		
+		CodeMirror.commands.autocomplete = function(cm) {
+			CodeMirror.showHint(cm, CodeMirror.hint.javascript);
+		};
+
+		var editor = CodeMirror.fromTextArea(document.getElementById("codeTextArea"), {
+			value: "<html>\n  " + document.documentElement.innerHTML + "\n</html>",
+			mode: "css",
+			lineNumbers: true,
+			lines : true,
+			matchTags: {bothTags: true},
+			extraKeys: {
+				"Ctrl-E": "toMatchingTag",
+				"Ctrl-Space": "autocomplete",
+				"F11": function(cm) {
+					if (cm.getOption("fullScreen")) {
+						cm.setOption("fullScreen", false);
+						window.parent.jf_eventEsc();	
+						return;
+					}
+					cm.setOption("fullScreen", !cm.getOption("fullScreen"));
+					window.parent.jf_eventF11();
+				},
+				"Esc": function(cm) {
+					if (cm.getOption("fullScreen")) {
+						cm.setOption("fullScreen", false);
+						window.parent.jf_eventEsc();
+					}
+				}
+			},
+			autoCloseTags: true,
+			styleActiveLine: true,
+			matchBrackets: true,
+			syntax: 'css',   /* define Zen Coding syntax */
+			
+			// send all key events to Zen Coding
+			onKeyEvent: function() {
+				return zen_editor.handleKeyEvent.apply(zen_editor, arguments);
+			}
+		});
+		
+		if( typeof window.parent.isFullScreen === 'function' && window.parent.isFullScreen() ){
+			window.parent.jf_eventF11('reload');
+		}		
+		
+
+		var input = document.getElementById("select");
+
+		function selectTheme() {
+			var theme = input.options[input.selectedIndex].innerHTML;
+			editor.setOption("theme", theme);
+			jf_setCookie("selectTheme", theme);
+		}
+
+		var choice = jf_getCookie("selectTheme");
+
+		if (choice != "") {
+			input.value = choice;
+			editor.setOption("theme", choice);
+			$("#select").val(choice).attr("selected", "selected");
+		}
+
+		function jf_submit(){
+			$("#siteSkinCss").val(editor.getValue());
+			$("#frm").submit();
+		}
+
+		function jf_codeSubmit(){
+			$("#siteSkinCss").val(editor.getValue());
+		}
+
+		function jf_codeSetSubmit(){
+			editor.setValue($("#siteSkinCss").val());
+		}
+		/* ]]> */
+		</script>
+		
+	</body>
+	
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/skin/siteSkinHtml.jsp b/src/main/webapp/WEB-INF/jsp/manager/skin/siteSkinHtml.jsp
new file mode 100644
index 00000000..cfd2e662
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/skin/siteSkinHtml.jsp
@@ -0,0 +1,274 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.skin.siteSkinHtml.title"/></title>
+	<link rel="stylesheet" href="/codemirror/lib/codemirror.css">
+	<link rel="stylesheet" href="/codemirror/addon/dialog/dialog.css">
+	<link rel="stylesheet" href="/codemirror/addon/hint/show-hint.css">
+	<link rel="stylesheet" href="/codemirror/addon/display/fullscreen.css">
+	<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/notosanskr.css">
+	
+	<style>
+	<!--
+		body { margin:0; padding:0; }
+		textarea { border:1px solid #ddd; border-radius:5px; vertical-align:0;font-family:"돋움", "dotum"; font-size:12px;}
+		.CodeMirror {
+			height : 466px;
+		}
+		.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
+		.cm-tab {
+			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
+			background-position: right;
+			background-repeat: no-repeat;
+		}
+	-->
+	</style>
+	
+	<!-- theme css -->
+	<link rel="stylesheet" href="/codemirror/theme/3024-day.css">
+	<link rel="stylesheet" href="/codemirror/theme/3024-night.css">
+	<link rel="stylesheet" href="/codemirror/theme/ambiance.css">
+	<link rel="stylesheet" href="/codemirror/theme/base16-dark.css">
+	<link rel="stylesheet" href="/codemirror/theme/base16-light.css">
+	<link rel="stylesheet" href="/codemirror/theme/blackboard.css">
+	<link rel="stylesheet" href="/codemirror/theme/cobalt.css">
+	<link rel="stylesheet" href="/codemirror/theme/eclipse.css">
+	<link rel="stylesheet" href="/codemirror/theme/elegant.css">
+	<link rel="stylesheet" href="/codemirror/theme/erlang-dark.css">
+	<link rel="stylesheet" href="/codemirror/theme/lesser-dark.css">
+	<link rel="stylesheet" href="/codemirror/theme/mbo.css">
+	<link rel="stylesheet" href="/codemirror/theme/midnight.css">
+	<link rel="stylesheet" href="/codemirror/theme/monokai.css">
+	<link rel="stylesheet" href="/codemirror/theme/neat.css">
+	<link rel="stylesheet" href="/codemirror/theme/night.css">
+	<link rel="stylesheet" href="/codemirror/theme/paraiso-dark.css">
+	<link rel="stylesheet" href="/codemirror/theme/paraiso-light.css">
+	<link rel="stylesheet" href="/codemirror/theme/rubyblue.css">
+	<link rel="stylesheet" href="/codemirror/theme/solarized.css">
+	<link rel="stylesheet" href="/codemirror/theme/the-matrix.css">
+	<link rel="stylesheet" href="/codemirror/theme/tomorrow-night-eighties.css">
+	<link rel="stylesheet" href="/codemirror/theme/twilight.css">
+	<link rel="stylesheet" href="/codemirror/theme/vibrant-ink.css">
+	<link rel="stylesheet" href="/codemirror/theme/xq-dark.css">
+	<link rel="stylesheet" href="/codemirror/theme/xq-light.css">
+	<!-- theme css -->
+	
+	<script src="/codemirror/lib/codemirror.js"></script>
+	<script src="/codemirror/mode/xml/xml.js"></script>
+	<script src="/codemirror/addon/dialog/dialog.js"></script>
+	<script src="/codemirror/addon/search/searchcursor.js"></script>
+	<script src="/codemirror/addon/search/search.js"></script>
+	<script src="/codemirror/addon/fold/xml-fold.js"></script>
+	<script src="/codemirror/addon/edit/matchtags.js"></script>
+	<script src="/codemirror/addon/edit/closetag.js"></script>
+	<script src="/codemirror/addon/hint/show-hint.js"></script>
+	<script src="/codemirror/addon/hint/xml-hint.js"></script>
+	<script src="/codemirror/addon/hint/html-hint.js"></script>
+	<script src="/codemirror/mode/javascript/javascript.js"></script>
+	<script src="/codemirror/mode/css/css.js"></script>
+	<script src="/codemirror/mode/htmlmixed/htmlmixed.js"></script>
+	<script src="/codemirror/addon/display/fullscreen.js"></script>
+	<script src="/codemirror/mode/clike/clike.js"></script>
+	<script src="/codemirror/keymap/extra.js"></script>
+	<script src="/codemirror/addon/selection/active-line.js"></script>
+	<script src="/codemirror/addon/edit/matchbrackets.js"></script>
+	<script src="/codemirror/addon/zen/zen_codemirror.min.js"></script>
+	<script src="/js/cookie.js"></script>
+	<style>
+		html{overflow:hidden;}
+		body{background:#fff;}
+	</style>
+	</head>
+	
+	<body>
+	
+		<form:form name="frm" id="frm" method="post" action="/gtm/proc/${siteIdx}/siteSkinHtmlModProc.do">
+			<input type="hidden" name="pageType" id="pageType" value="<c:out escapeXml='true' value='${pageType}' />" />
+			<input type="hidden" name="pageName" id="pageName" value="<c:out escapeXml='true' value='${pageName}' />" />
+			<textarea name="siteSkinHtml" id="siteSkinHtml" style="display:none; "><c:out escapeXml='true' value='${siteSkinHtml}' /></textarea>
+			<textarea name="codeTextArea" id="codeTextArea" style="height:500px; width:99%;"><c:out escapeXml='true' value='${siteSkinHtml}' /></textarea>
+			
+			<div class="layout-footer">
+				<div class="skin-list-box">
+					<label for="layout-skin-list" class="hidden">레이아웃 스킨 선택</label>
+					<select onchange="selectTheme()" id="select" class="layout-skin-list">
+						<option selected>default</option>
+						<option>3024-day</option>
+						<option>3024-night</option>
+						<option>ambiance</option>
+						<option>base16-dark</option>
+						<option>base16-light</option>
+						<option>blackboard</option>
+						<option>cobalt</option>
+						<option>eclipse</option>
+						<option>elegant</option>
+						<option>erlang-dark</option>
+						<option>lesser-dark</option>
+						<option>mbo</option>
+						<option>midnight</option>
+						<option>monokai</option>
+						<option>neat</option>
+						<option>night</option>
+						<option>paraiso-dark</option>
+						<option>paraiso-light</option>
+						<option>rubyblue</option>
+						<option>solarized dark</option>
+						<option>solarized light</option>
+						<option>the-matrix</option>
+						<option>tomorrow-night-eighties</option>
+						<option>twilight</option>
+						<option>vibrant-ink</option>
+						<option>xq-dark</option>
+						<option>xq-light</option>
+					</select>
+				</div>
+			</div>
+
+			<!--
+
+			/////////////// 
+			Crtl-E 
+				toMatchingTag
+			Ctrl-Space
+				autocomplete
+			///////////////
+
+			/////////////// Search /////////////////
+			Ctrl-F / Cmd-F
+				Start searching
+			Ctrl-G / Cmd-G
+				Find next
+			Shift-Ctrl-G / Shift-Cmd-G
+				Find previous
+			Shift-Ctrl-F / Cmd-Option-F
+				Replace
+			Shift-Ctrl-R / Shift-Cmd-Option-F
+				Replace all 
+			/////////////// Search /////////////////
+
+
+			/////////////// Full Screen ////////////
+			F11
+				Full Size
+			ESC
+				Full Not Size
+			/////////////// Full Screen ////////////
+
+
+			/////////// TAB Zen Coding/////////
+			http://docs.emmet.io/abbreviations/syntax/
+			/////////// TAB Zen Coding /////////
+
+			-->
+		</form:form>
+
+		<script>
+		/* <![CDATA[ */
+		$("#frm").submit(function(){
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});
+		
+		var F11key = false;
+
+		$(".CodeMirror").keyup(function(e) {
+			if(e.keyCode == "122" || e.keyCode == "27"){
+				if(F11key == false){
+					if(e.keyCode == "122"){ //F11
+						parent.jf_eventF11('${siteLayOutPosition}');
+						F11key = true;
+					}else if(e.keyCode == "27"){ //ESC
+						parent.jf_eventEsc('${siteLayOutPosition}');
+					}
+				}else{
+					parent.jf_eventEsc('${siteLayOutPosition}');
+					F11key = false;
+				}
+			}
+		});
+		
+		
+		CodeMirror.commands.autocomplete = function(cm) {
+			CodeMirror.showHint(cm, CodeMirror.hint.javascript);
+		};
+
+		var editor = CodeMirror.fromTextArea(document.getElementById("codeTextArea"), {
+			value: "<html>\n  " + document.documentElement.innerHTML + "\n</html>",
+			mode: "text/html",
+			lineNumbers: true,
+			lines : true,
+			matchTags: {bothTags: true},
+			extraKeys: {
+				"Ctrl-E": "toMatchingTag",
+				"Ctrl-Space": "autocomplete",
+				"F11": function(cm) {
+					if (cm.getOption("fullScreen")) {
+						cm.setOption("fullScreen", false);
+						window.parent.jf_eventEsc();	
+						return;
+					}
+					cm.setOption("fullScreen", !cm.getOption("fullScreen"));
+					window.parent.jf_eventF11();
+				},
+				"Esc": function(cm) {
+					if (cm.getOption("fullScreen")) {
+						cm.setOption("fullScreen", false);
+						window.parent.jf_eventEsc();
+					}
+				}
+			},
+			autoCloseTags: true,
+			styleActiveLine: true,
+			matchBrackets: true,
+			syntax: 'html',   /* define Zen Coding syntax */
+			profile: 'xhtml', /* define Zen Coding output profile */
+			
+			// send all key events to Zen Coding
+			onKeyEvent: function() {
+				return zen_editor.handleKeyEvent.apply(zen_editor, arguments);
+			}
+		});
+		
+		if( typeof window.parent.isFullScreen === 'function' && window.parent.isFullScreen() ){
+			window.parent.jf_eventF11('reload');
+		}		
+		
+
+		var input = document.getElementById("select");
+
+		function selectTheme() {
+			var theme = input.options[input.selectedIndex].innerHTML;
+			editor.setOption("theme", theme);
+			jf_setCookie("selectTheme", theme);
+		}
+
+		var choice = jf_getCookie("selectTheme");
+
+		if (choice != "") {
+			input.value = choice;
+			editor.setOption("theme", choice);
+			$("#select").val(choice).attr("selected", "selected");
+		}
+
+		function jf_submit(){
+			$("#siteSkinHtml").val(editor.getValue());
+			$("#frm").submit();
+		}
+
+		function jf_codeSubmit(){
+			$("#siteSkinHtml").val(editor.getValue());
+		}
+
+		function jf_codeSetSubmit(){
+			editor.setValue($("#siteSkinHtml").val());
+		}
+		/* ]]> */
+		</script>
+		
+	</body>
+	
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/skin/siteSmartMenuSkin.jsp b/src/main/webapp/WEB-INF/jsp/manager/skin/siteSmartMenuSkin.jsp
new file mode 100644
index 00000000..931a7ee9
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/skin/siteSmartMenuSkin.jsp
@@ -0,0 +1,76 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.skin.smartmenu.title"/></title>
+	</head>
+	
+	<body>
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.skin.tab.smartmenu"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p><s:message code="manager.skin.smartmenu.caption"/></p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="layout-content">
+			<div class="layout-title">
+				<button type="button" class="skin-tab on" id="htmlTab"><div class="skin-div"><span>〈 / 〉</span><p>Html</p></div></button>
+				<button type="button" class="skin-tab" id="cssTab"><div class="skin-div"><span>〈 _ 〉</span><p>Css</p></div></button>
+			</div>
+			<div class="editor">
+				<span class="rolling"></span>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=smartmenu&amp;pageName=smartmenu" id="siteSkinHtml"></iframe>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=smartmenu&amp;pageName=smartmenu" id="siteSkinCss"></iframe>
+			</div>
+		</div>
+		
+		<div class="btn-area">
+			<button type="button" class="btn-normal violet" id="btnHtml"><s:message code="common.button.mod"/></button>
+			<button type="button" class="btn-normal violet DSP-NONE" id="btnCss"><s:message code="common.button.mod"/></button>
+		</div>		
+		
+		<script>
+		/* <![CDATA[ */
+		
+			$("#btnHtml").click(function(){
+				$("#siteSkinHtml")[0].contentWindow.jf_submit();
+			});
+	
+			$("#btnCss").click(function(){
+				$("#siteSkinCss")[0].contentWindow.jf_submit();
+			});
+			
+			$("#htmlTab").click(function(){
+				$('.skin-tab').removeClass('on');
+				$(this).addClass('on');				
+				$("#siteSkinHtml").show();
+				$("#siteSkinCss").hide();
+				$("#btnHtml").show();
+				$("#btnCss").hide();
+			});
+			
+			$("#cssTab").click(function(){
+				$('.skin-tab').removeClass('on');
+				$(this).addClass('on');				
+				$("#siteSkinHtml").hide();
+				$("#siteSkinCss").show();
+				$("#btnHtml").hide();
+				$("#btnCss").show();
+			});		
+	
+			$("#frm").submit(function(){
+				$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+			});		
+		/* ]]> */
+		</script> 
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/statistics/siteMenuStatisticsList.jsp b/src/main/webapp/WEB-INF/jsp/manager/statistics/siteMenuStatisticsList.jsp
new file mode 100644
index 00000000..69880bb8
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/statistics/siteMenuStatisticsList.jsp
@@ -0,0 +1,104 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.statistics.statisticsList.title"/></title>
+	<script src="http://www.google.com/jsapi"></script>
+	</head>
+	
+	<body>
+	
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.tab.siteMenuStatisticsList"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p>메뉴명, 메뉴설정, 메뉴타입, 담당자, 메뉴순서를 변경 할 수 있는 페이지입니다.</p>
+					</div>
+				</div>
+			</div>
+		</div>
+			
+		<div class="more-btn-box">
+			<button type="button" id="moreTableItem" class="more-table-item">칼럼 더보기</button>
+		</div>
+	
+		<div class="table-layout inner-br-none siteMenuList">
+			<table>
+				<caption><s:message code="manager.site.siteMenuList.table.caption"/></caption>
+				<colgroup>
+					<col class="title">
+					<col class="item-mobile-hidden">
+					<col class="item-tablet-hidden">
+					<col class="item-tablet-hidden">
+					<col class="item-mobile-hidden">
+					<col>
+				</colgroup>
+				<thead>
+				<tr>
+					<th scope="col"><s:message code="manager.site.siteMenuList.siteMenuName"/></th>
+					<th scope="col" class="item-mobile-hidden"><s:message code="manager.site.siteMenuList.siteMenuLink"/></th>
+					<th scope="col" class="item-tablet-hidden"><s:message code="manager.site.siteMenuList.siteMenuStatus"/></th>
+					<th scope="col" class="item-tablet-hidden"><s:message code="manager.site.siteMenuList.siteMenuIdx"/></th>
+					<th scope="col" class="item-mobile-hidden"><s:message code="common.regDate"/></th>
+					<th scope="col"><s:message code="manager.statistics.statisticsList.cnt"/></th>
+				</tr>
+				</thead>
+				<tbody>
+				<tr>
+					<td class="no-data-colspan"><c:out escapeXml='true' value='${siteName}' /></td>
+				</tr>
+				<c:forEach items="${siteMenuStatisticsList}" var="siteMenuStatisticsList" varStatus="status">
+					<tr>
+						<td class="al">
+						<c:choose>
+							<c:when test='${siteMenuStatisticsList._siteMenuNameType == "T"}'>							        	
+							<span class="hover-link depth-<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuDepth}' />"><c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuName}' /></span>
+							</c:when>
+							<c:otherwise>
+							<div>
+								<span class="hover-link depth-<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuDepth}' />"><img src="/site/<c:out escapeXml='true' value='${siteIdx}' />/images/menu/topMenu_<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuIdxs}' />_off.gif" alt="<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuName}' />" width="150px" height="40px" /></span>
+								<br/>
+								<span class="hover-link depth-<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuDepth}' />"><img src="/site/<c:out escapeXml='true' value='${siteIdx}' />/images/menu/topMenu_<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuIdxs}' />_on.gif" alt="<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuName}' />" width="150px" height="40px" /></span>
+								<c:if test='${siteMenuStatisticsList._siteMenuDepth > 1}'>
+								<br/>									
+								<span class="hover-link depth-<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuDepth}' />"><img src="/site/<c:out escapeXml='true' value='${siteIdx}' />/images/menu/subMenu_<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuIdxs}' />_off.gif" alt="<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuName}' />" width="150px" height="40px" /></span>
+								<br/>									
+								<span class="hover-link depth-<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuDepth}' />"><img src="/site/<c:out escapeXml='true' value='${siteIdx}' />/images/menu/subMenu_<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuIdxs}' />_on.gif" alt="<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuName}' />" width="150px" height="40px" /></span>
+								</c:if>
+							</div>
+							</c:otherwise>
+						</c:choose>
+						</td>
+						<td class="item-mobile-hidden"><a class="menu-barogagi" href="<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuLinkUrl}' />" target="_blank"><span><img src="/img/icon-go.png" alt="메뉴 바로가기" class="go-btn">GO</span></a></td>
+						<td class="item-tablet-hidden">
+							<c:choose>
+								<c:when test="${siteMenuStatisticsList._siteMenuStatus == 'U'}">
+								<p class="menu-visible on"><span>ON</span></p>
+								</c:when>
+								<c:when test="${siteMenuStatisticsList._siteMenuStatus == 'S'}">
+								<p class="menu-visible off"><span>OFF</span></p>
+								</c:when>
+							</c:choose>
+						</td>
+						<td class="item-tablet-hidden"><c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuIdxs}' /></td>
+						<td class="item-mobile-hidden"><c:out escapeXml='true' value='${fn:substring(siteMenuStatisticsList._siteMenuRegDate, 0, 10)}' /></td>
+						<td><a class="menu-barogagi hover-link" href="<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuLinkUrl}' />" target="_blank"><span><c:out escapeXml='true' value='${siteMenuStatisticsList._accessCount}' /></span></a></td>
+					</tr>
+				</c:forEach>
+				</tbody>
+			</table>
+				
+		</div>
+		
+		<div class="btn-area">
+			<a class="btn-normal lightgray" href="/gtm/proc/<c:out escapeXml='true' value='${siteIdx}' />/siteMenuStatisticsExcelList.do"><s:message code="common.button.excel"/></a>
+		</div>
+
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/statistics/siteStatisticsList.jsp b/src/main/webapp/WEB-INF/jsp/manager/statistics/siteStatisticsList.jsp
new file mode 100644
index 00000000..3cc0aaec
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/statistics/siteStatisticsList.jsp
@@ -0,0 +1,190 @@
+<%@page import="java.util.HashMap"%>
+<%@page import="java.util.ArrayList"%>
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.statistics.statisticsList.title"/></title>
+	<script src="/js/lib/google-loader.js"></script>
+	</head>
+	
+	<body>
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.tab.siteStatisticsList"/></h3>
+<!-- 				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p>통계 그래프 확인</p>
+					</div>
+				</div> -->
+			</div>
+			<div class="sch-content-wrap clear">
+				<form:form name="frmSearch" id="frmSearch" action="/gtm/${siteIdx}/siteStatisticsList.do" method="post">
+					<input type="hidden" name="page" value="1" />
+					<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
+					<input type="hidden" name="orderColumn" value="<c:out escapeXml='true' value='${orderColumn}' />" />
+					<input type="hidden" name="order" value="<c:out escapeXml='true' value='${order}' />" />
+					<input type="hidden" name="siteMenuIdx" value="<c:out escapeXml='true' value='${siteMenuIdx}' />"/>
+					<input type="hidden" name="menuCode" value="<c:out escapeXml='true' value='${menuCode}' />"/>	 				
+					<fieldset>
+					
+						<legend>검색 폼</legend>
+						
+						<select name="year" id="yearStr" title="<s:message code="common.select.option.value"/>" class="sch-select">
+						</select>
+						
+						<select name="month" id="monthStr" title="<s:message code="common.select.option.value"/>" class="sch-select">
+							<option value="1" <c:if test="${monthStr == '1'}">selected="selected"</c:if>>1월</option>
+							<option value="2" <c:if test="${monthStr == '2'}">selected="selected"</c:if>>2월</option>
+							<option value="3" <c:if test="${monthStr == '3'}">selected="selected"</c:if>>3월</option>
+							<option value="4" <c:if test="${monthStr == '4'}">selected="selected"</c:if>>4월</option>
+							<option value="5" <c:if test="${monthStr == '5'}">selected="selected"</c:if>>5월</option>
+							<option value="6" <c:if test="${monthStr == '6'}">selected="selected"</c:if>>6월</option>
+							<option value="7" <c:if test="${monthStr == '7'}">selected="selected"</c:if>>7월</option>
+							<option value="8" <c:if test="${monthStr == '8'}">selected="selected"</c:if>>8월</option>
+							<option value="9" <c:if test="${monthStr == '9'}">selected="selected"</c:if>>9월</option>
+							<option value="10" <c:if test="${monthStr == '10'}">selected="selected"</c:if>>10월</option>
+							<option value="11" <c:if test="${monthStr == '11'}">selected="selected"</c:if>>11월</option>
+							<option value="12" <c:if test="${monthStr == '12'}">selected="selected"</c:if>>12월</option>
+						</select>
+						
+						<button type="submit" class="btn-page-sch"><s:message code="common.button.search"/></button>
+					</fieldset>
+				</form:form>
+			</div>
+		</div>		
+		<div id="month_chart" class="chart"></div>					
+			
+		
+		
+		<div class="btn-area">
+			<a class="btn-normal lightgray" href="/gtm/proc/<c:out escapeXml='true' value='${siteIdx}' />/siteStatisticsExcelList.do?year=${yearStr}&amp;month=<c:out escapeXml='true' value='${monthStr}' />"><s:message code="common.button.excel"/></a>
+		</div>
+
+		<script>		
+		/* <![CDATA[ */
+		var date = new Date();
+
+		for(var year=date.getFullYear(); (date.getFullYear()-10) <= (year+1); year--){
+			if("${yearStr}" == year){
+				$("#yearStr")[0].options.add(new Option(year, year, true, true));
+			}else{
+				$("#yearStr")[0].options.add(new Option(year, year));
+			}
+		}
+		
+		function requireScript( array ){
+			// sync 메서드는 jquery.seed.js에 들어있습니다..
+			return $.sync( (function(){
+				var retrunArray = []; 	
+				for( var i = 0; i < array.length; i++ ){
+					retrunArray.push([ $.getScript, array[i] ]);
+				}
+				return retrunArray;						
+			}()) );						
+		}
+		
+	    function getRandomColor() {
+	        var letters = '0123456789ABCDEF'.split('');
+	        var color = '#';
+	        for (var i = 0; i < 6; i++ ) {
+	            color += letters[Math.floor(Math.random() * 16)];
+	        }
+	        return color;
+	    }		
+		
+		requireScript(['/js/lib/raphael.min.js', 
+		               '/js/lib/morris.min.js']).done(function( str ){
+		      $('.chart').children().add('.chart-list li').remove();	         	          	   
+		    // 기본 색깔 순서입니다.
+		    var colors = ['#838bd2', '#FDB45C', '#46BFBD', '#F7464A'];				    
+		    if( colors.length <= ($('.site > li').length+1) )
+		    {			    	
+		    	var colorSize = ($('.site > li').length+1) - colors.length; // 사용 가능한 공간 + 1			    	
+		    	while( colorSize-- )		
+		    		colors.push( getRandomColor() );			    					    	
+		    }        	   
+		            	   
+			/***********************************************************************************************
+			 일별통계
+			************************************************************************************************/
+			;(function(){
+	
+	      		var year = "<c:out escapeXml='true' value='${yearStr}' />";
+	   			var month = parseInt("<c:out escapeXml='true' value='${monthStr}' />");
+	   			var LineData = [];
+	   			var days = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
+	   			if ((year % 4 === 0) && (year % 100 !== 0) || (year % 400 === 0)) {
+	   				days[1] = 29; //윤년 체크
+	   			}
+	   			
+	   			for(var d=1; d<=days[month-1]; d++){
+	   					 
+					var cnt = 0;
+					
+					<c:forEach items="${siteStatisticsList}" var="siteStatisticsList" varStatus="status">
+					if(year == "${siteStatisticsList._accessYear}" && 
+							(month + '') == "${siteStatisticsList._accessMonth}" && 
+							d == "${siteStatisticsList._accessDay}"){					
+						cnt += <c:out value='${siteStatisticsList._accessCount}' />;
+					}
+					</c:forEach>
+					
+					LineData.push({ days: [year, month, d].join('-'), count: cnt});
+	   					
+	   			}				            	   
+			            	   
+				var MorrisLine = Morris.Line({
+				  element: 'month_chart',
+				  data: LineData,
+				  xkey: 'days',
+				  ykeys: ['count'],
+				  labels: ['<c:out escapeXml='true' value='${siteName}' />'],
+				  dateFormat: function(x){				 
+					  var date = new Date(x);
+					  return date.getFullYear() + '년 ' + (date.getMonth()+1) + '월 ' + date.getDate() + '일';
+				  },
+				  lineWidth: 2,			  
+				  resize: false,
+				  grid: false,			  
+				  //xLabelAngle: 45,
+				  lineColors: colors			  
+				});
+   					
+				MorrisLine.displayHoverForRow(new Date().getDate() - 1);
+				
+				// 레이블 생성		
+				var chartDetailList = MorrisLine.el.parent().find('.chart-detail-list');   				
+	  			var labels = MorrisLine.options.labels;
+	  			
+	  			chartDetailList.append(function(){
+	  				var fragment = $(document.createDocumentFragment());
+	  				for( var i = 0; i < labels.length; i++ ){  					
+	  					fragment.append(
+	  						$('<li></li>').append(
+	  							$('<h5></h5>')   									
+	  								.text( labels[i] )
+	  								.prepend( $('<i></i>').css({ backgroundColor: colors[i] }) )
+	  						)	
+	  					)
+	  				}
+	  				return fragment;
+	  			});						
+				
+	  			$(window).doneEvent('resize.MorrisLine', function() { MorrisLine.redraw() });
+			}());				
+			/***********************************************************************************************
+			 일별통계 끝
+			************************************************************************************************/			
+		});
+		/* ]]> */
+		</script>
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/visual/visualSetForm.jsp b/src/main/webapp/WEB-INF/jsp/manager/visual/visualSetForm.jsp
new file mode 100644
index 00000000..814d6b33
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/visual/visualSetForm.jsp
@@ -0,0 +1,536 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.visual.visualSetForm.title"/></title>
+	</head>
+	
+	<body>
+	
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.visual.nav.visualSetView"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p></p>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<form:form id="frm" name="frm" action="/gtm/proc/${siteIdx}/visualSetRegProc.do" method="post" enctype="multipart/form-data">
+			<input type="hidden" name="tSite.siteIdx" id="siteIdx" value="<c:out escapeXml='true' value='${siteIdx}' />" />
+				
+			<fieldset>
+				<legend><s:message code="manager.visual.visualSetForm.table.caption"/></legend>
+				<div class="bbs-view-layout">
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetType"/></p>
+						<div class="item-box">
+				        	<input type="radio" class="radio checked" name="visualSetType" id="visualSetTypeNormal" value="normal" checked /><label for="visualSetTypeNormal"><s:message code="manager.visual.visualSetForm.visualSetType.normal"/></label>
+				        	<input type="radio" class="radio" name="visualSetType" id="visualSetTypeActive" value="active" /><label for="visualSetTypeActive"><s:message code="manager.visual.visualSetForm.visualSetType.active"/></label>
+						</div>
+					</div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetName"/></p>
+						<div class="item-box"><input type="text" class="width40 essential" maxlength="100" name="visualSetName" id="visualSetName" title="<s:message code="manager.visual.visualSetForm.visualSetName"/>" value="" required /></div>
+					</div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetRelation"/></p>
+						<div class="item-box"><input type="checkbox" class="checkbox width-none" name="visualSetRelation" id="visualSetRelation" value="Y" /><label for="visualSetRelation"><s:message code="common.message.checkbox.check"/></label></div>
+				    </div>
+					
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetTime"/></p>
+						<div class="item-box"><input type="text" class="width50px essential numOnly" maxlength="10" name="visualSetTime" id="visualSetTime" title="<s:message code="manager.visual.visualSetForm.visualSetTime"/>" value="4" style="width:50px;" required /></div>
+					</div>
+					
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetSize"/></p>
+						<div class="item-box">
+							<div class="row"><s:message code="manager.visual.visualSetForm.visualSetWidth"/> <input type="text" class="width50px numOnly" name="visualSetWidth" id="visualSetWidth" title="<s:message code="manager.visual.visualSetForm.visualSetWidth"/>" value="" required /> px </div>
+				        	<div class="row"><s:message code="manager.visual.visualSetForm.visualSetHeight"/> <input type="text" class="width50px numOnly" name="visualSetHeight" id="visualSetHeight" title="<s:message code="manager.visual.visualSetForm.visualSetHeight"/>" value="" required /> px</div>
+						</div>
+					</div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetBg"/></p>
+						<div class="item-box">
+							<input type="checkbox" class="checkbox width-none" name="visualSetBg" id="visualSetBg" value="Y" /><label for="visualSetBg"><s:message code="common.message.checkbox.check"/></label>
+						</div>
+				    </div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetChoice"/></p>
+				        <div class="item-box">
+				        	<div style="margin-top:8px; margin-bottom:4px;">
+				        		<div class="row"><input type="radio" class="radio" name="visualSetChoiceTB" id="visualSetChoiceTop" value="top" /><label for="visualSetChoiceTop"><s:message code="manager.visual.visualSetForm.visualSetChoice.TB.top"/></label>
+				        		<input type="radio" class="radio" name="visualSetChoiceTB" id="visualSetChoiceBottom" value="bottom" /><label for="visualSetChoiceBottom"><s:message code="manager.visual.visualSetForm.visualSetChoice.TB.bottom"/></label></div>
+					        	<div class="row"><s:message code="manager.visual.visualSetForm.visualSetChoice.TB.position"/> <input type="text" class="width50px essential numOnly" name="visualSetChoiceTBPosition" id="visualSetChoiceTBPosition" title="<s:message code="manager.visual.visualSetForm.visualSetChoice.TB.position"/>" value=""  required /> px</div>
+					        </div>
+				        	<div style="margin-top:12px; margin-bottom:10px;">
+				        		<div class="row"><input type="radio" class="radio" name="visualSetChoiceLR" id="visualSetChoiceLeft" value="left" /><label for="visualSetChoiceLeft"><s:message code="manager.visual.visualSetForm.visualSetChoice.LR.left"/></label>
+				        		<input type="radio" class="radio" name="visualSetChoiceLR" id="visualSetChoiceRight" value="right" /><label for="visualSetChoiceRight"><s:message code="manager.visual.visualSetForm.visualSetChoice.LR.right"/></label><br /></div>
+					        	<div class="row"><s:message code="manager.visual.visualSetForm.visualSetChoice.LR.position"/> <input type="text" class="width50px essential numOnly" name="visualSetChoiceLRPosition" id="visualSetChoiceLRPosition" title="<s:message code="manager.visual.visualSetForm.visualSetChoice.LR.position"/>" value="" required /> px</div>
+					        </div>										        
+				        	<div class="row"><input type="file" name="file_visualSetChoiceImgOn" id="visualSetChoiceImgOn" value="" /><label for="visualSetChoiceImgOn"><s:message code="manager.visual.visualSetForm.visualSetChoice.img.on"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetChoice.img.on"/></span></div>
+				        	<div class="row"><input type="file" name="file_visualSetChoiceImgOver" id="visualSetChoiceImgOver" value="" /><label for="visualSetChoiceImgOver"><s:message code="manager.visual.visualSetForm.visualSetChoice.img.over"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetChoice.img.over"/></span></div>
+				        	<div class="row"><input type="file" name="file_visualSetChoiceImgOff" id="visualSetChoiceImgOff" value="" /><label for="visualSetChoiceImgOff"><s:message code="manager.visual.visualSetForm.visualSetChoice.img.off"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetChoice.img.off"/></span></div>
+				        </div>
+				    </div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetPS"/></p>
+				        <div class="item-box">
+				        	<div style="margin-top:8px; margin-bottom:10px;">
+				        		<div class="row"><input type="radio" class="radio" name="visualSetPSTB" id="visualSetPSTop" value="top" /><label for="visualSetPSTop"><s:message code="manager.visual.visualSetForm.visualSetPS.TB.top"/></label>
+				        		<input type="radio" class="radio" name="visualSetPSTB" id="visualSetPSBottom" value="bottom" /><label for="visualSetPSBottom"><s:message code="manager.visual.visualSetForm.visualSetPS.TB.bottom"/></label><br /></div>
+					        	<div class="row"><label for="visualSetPSTBPosition"><s:message code="manager.visual.visualSetForm.visualSetPS.TB.position"/></label> : <input type="text" class="width50px essential numOnly" name="visualSetPSTBPosition" id="visualSetPSTBPosition" title="<s:message code="manager.visual.visualSetForm.visualSetPS.TB.position"/>" value="" required /> px</div>
+					        </div>
+				        	<div style="margin-top:12px; margin-bottom:10px;">
+				        		<div class="row"><input type="radio" class="radio" name="visualSetPSLR" id="visualSetPSLeft" value="left" /><label for="visualSetPSLeft"><s:message code="manager.visual.visualSetForm.visualSetPS.LR.left"/></label>
+				        		<input type="radio" class="radio" name="visualSetPSLR" id="visualSetPSRight" value="right" /><label for="visualSetPSRight"><s:message code="manager.visual.visualSetForm.visualSetPS.LR.right"/></label><br /></div>
+					        	<div class="row"><label for="visualSetPSLRPosition"><s:message code="manager.visual.visualSetForm.visualSetPS.LR.position"/></label> : <input type="text" class="width50px essential numOnly" name="visualSetPSLRPosition" id="visualSetPSLRPosition" title="<s:message code="manager.visual.visualSetForm.visualSetPS.LR.position"/>" value=""  required /> px</div>
+					        </div>	
+				        	<div class="row"><input type="file"  name="file_visualSetPlayImgOn" id="visualSetPlayImgOn" value="" /><label for="visualSetPlayImgOn"><s:message code="manager.visual.visualSetForm.visualSetPS.play.img.on"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPS.play.img.on"/></span></div>
+				        	<div class="row"><input type="file" name="file_visualSetPlayImgOff" id="visualSetPlayImgOff" value="" /><label for="visualSetPlayImgOff"><s:message code="manager.visual.visualSetForm.visualSetPS.play.img.off"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPS.play.img.off"/></span></div>
+				        	<div class="row"><input type="file" name="file_visualSetStopImgOn" id="visualSetStopImgOn" value="" /><label for="visualSetStopImgOn"><s:message code="manager.visual.visualSetForm.visualSetPS.stop.img.on"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPS.stop.img.on"/></span></div>
+				        	<div class="row"><input type="file" name="file_visualSetStopImgOff" id="visualSetStopImgOff" value="" /><label for="visualSetStopImgOff"><s:message code="manager.visual.visualSetForm.visualSetPS.stop.img.off"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPS.stop.img.off"/></span></div>
+				        </div>
+				    </div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetPN"/></p>
+				        <div class="item-box">
+				        	<div style="margin-top:8px; margin-bottom:10px;">
+				        		<div class="row"><input type="radio" class="radio" name="visualSetPreTB" id="visualSetPreTop" value="top" /><label for="visualSetPreTop"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.top"/></label>
+				        		<input type="radio" class="radio" name="visualSetPreTB" id="visualSetPreBottom" value="bottom" /><label for="visualSetPreBottom"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.bottom"/></label></div>
+					        	<div class="row"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.position"/> <input type="text" class="width50px essential numOnly" name="visualSetPreTBPosition" id="visualSetPreTBPosition" value=""  required /> px</div>
+					        </div>
+				        	<div style="margin-top:12px; margin-bottom:10px;">
+				        		<div class="row"><input type="radio" class="radio" name="visualSetPreLR" id="visualSetPreLeft" value="left" /><label for="visualSetPreLeft"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.left"/></label>
+				        		<input type="radio" class="radio" name="visualSetPreLR" id="visualSetPreRight" value="right" /><label for="visualSetPreRight"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.right"/></label></div>
+					        	<div class="row"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.position"/> <input type="text" class="width50px essential numOnly" name="visualSetPreLRPosition" id="visualSetPreLRPosition" value="" required /> px</div>										        	
+					        </div>
+				        	<div class="row"><input type="file" name="file_visualSetPreImgOn" id="visualSetPreImgOn" value="" /><label for="visualSetPreImgOn"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.img.on"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.img.on"/></span></div>
+				        	<div class="row"><input type="file" name="file_visualSetPreImgOff" id="visualSetPreImgOff" value="" /><label for="visualSetPreImgOff"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.img.off"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPN.pre.img.off"/></span></div>
+				        	<div style="margin-top:8px; margin-bottom:10px;">
+				        		<div class="row"><input type="radio" class="radio" name="visualSetNextTB" id="visualSetNextTop" value="top" /><label for="visualSetNextTop"><s:message code="manager.visual.visualSetForm.visualSetPN.next.top"/></label>
+				        		<input type="radio" class="radio" name="visualSetNextTB" id="visualSetNextBottom" value="bottom" /><label for="visualSetNextBottom"><s:message code="manager.visual.visualSetForm.visualSetPN.next.bottom"/></label></div>
+					        	<div class="row"><s:message code="manager.visual.visualSetForm.visualSetPN.next.position"/> <input type="text" class="width50px essential numOnly" name="visualSetNextTBPosition" id="visualSetNextTBPosition" value=""  required /> px</div>
+					        </div>
+				        	<div style="margin-top:12px; margin-bottom:10px;">
+				        		<div class="row"><input type="radio" class="radio"  name="visualSetNextLR" id="visualSetNextLeft" value="left" /><label for="visualSetNextLeft"><s:message code="manager.visual.visualSetForm.visualSetPN.next.left"/></label>
+				        		<input type="radio" class="radio" name="visualSetNextLR" id="visualSetNextRight" value="right" /><label for="visualSetNextRight"><s:message code="manager.visual.visualSetForm.visualSetPN.next.right"/></label><br /></div>
+					        	<div class="row"><s:message code="manager.visual.visualSetForm.visualSetPN.next.position"/> <input type="text" class="width50px essential numOnly" name="visualSetNextLRPosition" id="visualSetNextLRPosition" value="" required /> px</div>										        	
+					        </div>
+				        	<div class="row"><input type="file" name="file_visualSetNextImgOn" id="visualSetNextImgOn" value="" /><label for="visualSetNextImgOn"><s:message code="manager.visual.visualSetForm.visualSetPN.next.img.on"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPN.next.img.on"/></span></div>
+				        	<div class="row"><input type="file"  name="file_visualSetNextImgOff" id="visualSetNextImgOff" value="" /><label for="visualSetNextImgOff"><s:message code="manager.visual.visualSetForm.visualSetPN.next.img.off"/></label><span class="file-info"><s:message code="manager.visual.visualSetForm.visualSetPN.next.img.off"/></span></div>
+				        </div>
+				    </div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSetSkin"/></p>
+						<div class="item-box">
+				        	<input type="radio" class="radio checked" name="visualSetSkin" id="visualSetSkinA" value="A" checked /><label for="visualSetSkinA">A Type</label>
+				        	<input type="radio" class="radio" name="visualSetSkin" id="visualSetSkinB" value="B" /><label for="visualSetSkinB">B Type</label>
+				        </div>
+					</div>
+					<div class="bbs-view-item">
+						<p class="item-title"><s:message code="manager.visual.visualSetForm.visualSet.preview"/></p>
+						<div class="item-box">
+							<iframe id="visualPreview" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualFormPreview.do?visualSetSkin=A" style="width:100%; height:320px; border:0;"></iframe>
+				        </div>
+					</div>
+				</div>
+			</fieldset>
+	
+			<c:if test='${memberGrant == "S" || memberAuth}'>
+			<div class="btn-area">
+				<button type="submit" class="btn-normal violet"><s:message code="common.button.save"/></button>
+				<a class="btn-normal lightgray" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do"><s:message code="common.button.list"/></a>
+			</div>
+			</c:if>
+			
+		</form:form>
+		<script>
+		/* <![CDATA[ */
+		$("#visualSetName").focus();
+		
+		$("#visualSetWidth").keyup(function(){
+			var value = parseInt($(this).val(),10);
+			$("#visualPreview").contents().find("#visual_visual").css({width :value});
+			$("#visualPreview").contents().find("#slides_visual").css({width :value});
+			$("#visualPreview").contents().find(".slidesjs-container").css({width :value});
+			$("#visualPreview").contents().find(".slidesjs-control").css({width :value});
+			$("#visualPreview").contents().find(".slidesjs-slide").css({width :value});
+		});
+
+		$("#visualSetHeight").keyup(function(){
+			var value = parseInt($(this).val(),10);
+			$("#visualPreview").contents().find("#visual_visual").css({height :value});
+			$("#visualPreview").contents().find("#slides_visual").css({height :value});
+			$("#visualPreview").contents().find(".slidesjs-container").css({height :value});
+			$("#visualPreview").contents().find(".slidesjs-control").css({height :value});
+			$("#visualPreview").contents().find(".slidesjs-slide").css({height :value});
+		});
+
+		$("#visualSetChoiceTBPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="visualSetChoiceTB"]:radio:checked').val() == "top"){
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({top :value});
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("bottom", "auto");
+			}else if($('input[name="visualSetChoiceTB"]:radio:checked').val() == "bottom"){
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({bottom :value});
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("top", "auto");
+			}
+		});
+		
+		$('input[name="visualSetChoiceTB"]').click(function(){
+			var value = parseInt($("#visualSetChoiceTBPosition").val(),10);
+		
+			if($('input[name="visualSetChoiceTB"]:radio:checked').val() == "top"){
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({top :value});
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("bottom", "auto");
+			}else if($('input[name="visualSetChoiceTB"]:radio:checked').val() == "bottom"){
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({bottom :value});
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("top", "auto");
+			}
+		});
+
+		$("#visualSetChoiceLRPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="visualSetChoiceLR"]:radio:checked').val() == "left"){
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({left :value});
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("right", "auto");
+			}else if($('input[name="visualSetChoiceLR"]:radio:checked').val() == "right"){
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({right :value});
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("left", "auto");
+			}
+		});
+
+		$('input[name="visualSetChoiceLR"]').click(function(){
+			var value = parseInt($("#visualSetChoiceLRPosition").val(),10);
+		
+			if($('input[name="visualSetChoiceLR"]:radio:checked').val() == "left"){
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({left :value});
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("right", "auto");
+			}else if($('input[name="visualSetChoiceLR"]:radio:checked').val() == "right"){
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css({right :value});
+				$("#visualPreview").contents().find(".slidesjs-pagination_visual").css("left", "auto");
+			}
+		});
+
+		$("#visualSetPSTBPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="visualSetPSTB"]:radio:checked').val() == "top"){
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css({top :value});
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css("bottom", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({top :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("bottom", "auto");
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css({top :value});
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css("bottom", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({top :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("bottom", "auto");
+			}else if($('input[name="visualSetPSTB"]:radio:checked').val() == "bottom"){
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css({bottom :value});
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css("top", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({bottom :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("top", "auto");
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css({bottom :value});
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css("top", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({bottom :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("top", "auto");
+			}
+		});
+		
+		$('input[name="visualSetPSTB"]').click(function(){
+			var value = parseInt($("#visualSetPSTBPosition").val(),10);
+		
+			if($('input[name="visualSetPSTB"]:radio:checked').val() == "top"){
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css({top :value});
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css("bottom", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({top :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("bottom", "auto");
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css({top :value});
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css("bottom", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({top :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("bottom", "auto");
+			}else if($('input[name="visualSetPSTB"]:radio:checked').val() == "bottom"){
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css({bottom :value});
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css("top", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({bottom :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("top", "auto");
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css({bottom :value});
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css("top", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({bottom :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("top", "auto");
+			}
+		});
+
+		$("#visualSetPSLRPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="visualSetPSLR"]:radio:checked').val() == "left"){
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css({left :value});
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css("right", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({left :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("right", "auto");
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css({left :value});
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css("right", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({left :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("right", "auto");
+			}else if($('input[name="visualSetPSLR"]:radio:checked').val() == "right"){
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css({right :value});
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css("left", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({right :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("left", "auto");
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css({right :value});
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css("left", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({right :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("left", "auto");
+			}
+		});
+
+		$('input[name="visualSetPSLR"]').click(function(){
+			var value = parseInt($("#visualSetPSLRPosition").val(),10);
+		
+			if($('input[name="visualSetPSLR"]:radio:checked').val() == "left"){
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css({left :value});
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css("right", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({left :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("right", "auto");
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css({left :value});
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css("right", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({left :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("right", "auto");
+			}else if($('input[name="visualSetPSLR"]:radio:checked').val() == "right"){
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css({right :value});
+				$("#visualPreview").contents().find(".slidesjs-play_visual").css("left", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css({right :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-play_visual").css("left", "auto");
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css({right :value});
+				$("#visualPreview").contents().find(".slidesjs-stop_visual").css("left", "auto");
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css({right :value});
+				//$("#visualPreview").contents().find(".a:hover.slidesjs-stop_visual").css("left", "auto");
+			}
+		});
+
+		$("#visualSetPreTBPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="visualSetPreTB"]:radio:checked').val() == "top"){
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css({top :value});
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css("bottom", "auto");
+			}else if($('input[name="visualSetPreTB"]:radio:checked').val() == "bottom"){
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css({bottom :value});
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css("top", "auto");
+			}
+		});
+		
+		$('input[name="visualSetPreTB"]').click(function(){
+			var value = parseInt($("#visualSetPreTBPosition").val(),10);
+		
+			if($('input[name="visualSetPreTB"]:radio:checked').val() == "top"){
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css({top :value});
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css("bottom", "auto");
+			}else if($('input[name="visualSetPreTB"]:radio:checked').val() == "bottom"){
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css({bottom :value});
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css("top", "auto");
+			}
+		});
+
+		$("#visualSetPreLRPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="visualSetPreLR"]:radio:checked').val() == "left"){
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css({left :value});
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css("right", "auto");
+			}else if($('input[name="visualSetPreLR"]:radio:checked').val() == "right"){
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css({right :value});
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css("left", "auto");
+			}
+		});
+
+		$('input[name="visualSetPreLR"]').click(function(){
+			var value = parseInt($("#visualSetPreLRPosition").val(),10);
+		
+			if($('input[name="visualSetPreLR"]:radio:checked').val() == "left"){
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css({left :value});
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css("right", "auto");
+			}else if($('input[name="visualSetPreLR"]:radio:checked').val() == "right"){
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css({right :value});
+				$("#visualPreview").contents().find(".slidesjs-previous_visual").css("left", "auto");
+			}
+		});
+
+		$("#visualSetNextTBPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="visualSetNextTB"]:radio:checked').val() == "top"){
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css({top :value});
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css("bottom", "auto");
+			}else if($('input[name="visualSetNextTB"]:radio:checked').val() == "bottom"){
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css({bottom :value});
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css("top", "auto");
+			}
+		});
+		
+		$('input[name="visualSetNextTB"]').click(function(){
+			var value = parseInt($("#visualSetNextTBPosition").val(),10);
+		
+			if($('input[name="visualSetNextTB"]:radio:checked').val() == "top"){
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css({top :value});
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css("bottom", "auto");
+			}else if($('input[name="visualSetNextTB"]:radio:checked').val() == "bottom"){
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css({bottom :value});
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css("top", "auto");
+			}
+		});
+
+		$("#visualSetNextLRPosition").keyup(function(){
+			var value = parseInt($(this).val(),10);
+		
+			if($('input[name="visualSetNextLR"]:radio:checked').val() == "left"){
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css({left :value});
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css("right", "auto");
+			}else if($('input[name="visualSetNextLR"]:radio:checked').val() == "right"){
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css({right :value});
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css("left", "auto");
+			}
+		});
+
+		$('input[name="visualSetNextLR"]').click(function(){
+			var value = parseInt($("#visualSetNextLRPosition").val(),10);
+		
+			if($('input[name="visualSetNextLR"]:radio:checked').val() == "left"){
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css({left :value});
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css("right", "auto");
+			}else if($('input[name="visualSetNextLR"]:radio:checked').val() == "right"){
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css({right :value});
+				$("#visualPreview").contents().find(".slidesjs-next_visual").css("left", "auto");
+			}
+		});
+
+		$("input[name=visualSetSkin]").change(function() {
+			var visualSetSkin = $(this).val();
+			$("#visualPreview").attr("src", "/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualFormPreview.do?visualSetSkin="+visualSetSkin);
+		});
+		
+		$("input[name=visualSetType]").click(function() {
+			if($(this).val() == "normal"){
+				location.replace("/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetForm.do");
+			}else{
+				location.replace("/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetFormActive.do");
+			}
+		});
+
+		$("#frm").submit(function(){
+			
+			if($("#visualSetName").val() == ""){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetName"/> <s:message code="common.message.essential"/>");
+				$("#visualSetName").focus();
+				return false;
+			}else if($("#visualSetWidth").val() == ""){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetSize"/> <s:message code="manager.visual.visualSetForm.visualSetWidth"/> <s:message code="common.message.essential"/>");
+				$("#visualSetWidth").focus();
+				return false;
+			}else if($("#visualSetHeight").val() == ""){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetSize"/> <s:message code="manager.visual.visualSetForm.visualSetHeight"/> <s:message code="common.message.essential"/>");
+				$("#visualSetHeight").focus();
+				return false;
+			}
+				
+			if($('input[name="visualSetChoiceTB"]:radio:checked').length == 0){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetChoice"/> <s:message code="common.message.essential"/>");
+				return false;
+			}				
+			
+			if($('input[name="visualSetChoiceLR"]:radio:checked').length == 0){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetChoice"/> <s:message code="common.message.essential"/>");
+				return false;
+			}
+			
+			if($("#visualSetChoiceTBPosition").val() == ""){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetChoice.TB.position"/> <s:message code="common.message.essential"/>");
+				$("#visualSetChoiceTBPosition").focus();
+				return false;
+			}else if($("#visualSetChoiceLRPosition").val() == ""){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetChoice.LR.position"/> <s:message code="common.message.essential"/>");
+				$("#visualSetChoiceLRPosition").focus();
+				return false;
+			}
+			
+			if($('input[name="visualSetPSTB"]:radio:checked').length == 0){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetPS"/> <s:message code="common.message.essential"/>");
+				return false;
+			}				
+			
+			if($('input[name="visualSetPSLR"]:radio:checked').length == 0){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetPS"/> <s:message code="common.message.essential"/>");
+				return false;
+			}
+			
+			if($("#visualSetPSTBPosition").val() == ""){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetPS.TB.position"/> <s:message code="common.message.essential"/>");
+				$("#visualSetPSTBPosition").focus();
+				return false;
+			}else if($("#visualSetPSLRPosition").val() == ""){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetPS.LR.position"/> <s:message code="common.message.essential"/>");
+				$("#visualSetPSLRPosition").focus();
+				return false;
+			}
+			
+			if($('input[name="visualSetPreTB"]:radio:checked').length == 0){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetPN"/> <s:message code="common.message.essential"/>");
+				return false;
+			}				
+			
+			if($('input[name="visualSetPreLR"]:radio:checked').length == 0){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetPN"/> <s:message code="common.message.essential"/>");
+				return false;
+			}				
+			
+			if($('input[name="visualSetNextTB"]:radio:checked').length == 0){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetPN"/> <s:message code="common.message.essential"/>");
+				return false;
+			}				
+			
+			if($('input[name="visualSetNextLR"]:radio:checked').length == 0){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetPN"/> <s:message code="common.message.essential"/>");
+				return false;
+			}		
+			
+			if($("#visualSetPreTBPosition").val() == ""){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetPN.pre.position"/> <s:message code="common.message.essential"/>");
+				$("#visualSetPreTBPosition").focus();
+				return false;
+			}else if($("#visualSetPreLRPosition").val() == ""){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetPN.pre.position"/> <s:message code="common.message.essential"/>");
+				$("#visualSetPreLRPosition").focus();
+				return false;
+			}else if($("#visualSetNextTBPosition").val() == ""){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetPN.next.position"/> <s:message code="common.message.essential"/>");
+				$("#visualSetNextTBPosition").focus();
+				return false;
+			}else if($("#visualSetNextLRPosition").val() == ""){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetPN.next.position"/> <s:message code="common.message.essential"/>");
+				$("#visualSetNextLRPosition").focus();
+				return false;
+			}
+			
+			if($('input[name="visualSetSkin"]:radio:checked').length == 0){
+				alert("<s:message code="manager.visual.visualSetForm.visualSetSkin"/> <s:message code="common.message.essential"/>");
+				return false;
+			}
+			
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});
+		/* ]]> */
+		</script>
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/visual/visualSetFormPreview.jsp b/src/main/webapp/WEB-INF/jsp/manager/visual/visualSetFormPreview.jsp
new file mode 100644
index 00000000..981b19f6
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/visual/visualSetFormPreview.jsp
@@ -0,0 +1,215 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.visual.visualSetPreview.title"/></title>
+	<script src="/js/lib/jquery.slides.min.js"></script>
+	
+	<style>
+	#visual {
+		display: none; 
+		position:relative;
+	}
+		
+	a.slidesjs-next_visual {
+		position:absolute;
+		top:140px;
+		right:0px;
+		width:12px;
+		height:18px;
+		background-image: url("/img/manager/visual/btn_next.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a:hover.slidesjs-next_visual {
+		position:absolute;
+		top:140px;
+		right:0px;
+		width:12px;
+		height:18px;
+		background-image: url("/img/manager/visual/btn_next_over.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a.slidesjs-previous_visual {
+		position:absolute;
+		top:140px;
+		left:0px;
+		width:12px;
+		height:18px;
+		background-image: url("/img/manager/visual/btn_pre.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a:hover.slidesjs-previous_visual {
+		position:absolute;
+		top:140px;
+		left:0px;
+		width:12px;
+		height:18px;
+		background-image: url("/img/manager/visual/btn_pre_over.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a.slidesjs-play_visual {
+		position:absolute;
+		top:10px;
+		right:10px;
+		width:16px;
+		height:18px;
+		background-image: url("/img/manager/visual/btn_play.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a:hover.slidesjs-play_visual {
+		position:absolute;
+		top:10px;
+		right:10px;
+		width:16px;
+		height:18px;
+		background-image: url("/img/manager/visual/btn_play_over.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a.slidesjs-stop_visual {
+		position:absolute;
+		top:10px;
+		right:10px;
+		width:18px;
+		height:17px;
+		background-image: url("/img/manager/visual/btn_stop.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a:hover.slidesjs-stop_visual {
+		position:absolute;
+		top:10px;
+		right:10px;
+		width:18px;
+		height:17px;
+		background-image: url("/img/manager/visual/btn_stop_over.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	.slidesjs-pagination_visual {
+		font-size:0;
+		position:absolute;
+		bottom:10px;
+		right:10px;
+		z-index:9999;
+		float: left;
+		list-style: none;
+		padding:0;
+		margin:0;
+	}
+
+	.slidesjs-pagination_visual li {
+		display:inline;
+		padding:0;
+	}
+
+	.slidesjs-pagination_visual li a {
+		float: left;
+		width: 13px;
+		height: 13px;
+		z-index:9999;
+		background-image: url("/img/manager/visual/btn_pagination_off.png");
+		overflow: hidden;
+	}
+
+	.slidesjs-pagination_visual li a:hover {
+		width: 13px;
+		height: 13px;
+		z-index:9999;
+		background-image: url("/img/manager/visual/btn_pagination_over.png");
+	}
+
+	.slidesjs-pagination_visual li a.active,
+	.slidesjs-pagination_visual li a:hover.active {
+		width: 13px;
+		height: 13px;
+		z-index:9999;
+		background-image: url("/img/manager/visual/btn_pagination_on.png");
+	}
+	</style>
+    	
+	</head>
+	
+	<body>
+		<div id="visual" style="width:650px; height:300px; display: none; position:relative;">
+			<img src="/img/manager/visual/example-slide-1.jpg" width="650px" height="300px" alt="visual1" />
+			<img src="/img/manager/visual/example-slide-2.jpg" width="650px" height="300px" alt="visual2" />
+			<img src="/img/manager/visual/example-slide-3.jpg" width="650px" height="300px" alt="visual3" />
+		</div>
+		
+		<script>
+		/* <![CDATA[ */
+		var visualSetSkin = "";
+		
+		<c:choose>
+			<c:when test='${visualSetSkin == "A"}'>
+			visualSetSkin = "fade";
+			</c:when>
+			<c:when test='${visualSetSkin == "B"}'>
+			visualSetSkin = "slide";
+			</c:when>
+		</c:choose>
+		
+		$('#visual').slidesjs({
+			width:650,
+			height:300,
+			autoHeight: false,
+			dataKey : "visual",
+			play: {
+				active: true,
+				auto: true,
+				interval: 4000,
+				swap: true,
+				restartDelay: 2500,
+				effect: visualSetSkin
+			},
+			navigation: {
+				effect: visualSetSkin
+			},
+			pagination: {
+				effect: visualSetSkin
+			},
+			effect: {
+				fade: {
+					speed: 400
+				}
+			}
+		});
+		/* ]]> */
+		</script>
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/manager/visual/visualSetList.jsp b/src/main/webapp/WEB-INF/jsp/manager/visual/visualSetList.jsp
new file mode 100644
index 00000000..502b58ff
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/manager/visual/visualSetList.jsp
@@ -0,0 +1,266 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.visual.visualSetList.title"/></title>
+	<script src="/js/lib/base64.js"></script>
+	</head>
+	
+	<body>
+	
+		<c:if test='${(siteMenuIdx != "0" && menuCode == "N") || menuCode == "visual"}'>
+		<div class="seed-popup-wrap">
+		</c:if>
+	
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.visual.nav.visualSetList"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p></p>
+					</div>
+				</div>
+			</div>
+			<div class="sch-content-wrap clear">
+
+				<c:choose>
+					<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>
+					<c:url var="actionUrl" value="/gtm/${siteIdx}/visualSetList.do" />
+					</c:when>
+					<c:otherwise>
+					<c:url var="actionUrl" value="/menu/${siteIdx}/visualSetList.do" />
+					</c:otherwise>
+				</c:choose>
+				
+				<form:form name="frmSearch" id="frmSearch" action="${actionUrl}" method="post">
+					<input type="hidden" name="page" value="1" />
+					<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
+					<input type="hidden" name="orderColumn" value="<c:out escapeXml='true' value='${orderColumn}' />" />
+					<input type="hidden" name="order" value="<c:out escapeXml='true' value='${order}' />" />
+					<input type="hidden" name="siteMenuIdx" value="<c:out escapeXml='true' value='${siteMenuIdx}' />"/>
+					<input type="hidden" name="menuCode" value="<c:out escapeXml='true' value='${menuCode}' />"/>
+					<fieldset>
+						<legend>검색 폼</legend>
+						<select name="column" id="column" title="<s:message code="common.select.option.value"/>" class="sch-select">
+							<option value="A" <c:if test="${column == 'A'}">selected="selected"</c:if>><s:message code="common.select.option.value.all"/></option>
+							<option value="visualSetName" <c:if test="${column == 'visualSetName'}">selected="selected"</c:if>><s:message code="manager.visual.visualSetList.visualSetName"/></option>
+							<option value="tMember.memberName" <c:if test="${column == 'tMember.memberName'}">selected="selected"</c:if>><s:message code="common.memberName"/></option>
+						</select>
+						<input type="search" name="search" id="search" value="<c:out escapeXml='true' value='${search}' />" title="<s:message code="common.search.value"/>" class="sch-text">
+						<button type="submit" class="btn-page-sch"><s:message code="common.button.search"/></button>
+					</fieldset>
+				</form:form>
+			</div>
+		</div>
+	        
+		<form:form name="frm" id="frm" method="post" action="/gtm/proc/${siteIdx}/visualSetStatusProc.do">
+			<input type="hidden" name="page" value="<c:out escapeXml='true' value='${page}' />" />			
+			<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
+			<input type="hidden" name="orderColumn" value="<c:out escapeXml='true' value='${orderColumn}' />" />
+			<input type="hidden" name="order" value="<c:out escapeXml='true' value='${order}' />" />
+			<input type="hidden" name="column" value="<c:out escapeXml='true' value='${column}' />" />
+			<input type="hidden" name="search" value="<c:out escapeXml='true' value='${search}' />" />
+
+			<div class="more-btn-box">
+				<button type="button" id="moreTableItem" class="more-table-item">칼럼 더보기</button>
+			</div>
+			
+			<div class="form-wrap">
+				<div class="table-layout br-none">
+					<table>
+						<caption><s:message code="manager.visual.visualSetList.table.caption"/></caption>
+						<colgroup>
+							<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><col class="small_checkbox"></c:if>
+							<col class="title">
+							<col>
+							<col class="item-tablet-hidden">
+							<col class="item-mobile-hidden">
+							<col class="item-mobile-hidden">
+						</colgroup>
+						<thead>
+						<tr>
+							<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><th scope="col"><input type="checkbox" class="checkbox check-all" name="allcheck" id="allcheck" title="<s:message code="common.message.allCheck"/>" /><label for="allcheck"></label></th></c:if>
+							<th scope="col"><s:message code="manager.visual.visualSetList.visualSetName"/>&nbsp;&nbsp;<span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+							<th scope="col"><s:message code="manager.visual.visualSetList.visualDataCnt"/></th>
+							<th scope="col" class="item-tablet-hidden"><s:message code="common.memberName"/>&nbsp;&nbsp;<span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=tMember.memberName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=tMember.memberName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+							<th scope="col" class="item-mobile-hidden"><s:message code="common.regDate"/>&nbsp;&nbsp;<span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetRegDate&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetRegDate&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+							<th scope="col" class="item-mobile-hidden"><s:message code="common.status"/>&nbsp;&nbsp;<span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetStatus&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetStatus&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+						</tr>
+						</thead>
+						<tbody>									
+						<c:choose>
+							<c:when test="${!empty visualSetList}">
+								<c:forEach items="${visualSetList}" var="visualSetList" varStatus="status">
+							    <tr>
+							    	<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><td><input type="checkbox" class="checkbox check-base" name="idxs" id="visual_${visualSetList._visualSetIdx}" value="<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />" /><label for="visual_${visualSetList._visualSetIdx}"></label> ${visualSetListCnt - (page-1)*row - status.index}</td></c:if>
+							        <td class="al">
+							        	<c:choose>
+							        		<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>
+							        			<c:choose>
+							        				<c:when test='${visualSetList._visualSetType == "normal"}'>
+							        				<a class="hover-link" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetEdit/<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><span><c:out escapeXml='true' value='${visualSetList._visualSetName}' /></span></a>
+							        				</c:when>
+							        				<c:when test='${visualSetList._visualSetType == "active"}'>
+							        				<a class="hover-link" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetEditActive/<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><span><c:out escapeXml='true' value='${visualSetList._visualSetName}' /></span></a>
+							        				</c:when>
+							        			</c:choose>
+							        		</c:when>
+							        		<c:when test='${menuCode == "visual"}'>
+							        			<a class="hover-link codeClick" href="/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${menuCode}' />/<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />/mini.do" data-seed="${visualSetList._visualSetRelation}:<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />"><span><c:out escapeXml='true' value='${visualSetList._visualSetName}' /></span></a>
+							        		</c:when>
+							        	</c:choose>
+							        </td>									        			
+							        <td>
+							        	<c:choose>
+								        	<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>											        
+								        	<a class="hover-link" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />/visualDataList.do"><span><c:out escapeXml='true' value='${visualSetList._visualDataIdxCnt}' /></span></a>
+								        	</c:when>
+								        	<c:otherwise>
+								        	<c:out escapeXml='true' value='${visualSetList._visualDataIdxCnt}' />
+								        	</c:otherwise>
+							        	</c:choose>
+							        </td>
+							        <td class="item-tablet-hidden"><c:out escapeXml='true' value='${visualSetList._memberName}' />(<c:out escapeXml='true' value='${visualSetList._memberId}' />)</td>	
+							        <td class="item-mobile-hidden">${fn:substring(visualSetList._visualSetRegDate, 0, 10)}</td>
+							        <c:choose>
+						        	<c:when test="${visualSetList._visualSetStatus == 'U'}">
+						        	<td class="item-mobile-hidden skin-default"><s:message code="common.use"/></td>
+						        	</c:when>
+						        	<c:when test="${visualSetList._visualSetStatus == 'S'}">
+						        	<td class="state-stop item-mobile-hidden"><s:message code="common.stop"/></td>
+						        	</c:when>
+						        	<c:when test="${visualSetList._visualSetStatus == 'D'}">
+							        	<c:choose>
+							        	<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>										        	
+							        	<td class="state-delete item-mobile-hidden">
+							        		<a class="dataDel" href="/gtm/proc/<c:out escapeXml='true' value='${siteIdx}' />/visualSetDelProc/<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><s:message code="common.button.del"/></a>
+							        	</td>
+							        	</c:when>
+							        	<c:otherwise>
+							        	<td class="state-delete item-mobile-hidden"><s:message code="common.button.del"/></td>
+							        	</c:otherwise>
+							        	</c:choose>
+						        	</c:when>
+							        </c:choose>
+							    </tr>
+								</c:forEach>
+							</c:when>
+							<c:otherwise>
+							    <tr>
+							        <td class="no-data-colspan"><s:message code="common.message.no.data"/></td>
+							    </tr>
+							</c:otherwise>
+						</c:choose>
+						</tbody>
+					</table>
+				</div>
+
+				<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'>
+				<div class="change-state-area">
+					<label for="selStatus"><s:message code="common.message.choice"/></label>
+					<select name="selStatus" id="selStatus" title="<s:message code="common.select.option.value"/>" class="change-list">
+						<option value=""><s:message code="common.select.option.value"/></option>
+						<option value="U"><s:message code="common.select.option.value.use"/></option>
+						<option value="S"><s:message code="common.select.option.value.stop"/></option>
+						<option value="D"><s:message code="common.select.option.value.delete"/></option>
+					</select>
+					<button type="submit" class="btn-change-state"><s:message code="common.button.status"/></button>
+				</div>
+				</c:if>
+				
+			</div>
+			
+		</form:form>
+		
+		<div class="pagination-container">
+			<div class="pagination-inner clear">
+				<div class="pagination-control prev clear">
+					<a class="first-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=1&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.first"/>" ><s:message code="common.page.first"/></a>
+					<c:choose>
+					<c:when test="${block > 1}">
+						<a class="prev-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${fPage-1}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.prev"/>" ><s:message code="common.page.prev"/></a>
+					</c:when>
+					<c:otherwise>
+						<a class="prev-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${fPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.prev"/>" ><s:message code="common.page.prev"/></a>
+					</c:otherwise>
+					</c:choose>
+				</div>
+				<ul class="pagination clear">
+				<c:forEach begin="0"  end="${lPage-fPage}" var="index" >
+					<c:choose>
+						<c:when test="${index+fPage==page}">
+							<li><a class="on" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.now"/>" ><c:out escapeXml='true' value='${page}' /></a></li>
+						</c:when>
+						<c:otherwise>
+							<li><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${index+fPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<c:out escapeXml='true' value='${index+fPage}' /> <s:message code="common.page.page"/>" ><c:out escapeXml='true' value='${index+fPage}' /></a></li>
+						</c:otherwise>
+					</c:choose>
+				</c:forEach>
+				</ul>
+				<div class="pagination-control next clear">
+					<c:choose>
+					<c:when test="${block < blocks}">
+						<a class="next-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${lPage+1}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.next"/>" ><s:message code="common.page.next"/></a>
+					</c:when>
+					<c:otherwise>
+						<a class="next-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${lPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.next"/>" ><s:message code="common.page.next"/></a>
+					</c:otherwise>
+					</c:choose>
+					<a class="last-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${pages}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.last"/>" ><s:message code="common.page.last"/></a>
+				</div>
+			</div>
+		</div>
+	
+		<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'>
+		<div class="btn-area">
+			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetForm.do" class="btn-normal violet"><s:message code="common.button.create"/></a>
+		</div>
+		</c:if>
+		
+		<c:if test='${(siteMenuIdx != "0" && menuCode == "N") || menuCode == "visual"}'>
+		</div>
+		</c:if>
+			
+		<script>
+		/* <![CDATA[ */
+    	$(".dataDel").click(function(){
+			if(!confirm("<s:message code='common.message.visual.set.confirm.del'/>")){
+				return false;
+			}
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+    	});
+		
+		$(".codeClick").click(function(){
+			var url = $(this).attr("href");
+			var dataSeeds = $(this).attr("data-seed").split(":");
+			
+			location.replace("/common/getCode/<c:out escapeXml='true' value='${siteIdx}' />.do?getUrl="+Base64.encode(url)+"&codeType=func&pageType=manager&codeRelation="+dataSeeds[0]+"&funcType=visual&funcSetIdx="+dataSeeds[1]);
+			return false;
+		});		
+
+		$("#frm").submit(function(){
+			
+			if(!$('input:checkbox[name="idxs"]').is(":checked")){
+				alert("<s:message code="common.message.no.check"/>");
+				return false;
+			}
+			
+			if($("#selStatus option:selected").val() == ""){
+				alert("<s:message code="common.message.no.select"/>");
+				$("#selStatus").focus();
+				return false;
+			}
+			
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});
+		/* ]]> */
+		</script>
+
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/_common/_css/style.min.css b/src/main/webapp/WEB-INF/views/_common/_css/style.min.css
new file mode 100644
index 00000000..efa5c6cc
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/_common/_css/style.min.css
@@ -0,0 +1 @@
+.jstree-node,.jstree-children,.jstree-container-ul{display:block;margin:0;padding:0;list-style-type:none;list-style-image:none}.jstree-node{white-space:nowrap}.jstree-anchor{display:inline-block;color:#000;white-space:nowrap;padding:0 4px 0 1px;margin:0;vertical-align:top}.jstree-anchor:focus{outline:0}.jstree-anchor,.jstree-anchor:link,.jstree-anchor:visited,.jstree-anchor:hover,.jstree-anchor:active{text-decoration:none;color:inherit}.jstree-icon{display:inline-block;text-decoration:none;margin:0;padding:0;vertical-align:top;text-align:center}.jstree-icon:empty{display:inline-block;text-decoration:none;margin:0;padding:0;vertical-align:top;text-align:center}.jstree-ocl{cursor:pointer}.jstree-leaf>.jstree-ocl{cursor:default}.jstree .jstree-open>.jstree-children{display:block}.jstree .jstree-closed>.jstree-children,.jstree .jstree-leaf>.jstree-children{display:none}.jstree-anchor>.jstree-themeicon{margin-right:2px}.jstree-no-icons .jstree-themeicon,.jstree-anchor>.jstree-themeicon-hidden{display:none}.jstree-hidden,.jstree-node.jstree-hidden{display:none}.jstree-rtl .jstree-anchor{padding:0 1px 0 4px}.jstree-rtl .jstree-anchor>.jstree-themeicon{margin-left:2px;margin-right:0}.jstree-rtl .jstree-node{margin-left:0}.jstree-rtl .jstree-container-ul>.jstree-node{margin-right:0}.jstree-wholerow-ul{position:relative;display:inline-block;min-width:100%}.jstree-wholerow-ul .jstree-leaf>.jstree-ocl{cursor:pointer}.jstree-wholerow-ul .jstree-anchor,.jstree-wholerow-ul .jstree-icon{position:relative}.jstree-wholerow-ul .jstree-wholerow{width:100%;cursor:pointer;position:absolute;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jstree-contextmenu .jstree-anchor{-webkit-user-select:none;-webkit-touch-callout:none}.vakata-context{display:none}.vakata-context,.vakata-context ul{margin:0;padding:2px;position:absolute;background:#f5f5f5;border:1px solid #979797;box-shadow:2px 2px 2px #999}.vakata-context ul{list-style:none;left:100%;margin-top:-2.7em;margin-left:-4px}.vakata-context .vakata-context-right ul{left:auto;right:100%;margin-left:auto;margin-right:-4px}.vakata-context li{list-style:none}.vakata-context li>a{display:block;padding:0 2em;text-decoration:none;width:auto;color:#000;white-space:nowrap;line-height:2.4em;text-shadow:1px 1px 0 #fff;border-radius:1px}.vakata-context li>a:hover{position:relative;background-color:#e8eff7;box-shadow:0 0 2px #0a6aa1}.vakata-context li>a.vakata-context-parent{background-image:url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==);background-position:right center;background-repeat:no-repeat}.vakata-context li>a:focus{outline:0}.vakata-context .vakata-context-hover>a{position:relative;background-color:#e8eff7;box-shadow:0 0 2px #0a6aa1}.vakata-context .vakata-context-separator>a,.vakata-context .vakata-context-separator>a:hover{background:#fff;border:0;border-top:1px solid #e2e3e3;height:1px;min-height:1px;max-height:1px;padding:0;margin:0 0 0 2.4em;border-left:1px solid #e0e0e0;text-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;border-radius:0}.vakata-context .vakata-contextmenu-disabled a,.vakata-context .vakata-contextmenu-disabled a:hover{color:silver;background-color:transparent;border:0;box-shadow:0 0 0}.vakata-context li>a>i{text-decoration:none;display:inline-block;width:2.4em;height:2.4em;background:0 0;margin:0 0 0 -2em;vertical-align:top;text-align:center;line-height:2.4em}.vakata-context li>a>i:empty{width:2.4em;line-height:2.4em}.vakata-context li>a .vakata-contextmenu-sep{display:inline-block;width:1px;height:2.4em;background:#fff;margin:0 .5em 0 0;border-left:1px solid #e2e3e3}.vakata-context .vakata-contextmenu-shortcut{font-size:.8em;color:silver;opacity:.5;display:none}.vakata-context-rtl ul{left:auto;right:100%;margin-left:auto;margin-right:-4px}.vakata-context-rtl li>a.vakata-context-parent{background-image:url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7);background-position:left center;background-repeat:no-repeat}.vakata-context-rtl .vakata-context-separator>a{margin:0 2.4em 0 0;border-left:0;border-right:1px solid #e2e3e3}.vakata-context-rtl .vakata-context-left ul{right:auto;left:100%;margin-left:-4px;margin-right:auto}.vakata-context-rtl li>a>i{margin:0 -2em 0 0}.vakata-context-rtl li>a .vakata-contextmenu-sep{margin:0 0 0 .5em;border-left-color:#fff;background:#e2e3e3}#jstree-marker{position:absolute;top:0;left:0;margin:-5px 0 0 0;padding:0;border-right:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid;width:0;height:0;font-size:0;line-height:0}#jstree-dnd{line-height:16px;margin:0;padding:4px}#jstree-dnd .jstree-icon,#jstree-dnd .jstree-copy{display:inline-block;text-decoration:none;margin:0 2px 0 0;padding:0;width:16px;height:16px}#jstree-dnd .jstree-ok{background:green}#jstree-dnd .jstree-er{background:red}#jstree-dnd .jstree-copy{margin:0 2px}.jstree-default .jstree-node,.jstree-default .jstree-icon{background-repeat:no-repeat;background-color:transparent}.jstree-default .jstree-anchor,.jstree-default .jstree-animated,.jstree-default .jstree-wholerow{transition:background-color .15s,box-shadow .15s}.jstree-default .jstree-hovered{background:#f99e54;color:#fff;border-radius:2px;box-shadow:inset 0 0 1px #ccc}.jstree-default .jstree-context{background:#e7f4f9;border-radius:2px;box-shadow:inset 0 0 1px #ccc}.jstree-default .jstree-clicked{background:#e96800;color:#fff;border-radius:2px;box-shadow:inset 0 0 1px #999}.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon{display:none}.jstree-default .jstree-disabled{background:0 0;color:#666}.jstree-default .jstree-disabled.jstree-hovered{background:0 0;box-shadow:none}.jstree-default .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default .jstree-disabled>.jstree-icon{opacity:.8;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default .jstree-search{font-style:italic;color:#8b0000;font-weight:700}.jstree-default .jstree-no-checkboxes .jstree-checkbox{display:none!important}.jstree-default.jstree-checkbox-no-clicked .jstree-clicked{background:0 0;box-shadow:none}.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered{background:#e7f4f9}.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked{background:0 0}.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered{background:#e7f4f9}.jstree-default>.jstree-striped{min-width:100%;display:inline-block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat}.jstree-default>.jstree-wholerow-ul .jstree-hovered,.jstree-default>.jstree-wholerow-ul .jstree-clicked{background:0 0;box-shadow:none;border-radius:0}.jstree-default .jstree-wholerow{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.jstree-default .jstree-wholerow-hovered{background:#e7f4f9}.jstree-default .jstree-wholerow-clicked{background:#beebff;background:-webkit-linear-gradient(top,#beebff 0,#a8e4ff 100%);background:linear-gradient(to bottom,#beebff 0,#a8e4ff 100%)}.jstree-default .jstree-node{min-height:24px;line-height:24px;margin-left:24px;min-width:24px}.jstree-default .jstree-anchor{line-height:24px;height:24px}.jstree-default .jstree-icon{width:24px;height:24px;line-height:24px}.jstree-default .jstree-icon:empty{width:24px;height:24px;line-height:24px}.jstree-default.jstree-rtl .jstree-node{margin-right:24px}.jstree-default .jstree-wholerow{height:24px}.jstree-default .jstree-node,.jstree-default .jstree-icon{background-image:url(32px.png)}.jstree-default .jstree-node{background-position:-292px -4px;background-repeat:repeat-y}.jstree-default .jstree-last{background:0 0}.jstree-default .jstree-open>.jstree-ocl{background-position:-132px -4px}.jstree-default .jstree-closed>.jstree-ocl{background-position:-100px -4px}.jstree-default .jstree-leaf>.jstree-ocl{background-position:-68px -4px}.jstree-default .jstree-themeicon{background-position:-260px -4px}.jstree-default>.jstree-no-dots .jstree-node,.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-36px -4px}.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-4px -4px}.jstree-default .jstree-disabled{background:0 0}.jstree-default .jstree-disabled.jstree-hovered{background:0 0}.jstree-default .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default .jstree-checkbox{background-position:-164px -4px}.jstree-default .jstree-checkbox:hover{background-position:-164px -36px}.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default .jstree-checked>.jstree-checkbox{background-position:-228px -4px}.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default .jstree-checked>.jstree-checkbox:hover{background-position:-228px -36px}.jstree-default .jstree-anchor>.jstree-undetermined{background-position:-196px -4px}.jstree-default .jstree-anchor>.jstree-undetermined:hover{background-position:-196px -36px}.jstree-default .jstree-checkbox-disabled{opacity:.8;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default>.jstree-striped{background-size:auto 48px}.jstree-default.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);background-position:100% 1px;background-repeat:repeat-y}.jstree-default.jstree-rtl .jstree-last{background:0 0}.jstree-default.jstree-rtl .jstree-open>.jstree-ocl{background-position:-132px -36px}.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-100px -36px}.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-68px -36px}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-36px -36px}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-4px -36px}.jstree-default .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url(throbber.gif) center center no-repeat}.jstree-default .jstree-file{background:url(32px.png) -100px -68px no-repeat}.jstree-default .jstree-folder{background:url(32px.png) -260px -4px no-repeat}.jstree-default>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default{line-height:24px;padding:0 4px}#jstree-dnd.jstree-default .jstree-ok,#jstree-dnd.jstree-default .jstree-er{background-image:url(32px.png);background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default i{background:0 0;width:24px;height:24px;line-height:24px}#jstree-dnd.jstree-default .jstree-ok{background-position:-4px -68px}#jstree-dnd.jstree-default .jstree-er{background-position:-36px -68px}.jstree-default .jstree-ellipsis{overflow:hidden}.jstree-default .jstree-ellipsis .jstree-anchor{width:calc(100% - 29px);text-overflow:ellipsis;overflow:hidden}.jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor{width:calc(100% - 5px)}.jstree-default.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==)}.jstree-default.jstree-rtl .jstree-last{background:0 0}.jstree-default-small .jstree-node{min-height:18px;line-height:18px;margin-left:18px;min-width:18px}.jstree-default-small .jstree-anchor{line-height:18px;height:18px}.jstree-default-small .jstree-icon{width:18px;height:18px;line-height:18px}.jstree-default-small .jstree-icon:empty{width:18px;height:18px;line-height:18px}.jstree-default-small.jstree-rtl .jstree-node{margin-right:18px}.jstree-default-small .jstree-wholerow{height:18px}.jstree-default-small .jstree-node,.jstree-default-small .jstree-icon{background-image:url(32px.png)}.jstree-default-small .jstree-node{background-position:-295px -7px;background-repeat:repeat-y}.jstree-default-small .jstree-last{background:0 0}.jstree-default-small .jstree-open>.jstree-ocl{background-position:-135px -7px}.jstree-default-small .jstree-closed>.jstree-ocl{background-position:-103px -7px}.jstree-default-small .jstree-leaf>.jstree-ocl{background-position:-71px -7px}.jstree-default-small .jstree-themeicon{background-position:-263px -7px}.jstree-default-small>.jstree-no-dots .jstree-node,.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-39px -7px}.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-7px -7px}.jstree-default-small .jstree-disabled{background:0 0}.jstree-default-small .jstree-disabled.jstree-hovered{background:0 0}.jstree-default-small .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default-small .jstree-checkbox{background-position:-167px -7px}.jstree-default-small .jstree-checkbox:hover{background-position:-167px -39px}.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-small .jstree-checked>.jstree-checkbox{background-position:-231px -7px}.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-small .jstree-checked>.jstree-checkbox:hover{background-position:-231px -39px}.jstree-default-small .jstree-anchor>.jstree-undetermined{background-position:-199px -7px}.jstree-default-small .jstree-anchor>.jstree-undetermined:hover{background-position:-199px -39px}.jstree-default-small .jstree-checkbox-disabled{opacity:.8;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default-small>.jstree-striped{background-size:auto 36px}.jstree-default-small.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);background-position:100% 1px;background-repeat:repeat-y}.jstree-default-small.jstree-rtl .jstree-last{background:0 0}.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl{background-position:-135px -39px}.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-103px -39px}.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-71px -39px}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-39px -39px}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-7px -39px}.jstree-default-small .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url(throbber.gif) center center no-repeat}.jstree-default-small .jstree-file{background:url(32px.png) -103px -71px no-repeat}.jstree-default-small .jstree-folder{background:url(32px.png) -263px -7px no-repeat}.jstree-default-small>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default-small{line-height:18px;padding:0 4px}#jstree-dnd.jstree-default-small .jstree-ok,#jstree-dnd.jstree-default-small .jstree-er{background-image:url(32px.png);background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default-small i{background:0 0;width:18px;height:18px;line-height:18px}#jstree-dnd.jstree-default-small .jstree-ok{background-position:-7px -71px}#jstree-dnd.jstree-default-small .jstree-er{background-position:-39px -71px}.jstree-default-small .jstree-ellipsis{overflow:hidden}.jstree-default-small .jstree-ellipsis .jstree-anchor{width:calc(100% - 23px);text-overflow:ellipsis;overflow:hidden}.jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor{width:calc(100% - 5px)}.jstree-default-small.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==)}.jstree-default-small.jstree-rtl .jstree-last{background:0 0}.jstree-default-large .jstree-node{min-height:32px;line-height:32px;margin-left:32px;min-width:32px}.jstree-default-large .jstree-anchor{line-height:32px;height:32px}.jstree-default-large .jstree-icon{width:32px;height:32px;line-height:32px}.jstree-default-large .jstree-icon:empty{width:32px;height:32px;line-height:32px}.jstree-default-large.jstree-rtl .jstree-node{margin-right:32px}.jstree-default-large .jstree-wholerow{height:32px}.jstree-default-large .jstree-node,.jstree-default-large .jstree-icon{background-image:url(32px.png)}.jstree-default-large .jstree-node{background-position:-288px 0;background-repeat:repeat-y}.jstree-default-large .jstree-last{background:0 0}.jstree-default-large .jstree-open>.jstree-ocl{background-position:-128px 0}.jstree-default-large .jstree-closed>.jstree-ocl{background-position:-96px 0}.jstree-default-large .jstree-leaf>.jstree-ocl{background-position:-64px 0}.jstree-default-large .jstree-themeicon{background-position:-256px 0}.jstree-default-large>.jstree-no-dots .jstree-node,.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-32px 0}.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:0 0}.jstree-default-large .jstree-disabled{background:0 0}.jstree-default-large .jstree-disabled.jstree-hovered{background:0 0}.jstree-default-large .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default-large .jstree-checkbox{background-position:-160px 0}.jstree-default-large .jstree-checkbox:hover{background-position:-160px -32px}.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-large .jstree-checked>.jstree-checkbox{background-position:-224px 0}.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-large .jstree-checked>.jstree-checkbox:hover{background-position:-224px -32px}.jstree-default-large .jstree-anchor>.jstree-undetermined{background-position:-192px 0}.jstree-default-large .jstree-anchor>.jstree-undetermined:hover{background-position:-192px -32px}.jstree-default-large .jstree-checkbox-disabled{opacity:.8;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default-large>.jstree-striped{background-size:auto 64px}.jstree-default-large.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);background-position:100% 1px;background-repeat:repeat-y}.jstree-default-large.jstree-rtl .jstree-last{background:0 0}.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl{background-position:-128px -32px}.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-96px -32px}.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-64px -32px}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-32px -32px}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:0 -32px}.jstree-default-large .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url(throbber.gif) center center no-repeat}.jstree-default-large .jstree-file{background:url(32px.png) -96px -64px no-repeat}.jstree-default-large .jstree-folder{background:url(32px.png) -256px 0 no-repeat}.jstree-default-large>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default-large{line-height:32px;padding:0 4px}#jstree-dnd.jstree-default-large .jstree-ok,#jstree-dnd.jstree-default-large .jstree-er{background-image:url(32px.png);background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default-large i{background:0 0;width:32px;height:32px;line-height:32px}#jstree-dnd.jstree-default-large .jstree-ok{background-position:0 -64px}#jstree-dnd.jstree-default-large .jstree-er{background-position:-32px -64px}.jstree-default-large .jstree-ellipsis{overflow:hidden}.jstree-default-large .jstree-ellipsis .jstree-anchor{width:calc(100% - 37px);text-overflow:ellipsis;overflow:hidden}.jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor{width:calc(100% - 5px)}.jstree-default-large.jstree-rtl .jstree-node{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==)}.jstree-default-large.jstree-rtl .jstree-last{background:0 0}@media (max-width:768px){#jstree-dnd.jstree-dnd-responsive{line-height:40px;font-weight:700;font-size:1.1em;text-shadow:1px 1px #fff}#jstree-dnd.jstree-dnd-responsive>i{background:0 0;width:40px;height:40px}#jstree-dnd.jstree-dnd-responsive>.jstree-ok{background-image:url(40px.png);background-position:0 -200px;background-size:120px 240px}#jstree-dnd.jstree-dnd-responsive>.jstree-er{background-image:url(40px.png);background-position:-40px -200px;background-size:120px 240px}#jstree-marker.jstree-dnd-responsive{border-left-width:10px;border-top-width:10px;border-bottom-width:10px;margin-top:-10px}}@media (max-width:768px){.jstree-default-responsive .jstree-icon{background-image:url(40px.png)}.jstree-default-responsive .jstree-node,.jstree-default-responsive .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-responsive .jstree-node{min-height:40px;line-height:40px;margin-left:40px;min-width:40px;white-space:nowrap}.jstree-default-responsive .jstree-anchor{line-height:40px;height:40px}.jstree-default-responsive .jstree-icon,.jstree-default-responsive .jstree-icon:empty{width:40px;height:40px;line-height:40px}.jstree-default-responsive>.jstree-container-ul>.jstree-node{margin-left:0}.jstree-default-responsive.jstree-rtl .jstree-node{margin-left:0;margin-right:40px;background:0 0}.jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node{margin-right:0}.jstree-default-responsive .jstree-ocl,.jstree-default-responsive .jstree-themeicon,.jstree-default-responsive .jstree-checkbox{background-size:120px 240px}.jstree-default-responsive .jstree-leaf>.jstree-ocl,.jstree-default-responsive.jstree-rtl .jstree-leaf>.jstree-ocl{background:0 0}.jstree-default-responsive .jstree-open>.jstree-ocl{background-position:0 0!important}.jstree-default-responsive .jstree-closed>.jstree-ocl{background-position:0 -40px!important}.jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-40px 0!important}.jstree-default-responsive .jstree-themeicon{background-position:-40px -40px}.jstree-default-responsive .jstree-checkbox,.jstree-default-responsive .jstree-checkbox:hover{background-position:-40px -80px}.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-responsive .jstree-checked>.jstree-checkbox,.jstree-default-responsive .jstree-checked>.jstree-checkbox:hover{background-position:0 -80px}.jstree-default-responsive .jstree-anchor>.jstree-undetermined,.jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover{background-position:0 -120px}.jstree-default-responsive .jstree-anchor{font-weight:700;font-size:1.1em;text-shadow:1px 1px #fff}.jstree-default-responsive>.jstree-striped{background:0 0}.jstree-default-responsive .jstree-wholerow{border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(64,64,64,.2);background:#ebebeb;height:40px}.jstree-default-responsive .jstree-wholerow-hovered{background:#e7f4f9}.jstree-default-responsive .jstree-wholerow-clicked{background:#beebff}.jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow{box-shadow:inset 0 -6px 3px -5px #666}.jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow{box-shadow:inset 0 6px 3px -5px #666;border-top:0}.jstree-default-responsive .jstree-children .jstree-open+.jstree-open{box-shadow:none}.jstree-default-responsive .jstree-node,.jstree-default-responsive .jstree-icon,.jstree-default-responsive .jstree-node>.jstree-ocl,.jstree-default-responsive .jstree-themeicon,.jstree-default-responsive .jstree-checkbox{background-image:url(40px.png);background-size:120px 240px}.jstree-default-responsive .jstree-node{background-position:-80px 0;background-repeat:repeat-y}.jstree-default-responsive .jstree-last{background:0 0}.jstree-default-responsive .jstree-leaf>.jstree-ocl{background-position:-40px -120px}.jstree-default-responsive .jstree-last>.jstree-ocl{background-position:-40px -160px}.jstree-default-responsive .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-responsive .jstree-file{background:url(40px.png) 0 -160px no-repeat;background-size:120px 240px}.jstree-default-responsive .jstree-folder{background:url(40px.png) -40px -40px no-repeat;background-size:120px 240px}.jstree-default-responsive>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}}
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/manager/banner/bannerSetList.jsp b/src/main/webapp/WEB-INF/views/manager/banner/bannerSetList.jsp
new file mode 100644
index 00000000..2c78983e
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/manager/banner/bannerSetList.jsp
@@ -0,0 +1,257 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.banner.bannerSetList.title"/></title>
+	<script src="/js/lib/base64.js"></script>
+	</head>
+	
+	<body>
+	
+		<c:if test='${(siteMenuIdx != "0" && menuCode == "N") || menuCode == "banner"}'>
+		<div class="seed-popup-wrap">
+		</c:if>
+
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.banner.nav.bannerSetList"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p></p>
+					</div>
+				</div>
+			</div>
+			<div class="sch-content-wrap clear">
+			
+				<c:choose>
+					<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>
+					<c:url var="actionUrl" value="/gtm/${siteIdx}/bannerSetList.do" />
+					</c:when>
+					<c:otherwise>
+					<c:url var="actionUrl" value="/menu/${siteIdx}/bannerSetList.do" />
+					</c:otherwise>
+				</c:choose>
+				
+				<form:form name="frmSearch" id="frmSearch" action="${actionUrl}" method="post">
+					<input type="hidden" name="page" value="1" />
+					<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
+					<input type="hidden" name="orderColumn" value="<c:out escapeXml='true' value='${orderColumn}' />" />
+					<input type="hidden" name="order" value="<c:out escapeXml='true' value='${order}' />" />
+					<input type="hidden" name="siteMenuIdx" value="<c:out escapeXml='true' value='${siteMenuIdx}' />"/>
+					<input type="hidden" name="menuCode" value="<c:out escapeXml='true' value='${menuCode}' />"/>
+					<fieldset>
+						<legend>검색 폼</legend>
+						<select name="column" id="column" title="<s:message code="common.select.option.value"/>" class="sch-select">
+							<option value="A" <c:if test="${column == 'A'}">selected="selected"</c:if>><s:message code="common.select.option.value.all"/></option>
+							<option value="bannerSetName" <c:if test="${column == 'bannerSetName'}">selected="selected"</c:if>><s:message code="manager.banner.bannerSetList.bannerSetName"/></option>
+							<option value="tMember.memberName" <c:if test="${column == 'tMember.memberName'}">selected="selected"</c:if>><s:message code="common.memberName"/></option>
+						</select>
+						<input type="search" name="search" id="search" value="<c:out escapeXml='true' value='${search}' />" title="<s:message code="common.search.value"/>" class="sch-text">
+						<button type="submit" class="btn-page-sch"><s:message code="common.button.search"/></button>
+					</fieldset>
+				</form:form>
+			</div>
+		</div>
+        
+		<form:form name="frm" id="frm" method="post" action="/gtm/proc/${siteIdx}/bannerSetStatusProc.do">
+			<input type="hidden" name="page" value="<c:out escapeXml='true' value='${page}' />" />			
+			<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
+			<input type="hidden" name="orderColumn" value="<c:out escapeXml='true' value='${orderColumn}' />" />
+			<input type="hidden" name="order" value="<c:out escapeXml='true' value='${order}' />" />
+			<input type="hidden" name="column" value="<c:out escapeXml='true' value='${column}' />" />
+			<input type="hidden" name="search" value="<c:out escapeXml='true' value='${search}' />" />
+
+			<div class="more-btn-box">
+				<button type="button" id="moreTableItem" class="more-table-item">칼럼 더보기</button>
+			</div>
+			
+			<div class="form-wrap">
+				<div class="table-layout br-none">
+					<table>
+						<caption><s:message code="manager.banner.bannerSetList.table.caption"/></caption>
+						<colgroup>
+							<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><col class="checkbox_small" /></c:if>
+							<col class="title">
+							<col>
+							<col class="item-tablet-hidden">
+							<col class="item-mobile-hidden">
+							<col class="item-mobile-hidden">
+						</colgroup>
+						<thead>
+						<tr>
+							<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><th scope="col"><input type="checkbox" class="checkbox check-all" name="allcheck" id="allcheck" title="<s:message code="common.message.allCheck"/>" /><label for="allcheck"></label></th></c:if>
+							<th scope="col"><s:message code="manager.banner.bannerSetList.bannerSetName"/><span> <a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bannerSetName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bannerSetName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+							<th scope="col"><s:message code="manager.banner.bannerSetList.bannerDataCnt"/></th>
+							<th scope="col" class="item-tablet-hidden"><s:message code="common.memberName"/><span> <a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=tMember.memberName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=tMember.memberName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+							<th scope="col" class="item-mobile-hidden"><s:message code="common.regDate"/><span> <a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bannerSetRegDate&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bannerSetRegDate&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+							<th scope="col" class="item-mobile-hidden"><s:message code="common.status"/><span> <a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bannerSetStatus&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bannerSetStatus&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+						</tr>
+						</thead>
+						<tbody>									
+						<c:choose>
+							<c:when test="${!empty bannerSetList}">
+								<c:forEach items="${bannerSetList}" var="bannerSetList" varStatus="status">
+							    <tr>
+							    	<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><td><input type="checkbox" class="checkbox check-base" name="idxs" id="banner_<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />" value="<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />" /><label for="banner_<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />"></label> <%-- <c:out escapeXml='true' value='${bannerSetListCnt - (page-1)*row - status.index}' /> --%></td></c:if>
+							        <td class="al">
+							        	<c:choose>
+							        		<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>										        
+							        			<a class="hover-link" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetEdit/<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><span><c:out escapeXml='true' value='${bannerSetList._bannerSetName}' /></span></a>
+							        		</c:when>
+							        		<c:when test='${menuCode == "banner"}'>
+							        			<a class="hover-link codeClick" href="/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${menuCode}' />/<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />/mini.do"><span><c:out escapeXml='true' value='${bannerSetList._bannerSetName}' /></span></a>
+							        		</c:when>
+							        	</c:choose>
+							        </td>	
+							        <td>
+							        	<c:choose>
+								        	<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>											        
+								        	<a class="hover-link" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />/bannerDataList.do"><span><c:out escapeXml='true' value='${bannerSetList._bannerDataIdxCnt}' /></span></a>
+								        	</c:when>
+								        	<c:otherwise>
+								        	<c:out escapeXml='true' value='${bannerSetList._bannerDataIdxCnt}' />
+								        	</c:otherwise>
+							        	</c:choose>
+							        </td>									        			
+							        <td class="item-tablet-hidden"><c:out escapeXml='true' value='${bannerSetList._memberName}' />(<c:out escapeXml='true' value='${bannerSetList._memberId}' />)</td>
+							        <td class="item-mobile-hidden"><c:out escapeXml='true' value='${fn:substring(bannerSetList._bannerSetRegDate, 0, 10)}' /></td>
+							        <c:choose>
+						        	<c:when test="${bannerSetList._bannerSetStatus == 'U'}">
+						        	<td class="item-mobile-hidden skin-default"><s:message code="common.use"/></td>
+						        	</c:when>
+						        	<c:when test="${bannerSetList._bannerSetStatus == 'S'}">
+						        	<td class="state-stop item-mobile-hidden"><s:message code="common.stop"/></td>
+						        	</c:when>
+						        	<c:when test="${bannerSetList._bannerSetStatus == 'D'}">
+							        	<c:choose>
+							        	<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>										        	
+							        	<td class="state-delete item-mobile-hidden">
+						        			<a class="dataDel" href="/gtm/proc/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetDelProc/<c:out escapeXml='true' value='${bannerSetList._bannerSetIdx}' />.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><s:message code="common.button.del"/></a>
+						        		</td>
+							        	</c:when>
+							        	<c:otherwise>
+							        	<td><s:message code="common.button.del"/></td>
+							        	</c:otherwise>
+							        	</c:choose>
+						        	</c:when>
+							        </c:choose>
+							    </tr>
+								</c:forEach>
+							</c:when>
+							<c:otherwise>
+							    <tr>
+							        <td class="no-data-colspan"><s:message code="common.message.no.data"/></td>
+							    </tr>
+							</c:otherwise>
+						</c:choose>
+						</tbody>
+					</table>
+				</div>
+
+				<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'>
+				<div class="change-state-area">
+					<label for="selStatus"><s:message code="common.message.choice"/></label>
+					<select name="selStatus" id="selStatus" title="<s:message code="common.select.option.value"/>" class="change-list">
+						<option value=""><s:message code="common.select.option.value"/></option>
+						<option value="U"><s:message code="common.select.option.value.use"/></option>
+						<option value="S"><s:message code="common.select.option.value.stop"/></option>
+						<option value="D"><s:message code="common.select.option.value.delete"/></option>
+					</select>
+					<button type="submit" class="btn-change-state"><s:message code="common.button.status"/></button>
+				</div>
+				</c:if>
+				
+			</div>
+				
+		</form:form>
+		
+		<div class="pagination-container">
+			<div class="pagination-inner clear">
+				<div class="pagination-control prev clear">
+					<a class="first-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=1&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.first"/>" ><s:message code="common.page.first"/></a>
+					<c:choose>
+					<c:when test="${block > 1}">
+						<a class="prev-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${fPage-1}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.prev"/>" ><s:message code="common.page.prev"/></a>
+					</c:when>
+					<c:otherwise>
+						<a class="prev-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${fPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.prev"/>" ><s:message code="common.page.prev"/></a>
+					</c:otherwise>
+					</c:choose>
+				</div>
+				<ul class="pagination clear">
+				<c:forEach begin="0"  end="${lPage-fPage}" var="index" >
+					<c:choose>
+						<c:when test="${index+fPage==page}">
+							<li><a class="on" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.now"/>" ><c:out escapeXml='true' value='${page}' /></a></li>
+						</c:when>
+						<c:otherwise>
+							<li><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${index+fPage}' />&amp;row=${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<c:out escapeXml='true' value='${index+fPage}' /> <s:message code="common.page.page"/>" ><c:out escapeXml='true' value='${index+fPage}' /></a></li>
+						</c:otherwise>
+					</c:choose>
+				</c:forEach>
+				</ul>
+				<div class="pagination-control next clear">
+					<c:choose>
+					<c:when test="${block < blocks}">
+						<a class="next-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${lPage+1}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.next"/>" ><s:message code="common.page.next"/></a>
+					</c:when>
+					<c:otherwise>
+						<a class="next-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${lPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.next"/>" ><s:message code="common.page.next"/></a>
+					</c:otherwise>
+					</c:choose>
+					<a class="last-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bannerSetList.do?page=<c:out escapeXml='true' value='${pages}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.last"/>" ><s:message code="common.page.last"/></a>
+				</div>
+			</div>
+		</div>
+	
+		<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'>
+		<div class="btn-area">
+			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/bannerSetForm.do" class="btn-normal violet"><s:message code="common.button.create"/></a>
+		</div>
+		</c:if>
+			
+		<script>
+		/* <![CDATA[ */
+    	$(".dataDel").click(function(){
+			if(!confirm("<s:message code='common.message.banner.set.confirm.del'/>")){
+				return false;
+			}
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+    	});
+		
+		$(".codeClick").click(function(){
+			var url = $(this).attr("href");
+			location.replace("/common/getCode/<c:out escapeXml='true' value='${siteIdx}' />.do?getUrl="+Base64.encode(url)+"&codeType=func&pageType=manager");
+			return false;
+		});		
+
+		$("#frm").submit(function(){
+			
+			if(!$('input:checkbox[name="idxs"]').is(":checked")){
+				alert("<s:message code="common.message.no.check"/>");
+				return false;
+			}
+			
+			if($("#selStatus option:selected").val() == ""){
+				alert("<s:message code="common.message.no.select"/>");
+				$("#selStatus").focus();
+				return false;
+			}
+			
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});
+		/* ]]> */
+		</script>
+		
+		<c:if test='${(siteMenuIdx != "0" && menuCode == "N") || menuCode == "banner"}'>
+		</div>
+		</c:if>
+
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/manager/skin/siteAlertSkin.jsp b/src/main/webapp/WEB-INF/views/manager/skin/siteAlertSkin.jsp
new file mode 100644
index 00000000..ec2cccd4
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/manager/skin/siteAlertSkin.jsp
@@ -0,0 +1,79 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+		<title><s:message code="manager.skin.member.title"/></title>
+	</head>
+	<body>
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.skin.tab.alert"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p><s:message code="manager.skin.alert.caption"/></p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="tab-menu cf">		
+			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteAlertSkin.do?alertType=message" <c:if test='${alertType == "message"}'>class="on" </c:if>><s:message code="manager.skin.tab.alert.message"/></a>
+			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteAlertSkin.do?alertType=error" <c:if test='${alertType == "error"}'>class="on" </c:if>><s:message code="manager.skin.tab.alert.error"/></a>
+		</div>
+		<div class="layout-content">
+			<div class="layout-title">
+				<button type="button" class="skin-tab on" id="htmlTab"><div class="skin-div"><span>〈 / 〉</span><p>Html</p></div></button>
+				<button type="button" class="skin-tab" id="cssTab"><div class="skin-div"><span>〈 _ 〉</span><p>Css</p></div></button>
+				<div class="editor-util-btn">
+					<button type="button" class="editor-full-btn">에디터 전체화면</button>
+				</div>				
+			</div>
+			<div class="editor">
+				<span class="rolling"></span>
+				<iframe class="iframe" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=alert&amp;pageName=<c:out escapeXml='true' value='${alertType}' />" id="siteSkinHtml"></iframe>
+				<iframe class="iframe" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=alert&amp;pageName=alert" id="siteSkinCss"></iframe>
+			</div>
+		</div>
+		<div class="btn-area">
+			<button type="button" class="btn-normal violet" id="btnHtml"><s:message code="common.button.mod"/></button>
+			<button type="button" class="btn-normal violet DSP-NONE" id="btnCss"><s:message code="common.button.mod"/></button>
+		</div>
+		
+		<script>
+		/* <![CDATA[ */
+
+		$("#btnHtml").click(function(){
+			$("#siteSkinHtml")[0].contentWindow.jf_submit();
+		});
+
+		$("#btnCss").click(function(){
+			$("#siteSkinCss")[0].contentWindow.jf_submit();
+		});
+		
+		$("#htmlTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');
+			$("#siteSkinHtml").show();
+			$("#siteSkinCss").hide();
+			$("#btnHtml").show();
+			$("#btnCss").hide();
+		});
+		
+		$("#cssTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');
+			$("#siteSkinHtml").hide();
+			$("#siteSkinCss").show();
+			$("#btnHtml").hide();
+			$("#btnCss").show();
+		});
+		
+		
+		/* ]]> */
+		</script>
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/manager/skin/siteMemberSkin.jsp b/src/main/webapp/WEB-INF/views/manager/skin/siteMemberSkin.jsp
new file mode 100644
index 00000000..f1b060f4
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/manager/skin/siteMemberSkin.jsp
@@ -0,0 +1,99 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.skin.member.title"/></title>
+	</head>
+	
+	<body>
+	
+	
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.skin.tab.member"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p><s:message code="manager.skin.member.caption"/></p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="tab-menu-wrap">
+			<div class="tab-menu cf">		
+				<a <c:if test='${memberType == "memberFormPwDel"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberFormPwDel"><s:message code="manager.skin.tab.member.memberDel"/></a>
+				<a <c:if test='${memberType == "memberPwDelResult"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberPwDelResult"><s:message code="manager.skin.tab.member.memberDelResult"/></a>										
+			</div>
+			<div class="tab-menu cf">	
+				<a <c:if test='${memberType == "memberIdFind"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberIdFind"><s:message code="manager.skin.tab.member.memberIdFind"/></a>
+				<a <c:if test='${memberType == "memberPwFind"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberPwFind"><s:message code="manager.skin.tab.member.memberPwFind"/></a>
+				<a <c:if test='${memberType == "memberIdResult"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberIdResult"><s:message code="manager.skin.tab.member.memberIdResult"/></a>
+				<a <c:if test='${memberType == "memberPwResult"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberPwResult"><s:message code="manager.skin.tab.member.memberPwResult"/></a>	
+			</div>		
+			<div class="tab-menu cf">
+				<a <c:if test='${memberType == "memberForm"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberForm"><s:message code="manager.skin.tab.member.memberForm"/></a>
+				<a <c:if test='${memberType == "memberEdit"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberEdit"><s:message code="manager.skin.tab.member.memberEdit"/></a>
+				<a <c:if test='${memberType == "memberChk"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberChk"><s:message code="manager.skin.tab.member.memberChk"/></a>
+				<a <c:if test='${memberType == "memberFormPw"}'>class="on"</c:if> href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteMemberSkin.do?memberType=memberFormPw"><s:message code="manager.skin.tab.member.memberPwChk"/></a>
+			</div>
+		</div>
+		<div class="layout-content">
+			<div class="layout-title">
+				<button type="button" class="skin-tab on" id="htmlTab"><div class="skin-div"><span>〈 / 〉</span><p>Html</p></div></button>
+				<button type="button" class="skin-tab" id="cssTab"><div class="skin-div"><span>〈 _ 〉</span><p>Css</p></div></button>
+				<div class="editor-util-btn">
+					<button type="button" class="editor-full-btn">에디터 전체화면</button>
+				</div>				
+			</div>
+			<div class="editor">
+				<span class="rolling"></span>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=member&amp;pageName=${memberType}" id="siteSkinHtml"></iframe>
+				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=member&amp;pageName=member" id="siteSkinCss"></iframe>
+			</div>
+		</div>
+		<div class="btn-area">
+			<button type="button" class="btn-normal violet" id="btnHtml"><s:message code="common.button.mod"/></button>
+			<button type="button" class="btn-normal violet DSP-NONE" id="btnCss"><s:message code="common.button.mod"/></button>
+		</div>		
+	
+	
+		<script>
+		/* <![CDATA[ */
+		$("#btnHtml").click(function(){
+			$("#siteSkinHtml")[0].contentWindow.jf_submit();
+		});
+
+		$("#btnCss").click(function(){
+			$("#siteSkinCss")[0].contentWindow.jf_submit();
+		});
+		
+		$("#htmlTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');					
+			$("#siteSkinHtml").show();
+			$("#siteSkinCss").hide();
+			$("#btnHtml").show();
+			$("#btnCss").hide();
+		});
+		
+		$("#cssTab").click(function(){
+			$('.skin-tab').removeClass('on');
+			$(this).addClass('on');					
+			$("#siteSkinHtml").hide();
+			$("#siteSkinCss").show();
+			$("#btnHtml").hide();
+			$("#btnCss").show();
+		});		
+
+		$("#frm").submit(function(){
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});		
+		
+		/* ]]> */
+		</script> 
+				
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/manager/statistics/siteMenuStatisticsList.jsp b/src/main/webapp/WEB-INF/views/manager/statistics/siteMenuStatisticsList.jsp
new file mode 100644
index 00000000..69880bb8
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/manager/statistics/siteMenuStatisticsList.jsp
@@ -0,0 +1,104 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.statistics.statisticsList.title"/></title>
+	<script src="http://www.google.com/jsapi"></script>
+	</head>
+	
+	<body>
+	
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.tab.siteMenuStatisticsList"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p>메뉴명, 메뉴설정, 메뉴타입, 담당자, 메뉴순서를 변경 할 수 있는 페이지입니다.</p>
+					</div>
+				</div>
+			</div>
+		</div>
+			
+		<div class="more-btn-box">
+			<button type="button" id="moreTableItem" class="more-table-item">칼럼 더보기</button>
+		</div>
+	
+		<div class="table-layout inner-br-none siteMenuList">
+			<table>
+				<caption><s:message code="manager.site.siteMenuList.table.caption"/></caption>
+				<colgroup>
+					<col class="title">
+					<col class="item-mobile-hidden">
+					<col class="item-tablet-hidden">
+					<col class="item-tablet-hidden">
+					<col class="item-mobile-hidden">
+					<col>
+				</colgroup>
+				<thead>
+				<tr>
+					<th scope="col"><s:message code="manager.site.siteMenuList.siteMenuName"/></th>
+					<th scope="col" class="item-mobile-hidden"><s:message code="manager.site.siteMenuList.siteMenuLink"/></th>
+					<th scope="col" class="item-tablet-hidden"><s:message code="manager.site.siteMenuList.siteMenuStatus"/></th>
+					<th scope="col" class="item-tablet-hidden"><s:message code="manager.site.siteMenuList.siteMenuIdx"/></th>
+					<th scope="col" class="item-mobile-hidden"><s:message code="common.regDate"/></th>
+					<th scope="col"><s:message code="manager.statistics.statisticsList.cnt"/></th>
+				</tr>
+				</thead>
+				<tbody>
+				<tr>
+					<td class="no-data-colspan"><c:out escapeXml='true' value='${siteName}' /></td>
+				</tr>
+				<c:forEach items="${siteMenuStatisticsList}" var="siteMenuStatisticsList" varStatus="status">
+					<tr>
+						<td class="al">
+						<c:choose>
+							<c:when test='${siteMenuStatisticsList._siteMenuNameType == "T"}'>							        	
+							<span class="hover-link depth-<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuDepth}' />"><c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuName}' /></span>
+							</c:when>
+							<c:otherwise>
+							<div>
+								<span class="hover-link depth-<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuDepth}' />"><img src="/site/<c:out escapeXml='true' value='${siteIdx}' />/images/menu/topMenu_<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuIdxs}' />_off.gif" alt="<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuName}' />" width="150px" height="40px" /></span>
+								<br/>
+								<span class="hover-link depth-<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuDepth}' />"><img src="/site/<c:out escapeXml='true' value='${siteIdx}' />/images/menu/topMenu_<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuIdxs}' />_on.gif" alt="<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuName}' />" width="150px" height="40px" /></span>
+								<c:if test='${siteMenuStatisticsList._siteMenuDepth > 1}'>
+								<br/>									
+								<span class="hover-link depth-<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuDepth}' />"><img src="/site/<c:out escapeXml='true' value='${siteIdx}' />/images/menu/subMenu_<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuIdxs}' />_off.gif" alt="<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuName}' />" width="150px" height="40px" /></span>
+								<br/>									
+								<span class="hover-link depth-<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuDepth}' />"><img src="/site/<c:out escapeXml='true' value='${siteIdx}' />/images/menu/subMenu_<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuIdxs}' />_on.gif" alt="<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuName}' />" width="150px" height="40px" /></span>
+								</c:if>
+							</div>
+							</c:otherwise>
+						</c:choose>
+						</td>
+						<td class="item-mobile-hidden"><a class="menu-barogagi" href="<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuLinkUrl}' />" target="_blank"><span><img src="/img/icon-go.png" alt="메뉴 바로가기" class="go-btn">GO</span></a></td>
+						<td class="item-tablet-hidden">
+							<c:choose>
+								<c:when test="${siteMenuStatisticsList._siteMenuStatus == 'U'}">
+								<p class="menu-visible on"><span>ON</span></p>
+								</c:when>
+								<c:when test="${siteMenuStatisticsList._siteMenuStatus == 'S'}">
+								<p class="menu-visible off"><span>OFF</span></p>
+								</c:when>
+							</c:choose>
+						</td>
+						<td class="item-tablet-hidden"><c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuIdxs}' /></td>
+						<td class="item-mobile-hidden"><c:out escapeXml='true' value='${fn:substring(siteMenuStatisticsList._siteMenuRegDate, 0, 10)}' /></td>
+						<td><a class="menu-barogagi hover-link" href="<c:out escapeXml='true' value='${siteMenuStatisticsList._siteMenuLinkUrl}' />" target="_blank"><span><c:out escapeXml='true' value='${siteMenuStatisticsList._accessCount}' /></span></a></td>
+					</tr>
+				</c:forEach>
+				</tbody>
+			</table>
+				
+		</div>
+		
+		<div class="btn-area">
+			<a class="btn-normal lightgray" href="/gtm/proc/<c:out escapeXml='true' value='${siteIdx}' />/siteMenuStatisticsExcelList.do"><s:message code="common.button.excel"/></a>
+		</div>
+
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/manager/statistics/siteStatisticsList.jsp b/src/main/webapp/WEB-INF/views/manager/statistics/siteStatisticsList.jsp
new file mode 100644
index 00000000..3cc0aaec
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/manager/statistics/siteStatisticsList.jsp
@@ -0,0 +1,190 @@
+<%@page import="java.util.HashMap"%>
+<%@page import="java.util.ArrayList"%>
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.statistics.statisticsList.title"/></title>
+	<script src="/js/lib/google-loader.js"></script>
+	</head>
+	
+	<body>
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.tab.siteStatisticsList"/></h3>
+<!-- 				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p>통계 그래프 확인</p>
+					</div>
+				</div> -->
+			</div>
+			<div class="sch-content-wrap clear">
+				<form:form name="frmSearch" id="frmSearch" action="/gtm/${siteIdx}/siteStatisticsList.do" method="post">
+					<input type="hidden" name="page" value="1" />
+					<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
+					<input type="hidden" name="orderColumn" value="<c:out escapeXml='true' value='${orderColumn}' />" />
+					<input type="hidden" name="order" value="<c:out escapeXml='true' value='${order}' />" />
+					<input type="hidden" name="siteMenuIdx" value="<c:out escapeXml='true' value='${siteMenuIdx}' />"/>
+					<input type="hidden" name="menuCode" value="<c:out escapeXml='true' value='${menuCode}' />"/>	 				
+					<fieldset>
+					
+						<legend>검색 폼</legend>
+						
+						<select name="year" id="yearStr" title="<s:message code="common.select.option.value"/>" class="sch-select">
+						</select>
+						
+						<select name="month" id="monthStr" title="<s:message code="common.select.option.value"/>" class="sch-select">
+							<option value="1" <c:if test="${monthStr == '1'}">selected="selected"</c:if>>1월</option>
+							<option value="2" <c:if test="${monthStr == '2'}">selected="selected"</c:if>>2월</option>
+							<option value="3" <c:if test="${monthStr == '3'}">selected="selected"</c:if>>3월</option>
+							<option value="4" <c:if test="${monthStr == '4'}">selected="selected"</c:if>>4월</option>
+							<option value="5" <c:if test="${monthStr == '5'}">selected="selected"</c:if>>5월</option>
+							<option value="6" <c:if test="${monthStr == '6'}">selected="selected"</c:if>>6월</option>
+							<option value="7" <c:if test="${monthStr == '7'}">selected="selected"</c:if>>7월</option>
+							<option value="8" <c:if test="${monthStr == '8'}">selected="selected"</c:if>>8월</option>
+							<option value="9" <c:if test="${monthStr == '9'}">selected="selected"</c:if>>9월</option>
+							<option value="10" <c:if test="${monthStr == '10'}">selected="selected"</c:if>>10월</option>
+							<option value="11" <c:if test="${monthStr == '11'}">selected="selected"</c:if>>11월</option>
+							<option value="12" <c:if test="${monthStr == '12'}">selected="selected"</c:if>>12월</option>
+						</select>
+						
+						<button type="submit" class="btn-page-sch"><s:message code="common.button.search"/></button>
+					</fieldset>
+				</form:form>
+			</div>
+		</div>		
+		<div id="month_chart" class="chart"></div>					
+			
+		
+		
+		<div class="btn-area">
+			<a class="btn-normal lightgray" href="/gtm/proc/<c:out escapeXml='true' value='${siteIdx}' />/siteStatisticsExcelList.do?year=${yearStr}&amp;month=<c:out escapeXml='true' value='${monthStr}' />"><s:message code="common.button.excel"/></a>
+		</div>
+
+		<script>		
+		/* <![CDATA[ */
+		var date = new Date();
+
+		for(var year=date.getFullYear(); (date.getFullYear()-10) <= (year+1); year--){
+			if("${yearStr}" == year){
+				$("#yearStr")[0].options.add(new Option(year, year, true, true));
+			}else{
+				$("#yearStr")[0].options.add(new Option(year, year));
+			}
+		}
+		
+		function requireScript( array ){
+			// sync 메서드는 jquery.seed.js에 들어있습니다..
+			return $.sync( (function(){
+				var retrunArray = []; 	
+				for( var i = 0; i < array.length; i++ ){
+					retrunArray.push([ $.getScript, array[i] ]);
+				}
+				return retrunArray;						
+			}()) );						
+		}
+		
+	    function getRandomColor() {
+	        var letters = '0123456789ABCDEF'.split('');
+	        var color = '#';
+	        for (var i = 0; i < 6; i++ ) {
+	            color += letters[Math.floor(Math.random() * 16)];
+	        }
+	        return color;
+	    }		
+		
+		requireScript(['/js/lib/raphael.min.js', 
+		               '/js/lib/morris.min.js']).done(function( str ){
+		      $('.chart').children().add('.chart-list li').remove();	         	          	   
+		    // 기본 색깔 순서입니다.
+		    var colors = ['#838bd2', '#FDB45C', '#46BFBD', '#F7464A'];				    
+		    if( colors.length <= ($('.site > li').length+1) )
+		    {			    	
+		    	var colorSize = ($('.site > li').length+1) - colors.length; // 사용 가능한 공간 + 1			    	
+		    	while( colorSize-- )		
+		    		colors.push( getRandomColor() );			    					    	
+		    }        	   
+		            	   
+			/***********************************************************************************************
+			 일별통계
+			************************************************************************************************/
+			;(function(){
+	
+	      		var year = "<c:out escapeXml='true' value='${yearStr}' />";
+	   			var month = parseInt("<c:out escapeXml='true' value='${monthStr}' />");
+	   			var LineData = [];
+	   			var days = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
+	   			if ((year % 4 === 0) && (year % 100 !== 0) || (year % 400 === 0)) {
+	   				days[1] = 29; //윤년 체크
+	   			}
+	   			
+	   			for(var d=1; d<=days[month-1]; d++){
+	   					 
+					var cnt = 0;
+					
+					<c:forEach items="${siteStatisticsList}" var="siteStatisticsList" varStatus="status">
+					if(year == "${siteStatisticsList._accessYear}" && 
+							(month + '') == "${siteStatisticsList._accessMonth}" && 
+							d == "${siteStatisticsList._accessDay}"){					
+						cnt += <c:out value='${siteStatisticsList._accessCount}' />;
+					}
+					</c:forEach>
+					
+					LineData.push({ days: [year, month, d].join('-'), count: cnt});
+	   					
+	   			}				            	   
+			            	   
+				var MorrisLine = Morris.Line({
+				  element: 'month_chart',
+				  data: LineData,
+				  xkey: 'days',
+				  ykeys: ['count'],
+				  labels: ['<c:out escapeXml='true' value='${siteName}' />'],
+				  dateFormat: function(x){				 
+					  var date = new Date(x);
+					  return date.getFullYear() + '년 ' + (date.getMonth()+1) + '월 ' + date.getDate() + '일';
+				  },
+				  lineWidth: 2,			  
+				  resize: false,
+				  grid: false,			  
+				  //xLabelAngle: 45,
+				  lineColors: colors			  
+				});
+   					
+				MorrisLine.displayHoverForRow(new Date().getDate() - 1);
+				
+				// 레이블 생성		
+				var chartDetailList = MorrisLine.el.parent().find('.chart-detail-list');   				
+	  			var labels = MorrisLine.options.labels;
+	  			
+	  			chartDetailList.append(function(){
+	  				var fragment = $(document.createDocumentFragment());
+	  				for( var i = 0; i < labels.length; i++ ){  					
+	  					fragment.append(
+	  						$('<li></li>').append(
+	  							$('<h5></h5>')   									
+	  								.text( labels[i] )
+	  								.prepend( $('<i></i>').css({ backgroundColor: colors[i] }) )
+	  						)	
+	  					)
+	  				}
+	  				return fragment;
+	  			});						
+				
+	  			$(window).doneEvent('resize.MorrisLine', function() { MorrisLine.redraw() });
+			}());				
+			/***********************************************************************************************
+			 일별통계 끝
+			************************************************************************************************/			
+		});
+		/* ]]> */
+		</script>
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/manager/visual/visualESetList.jsp b/src/main/webapp/WEB-INF/views/manager/visual/visualESetList.jsp
new file mode 100644
index 00000000..391894a6
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/manager/visual/visualESetList.jsp
@@ -0,0 +1,151 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.visual.visualSetList.title"/></title>
+	</head>
+	
+	<body>
+	
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.visual.nav.visualSetList"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p></p>
+					</div>
+				</div>
+			</div>
+			<div class="sch-content-wrap clear">
+				<form:form name="frmSearch" id="frmSearch" action="/gte/${siteIdx}/visualSetList.do" method="post">
+					<input type="hidden" name="page" value="1" />
+					<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
+					<input type="hidden" name="orderColumn" value="<c:out escapeXml='true' value='${orderColumn}' />" />
+					<input type="hidden" name="order" value="<c:out escapeXml='true' value='${order}' />" />
+					<input type="hidden" name="siteMenuIdx" value="<c:out escapeXml='true' value='${siteMenuIdx}' />"/>
+					<fieldset>
+						<legend>검색 폼</legend>
+						<select name="column" id="column" title="<s:message code="common.select.option.value"/>" class="sch-select">
+							<option value="<c:if test='${!memberGrant == "S" || !memberAuth}'>tVisualSet.</c:if>visualSetName"><s:message code="manager.visual.visualSetList.visualSetName"/></option>
+						</select>
+						<input type="search" name="search" id="search" value="<c:out escapeXml='true' value='${search}' />" title="<s:message code="common.search.value"/>" class="sch-text">
+						<button type="submit" class="btn-page-sch"><s:message code="common.button.search"/></button>
+					</fieldset>
+				</form:form>
+			</div>
+		</div>
+	        
+		<div class="more-btn-box">
+			<button type="button" id="moreTableItem" class="more-table-item">칼럼 더보기</button>
+		</div>
+		
+		<div class="form-wrap">
+			<div class="table-layout br-none">
+				<table>
+					<caption><s:message code="manager.visual.visualSetList.table.caption"/></caption>
+					<colgroup>
+						<col class="small_checkbox">
+						<col class="title">
+						<col>
+						<col class="item-tablet-hidden">
+						<col class="item-mobile-hidden">
+					</colgroup>
+					<thead>
+					<tr>
+						<th scope="col"></th>
+						<th scope="col"><s:message code="manager.visual.visualSetList.visualSetName"/>&nbsp;&nbsp;<span><a href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+						<th scope="col"><s:message code="common.data.set"/></th>
+						<th scope="col" class="item-tablet-hidden"><s:message code="common.regDate"/>&nbsp;&nbsp;<span><a href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetRegDate&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetRegDate&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+						<th scope="col" class="item-mobile-hidden"><s:message code="common.status"/>&nbsp;&nbsp;<span><a href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetStatus&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetStatus&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+					</tr>
+					</thead>
+					<tbody>									
+					<c:choose>
+						<c:when test="${!empty visualSetList}">
+							<c:forEach items="${visualSetList}" var="visualSetList" varStatus="status">
+						    <tr>
+						    	<td><c:out escapeXml='true' value='${visualSetListCnt - (page-1)*row - status.index}' /></td>
+						        <td class="al">
+			        			<c:choose>
+			        				<c:when test='${visualSetList._visualSetType == "normal"}'>
+			        				<a class="hover-link" href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetEdit/<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />"><span><c:out escapeXml='true' value='${visualSetList._visualSetName}' /></span></a>
+			        				</c:when>
+			        				<c:when test='${visualSetList._visualSetType == "active"}'>
+			        				<a class="hover-link" href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetEditActive/<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />"><span><c:out escapeXml='true' value='${visualSetList._visualSetName}' /></span></a>
+			        				</c:when>
+			        			</c:choose>
+						        </td>									        			
+						        <td><a class="hover-link" href="/gte/<c:out value='${siteIdx}' />/<c:out value='${visualSetList._visualSetIdx}' />/visualDataList.do?page=<c:out value='${page}' />&amp;row=<c:out value='${row}' />&amp;orderColumn=<c:out value='${orderColumn}' />&amp;order=<c:out value='${order}' />&amp;column=<c:out value='${column}' />&amp;search=<c:out value='${search}' />"><span><s:message code="common.set"/></span></a></td>
+								<td class="item-tablet-hidden">${fn:substring(visualSetList._visualSetRegDate, 0, 10)}</td>
+						        <c:choose>
+					        	<c:when test="${visualSetList._visualSetStatus == 'U'}">
+					        	<td class="item-mobile-hidden skin-default"><s:message code="common.use"/></td>
+					        	</c:when>
+					        	<c:when test="${visualSetList._visualSetStatus == 'S'}">
+					        	<td class="state-stop item-mobile-hidden"><s:message code="common.stop"/></td>
+					        	</c:when>
+					        	<c:when test="${visualSetList._visualSetStatus == 'D'}">
+						       	<td class="state-delete item-mobile-hidden"><s:message code="common.button.del"/></td>
+					        	</c:when>
+						        </c:choose>
+						    </tr>
+							</c:forEach>
+						</c:when>
+						<c:otherwise>
+						    <tr>
+						        <td class="no-data-colspan"><s:message code="common.message.no.data"/></td>
+						    </tr>
+						</c:otherwise>
+					</c:choose>
+					</tbody>
+				</table>
+			</div>
+		</div>
+			
+		<div class="pagination-container">
+			<div class="pagination-inner clear">
+				<div class="pagination-control prev clear">
+					<a class="first-btn" href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=1&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />" title="<s:message code="common.page.first"/>" ><s:message code="common.page.first"/></a>
+					<c:choose>
+					<c:when test="${block > 1}">
+						<a class="prev-btn" href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${fPage-1}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />" title="<s:message code="common.page.prev"/>" ><s:message code="common.page.prev"/></a>
+					</c:when>
+					<c:otherwise>
+						<a class="prev-btn" href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${fPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />" title="<s:message code="common.page.prev"/>" ><s:message code="common.page.prev"/></a>
+					</c:otherwise>
+					</c:choose>
+				</div>
+				<ul class="pagination clear">
+				<c:forEach begin="0"  end="${lPage-fPage}" var="index" >
+					<c:choose>
+						<c:when test="${index+fPage==page}">
+							<li><a class="on" href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />" title="<s:message code="common.page.now"/>" ><c:out escapeXml='true' value='${page}' /></a></li>
+						</c:when>
+						<c:otherwise>
+							<li><a href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${index+fPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />" title="<c:out escapeXml='true' value='${index+fPage}' /> <s:message code="common.page.page"/>" ><c:out escapeXml='true' value='${index+fPage}' /></a></li>
+						</c:otherwise>
+					</c:choose>
+				</c:forEach>
+				</ul>
+				<div class="pagination-control next clear">
+					<c:choose>
+					<c:when test="${block < blocks}">
+						<a class="next-btn" href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${lPage+1}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />" title="<s:message code="common.page.next"/>" ><s:message code="common.page.next"/></a>
+					</c:when>
+					<c:otherwise>
+						<a class="next-btn" href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${lPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />" title="<s:message code="common.page.next"/>" ><s:message code="common.page.next"/></a>
+					</c:otherwise>
+					</c:choose>
+					<a class="last-btn" href="/gte/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${pages}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />" title="<s:message code="common.page.last"/>" ><s:message code="common.page.last"/></a>
+				</div>
+			</div>
+		</div>
+
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/manager/visual/visualSetFormPreview.jsp b/src/main/webapp/WEB-INF/views/manager/visual/visualSetFormPreview.jsp
new file mode 100644
index 00000000..981b19f6
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/manager/visual/visualSetFormPreview.jsp
@@ -0,0 +1,215 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.visual.visualSetPreview.title"/></title>
+	<script src="/js/lib/jquery.slides.min.js"></script>
+	
+	<style>
+	#visual {
+		display: none; 
+		position:relative;
+	}
+		
+	a.slidesjs-next_visual {
+		position:absolute;
+		top:140px;
+		right:0px;
+		width:12px;
+		height:18px;
+		background-image: url("/img/manager/visual/btn_next.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a:hover.slidesjs-next_visual {
+		position:absolute;
+		top:140px;
+		right:0px;
+		width:12px;
+		height:18px;
+		background-image: url("/img/manager/visual/btn_next_over.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a.slidesjs-previous_visual {
+		position:absolute;
+		top:140px;
+		left:0px;
+		width:12px;
+		height:18px;
+		background-image: url("/img/manager/visual/btn_pre.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a:hover.slidesjs-previous_visual {
+		position:absolute;
+		top:140px;
+		left:0px;
+		width:12px;
+		height:18px;
+		background-image: url("/img/manager/visual/btn_pre_over.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a.slidesjs-play_visual {
+		position:absolute;
+		top:10px;
+		right:10px;
+		width:16px;
+		height:18px;
+		background-image: url("/img/manager/visual/btn_play.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a:hover.slidesjs-play_visual {
+		position:absolute;
+		top:10px;
+		right:10px;
+		width:16px;
+		height:18px;
+		background-image: url("/img/manager/visual/btn_play_over.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a.slidesjs-stop_visual {
+		position:absolute;
+		top:10px;
+		right:10px;
+		width:18px;
+		height:17px;
+		background-image: url("/img/manager/visual/btn_stop.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	a:hover.slidesjs-stop_visual {
+		position:absolute;
+		top:10px;
+		right:10px;
+		width:18px;
+		height:17px;
+		background-image: url("/img/manager/visual/btn_stop_over.png");
+		z-index:9999;
+		overflow: hidden;
+		text-indent: -9999px;
+		float: left;
+	}
+
+	.slidesjs-pagination_visual {
+		font-size:0;
+		position:absolute;
+		bottom:10px;
+		right:10px;
+		z-index:9999;
+		float: left;
+		list-style: none;
+		padding:0;
+		margin:0;
+	}
+
+	.slidesjs-pagination_visual li {
+		display:inline;
+		padding:0;
+	}
+
+	.slidesjs-pagination_visual li a {
+		float: left;
+		width: 13px;
+		height: 13px;
+		z-index:9999;
+		background-image: url("/img/manager/visual/btn_pagination_off.png");
+		overflow: hidden;
+	}
+
+	.slidesjs-pagination_visual li a:hover {
+		width: 13px;
+		height: 13px;
+		z-index:9999;
+		background-image: url("/img/manager/visual/btn_pagination_over.png");
+	}
+
+	.slidesjs-pagination_visual li a.active,
+	.slidesjs-pagination_visual li a:hover.active {
+		width: 13px;
+		height: 13px;
+		z-index:9999;
+		background-image: url("/img/manager/visual/btn_pagination_on.png");
+	}
+	</style>
+    	
+	</head>
+	
+	<body>
+		<div id="visual" style="width:650px; height:300px; display: none; position:relative;">
+			<img src="/img/manager/visual/example-slide-1.jpg" width="650px" height="300px" alt="visual1" />
+			<img src="/img/manager/visual/example-slide-2.jpg" width="650px" height="300px" alt="visual2" />
+			<img src="/img/manager/visual/example-slide-3.jpg" width="650px" height="300px" alt="visual3" />
+		</div>
+		
+		<script>
+		/* <![CDATA[ */
+		var visualSetSkin = "";
+		
+		<c:choose>
+			<c:when test='${visualSetSkin == "A"}'>
+			visualSetSkin = "fade";
+			</c:when>
+			<c:when test='${visualSetSkin == "B"}'>
+			visualSetSkin = "slide";
+			</c:when>
+		</c:choose>
+		
+		$('#visual').slidesjs({
+			width:650,
+			height:300,
+			autoHeight: false,
+			dataKey : "visual",
+			play: {
+				active: true,
+				auto: true,
+				interval: 4000,
+				swap: true,
+				restartDelay: 2500,
+				effect: visualSetSkin
+			},
+			navigation: {
+				effect: visualSetSkin
+			},
+			pagination: {
+				effect: visualSetSkin
+			},
+			effect: {
+				fade: {
+					speed: 400
+				}
+			}
+		});
+		/* ]]> */
+		</script>
+		
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/views/manager/visual/visualSetList.jsp b/src/main/webapp/WEB-INF/views/manager/visual/visualSetList.jsp
new file mode 100644
index 00000000..502b58ff
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/manager/visual/visualSetList.jsp
@@ -0,0 +1,266 @@
+<%@ page contentType="text/html;charset=utf-8" %>
+<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
+<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+
+<!doctype html>
+<html lang="ko">
+	<head>
+	<title><s:message code="manager.visual.visualSetList.title"/></title>
+	<script src="/js/lib/base64.js"></script>
+	</head>
+	
+	<body>
+	
+		<c:if test='${(siteMenuIdx != "0" && menuCode == "N") || menuCode == "visual"}'>
+		<div class="seed-popup-wrap">
+		</c:if>
+	
+		<div class="page-title-wrap clear">
+			<div class="page-title-inner">
+				<h3 class="page-title"><s:message code="manager.visual.nav.visualSetList"/></h3>
+				<div class="tooltipBox type01">
+					<button type="button" class="page-tip">페이지안내</button>
+					<div class="tooltipText">
+						<p></p>
+					</div>
+				</div>
+			</div>
+			<div class="sch-content-wrap clear">
+
+				<c:choose>
+					<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>
+					<c:url var="actionUrl" value="/gtm/${siteIdx}/visualSetList.do" />
+					</c:when>
+					<c:otherwise>
+					<c:url var="actionUrl" value="/menu/${siteIdx}/visualSetList.do" />
+					</c:otherwise>
+				</c:choose>
+				
+				<form:form name="frmSearch" id="frmSearch" action="${actionUrl}" method="post">
+					<input type="hidden" name="page" value="1" />
+					<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
+					<input type="hidden" name="orderColumn" value="<c:out escapeXml='true' value='${orderColumn}' />" />
+					<input type="hidden" name="order" value="<c:out escapeXml='true' value='${order}' />" />
+					<input type="hidden" name="siteMenuIdx" value="<c:out escapeXml='true' value='${siteMenuIdx}' />"/>
+					<input type="hidden" name="menuCode" value="<c:out escapeXml='true' value='${menuCode}' />"/>
+					<fieldset>
+						<legend>검색 폼</legend>
+						<select name="column" id="column" title="<s:message code="common.select.option.value"/>" class="sch-select">
+							<option value="A" <c:if test="${column == 'A'}">selected="selected"</c:if>><s:message code="common.select.option.value.all"/></option>
+							<option value="visualSetName" <c:if test="${column == 'visualSetName'}">selected="selected"</c:if>><s:message code="manager.visual.visualSetList.visualSetName"/></option>
+							<option value="tMember.memberName" <c:if test="${column == 'tMember.memberName'}">selected="selected"</c:if>><s:message code="common.memberName"/></option>
+						</select>
+						<input type="search" name="search" id="search" value="<c:out escapeXml='true' value='${search}' />" title="<s:message code="common.search.value"/>" class="sch-text">
+						<button type="submit" class="btn-page-sch"><s:message code="common.button.search"/></button>
+					</fieldset>
+				</form:form>
+			</div>
+		</div>
+	        
+		<form:form name="frm" id="frm" method="post" action="/gtm/proc/${siteIdx}/visualSetStatusProc.do">
+			<input type="hidden" name="page" value="<c:out escapeXml='true' value='${page}' />" />			
+			<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
+			<input type="hidden" name="orderColumn" value="<c:out escapeXml='true' value='${orderColumn}' />" />
+			<input type="hidden" name="order" value="<c:out escapeXml='true' value='${order}' />" />
+			<input type="hidden" name="column" value="<c:out escapeXml='true' value='${column}' />" />
+			<input type="hidden" name="search" value="<c:out escapeXml='true' value='${search}' />" />
+
+			<div class="more-btn-box">
+				<button type="button" id="moreTableItem" class="more-table-item">칼럼 더보기</button>
+			</div>
+			
+			<div class="form-wrap">
+				<div class="table-layout br-none">
+					<table>
+						<caption><s:message code="manager.visual.visualSetList.table.caption"/></caption>
+						<colgroup>
+							<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><col class="small_checkbox"></c:if>
+							<col class="title">
+							<col>
+							<col class="item-tablet-hidden">
+							<col class="item-mobile-hidden">
+							<col class="item-mobile-hidden">
+						</colgroup>
+						<thead>
+						<tr>
+							<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><th scope="col"><input type="checkbox" class="checkbox check-all" name="allcheck" id="allcheck" title="<s:message code="common.message.allCheck"/>" /><label for="allcheck"></label></th></c:if>
+							<th scope="col"><s:message code="manager.visual.visualSetList.visualSetName"/>&nbsp;&nbsp;<span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+							<th scope="col"><s:message code="manager.visual.visualSetList.visualDataCnt"/></th>
+							<th scope="col" class="item-tablet-hidden"><s:message code="common.memberName"/>&nbsp;&nbsp;<span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=tMember.memberName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=tMember.memberName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+							<th scope="col" class="item-mobile-hidden"><s:message code="common.regDate"/>&nbsp;&nbsp;<span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetRegDate&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetRegDate&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+							<th scope="col" class="item-mobile-hidden"><s:message code="common.status"/>&nbsp;&nbsp;<span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetStatus&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=visualSetStatus&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+						</tr>
+						</thead>
+						<tbody>									
+						<c:choose>
+							<c:when test="${!empty visualSetList}">
+								<c:forEach items="${visualSetList}" var="visualSetList" varStatus="status">
+							    <tr>
+							    	<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><td><input type="checkbox" class="checkbox check-base" name="idxs" id="visual_${visualSetList._visualSetIdx}" value="<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />" /><label for="visual_${visualSetList._visualSetIdx}"></label> ${visualSetListCnt - (page-1)*row - status.index}</td></c:if>
+							        <td class="al">
+							        	<c:choose>
+							        		<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>
+							        			<c:choose>
+							        				<c:when test='${visualSetList._visualSetType == "normal"}'>
+							        				<a class="hover-link" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetEdit/<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><span><c:out escapeXml='true' value='${visualSetList._visualSetName}' /></span></a>
+							        				</c:when>
+							        				<c:when test='${visualSetList._visualSetType == "active"}'>
+							        				<a class="hover-link" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetEditActive/<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><span><c:out escapeXml='true' value='${visualSetList._visualSetName}' /></span></a>
+							        				</c:when>
+							        			</c:choose>
+							        		</c:when>
+							        		<c:when test='${menuCode == "visual"}'>
+							        			<a class="hover-link codeClick" href="/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${menuCode}' />/<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />/mini.do" data-seed="${visualSetList._visualSetRelation}:<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />"><span><c:out escapeXml='true' value='${visualSetList._visualSetName}' /></span></a>
+							        		</c:when>
+							        	</c:choose>
+							        </td>									        			
+							        <td>
+							        	<c:choose>
+								        	<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>											        
+								        	<a class="hover-link" href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />/visualDataList.do"><span><c:out escapeXml='true' value='${visualSetList._visualDataIdxCnt}' /></span></a>
+								        	</c:when>
+								        	<c:otherwise>
+								        	<c:out escapeXml='true' value='${visualSetList._visualDataIdxCnt}' />
+								        	</c:otherwise>
+							        	</c:choose>
+							        </td>
+							        <td class="item-tablet-hidden"><c:out escapeXml='true' value='${visualSetList._memberName}' />(<c:out escapeXml='true' value='${visualSetList._memberId}' />)</td>	
+							        <td class="item-mobile-hidden">${fn:substring(visualSetList._visualSetRegDate, 0, 10)}</td>
+							        <c:choose>
+						        	<c:when test="${visualSetList._visualSetStatus == 'U'}">
+						        	<td class="item-mobile-hidden skin-default"><s:message code="common.use"/></td>
+						        	</c:when>
+						        	<c:when test="${visualSetList._visualSetStatus == 'S'}">
+						        	<td class="state-stop item-mobile-hidden"><s:message code="common.stop"/></td>
+						        	</c:when>
+						        	<c:when test="${visualSetList._visualSetStatus == 'D'}">
+							        	<c:choose>
+							        	<c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>										        	
+							        	<td class="state-delete item-mobile-hidden">
+							        		<a class="dataDel" href="/gtm/proc/<c:out escapeXml='true' value='${siteIdx}' />/visualSetDelProc/<c:out escapeXml='true' value='${visualSetList._visualSetIdx}' />.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />"><s:message code="common.button.del"/></a>
+							        	</td>
+							        	</c:when>
+							        	<c:otherwise>
+							        	<td class="state-delete item-mobile-hidden"><s:message code="common.button.del"/></td>
+							        	</c:otherwise>
+							        	</c:choose>
+						        	</c:when>
+							        </c:choose>
+							    </tr>
+								</c:forEach>
+							</c:when>
+							<c:otherwise>
+							    <tr>
+							        <td class="no-data-colspan"><s:message code="common.message.no.data"/></td>
+							    </tr>
+							</c:otherwise>
+						</c:choose>
+						</tbody>
+					</table>
+				</div>
+
+				<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'>
+				<div class="change-state-area">
+					<label for="selStatus"><s:message code="common.message.choice"/></label>
+					<select name="selStatus" id="selStatus" title="<s:message code="common.select.option.value"/>" class="change-list">
+						<option value=""><s:message code="common.select.option.value"/></option>
+						<option value="U"><s:message code="common.select.option.value.use"/></option>
+						<option value="S"><s:message code="common.select.option.value.stop"/></option>
+						<option value="D"><s:message code="common.select.option.value.delete"/></option>
+					</select>
+					<button type="submit" class="btn-change-state"><s:message code="common.button.status"/></button>
+				</div>
+				</c:if>
+				
+			</div>
+			
+		</form:form>
+		
+		<div class="pagination-container">
+			<div class="pagination-inner clear">
+				<div class="pagination-control prev clear">
+					<a class="first-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=1&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.first"/>" ><s:message code="common.page.first"/></a>
+					<c:choose>
+					<c:when test="${block > 1}">
+						<a class="prev-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${fPage-1}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.prev"/>" ><s:message code="common.page.prev"/></a>
+					</c:when>
+					<c:otherwise>
+						<a class="prev-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${fPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.prev"/>" ><s:message code="common.page.prev"/></a>
+					</c:otherwise>
+					</c:choose>
+				</div>
+				<ul class="pagination clear">
+				<c:forEach begin="0"  end="${lPage-fPage}" var="index" >
+					<c:choose>
+						<c:when test="${index+fPage==page}">
+							<li><a class="on" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.now"/>" ><c:out escapeXml='true' value='${page}' /></a></li>
+						</c:when>
+						<c:otherwise>
+							<li><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${index+fPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<c:out escapeXml='true' value='${index+fPage}' /> <s:message code="common.page.page"/>" ><c:out escapeXml='true' value='${index+fPage}' /></a></li>
+						</c:otherwise>
+					</c:choose>
+				</c:forEach>
+				</ul>
+				<div class="pagination-control next clear">
+					<c:choose>
+					<c:when test="${block < blocks}">
+						<a class="next-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${lPage+1}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.next"/>" ><s:message code="common.page.next"/></a>
+					</c:when>
+					<c:otherwise>
+						<a class="next-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${lPage}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.next"/>" ><s:message code="common.page.next"/></a>
+					</c:otherwise>
+					</c:choose>
+					<a class="last-btn" href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/visualSetList.do?page=<c:out escapeXml='true' value='${pages}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=<c:out escapeXml='true' value='${orderColumn}' />&amp;order=<c:out escapeXml='true' value='${order}' />&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />" title="<s:message code="common.page.last"/>" ><s:message code="common.page.last"/></a>
+				</div>
+			</div>
+		</div>
+	
+		<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'>
+		<div class="btn-area">
+			<a href="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/visualSetForm.do" class="btn-normal violet"><s:message code="common.button.create"/></a>
+		</div>
+		</c:if>
+		
+		<c:if test='${(siteMenuIdx != "0" && menuCode == "N") || menuCode == "visual"}'>
+		</div>
+		</c:if>
+			
+		<script>
+		/* <![CDATA[ */
+    	$(".dataDel").click(function(){
+			if(!confirm("<s:message code='common.message.visual.set.confirm.del'/>")){
+				return false;
+			}
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+    	});
+		
+		$(".codeClick").click(function(){
+			var url = $(this).attr("href");
+			var dataSeeds = $(this).attr("data-seed").split(":");
+			
+			location.replace("/common/getCode/<c:out escapeXml='true' value='${siteIdx}' />.do?getUrl="+Base64.encode(url)+"&codeType=func&pageType=manager&codeRelation="+dataSeeds[0]+"&funcType=visual&funcSetIdx="+dataSeeds[1]);
+			return false;
+		});		
+
+		$("#frm").submit(function(){
+			
+			if(!$('input:checkbox[name="idxs"]').is(":checked")){
+				alert("<s:message code="common.message.no.check"/>");
+				return false;
+			}
+			
+			if($("#selStatus option:selected").val() == ""){
+				alert("<s:message code="common.message.no.select"/>");
+				$("#selStatus").focus();
+				return false;
+			}
+			
+			$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
+		});
+		/* ]]> */
+		</script>
+
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/codemirror/.gitattributes b/src/main/webapp/codemirror/.gitattributes
new file mode 100644
index 00000000..f8bdd60f
--- /dev/null
+++ b/src/main/webapp/codemirror/.gitattributes
@@ -0,0 +1,8 @@
+*.txt   text
+*.js    text
+*.html  text
+*.md    text
+*.json  text
+*.yml   text
+*.css   text
+*.svg   text
diff --git a/src/main/webapp/codemirror/.gitignore b/src/main/webapp/codemirror/.gitignore
new file mode 100644
index 00000000..b471fe6e
--- /dev/null
+++ b/src/main/webapp/codemirror/.gitignore
@@ -0,0 +1,6 @@
+/node_modules
+/npm-debug.log
+test.html
+.tern-*
+*~
+*.swp
diff --git a/src/main/webapp/codemirror/.travis.yml b/src/main/webapp/codemirror/.travis.yml
new file mode 100644
index 00000000..baa0031d
--- /dev/null
+++ b/src/main/webapp/codemirror/.travis.yml
@@ -0,0 +1,3 @@
+language: node_js
+node_js:
+  - 0.8
diff --git a/src/main/webapp/codemirror/AUTHORS b/src/main/webapp/codemirror/AUTHORS
new file mode 100644
index 00000000..260c13a8
--- /dev/null
+++ b/src/main/webapp/codemirror/AUTHORS
@@ -0,0 +1,255 @@
+List of CodeMirror contributors. Updated before every release.
+
+4r2r
+Aaron Brooks
+Adam King
+adanlobato
+Adán Lobato
+aeroson
+Ahmad Amireh
+Ahmad M. Zawawi
+ahoward
+Akeksandr Motsjonov
+Albert Xing
+Alexander Pavlov
+Alexander Schepanovski
+alexey-k
+Alex Piggott
+Amy
+Ananya Sen
+AndersMad
+Andre von Houck
+Andrey Lushnikov
+Andy Kimball
+Andy Li
+angelozerr
+angelo.zerr@gmail.com
+Ankit Ahuja
+Ansel Santosa
+Anthony Grimes
+areos
+Atul Bhouraskar
+Aurelian Oancea
+Bastian Müller
+benbro
+Benjamin DeCoste
+Ben Keen
+boomyjee
+borawjm
+Brandon Frohs
+Brett Zamir
+Brian Sletten
+Bruce Mitchener
+Chandra Sekhar Pydi
+Charles Skelton
+Chris Coyier
+Chris Granger
+Chris Morgan
+Christopher Brown
+ciaranj
+CodeAnimal
+ComFreek
+dagsta
+Dan Heberden
+Daniel, Dao Quang Minh
+Daniel Faust
+Daniel Huigens
+Daniel Neel
+Daniel Parnell
+Danny Yoo
+David Mignot
+David Pathakjee
+deebugger
+Deep Thought
+Dominator008
+Domizio Demichelis
+Drew Bratcher
+Drew Hintz
+Drew Khoury
+Dror BG
+duralog
+edsharp
+ekhaled
+Eric Allam
+eustas
+Fauntleroy
+fbuchinger
+feizhang365
+Felipe Lalanne
+Felix Raab
+Filip Noetzel
+flack
+ForbesLindesay
+Ford_Lawnmower
+Gabriel Nahmias
+galambalazs
+Gautam Mehta
+Glenn Jorde
+Glenn Ruehle
+Golevka
+Gordon Smith
+greengiant
+Guillaume Massé
+Guillaume Massé
+Hans Engel
+Hardest
+Hasan Karahan
+Hocdoc
+Ian Beck
+Ian Wehrman
+Ian Wetherbee
+Ice White
+ICHIKAWA, Yuji
+Ingo Richter
+Irakli Gozalishvili
+Ivan Kurnosov
+Jacob Lee
+Jakub Vrana
+James Campos
+James Thorne
+Jamie Hill
+Jan Jongboom
+jankeromnes
+Jan Keromnes
+Jan T. Sott
+Jason
+Jason Grout
+Jason Johnston
+Jason San Jose
+Jason Siefken
+Jean Boussier
+jeffkenton
+Jeff Pickhardt
+jem (graphite)
+Jochen Berger
+John Connor
+John Lees-Miller
+John Snelson
+jongalloway
+Joost-Wim Boekesteijn
+Joseph Pecoraro
+Joshua Newman
+jots
+Juan Benavides Romero
+Jucovschi Constantin
+jwallers@gmail.com
+kaniga
+Ken Newman
+Ken Rockot
+Kevin Sawicki
+Klaus Silveira
+Koh Zi Han, Cliff
+komakino
+Konstantin Lopuhin
+koops
+ks-ifware
+kubelsmieci
+Lanny
+leaf corcoran
+Leonya Khachaturov
+Liam Newman
+LM
+Lorenzo Stoakes
+lynschinzer
+Maksim Lin
+Maksym Taran
+Marat Dreizin
+Marco Aurélio
+Marijn Haverbeke
+Mario Pietsch
+Mark Lentczner
+Martin Balek
+Martín Gaitán
+Mason Malone
+Mateusz Paprocki
+mats cronqvist
+Matthew Beale
+Matthias BUSSONNIER
+Matt McDonald
+Matt Pass
+Matt Sacks
+Maximilian Hils
+Max Kirsch
+mbarkhau
+Metatheos
+Micah Dubinko
+Michael Lehenbauer
+Michael Zhou
+Mighty Guava
+Miguel Castillo
+Mike
+Mike Brevoort
+Mike Diaz
+Mike Ivanov
+Mike Kadin
+MinRK
+misfo
+mps
+Narciso Jaramillo
+Nathan Williams
+nerbert
+nguillaumin
+Niels van Groningen
+Nikita Beloglazov
+Nikita Vasilyev
+nlwillia
+pablo
+Page
+Patrick Strawderman
+Paul Garvin
+Paul Ivanov
+Pavel Feldman
+Paweł Bartkiewicz
+peteguhl
+peterkroon
+Peter Kroon
+prasanthj
+Prasanth J
+Rahul
+Randy Edmunds
+Richard Z.H. Wang
+robertop23
+Robert Plummer
+Ruslan Osmanov
+sabaca
+Samuel Ainsworth
+sandeepshetty
+santec
+Sascha Peilicke
+satchmorun
+sathyamoorthi
+SCLINIC\jdecker
+shaund
+shaun gilchrist
+Shmuel Englard
+sonson
+spastorelli
+Stas Kobzar
+Stefan Borsje
+Steffen Beyer
+Steve O'Hara
+stoskov
+Tarmil
+tfjgeorge
+Thaddee Tyl
+think
+Thomas Dvornik
+Thomas Schmid
+Tim Baumann
+Timothy Farrell
+Timothy Hatcher
+TobiasBg
+Tomas-A
+Tomas Varaneckas
+Tom Erik Støwer
+Tom MacWright
+Tony Jian
+Vestimir Markov
+vf
+Volker Mische
+William Jamieson
+Wojtek Ptak
+Xavier Mendez
+Yunchi Luo
+Yuvi Panda
+Zachary Dremann
diff --git a/src/main/webapp/codemirror/CONTRIBUTING.md b/src/main/webapp/codemirror/CONTRIBUTING.md
new file mode 100644
index 00000000..8938f620
--- /dev/null
+++ b/src/main/webapp/codemirror/CONTRIBUTING.md
@@ -0,0 +1,72 @@
+# How to contribute
+
+- [Getting help](#getting-help-)
+- [Submitting bug reports](#submitting-bug-reports-)
+- [Contributing code](#contributing-code-)
+
+## Getting help
+
+Community discussion, questions, and informal bug reporting is done on the
+[CodeMirror Google group](http://groups.google.com/group/codemirror).
+
+## Submitting bug reports
+
+The preferred way to report bugs is to use the
+[GitHub issue tracker](http://github.com/marijnh/CodeMirror/issues). Before
+reporting a bug, read these pointers.
+
+**Note:** The issue tracker is for *bugs*, not requests for help. Questions
+should be asked on the
+[CodeMirror Google group](http://groups.google.com/group/codemirror) instead.
+
+### Reporting bugs effectively
+
+- CodeMirror is maintained by volunteers. They don't owe you anything, so be
+  polite. Reports with an indignant or belligerent tone tend to be moved to the
+  bottom of the pile.
+
+- Include information about **the browser in which the problem occurred**. Even
+  if you tested several browsers, and the problem occurred in all of them,
+  mention this fact in the bug report. Also include browser version numbers and
+  the operating system that you're on.
+
+- Mention which release of CodeMirror you're using. Preferably, try also with
+  the current development snapshot, to ensure the problem has not already been
+  fixed.
+
+- Mention very precisely what went wrong. "X is broken" is not a good bug
+  report. What did you expect to happen? What happened instead? Describe the
+  exact steps a maintainer has to take to make the problem occur. We can not
+  fix something that we can not observe.
+
+- If the problem can not be reproduced in any of the demos included in the
+  CodeMirror distribution, please provide an HTML document that demonstrates
+  the problem. The best way to do this is to go to
+  [jsbin.com](http://jsbin.com/ihunin/edit), enter it there, press save, and
+  include the resulting link in your bug report.
+
+## Contributing code
+
+- Make sure you have a [GitHub Account](https://github.com/signup/free)
+- Fork [CodeMirror](https://github.com/marijnh/CodeMirror/)
+  ([how to fork a repo](https://help.github.com/articles/fork-a-repo))
+- Make your changes
+- If your changes are easy to test or likely to regress, add tests.
+  Tests for the core go into `test/test.js`, some modes have their own
+  test suite under `mode/XXX/test.js`. Feel free to add new test
+  suites to modes that don't have one yet (be sure to link the new
+  tests into `test/index.html`).
+- Follow the general code style of the rest of the project (see
+  below). Run `bin/lint` to verify that the linter is happy.
+- Make sure all tests pass. Visit `test/index.html` in your browser to
+  run them.
+- Submit a pull request
+([how to create a pull request](https://help.github.com/articles/fork-a-repo))
+
+### Coding standards
+
+- 2 spaces per indentation level, no tabs.
+- Include semicolons after statements.
+- Note that the linter (`bin/lint`) which is run after each commit
+  complains about unused variables and functions. Prefix their names
+  with an underscore to muffle it.
diff --git a/src/main/webapp/codemirror/LICENSE b/src/main/webapp/codemirror/LICENSE
new file mode 100644
index 00000000..442d11cd
--- /dev/null
+++ b/src/main/webapp/codemirror/LICENSE
@@ -0,0 +1,19 @@
+Copyright (C) 2013 by Marijn Haverbeke <marijnh@gmail.com> and others
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/src/main/webapp/codemirror/README.md b/src/main/webapp/codemirror/README.md
new file mode 100644
index 00000000..61f6b645
--- /dev/null
+++ b/src/main/webapp/codemirror/README.md
@@ -0,0 +1,11 @@
+# CodeMirror
+[![Build Status](https://secure.travis-ci.org/marijnh/CodeMirror.png?branch=master)](http://travis-ci.org/marijnh/CodeMirror)
+[![NPM version](https://badge.fury.io/js/codemirror.png)](http://badge.fury.io/js/codemirror)
+
+CodeMirror is a JavaScript component that provides a code editor in
+the browser. When a mode is available for the language you are coding
+in, it will color your code, and optionally help with indentation.
+
+The project page is http://codemirror.net  
+The manual is at http://codemirror.net/doc/manual.html  
+The contributing guidelines are in [CONTRIBUTING.md](https://github.com/marijnh/CodeMirror/blob/master/CONTRIBUTING.md)
diff --git a/src/main/webapp/codemirror/addon/comment/comment.js b/src/main/webapp/codemirror/addon/comment/comment.js
new file mode 100644
index 00000000..cd2123e1
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/comment/comment.js
@@ -0,0 +1,145 @@
+(function() {
+  "use strict";
+
+  var noOptions = {};
+  var nonWS = /[^\s\u00a0]/;
+  var Pos = CodeMirror.Pos;
+
+  function firstNonWS(str) {
+    var found = str.search(nonWS);
+    return found == -1 ? 0 : found;
+  }
+
+  CodeMirror.commands.toggleComment = function(cm) {
+    var from = cm.getCursor("start"), to = cm.getCursor("end");
+    cm.uncomment(from, to) || cm.lineComment(from, to);
+  };
+
+  CodeMirror.defineExtension("lineComment", function(from, to, options) {
+    if (!options) options = noOptions;
+    var self = this, mode = self.getModeAt(from);
+    var commentString = options.lineComment || mode.lineComment;
+    if (!commentString) {
+      if (options.blockCommentStart || mode.blockCommentStart) {
+        options.fullLines = true;
+        self.blockComment(from, to, options);
+      }
+      return;
+    }
+    var firstLine = self.getLine(from.line);
+    if (firstLine == null) return;
+    var end = Math.min(to.ch != 0 || to.line == from.line ? to.line + 1 : to.line, self.lastLine() + 1);
+    var pad = options.padding == null ? " " : options.padding;
+    var blankLines = options.commentBlankLines || from.line == to.line;
+
+    self.operation(function() {
+      if (options.indent) {
+        var baseString = firstLine.slice(0, firstNonWS(firstLine));
+        for (var i = from.line; i < end; ++i) {
+          var line = self.getLine(i), cut = baseString.length;
+          if (!blankLines && !nonWS.test(line)) continue;
+          if (line.slice(0, cut) != baseString) cut = firstNonWS(line);
+          self.replaceRange(baseString + commentString + pad, Pos(i, 0), Pos(i, cut));
+        }
+      } else {
+        for (var i = from.line; i < end; ++i) {
+          if (blankLines || nonWS.test(self.getLine(i)))
+            self.replaceRange(commentString + pad, Pos(i, 0));
+        }
+      }
+    });
+  });
+
+  CodeMirror.defineExtension("blockComment", function(from, to, options) {
+    if (!options) options = noOptions;
+    var self = this, mode = self.getModeAt(from);
+    var startString = options.blockCommentStart || mode.blockCommentStart;
+    var endString = options.blockCommentEnd || mode.blockCommentEnd;
+    if (!startString || !endString) {
+      if ((options.lineComment || mode.lineComment) && options.fullLines != false)
+        self.lineComment(from, to, options);
+      return;
+    }
+
+    var end = Math.min(to.line, self.lastLine());
+    if (end != from.line && to.ch == 0 && nonWS.test(self.getLine(end))) --end;
+
+    var pad = options.padding == null ? " " : options.padding;
+    if (from.line > end) return;
+
+    self.operation(function() {
+      if (options.fullLines != false) {
+        var lastLineHasText = nonWS.test(self.getLine(end));
+        self.replaceRange(pad + endString, Pos(end));
+        self.replaceRange(startString + pad, Pos(from.line, 0));
+        var lead = options.blockCommentLead || mode.blockCommentLead;
+        if (lead != null) for (var i = from.line + 1; i <= end; ++i)
+          if (i != end || lastLineHasText)
+            self.replaceRange(lead + pad, Pos(i, 0));
+      } else {
+        self.replaceRange(endString, to);
+        self.replaceRange(startString, from);
+      }
+    });
+  });
+
+  CodeMirror.defineExtension("uncomment", function(from, to, options) {
+    if (!options) options = noOptions;
+    var self = this, mode = self.getModeAt(from);
+    var end = Math.min(to.line, self.lastLine()), start = Math.min(from.line, end);
+
+    // Try finding line comments
+    var lineString = options.lineComment || mode.lineComment, lines = [];
+    var pad = options.padding == null ? " " : options.padding, didSomething;
+    lineComment: {
+      if (!lineString) break lineComment;
+      for (var i = start; i <= end; ++i) {
+        var line = self.getLine(i);
+        var found = line.indexOf(lineString);
+        if (found == -1 && (i != end || i == start) && nonWS.test(line)) break lineComment;
+        if (i != start && found > -1 && nonWS.test(line.slice(0, found))) break lineComment;
+        lines.push(line);
+      }
+      self.operation(function() {
+        for (var i = start; i <= end; ++i) {
+          var line = lines[i - start];
+          var pos = line.indexOf(lineString), endPos = pos + lineString.length;
+          if (pos < 0) continue;
+          if (line.slice(endPos, endPos + pad.length) == pad) endPos += pad.length;
+          didSomething = true;
+          self.replaceRange("", Pos(i, pos), Pos(i, endPos));
+        }
+      });
+      if (didSomething) return true;
+    }
+
+    // Try block comments
+    var startString = options.blockCommentStart || mode.blockCommentStart;
+    var endString = options.blockCommentEnd || mode.blockCommentEnd;
+    if (!startString || !endString) return false;
+    var lead = options.blockCommentLead || mode.blockCommentLead;
+    var startLine = self.getLine(start), endLine = end == start ? startLine : self.getLine(end);
+    var open = startLine.indexOf(startString), close = endLine.lastIndexOf(endString);
+    if (close == -1 && start != end) {
+      endLine = self.getLine(--end);
+      close = endLine.lastIndexOf(endString);
+    }
+    if (open == -1 || close == -1) return false;
+
+    self.operation(function() {
+      self.replaceRange("", Pos(end, close - (pad && endLine.slice(close - pad.length, close) == pad ? pad.length : 0)),
+                        Pos(end, close + endString.length));
+      var openEnd = open + startString.length;
+      if (pad && startLine.slice(openEnd, openEnd + pad.length) == pad) openEnd += pad.length;
+      self.replaceRange("", Pos(start, open), Pos(start, openEnd));
+      if (lead) for (var i = start + 1; i <= end; ++i) {
+        var line = self.getLine(i), found = line.indexOf(lead);
+        if (found == -1 || nonWS.test(line.slice(0, found))) continue;
+        var foundEnd = found + lead.length;
+        if (pad && line.slice(foundEnd, foundEnd + pad.length) == pad) foundEnd += pad.length;
+        self.replaceRange("", Pos(i, found), Pos(i, foundEnd));
+      }
+    });
+    return true;
+  });
+})();
diff --git a/src/main/webapp/codemirror/addon/comment/continuecomment.js b/src/main/webapp/codemirror/addon/comment/continuecomment.js
new file mode 100644
index 00000000..94e5a376
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/comment/continuecomment.js
@@ -0,0 +1,54 @@
+(function() {
+  var modes = ["clike", "css", "javascript"];
+  for (var i = 0; i < modes.length; ++i)
+    CodeMirror.extendMode(modes[i], {blockCommentContinue: " * "});
+
+  function continueComment(cm) {
+    var pos = cm.getCursor(), token = cm.getTokenAt(pos);
+    if (token.type != "comment") return CodeMirror.Pass;
+    var mode = CodeMirror.innerMode(cm.getMode(), token.state).mode;
+
+    var insert;
+    if (mode.blockCommentStart && mode.blockCommentContinue) {
+      var end = token.string.indexOf(mode.blockCommentEnd);
+      var full = cm.getRange(CodeMirror.Pos(pos.line, 0), CodeMirror.Pos(pos.line, token.end)), found;
+      if (end != -1 && end == token.string.length - mode.blockCommentEnd.length) {
+        // Comment ended, don't continue it
+      } else if (token.string.indexOf(mode.blockCommentStart) == 0) {
+        insert = full.slice(0, token.start);
+        if (!/^\s*$/.test(insert)) {
+          insert = "";
+          for (var i = 0; i < token.start; ++i) insert += " ";
+        }
+      } else if ((found = full.indexOf(mode.blockCommentContinue)) != -1 &&
+                 found + mode.blockCommentContinue.length > token.start &&
+                 /^\s*$/.test(full.slice(0, found))) {
+        insert = full.slice(0, found);
+      }
+      if (insert != null) insert += mode.blockCommentContinue;
+    }
+    if (insert == null && mode.lineComment) {
+      var line = cm.getLine(pos.line), found = line.indexOf(mode.lineComment);
+      if (found > -1) {
+        insert = line.slice(0, found);
+        if (/\S/.test(insert)) insert = null;
+        else insert += mode.lineComment + line.slice(found + mode.lineComment.length).match(/^\s*/)[0];
+      }
+    }
+
+    if (insert != null)
+      cm.replaceSelection("\n" + insert, "end");
+    else
+      return CodeMirror.Pass;
+  }
+
+  CodeMirror.defineOption("continueComments", null, function(cm, val, prev) {
+    if (prev && prev != CodeMirror.Init)
+      cm.removeKeyMap("continueComment");
+    if (val) {
+      var map = {name: "continueComment"};
+      map[typeof val == "string" ? val : "Enter"] = continueComment;
+      cm.addKeyMap(map);
+    }
+  });
+})();
diff --git a/src/main/webapp/codemirror/addon/dialog/dialog.css b/src/main/webapp/codemirror/addon/dialog/dialog.css
new file mode 100644
index 00000000..2e7c0fc9
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/dialog/dialog.css
@@ -0,0 +1,32 @@
+.CodeMirror-dialog {
+  position: absolute;
+  left: 0; right: 0;
+  background: white;
+  z-index: 15;
+  padding: .1em .8em;
+  overflow: hidden;
+  color: #333;
+}
+
+.CodeMirror-dialog-top {
+  border-bottom: 1px solid #eee;
+  top: 0;
+}
+
+.CodeMirror-dialog-bottom {
+  border-top: 1px solid #eee;
+  bottom: 0;
+}
+
+.CodeMirror-dialog input {
+  border: none;
+  outline: none;
+  background: transparent;
+  width: 20em;
+  color: inherit;
+  font-family: monospace;
+}
+
+.CodeMirror-dialog button {
+  font-size: 70%;
+}
diff --git a/src/main/webapp/codemirror/addon/dialog/dialog.js b/src/main/webapp/codemirror/addon/dialog/dialog.js
new file mode 100644
index 00000000..499964fd
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/dialog/dialog.js
@@ -0,0 +1,121 @@
+// Open simple dialogs on top of an editor. Relies on dialog.css.
+
+(function() {
+  function dialogDiv(cm, template, bottom) {
+    var wrap = cm.getWrapperElement();
+    var dialog;
+    dialog = wrap.appendChild(document.createElement("div"));
+    if (bottom) {
+      dialog.className = "CodeMirror-dialog CodeMirror-dialog-bottom";
+    } else {
+      dialog.className = "CodeMirror-dialog CodeMirror-dialog-top";
+    }
+    if (typeof template == "string") {
+      dialog.innerHTML = template;
+    } else { // Assuming it's a detached DOM element.
+      dialog.appendChild(template);
+    }
+    return dialog;
+  }
+
+  function closeNotification(cm, newVal) {
+    if (cm.state.currentNotificationClose)
+      cm.state.currentNotificationClose();
+    cm.state.currentNotificationClose = newVal;
+  }
+
+  CodeMirror.defineExtension("openDialog", function(template, callback, options) {
+    closeNotification(this, null);
+    var dialog = dialogDiv(this, template, options && options.bottom);
+    var closed = false, me = this;
+    function close() {
+      if (closed) return;
+      closed = true;
+      dialog.parentNode.removeChild(dialog);
+    }
+    var inp = dialog.getElementsByTagName("input")[0], button;
+    if (inp) {
+      CodeMirror.on(inp, "keydown", function(e) {
+        if (options && options.onKeyDown && options.onKeyDown(e, inp.value, close)) { return; }
+        if (e.keyCode == 13 || e.keyCode == 27) {
+          CodeMirror.e_stop(e);
+          close();
+          me.focus();
+          if (e.keyCode == 13) callback(inp.value);
+        }
+      });
+      if (options && options.onKeyUp) {
+        CodeMirror.on(inp, "keyup", function(e) {options.onKeyUp(e, inp.value, close);});
+      }
+      if (options && options.value) inp.value = options.value;
+      inp.focus();
+      CodeMirror.on(inp, "blur", close);
+    } else if (button = dialog.getElementsByTagName("button")[0]) {
+      CodeMirror.on(button, "click", function() {
+        close();
+        me.focus();
+      });
+      button.focus();
+      CodeMirror.on(button, "blur", close);
+    }
+    return close;
+  });
+
+  CodeMirror.defineExtension("openConfirm", function(template, callbacks, options) {
+    closeNotification(this, null);
+    var dialog = dialogDiv(this, template, options && options.bottom);
+    var buttons = dialog.getElementsByTagName("button");
+    var closed = false, me = this, blurring = 1;
+    function close() {
+      if (closed) return;
+      closed = true;
+      dialog.parentNode.removeChild(dialog);
+      me.focus();
+    }
+    buttons[0].focus();
+    for (var i = 0; i < buttons.length; ++i) {
+      var b = buttons[i];
+      (function(callback) {
+        CodeMirror.on(b, "click", function(e) {
+          CodeMirror.e_preventDefault(e);
+          close();
+          if (callback) callback(me);
+        });
+      })(callbacks[i]);
+      CodeMirror.on(b, "blur", function() {
+        --blurring;
+        setTimeout(function() { if (blurring <= 0) close(); }, 200);
+      });
+      CodeMirror.on(b, "focus", function() { ++blurring; });
+    }
+  });
+
+  /*
+   * openNotification
+   * Opens a notification, that can be closed with an optional timer
+   * (default 5000ms timer) and always closes on click.
+   *
+   * If a notification is opened while another is opened, it will close the
+   * currently opened one and open the new one immediately.
+   */
+  CodeMirror.defineExtension("openNotification", function(template, options) {
+    closeNotification(this, close);
+    var dialog = dialogDiv(this, template, options && options.bottom);
+    var duration = options && (options.duration === undefined ? 5000 : options.duration);
+    var closed = false, doneTimer;
+
+    function close() {
+      if (closed) return;
+      closed = true;
+      clearTimeout(doneTimer);
+      dialog.parentNode.removeChild(dialog);
+    }
+
+    CodeMirror.on(dialog, 'click', function(e) {
+      CodeMirror.e_preventDefault(e);
+      close();
+    });
+    if (duration)
+      doneTimer = setTimeout(close, options.duration);
+  });
+})();
diff --git a/src/main/webapp/codemirror/addon/display/fullscreen.css b/src/main/webapp/codemirror/addon/display/fullscreen.css
new file mode 100644
index 00000000..437acd89
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/display/fullscreen.css
@@ -0,0 +1,6 @@
+.CodeMirror-fullscreen {
+  position: fixed;
+  top: 0; left: 0; right: 0; bottom: 0;
+  height: auto;
+  z-index: 9;
+}
diff --git a/src/main/webapp/codemirror/addon/display/fullscreen.js b/src/main/webapp/codemirror/addon/display/fullscreen.js
new file mode 100644
index 00000000..a442f6a4
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/display/fullscreen.js
@@ -0,0 +1,31 @@
+(function() {
+  "use strict";
+
+  CodeMirror.defineOption("fullScreen", false, function(cm, val, old) {
+    if (old == CodeMirror.Init) old = false;
+    if (!old == !val) return;
+    if (val) setFullscreen(cm);
+    else setNormal(cm);
+  });
+
+  function setFullscreen(cm) {
+    var wrap = cm.getWrapperElement();
+    cm.state.fullScreenRestore = {scrollTop: window.pageYOffset, scrollLeft: window.pageXOffset,
+                                  width: wrap.style.width, height: wrap.style.height};
+    wrap.style.width = "";
+    wrap.style.height = "auto";
+    wrap.className += " CodeMirror-fullscreen";
+    document.documentElement.style.overflow = "hidden";
+    cm.refresh();
+  }
+
+  function setNormal(cm) {
+    var wrap = cm.getWrapperElement();
+    wrap.className = wrap.className.replace(/\s*CodeMirror-fullscreen\b/, "");
+    document.documentElement.style.overflow = "";
+    var info = cm.state.fullScreenRestore;
+    wrap.style.width = info.width; wrap.style.height = info.height;
+    window.scrollTo(info.scrollLeft, info.scrollTop);
+    cm.refresh();
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/display/placeholder.js b/src/main/webapp/codemirror/addon/display/placeholder.js
new file mode 100644
index 00000000..748afe72
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/display/placeholder.js
@@ -0,0 +1,48 @@
+(function() {
+  CodeMirror.defineOption("placeholder", "", function(cm, val, old) {
+    var prev = old && old != CodeMirror.Init;
+    if (val && !prev) {
+      cm.on("blur", onBlur);
+      cm.on("change", onChange);
+      onChange(cm);
+    } else if (!val && prev) {
+      cm.off("blur", onBlur);
+      cm.off("change", onChange);
+      clearPlaceholder(cm);
+      var wrapper = cm.getWrapperElement();
+      wrapper.className = wrapper.className.replace(" CodeMirror-empty", "");
+    }
+
+    if (val && !cm.hasFocus()) onBlur(cm);
+  });
+
+  function clearPlaceholder(cm) {
+    if (cm.state.placeholder) {
+      cm.state.placeholder.parentNode.removeChild(cm.state.placeholder);
+      cm.state.placeholder = null;
+    }
+  }
+  function setPlaceholder(cm) {
+    clearPlaceholder(cm);
+    var elt = cm.state.placeholder = document.createElement("pre");
+    elt.style.cssText = "height: 0; overflow: visible";
+    elt.className = "CodeMirror-placeholder";
+    elt.appendChild(document.createTextNode(cm.getOption("placeholder")));
+    cm.display.lineSpace.insertBefore(elt, cm.display.lineSpace.firstChild);
+  }
+
+  function onBlur(cm) {
+    if (isEmpty(cm)) setPlaceholder(cm);
+  }
+  function onChange(cm) {
+    var wrapper = cm.getWrapperElement(), empty = isEmpty(cm);
+    wrapper.className = wrapper.className.replace(" CodeMirror-empty", "") + (empty ? " CodeMirror-empty" : "");
+
+    if (empty) setPlaceholder(cm);
+    else clearPlaceholder(cm);
+  }
+
+  function isEmpty(cm) {
+    return (cm.lineCount() === 1) && (cm.getLine(0) === "");
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/edit/closebrackets.js b/src/main/webapp/codemirror/addon/edit/closebrackets.js
new file mode 100644
index 00000000..88718b77
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/edit/closebrackets.js
@@ -0,0 +1,82 @@
+(function() {
+  var DEFAULT_BRACKETS = "()[]{}''\"\"";
+  var DEFAULT_EXPLODE_ON_ENTER = "[]{}";
+  var SPACE_CHAR_REGEX = /\s/;
+
+  CodeMirror.defineOption("autoCloseBrackets", false, function(cm, val, old) {
+    if (old != CodeMirror.Init && old)
+      cm.removeKeyMap("autoCloseBrackets");
+    if (!val) return;
+    var pairs = DEFAULT_BRACKETS, explode = DEFAULT_EXPLODE_ON_ENTER;
+    if (typeof val == "string") pairs = val;
+    else if (typeof val == "object") {
+      if (val.pairs != null) pairs = val.pairs;
+      if (val.explode != null) explode = val.explode;
+    }
+    var map = buildKeymap(pairs);
+    if (explode) map.Enter = buildExplodeHandler(explode);
+    cm.addKeyMap(map);
+  });
+
+  function charsAround(cm, pos) {
+    var str = cm.getRange(CodeMirror.Pos(pos.line, pos.ch - 1),
+                          CodeMirror.Pos(pos.line, pos.ch + 1));
+    return str.length == 2 ? str : null;
+  }
+
+  function buildKeymap(pairs) {
+    var map = {
+      name : "autoCloseBrackets",
+      Backspace: function(cm) {
+        if (cm.somethingSelected()) return CodeMirror.Pass;
+        var cur = cm.getCursor(), around = charsAround(cm, cur);
+        if (around && pairs.indexOf(around) % 2 == 0)
+          cm.replaceRange("", CodeMirror.Pos(cur.line, cur.ch - 1), CodeMirror.Pos(cur.line, cur.ch + 1));
+        else
+          return CodeMirror.Pass;
+      }
+    };
+    var closingBrackets = "";
+    for (var i = 0; i < pairs.length; i += 2) (function(left, right) {
+      if (left != right) closingBrackets += right;
+      function surround(cm) {
+        var selection = cm.getSelection();
+        cm.replaceSelection(left + selection + right);
+      }
+      function maybeOverwrite(cm) {
+        var cur = cm.getCursor(), ahead = cm.getRange(cur, CodeMirror.Pos(cur.line, cur.ch + 1));
+        if (ahead != right || cm.somethingSelected()) return CodeMirror.Pass;
+        else cm.execCommand("goCharRight");
+      }
+      map["'" + left + "'"] = function(cm) {
+        if (left == "'" && cm.getTokenAt(cm.getCursor()).type == "comment")
+          return CodeMirror.Pass;
+        if (cm.somethingSelected()) return surround(cm);
+        if (left == right && maybeOverwrite(cm) != CodeMirror.Pass) return;
+        var cur = cm.getCursor(), ahead = CodeMirror.Pos(cur.line, cur.ch + 1);
+        var line = cm.getLine(cur.line), nextChar = line.charAt(cur.ch), curChar = cur.ch > 0 ? line.charAt(cur.ch - 1) : "";
+        if (left == right && CodeMirror.isWordChar(curChar))
+          return CodeMirror.Pass;
+        if (line.length == cur.ch || closingBrackets.indexOf(nextChar) >= 0 || SPACE_CHAR_REGEX.test(nextChar))
+          cm.replaceSelection(left + right, {head: ahead, anchor: ahead});
+        else
+          return CodeMirror.Pass;
+      };
+      if (left != right) map["'" + right + "'"] = maybeOverwrite;
+    })(pairs.charAt(i), pairs.charAt(i + 1));
+    return map;
+  }
+
+  function buildExplodeHandler(pairs) {
+    return function(cm) {
+      var cur = cm.getCursor(), around = charsAround(cm, cur);
+      if (!around || pairs.indexOf(around) % 2 != 0) return CodeMirror.Pass;
+      cm.operation(function() {
+        var newPos = CodeMirror.Pos(cur.line + 1, 0);
+        cm.replaceSelection("\n\n", {anchor: newPos, head: newPos}, "+input");
+        cm.indentLine(cur.line + 1, null, true);
+        cm.indentLine(cur.line + 2, null, true);
+      });
+    };
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/edit/closetag.js b/src/main/webapp/codemirror/addon/edit/closetag.js
new file mode 100644
index 00000000..1da89ba6
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/edit/closetag.js
@@ -0,0 +1,89 @@
+/**
+ * Tag-closer extension for CodeMirror.
+ *
+ * This extension adds an "autoCloseTags" option that can be set to
+ * either true to get the default behavior, or an object to further
+ * configure its behavior.
+ *
+ * These are supported options:
+ *
+ * `whenClosing` (default true)
+ *   Whether to autoclose when the '/' of a closing tag is typed.
+ * `whenOpening` (default true)
+ *   Whether to autoclose the tag when the final '>' of an opening
+ *   tag is typed.
+ * `dontCloseTags` (default is empty tags for HTML, none for XML)
+ *   An array of tag names that should not be autoclosed.
+ * `indentTags` (default is block tags for HTML, none for XML)
+ *   An array of tag names that should, when opened, cause a
+ *   blank line to be added inside the tag, and the blank line and
+ *   closing line to be indented.
+ *
+ * See demos/closetag.html for a usage example.
+ */
+
+(function() {
+  CodeMirror.defineOption("autoCloseTags", false, function(cm, val, old) {
+    if (old != CodeMirror.Init && old)
+      cm.removeKeyMap("autoCloseTags");
+    if (!val) return;
+    var map = {name: "autoCloseTags"};
+    if (typeof val != "object" || val.whenClosing)
+      map["'/'"] = function(cm) { return autoCloseSlash(cm); };
+    if (typeof val != "object" || val.whenOpening)
+      map["'>'"] = function(cm) { return autoCloseGT(cm); };
+    cm.addKeyMap(map);
+  });
+
+  var htmlDontClose = ["area", "base", "br", "col", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param",
+                       "source", "track", "wbr"];
+  var htmlIndent = ["applet", "blockquote", "body", "button", "div", "dl", "fieldset", "form", "frameset", "h1", "h2", "h3", "h4",
+                    "h5", "h6", "head", "html", "iframe", "layer", "legend", "object", "ol", "p", "select", "table", "ul"];
+
+  function autoCloseGT(cm) {
+    var pos = cm.getCursor(), tok = cm.getTokenAt(pos);
+    var inner = CodeMirror.innerMode(cm.getMode(), tok.state), state = inner.state;
+    if (inner.mode.name != "xml" || !state.tagName) return CodeMirror.Pass;
+
+    var opt = cm.getOption("autoCloseTags"), html = inner.mode.configuration == "html";
+    var dontCloseTags = (typeof opt == "object" && opt.dontCloseTags) || (html && htmlDontClose);
+    var indentTags = (typeof opt == "object" && opt.indentTags) || (html && htmlIndent);
+
+    var tagName = state.tagName;
+    if (tok.end > pos.ch) tagName = tagName.slice(0, tagName.length - tok.end + pos.ch);
+    var lowerTagName = tagName.toLowerCase();
+    // Don't process the '>' at the end of an end-tag or self-closing tag
+    if (tok.type == "string" && (tok.end != pos.ch || !/[\"\']/.test(tok.string.charAt(tok.string.length - 1)) || tok.string.length == 1) ||
+        tok.type == "tag" && state.type == "closeTag" ||
+        tok.string.indexOf("/") == (tok.string.length - 1) || // match something like <someTagName />
+        dontCloseTags && indexOf(dontCloseTags, lowerTagName) > -1)
+      return CodeMirror.Pass;
+
+    var doIndent = indentTags && indexOf(indentTags, lowerTagName) > -1;
+    var curPos = doIndent ? CodeMirror.Pos(pos.line + 1, 0) : CodeMirror.Pos(pos.line, pos.ch + 1);
+    cm.replaceSelection(">" + (doIndent ? "\n\n" : "") + "</" + tagName + ">",
+                        {head: curPos, anchor: curPos});
+    if (doIndent) {
+      cm.indentLine(pos.line + 1);
+      cm.indentLine(pos.line + 2);
+    }
+  }
+
+  function autoCloseSlash(cm) {
+    var pos = cm.getCursor(), tok = cm.getTokenAt(pos);
+    var inner = CodeMirror.innerMode(cm.getMode(), tok.state), state = inner.state;
+    if (tok.type == "string" || tok.string.charAt(0) != "<" ||
+        tok.start != pos.ch - 1 || inner.mode.name != "xml")
+      return CodeMirror.Pass;
+
+    var tagName = state.context && state.context.tagName;
+    if (tagName) cm.replaceSelection("/" + tagName + ">", "end");
+  }
+
+  function indexOf(collection, elt) {
+    if (collection.indexOf) return collection.indexOf(elt);
+    for (var i = 0, e = collection.length; i < e; ++i)
+      if (collection[i] == elt) return i;
+    return -1;
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/edit/continuelist.js b/src/main/webapp/codemirror/addon/edit/continuelist.js
new file mode 100644
index 00000000..826d17d7
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/edit/continuelist.js
@@ -0,0 +1,25 @@
+(function() {
+  'use strict';
+
+  var listRE = /^(\s*)([*+-]|(\d+)\.)(\s*)/,
+      unorderedBullets = '*+-';
+
+  CodeMirror.commands.newlineAndIndentContinueMarkdownList = function(cm) {
+    var pos = cm.getCursor(),
+        inList = cm.getStateAfter(pos.line).list !== false,
+        match;
+
+    if (!inList || !(match = cm.getLine(pos.line).match(listRE))) {
+      cm.execCommand('newlineAndIndent');
+      return;
+    }
+
+    var indent = match[1], after = match[4];
+    var bullet = unorderedBullets.indexOf(match[2]) >= 0
+      ? match[2]
+      : (parseInt(match[3], 10) + 1) + '.';
+
+    cm.replaceSelection('\n' + indent + bullet + after, 'end');
+  };
+
+}());
diff --git a/src/main/webapp/codemirror/addon/edit/matchbrackets.js b/src/main/webapp/codemirror/addon/edit/matchbrackets.js
new file mode 100644
index 00000000..9d9b3882
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/edit/matchbrackets.js
@@ -0,0 +1,87 @@
+(function() {
+  var ie_lt8 = /MSIE \d/.test(navigator.userAgent) &&
+    (document.documentMode == null || document.documentMode < 8);
+
+  var Pos = CodeMirror.Pos;
+
+  var matching = {"(": ")>", ")": "(<", "[": "]>", "]": "[<", "{": "}>", "}": "{<"};
+  function findMatchingBracket(cm, where, strict) {
+    var state = cm.state.matchBrackets;
+    var maxScanLen = (state && state.maxScanLineLength) || 10000;
+    var maxScanLines = (state && state.maxScanLines) || 100;
+
+    var cur = where || cm.getCursor(), line = cm.getLineHandle(cur.line), pos = cur.ch - 1;
+    var match = (pos >= 0 && matching[line.text.charAt(pos)]) || matching[line.text.charAt(++pos)];
+    if (!match) return null;
+    var forward = match.charAt(1) == ">", d = forward ? 1 : -1;
+    if (strict && forward != (pos == cur.ch)) return null;
+    var style = cm.getTokenTypeAt(Pos(cur.line, pos + 1));
+
+    var stack = [line.text.charAt(pos)], re = /[(){}[\]]/;
+    function scan(line, lineNo, start) {
+      if (!line.text) return;
+      var pos = forward ? 0 : line.text.length - 1, end = forward ? line.text.length : -1;
+      if (line.text.length > maxScanLen) return null;
+      if (start != null) pos = start + d;
+      for (; pos != end; pos += d) {
+        var ch = line.text.charAt(pos);
+        if (re.test(ch) && cm.getTokenTypeAt(Pos(lineNo, pos + 1)) == style) {
+          var match = matching[ch];
+          if (match.charAt(1) == ">" == forward) stack.push(ch);
+          else if (stack.pop() != match.charAt(0)) return {pos: pos, match: false};
+          else if (!stack.length) return {pos: pos, match: true};
+        }
+      }
+    }
+    for (var i = cur.line, found, e = forward ? Math.min(i + maxScanLines, cm.lineCount()) : Math.max(-1, i - maxScanLines); i != e; i+=d) {
+      if (i == cur.line) found = scan(line, i, pos);
+      else found = scan(cm.getLineHandle(i), i);
+      if (found) break;
+    }
+    return {from: Pos(cur.line, pos), to: found && Pos(i, found.pos),
+            match: found && found.match, forward: forward};
+  }
+
+  function matchBrackets(cm, autoclear) {
+    // Disable brace matching in long lines, since it'll cause hugely slow updates
+    var maxHighlightLen = cm.state.matchBrackets.maxHighlightLineLength || 1000;
+    var found = findMatchingBracket(cm);
+    if (!found || cm.getLine(found.from.line).length > maxHighlightLen ||
+       found.to && cm.getLine(found.to.line).length > maxHighlightLen)
+      return;
+
+    var style = found.match ? "CodeMirror-matchingbracket" : "CodeMirror-nonmatchingbracket";
+    var one = cm.markText(found.from, Pos(found.from.line, found.from.ch + 1), {className: style});
+    var two = found.to && cm.markText(found.to, Pos(found.to.line, found.to.ch + 1), {className: style});
+    // Kludge to work around the IE bug from issue #1193, where text
+    // input stops going to the textare whever this fires.
+    if (ie_lt8 && cm.state.focused) cm.display.input.focus();
+    var clear = function() {
+      cm.operation(function() { one.clear(); two && two.clear(); });
+    };
+    if (autoclear) setTimeout(clear, 800);
+    else return clear;
+  }
+
+  var currentlyHighlighted = null;
+  function doMatchBrackets(cm) {
+    cm.operation(function() {
+      if (currentlyHighlighted) {currentlyHighlighted(); currentlyHighlighted = null;}
+      if (!cm.somethingSelected()) currentlyHighlighted = matchBrackets(cm, false);
+    });
+  }
+
+  CodeMirror.defineOption("matchBrackets", false, function(cm, val, old) {
+    if (old && old != CodeMirror.Init)
+      cm.off("cursorActivity", doMatchBrackets);
+    if (val) {
+      cm.state.matchBrackets = typeof val == "object" ? val : {};
+      cm.on("cursorActivity", doMatchBrackets);
+    }
+  });
+
+  CodeMirror.defineExtension("matchBrackets", function() {matchBrackets(this, true);});
+  CodeMirror.defineExtension("findMatchingBracket", function(pos, strict){
+    return findMatchingBracket(this, pos, strict);
+  });
+})();
diff --git a/src/main/webapp/codemirror/addon/edit/matchtags.js b/src/main/webapp/codemirror/addon/edit/matchtags.js
new file mode 100644
index 00000000..f189c1f8
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/edit/matchtags.js
@@ -0,0 +1,56 @@
+(function() {
+  "use strict";
+
+  CodeMirror.defineOption("matchTags", false, function(cm, val, old) {
+    if (old && old != CodeMirror.Init) {
+      cm.off("cursorActivity", doMatchTags);
+      cm.off("viewportChange", maybeUpdateMatch);
+      clear(cm);
+    }
+    if (val) {
+      cm.state.matchBothTags = typeof val == "object" && val.bothTags;
+      cm.on("cursorActivity", doMatchTags);
+      cm.on("viewportChange", maybeUpdateMatch);
+      doMatchTags(cm);
+    }
+  });
+
+  function clear(cm) {
+    if (cm.state.tagHit) cm.state.tagHit.clear();
+    if (cm.state.tagOther) cm.state.tagOther.clear();
+    cm.state.tagHit = cm.state.tagOther = null;
+  }
+
+  function doMatchTags(cm) {
+    cm.state.failedTagMatch = false;
+    cm.operation(function() {
+      clear(cm);
+      if (cm.somethingSelected()) return;
+      var cur = cm.getCursor(), range = cm.getViewport();
+      range.from = Math.min(range.from, cur.line); range.to = Math.max(cur.line + 1, range.to);
+      var match = CodeMirror.findMatchingTag(cm, cur, range);
+      if (!match) return;
+      if (cm.state.matchBothTags) {
+        var hit = match.at == "open" ? match.open : match.close;
+        if (hit) cm.state.tagHit = cm.markText(hit.from, hit.to, {className: "CodeMirror-matchingtag"});
+      }
+      var other = match.at == "close" ? match.open : match.close;
+      if (other)
+        cm.state.tagOther = cm.markText(other.from, other.to, {className: "CodeMirror-matchingtag"});
+      else
+        cm.state.failedTagMatch = true;
+    });
+  }
+
+  function maybeUpdateMatch(cm) {
+    if (cm.state.failedTagMatch) doMatchTags(cm);
+  }
+
+  CodeMirror.commands.toMatchingTag = function(cm) {
+    var found = CodeMirror.findMatchingTag(cm, cm.getCursor());
+    if (found) {
+      var other = found.at == "close" ? found.open : found.close;
+      if (other) cm.setSelection(other.to, other.from);
+    }
+  };
+})();
diff --git a/src/main/webapp/codemirror/addon/edit/trailingspace.js b/src/main/webapp/codemirror/addon/edit/trailingspace.js
new file mode 100644
index 00000000..f6bb0264
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/edit/trailingspace.js
@@ -0,0 +1,15 @@
+CodeMirror.defineOption("showTrailingSpace", false, function(cm, val, prev) {
+  if (prev == CodeMirror.Init) prev = false;
+  if (prev && !val)
+    cm.removeOverlay("trailingspace");
+  else if (!prev && val)
+    cm.addOverlay({
+      token: function(stream) {
+        for (var l = stream.string.length, i = l; i && /\s/.test(stream.string.charAt(i - 1)); --i) {}
+        if (i > stream.pos) { stream.pos = i; return null; }
+        stream.pos = l;
+        return "trailingspace";
+      },
+      name: "trailingspace"
+    });
+});
diff --git a/src/main/webapp/codemirror/addon/fold/brace-fold.js b/src/main/webapp/codemirror/addon/fold/brace-fold.js
new file mode 100644
index 00000000..2560b2b9
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/fold/brace-fold.js
@@ -0,0 +1,93 @@
+CodeMirror.registerHelper("fold", "brace", function(cm, start) {
+  var line = start.line, lineText = cm.getLine(line);
+  var startCh, tokenType;
+
+  function findOpening(openCh) {
+    for (var at = start.ch, pass = 0;;) {
+      var found = at <= 0 ? -1 : lineText.lastIndexOf(openCh, at - 1);
+      if (found == -1) {
+        if (pass == 1) break;
+        pass = 1;
+        at = lineText.length;
+        continue;
+      }
+      if (pass == 1 && found < start.ch) break;
+      tokenType = cm.getTokenTypeAt(CodeMirror.Pos(line, found + 1));
+      if (!/^(comment|string)/.test(tokenType)) return found + 1;
+      at = found - 1;
+    }
+  }
+
+  var startToken = "{", endToken = "}", startCh = findOpening("{");
+  if (startCh == null) {
+    startToken = "[", endToken = "]";
+    startCh = findOpening("[");
+  }
+
+  if (startCh == null) return;
+  var count = 1, lastLine = cm.lastLine(), end, endCh;
+  outer: for (var i = line; i <= lastLine; ++i) {
+    var text = cm.getLine(i), pos = i == line ? startCh : 0;
+    for (;;) {
+      var nextOpen = text.indexOf(startToken, pos), nextClose = text.indexOf(endToken, pos);
+      if (nextOpen < 0) nextOpen = text.length;
+      if (nextClose < 0) nextClose = text.length;
+      pos = Math.min(nextOpen, nextClose);
+      if (pos == text.length) break;
+      if (cm.getTokenTypeAt(CodeMirror.Pos(i, pos + 1)) == tokenType) {
+        if (pos == nextOpen) ++count;
+        else if (!--count) { end = i; endCh = pos; break outer; }
+      }
+      ++pos;
+    }
+  }
+  if (end == null || line == end && endCh == startCh) return;
+  return {from: CodeMirror.Pos(line, startCh),
+          to: CodeMirror.Pos(end, endCh)};
+});
+CodeMirror.braceRangeFinder = CodeMirror.fold.brace; // deprecated
+
+CodeMirror.registerHelper("fold", "import", function(cm, start) {
+  function hasImport(line) {
+    if (line < cm.firstLine() || line > cm.lastLine()) return null;
+    var start = cm.getTokenAt(CodeMirror.Pos(line, 1));
+    if (!/\S/.test(start.string)) start = cm.getTokenAt(CodeMirror.Pos(line, start.end + 1));
+    if (start.type != "keyword" || start.string != "import") return null;
+    // Now find closing semicolon, return its position
+    for (var i = line, e = Math.min(cm.lastLine(), line + 10); i <= e; ++i) {
+      var text = cm.getLine(i), semi = text.indexOf(";");
+      if (semi != -1) return {startCh: start.end, end: CodeMirror.Pos(i, semi)};
+    }
+  }
+
+  var start = start.line, has = hasImport(start), prev;
+  if (!has || hasImport(start - 1) || ((prev = hasImport(start - 2)) && prev.end.line == start - 1))
+    return null;
+  for (var end = has.end;;) {
+    var next = hasImport(end.line + 1);
+    if (next == null) break;
+    end = next.end;
+  }
+  return {from: cm.clipPos(CodeMirror.Pos(start, has.startCh + 1)), to: end};
+});
+CodeMirror.importRangeFinder = CodeMirror.fold["import"]; // deprecated
+
+CodeMirror.registerHelper("fold", "include", function(cm, start) {
+  function hasInclude(line) {
+    if (line < cm.firstLine() || line > cm.lastLine()) return null;
+    var start = cm.getTokenAt(CodeMirror.Pos(line, 1));
+    if (!/\S/.test(start.string)) start = cm.getTokenAt(CodeMirror.Pos(line, start.end + 1));
+    if (start.type == "meta" && start.string.slice(0, 8) == "#include") return start.start + 8;
+  }
+
+  var start = start.line, has = hasInclude(start);
+  if (has == null || hasInclude(start - 1) != null) return null;
+  for (var end = start;;) {
+    var next = hasInclude(end + 1);
+    if (next == null) break;
+    ++end;
+  }
+  return {from: CodeMirror.Pos(start, has + 1),
+          to: cm.clipPos(CodeMirror.Pos(end))};
+});
+CodeMirror.includeRangeFinder = CodeMirror.fold.include; // deprecated
diff --git a/src/main/webapp/codemirror/addon/fold/comment-fold.js b/src/main/webapp/codemirror/addon/fold/comment-fold.js
new file mode 100644
index 00000000..a064cf8f
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/fold/comment-fold.js
@@ -0,0 +1,40 @@
+CodeMirror.registerHelper("fold", "comment", function(cm, start) {
+  var mode = cm.getModeAt(start), startToken = mode.blockCommentStart, endToken = mode.blockCommentEnd;
+  if (!startToken || !endToken) return;
+  var line = start.line, lineText = cm.getLine(line);
+
+  var startCh;
+  for (var at = start.ch, pass = 0;;) {
+    var found = at <= 0 ? -1 : lineText.lastIndexOf(startToken, at - 1);
+    if (found == -1) {
+      if (pass == 1) return;
+      pass = 1;
+      at = lineText.length;
+      continue;
+    }
+    if (pass == 1 && found < start.ch) return;
+    if (/comment/.test(cm.getTokenTypeAt(CodeMirror.Pos(line, found + 1)))) {
+      startCh = found + startToken.length;
+      break;
+    }
+    at = found - 1;
+  }
+
+  var depth = 1, lastLine = cm.lastLine(), end, endCh;
+  outer: for (var i = line; i <= lastLine; ++i) {
+    var text = cm.getLine(i), pos = i == line ? startCh : 0;
+    for (;;) {
+      var nextOpen = text.indexOf(startToken, pos), nextClose = text.indexOf(endToken, pos);
+      if (nextOpen < 0) nextOpen = text.length;
+      if (nextClose < 0) nextClose = text.length;
+      pos = Math.min(nextOpen, nextClose);
+      if (pos == text.length) break;
+      if (pos == nextOpen) ++depth;
+      else if (!--depth) { end = i; endCh = pos; break outer; }
+      ++pos;
+    }
+  }
+  if (end == null || line == end && endCh == startCh) return;
+  return {from: CodeMirror.Pos(line, startCh),
+          to: CodeMirror.Pos(end, endCh)};
+});
diff --git a/src/main/webapp/codemirror/addon/fold/foldcode.js b/src/main/webapp/codemirror/addon/fold/foldcode.js
new file mode 100644
index 00000000..c497bc29
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/fold/foldcode.js
@@ -0,0 +1,75 @@
+(function() {
+  "use strict";
+
+  function doFold(cm, pos, options, force) {
+    var finder = options && (options.call ? options : options.rangeFinder);
+    if (!finder) finder = cm.getHelper(pos, "fold");
+    if (!finder) return;
+    if (typeof pos == "number") pos = CodeMirror.Pos(pos, 0);
+    var minSize = options && options.minFoldSize || 0;
+
+    function getRange(allowFolded) {
+      var range = finder(cm, pos);
+      if (!range || range.to.line - range.from.line < minSize) return null;
+      var marks = cm.findMarksAt(range.from);
+      for (var i = 0; i < marks.length; ++i) {
+        if (marks[i].__isFold && force !== "fold") {
+          if (!allowFolded) return null;
+          range.cleared = true;
+          marks[i].clear();
+        }
+      }
+      return range;
+    }
+
+    var range = getRange(true);
+    if (options && options.scanUp) while (!range && pos.line > cm.firstLine()) {
+      pos = CodeMirror.Pos(pos.line - 1, 0);
+      range = getRange(false);
+    }
+    if (!range || range.cleared || force === "unfold") return;
+
+    var myWidget = makeWidget(options);
+    CodeMirror.on(myWidget, "mousedown", function() { myRange.clear(); });
+    var myRange = cm.markText(range.from, range.to, {
+      replacedWith: myWidget,
+      clearOnEnter: true,
+      __isFold: true
+    });
+    myRange.on("clear", function(from, to) {
+      CodeMirror.signal(cm, "unfold", cm, from, to);
+    });
+    CodeMirror.signal(cm, "fold", cm, range.from, range.to);
+  }
+
+  function makeWidget(options) {
+    var widget = (options && options.widget) || "\u2194";
+    if (typeof widget == "string") {
+      var text = document.createTextNode(widget);
+      widget = document.createElement("span");
+      widget.appendChild(text);
+      widget.className = "CodeMirror-foldmarker";
+    }
+    return widget;
+  }
+
+  // Clumsy backwards-compatible interface
+  CodeMirror.newFoldFunction = function(rangeFinder, widget) {
+    return function(cm, pos) { doFold(cm, pos, {rangeFinder: rangeFinder, widget: widget}); };
+  };
+
+  // New-style interface
+  CodeMirror.defineExtension("foldCode", function(pos, options, force) {
+    doFold(this, pos, options, force);
+  });
+
+  CodeMirror.registerHelper("fold", "combine", function() {
+    var funcs = Array.prototype.slice.call(arguments, 0);
+    return function(cm, start) {
+      for (var i = 0; i < funcs.length; ++i) {
+        var found = funcs[i](cm, start);
+        if (found) return found;
+      }
+    };
+  });
+})();
diff --git a/src/main/webapp/codemirror/addon/fold/foldgutter.css b/src/main/webapp/codemirror/addon/fold/foldgutter.css
new file mode 100644
index 00000000..49805393
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/fold/foldgutter.css
@@ -0,0 +1,21 @@
+.CodeMirror-foldmarker {
+  color: blue;
+  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
+  font-family: arial;
+  line-height: .3;
+  cursor: pointer;
+}
+.CodeMirror-foldgutter {
+  width: .7em;
+}
+.CodeMirror-foldgutter-open,
+.CodeMirror-foldgutter-folded {
+  color: #555;
+  cursor: pointer;
+}
+.CodeMirror-foldgutter-open:after {
+  content: "\25BE";
+}
+.CodeMirror-foldgutter-folded:after {
+  content: "\25B8";
+}
diff --git a/src/main/webapp/codemirror/addon/fold/foldgutter.js b/src/main/webapp/codemirror/addon/fold/foldgutter.js
new file mode 100644
index 00000000..57336fbf
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/fold/foldgutter.js
@@ -0,0 +1,124 @@
+(function() {
+  "use strict";
+
+  CodeMirror.defineOption("foldGutter", false, function(cm, val, old) {
+    if (old && old != CodeMirror.Init) {
+      cm.clearGutter(cm.state.foldGutter.options.gutter);
+      cm.state.foldGutter = null;
+      cm.off("gutterClick", onGutterClick);
+      cm.off("change", onChange);
+      cm.off("viewportChange", onViewportChange);
+      cm.off("fold", onFold);
+      cm.off("unfold", onFold);
+      cm.off("swapDoc", updateInViewport);
+    }
+    if (val) {
+      cm.state.foldGutter = new State(parseOptions(val));
+      updateInViewport(cm);
+      cm.on("gutterClick", onGutterClick);
+      cm.on("change", onChange);
+      cm.on("viewportChange", onViewportChange);
+      cm.on("fold", onFold);
+      cm.on("unfold", onFold);
+      cm.on("swapDoc", updateInViewport);
+    }
+  });
+
+  var Pos = CodeMirror.Pos;
+
+  function State(options) {
+    this.options = options;
+    this.from = this.to = 0;
+  }
+
+  function parseOptions(opts) {
+    if (opts === true) opts = {};
+    if (opts.gutter == null) opts.gutter = "CodeMirror-foldgutter";
+    if (opts.indicatorOpen == null) opts.indicatorOpen = "CodeMirror-foldgutter-open";
+    if (opts.indicatorFolded == null) opts.indicatorFolded = "CodeMirror-foldgutter-folded";
+    return opts;
+  }
+
+  function isFolded(cm, line) {
+    var marks = cm.findMarksAt(Pos(line));
+    for (var i = 0; i < marks.length; ++i)
+      if (marks[i].__isFold && marks[i].find().from.line == line) return true;
+  }
+
+  function marker(spec) {
+    if (typeof spec == "string") {
+      var elt = document.createElement("div");
+      elt.className = spec;
+      return elt;
+    } else {
+      return spec.cloneNode(true);
+    }
+  }
+
+  function updateFoldInfo(cm, from, to) {
+    var opts = cm.state.foldGutter.options, cur = from;
+    cm.eachLine(from, to, function(line) {
+      var mark = null;
+      if (isFolded(cm, cur)) {
+        mark = marker(opts.indicatorFolded);
+      } else {
+        var pos = Pos(cur, 0), func = opts.rangeFinder || cm.getHelper(pos, "fold");
+        var range = func && func(cm, pos);
+        if (range && range.from.line + 1 < range.to.line)
+          mark = marker(opts.indicatorOpen);
+      }
+      cm.setGutterMarker(line, opts.gutter, mark);
+      ++cur;
+    });
+  }
+
+  function updateInViewport(cm) {
+    var vp = cm.getViewport(), state = cm.state.foldGutter;
+    if (!state) return;
+    cm.operation(function() {
+      updateFoldInfo(cm, vp.from, vp.to);
+    });
+    state.from = vp.from; state.to = vp.to;
+  }
+
+  function onGutterClick(cm, line, gutter) {
+    var opts = cm.state.foldGutter.options;
+    if (gutter != opts.gutter) return;
+    cm.foldCode(Pos(line, 0), opts.rangeFinder);
+  }
+
+  function onChange(cm) {
+    var state = cm.state.foldGutter, opts = cm.state.foldGutter.options;
+    state.from = state.to = 0;
+    clearTimeout(state.changeUpdate);
+    state.changeUpdate = setTimeout(function() { updateInViewport(cm); }, opts.foldOnChangeTimeSpan || 600);
+  }
+
+  function onViewportChange(cm) {
+    var state = cm.state.foldGutter, opts = cm.state.foldGutter.options;
+    clearTimeout(state.changeUpdate);
+    state.changeUpdate = setTimeout(function() {
+      var vp = cm.getViewport();
+      if (state.from == state.to || vp.from - state.to > 20 || state.from - vp.to > 20) {
+        updateInViewport(cm);
+      } else {
+        cm.operation(function() {
+          if (vp.from < state.from) {
+            updateFoldInfo(cm, vp.from, state.from);
+            state.from = vp.from;
+          }
+          if (vp.to > state.to) {
+            updateFoldInfo(cm, state.to, vp.to);
+            state.to = vp.to;
+          }
+        });
+      }
+    }, opts.updateViewportTimeSpan || 400);
+  }
+
+  function onFold(cm, from) {
+    var state = cm.state.foldGutter, line = from.line;
+    if (line >= state.from && line < state.to)
+      updateFoldInfo(cm, line, line + 1);
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/fold/indent-fold.js b/src/main/webapp/codemirror/addon/fold/indent-fold.js
new file mode 100644
index 00000000..1bd600be
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/fold/indent-fold.js
@@ -0,0 +1,30 @@
+CodeMirror.registerHelper("fold", "indent", function(cm, start) {
+  var tabSize = cm.getOption("tabSize"), firstLine = cm.getLine(start.line);
+  if (!/\S/.test(firstLine)) return;
+  var getIndent = function(lineNum) {
+    return CodeMirror.countColumn(lineNum, null, tabSize);
+  };
+  var myIndent = getIndent(firstLine);
+  var lastLineInFold = null;
+  // Go through lines until we find a line that definitely doesn't belong in
+  // the block we're folding, or to the end.
+  for (var i = start.line + 1, end = cm.lastLine(); i <= end; ++i) {
+    var curLine = cm.getLine(i);
+    var curIndent = getIndent(curLine);
+    if (curIndent > myIndent) {
+      // Lines with a greater indent are considered part of the block.
+      lastLineInFold = i;
+    } else if (!/\S/.test(curLine)) {
+      // Empty lines might be breaks within the block we're trying to fold.
+    } else {
+      // A non-empty line at an indent equal to or less than ours marks the
+      // start of another block.
+      break;
+    }
+  }
+  if (lastLineInFold) return {
+    from: CodeMirror.Pos(start.line, firstLine.length),
+    to: CodeMirror.Pos(lastLineInFold, cm.getLine(lastLineInFold).length)
+  };
+});
+CodeMirror.indentRangeFinder = CodeMirror.fold.indent; // deprecated
diff --git a/src/main/webapp/codemirror/addon/fold/xml-fold.js b/src/main/webapp/codemirror/addon/fold/xml-fold.js
new file mode 100644
index 00000000..88a107c4
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/fold/xml-fold.js
@@ -0,0 +1,167 @@
+(function() {
+  "use strict";
+
+  var Pos = CodeMirror.Pos;
+  function cmp(a, b) { return a.line - b.line || a.ch - b.ch; }
+
+  var nameStartChar = "A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD";
+  var nameChar = nameStartChar + "\-\:\.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040";
+  var xmlTagStart = new RegExp("<(/?)([" + nameStartChar + "][" + nameChar + "]*)", "g");
+
+  function Iter(cm, line, ch, range) {
+    this.line = line; this.ch = ch;
+    this.cm = cm; this.text = cm.getLine(line);
+    this.min = range ? range.from : cm.firstLine();
+    this.max = range ? range.to - 1 : cm.lastLine();
+  }
+
+  function tagAt(iter, ch) {
+    var type = iter.cm.getTokenTypeAt(Pos(iter.line, ch));
+    return type && /\btag\b/.test(type);
+  }
+
+  function nextLine(iter) {
+    if (iter.line >= iter.max) return;
+    iter.ch = 0;
+    iter.text = iter.cm.getLine(++iter.line);
+    return true;
+  }
+  function prevLine(iter) {
+    if (iter.line <= iter.min) return;
+    iter.text = iter.cm.getLine(--iter.line);
+    iter.ch = iter.text.length;
+    return true;
+  }
+
+  function toTagEnd(iter) {
+    for (;;) {
+      var gt = iter.text.indexOf(">", iter.ch);
+      if (gt == -1) { if (nextLine(iter)) continue; else return; }
+      if (!tagAt(iter, gt + 1)) { iter.ch = gt + 1; continue; }
+      var lastSlash = iter.text.lastIndexOf("/", gt);
+      var selfClose = lastSlash > -1 && !/\S/.test(iter.text.slice(lastSlash + 1, gt));
+      iter.ch = gt + 1;
+      return selfClose ? "selfClose" : "regular";
+    }
+  }
+  function toTagStart(iter) {
+    for (;;) {
+      var lt = iter.ch ? iter.text.lastIndexOf("<", iter.ch - 1) : -1;
+      if (lt == -1) { if (prevLine(iter)) continue; else return; }
+      if (!tagAt(iter, lt + 1)) { iter.ch = lt; continue; }
+      xmlTagStart.lastIndex = lt;
+      iter.ch = lt;
+      var match = xmlTagStart.exec(iter.text);
+      if (match && match.index == lt) return match;
+    }
+  }
+
+  function toNextTag(iter) {
+    for (;;) {
+      xmlTagStart.lastIndex = iter.ch;
+      var found = xmlTagStart.exec(iter.text);
+      if (!found) { if (nextLine(iter)) continue; else return; }
+      if (!tagAt(iter, found.index + 1)) { iter.ch = found.index + 1; continue; }
+      iter.ch = found.index + found[0].length;
+      return found;
+    }
+  }
+  function toPrevTag(iter) {
+    for (;;) {
+      var gt = iter.ch ? iter.text.lastIndexOf(">", iter.ch - 1) : -1;
+      if (gt == -1) { if (prevLine(iter)) continue; else return; }
+      if (!tagAt(iter, gt + 1)) { iter.ch = gt; continue; }
+      var lastSlash = iter.text.lastIndexOf("/", gt);
+      var selfClose = lastSlash > -1 && !/\S/.test(iter.text.slice(lastSlash + 1, gt));
+      iter.ch = gt + 1;
+      return selfClose ? "selfClose" : "regular";
+    }
+  }
+
+  function findMatchingClose(iter, tag) {
+    var stack = [];
+    for (;;) {
+      var next = toNextTag(iter), end, startLine = iter.line, startCh = iter.ch - (next ? next[0].length : 0);
+      if (!next || !(end = toTagEnd(iter))) return;
+      if (end == "selfClose") continue;
+      if (next[1]) { // closing tag
+        for (var i = stack.length - 1; i >= 0; --i) if (stack[i] == next[2]) {
+          stack.length = i;
+          break;
+        }
+        if (i < 0 && (!tag || tag == next[2])) return {
+          tag: next[2],
+          from: Pos(startLine, startCh),
+          to: Pos(iter.line, iter.ch)
+        };
+      } else { // opening tag
+        stack.push(next[2]);
+      }
+    }
+  }
+  function findMatchingOpen(iter, tag) {
+    var stack = [];
+    for (;;) {
+      var prev = toPrevTag(iter);
+      if (!prev) return;
+      if (prev == "selfClose") { toTagStart(iter); continue; }
+      var endLine = iter.line, endCh = iter.ch;
+      var start = toTagStart(iter);
+      if (!start) return;
+      if (start[1]) { // closing tag
+        stack.push(start[2]);
+      } else { // opening tag
+        for (var i = stack.length - 1; i >= 0; --i) if (stack[i] == start[2]) {
+          stack.length = i;
+          break;
+        }
+        if (i < 0 && (!tag || tag == start[2])) return {
+          tag: start[2],
+          from: Pos(iter.line, iter.ch),
+          to: Pos(endLine, endCh)
+        };
+      }
+    }
+  }
+
+  CodeMirror.registerHelper("fold", "xml", function(cm, start) {
+    var iter = new Iter(cm, start.line, 0);
+    for (;;) {
+      var openTag = toNextTag(iter), end;
+      if (!openTag || iter.line != start.line || !(end = toTagEnd(iter))) return;
+      if (!openTag[1] && end != "selfClose") {
+        var start = Pos(iter.line, iter.ch);
+        var close = findMatchingClose(iter, openTag[2]);
+        return close && {from: start, to: close.from};
+      }
+    }
+  });
+  CodeMirror.tagRangeFinder = CodeMirror.fold.xml; // deprecated
+
+  CodeMirror.findMatchingTag = function(cm, pos, range) {
+    var iter = new Iter(cm, pos.line, pos.ch, range);
+    if (iter.text.indexOf(">") == -1 && iter.text.indexOf("<") == -1) return;
+    var end = toTagEnd(iter), to = end && Pos(iter.line, iter.ch);
+    var start = end && toTagStart(iter);
+    if (!end || end == "selfClose" || !start || cmp(iter, pos) > 0) return;
+    var here = {from: Pos(iter.line, iter.ch), to: to, tag: start[2]};
+
+    if (start[1]) { // closing tag
+      return {open: findMatchingOpen(iter, start[2]), close: here, at: "close"};
+    } else { // opening tag
+      iter = new Iter(cm, to.line, to.ch, range);
+      return {open: here, close: findMatchingClose(iter, start[2]), at: "open"};
+    }
+  };
+
+  CodeMirror.findEnclosingTag = function(cm, pos, range) {
+    var iter = new Iter(cm, pos.line, pos.ch, range);
+    for (;;) {
+      var open = findMatchingOpen(iter);
+      if (!open) break;
+      var forward = new Iter(cm, pos.line, pos.ch, range);
+      var close = findMatchingClose(forward, open.tag);
+      if (close) return {open: open, close: close};
+    }
+  };
+})();
diff --git a/src/main/webapp/codemirror/addon/hint/anyword-hint.js b/src/main/webapp/codemirror/addon/hint/anyword-hint.js
new file mode 100644
index 00000000..36ff618e
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/hint/anyword-hint.js
@@ -0,0 +1,34 @@
+(function() {
+  "use strict";
+
+  var WORD = /[\w$]+/, RANGE = 500;
+
+  CodeMirror.registerHelper("hint", "anyword", function(editor, options) {
+    var word = options && options.word || WORD;
+    var range = options && options.range || RANGE;
+    var cur = editor.getCursor(), curLine = editor.getLine(cur.line);
+    var start = cur.ch, end = start;
+    while (end < curLine.length && word.test(curLine.charAt(end))) ++end;
+    while (start && word.test(curLine.charAt(start - 1))) --start;
+    var curWord = start != end && curLine.slice(start, end);
+
+    var list = [], seen = {};
+    function scan(dir) {
+      var line = cur.line, end = Math.min(Math.max(line + dir * range, editor.firstLine()), editor.lastLine()) + dir;
+      for (; line != end; line += dir) {
+        var text = editor.getLine(line), m;
+        var re = new RegExp(word.source, "g");
+        while (m = re.exec(text)) {
+          if (line == cur.line && m[0] === curWord) continue;
+          if ((!curWord || m[0].indexOf(curWord) == 0) && !seen.hasOwnProperty(m[0])) {
+            seen[m[0]] = true;
+            list.push(m[0]);
+          }
+        }
+      }
+    }
+    scan(-1);
+    scan(1);
+    return {list: list, from: CodeMirror.Pos(cur.line, start), to: CodeMirror.Pos(cur.line, end)};
+  });
+})();
diff --git a/src/main/webapp/codemirror/addon/hint/css-hint.js b/src/main/webapp/codemirror/addon/hint/css-hint.js
new file mode 100644
index 00000000..2b15300d
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/hint/css-hint.js
@@ -0,0 +1,50 @@
+(function () {
+  "use strict";
+
+  function getHints(cm) {
+    var cur = cm.getCursor(), token = cm.getTokenAt(cur);
+    var inner = CodeMirror.innerMode(cm.getMode(), token.state);
+    if (inner.mode.name != "css") return;
+
+    // If it's not a 'word-style' token, ignore the token.
+    if (!/^[\w$_-]*$/.test(token.string)) {
+      token = {
+        start: cur.ch, end: cur.ch, string: "", state: token.state,
+        type: null
+      };
+      var stack = token.state.stack;
+      var lastToken = stack && stack.length > 0 ? stack[stack.length - 1] : "";
+      if (token.string == ":" || lastToken.indexOf("property") == 0)
+        token.type = "variable";
+      else if (token.string == "{" || lastToken.indexOf("rule") == 0)
+        token.type = "property";
+    }
+
+    if (!token.type)
+      return;
+
+    var spec = CodeMirror.resolveMode("text/css");
+    var keywords = null;
+    if (token.type.indexOf("property") == 0)
+      keywords = spec.propertyKeywords;
+    else if (token.type.indexOf("variable") == 0)
+      keywords = spec.valueKeywords;
+
+    if (!keywords)
+      return;
+
+    var result = [];
+    for (var name in keywords) {
+      if (name.indexOf(token.string) == 0 /* > -1 */)
+        result.push(name);
+    }
+
+    return {
+      list: result,
+      from: CodeMirror.Pos(cur.line, token.start),
+      to: CodeMirror.Pos(cur.line, token.end)
+    };
+  }
+
+  CodeMirror.registerHelper("hint", "css", getHints);
+})();
diff --git a/src/main/webapp/codemirror/addon/hint/html-hint.js b/src/main/webapp/codemirror/addon/hint/html-hint.js
new file mode 100644
index 00000000..cf256851
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/hint/html-hint.js
@@ -0,0 +1,337 @@
+(function () {
+  var langs = "ab aa af ak sq am ar an hy as av ae ay az bm ba eu be bn bh bi bs br bg my ca ch ce ny zh cv kw co cr hr cs da dv nl dz en eo et ee fo fj fi fr ff gl ka de el gn gu ht ha he hz hi ho hu ia id ie ga ig ik io is it iu ja jv kl kn kr ks kk km ki rw ky kv kg ko ku kj la lb lg li ln lo lt lu lv gv mk mg ms ml mt mi mr mh mn na nv nb nd ne ng nn no ii nr oc oj cu om or os pa pi fa pl ps pt qu rm rn ro ru sa sc sd se sm sg sr gd sn si sk sl so st es su sw ss sv ta te tg th ti bo tk tl tn to tr ts tt tw ty ug uk ur uz ve vi vo wa cy wo fy xh yi yo za zu".split(" ");
+  var targets = ["_blank", "_self", "_top", "_parent"];
+  var charsets = ["ascii", "utf-8", "utf-16", "latin1", "latin1"];
+  var methods = ["get", "post", "put", "delete"];
+  var encs = ["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"];
+  var media = ["all", "screen", "print", "embossed", "braille", "handheld", "print", "projection", "screen", "tty", "tv", "speech",
+               "3d-glasses", "resolution [>][<][=] [X]", "device-aspect-ratio: X/Y", "orientation:portrait",
+               "orientation:landscape", "device-height: [X]", "device-width: [X]"];
+  var s = { attrs: {} }; // Simple tag, reused for a whole lot of tags
+
+  var data = {
+    a: {
+      attrs: {
+        href: null, ping: null, type: null,
+        media: media,
+        target: targets,
+        hreflang: langs
+      }
+    },
+    abbr: s,
+    acronym: s,
+    address: s,
+    applet: s,
+    area: {
+      attrs: {
+        alt: null, coords: null, href: null, target: null, ping: null,
+        media: media, hreflang: langs, type: null,
+        shape: ["default", "rect", "circle", "poly"]
+      }
+    },
+    article: s,
+    aside: s,
+    audio: {
+      attrs: {
+        src: null, mediagroup: null,
+        crossorigin: ["anonymous", "use-credentials"],
+        preload: ["none", "metadata", "auto"],
+        autoplay: ["", "autoplay"],
+        loop: ["", "loop"],
+        controls: ["", "controls"]
+      }
+    },
+    b: s,
+    base: { attrs: { href: null, target: targets } },
+    basefont: s,
+    bdi: s,
+    bdo: s,
+    big: s,
+    blockquote: { attrs: { cite: null } },
+    body: s,
+    br: s,
+    button: {
+      attrs: {
+        form: null, formaction: null, name: null, value: null,
+        autofocus: ["", "autofocus"],
+        disabled: ["", "autofocus"],
+        formenctype: encs,
+        formmethod: methods,
+        formnovalidate: ["", "novalidate"],
+        formtarget: targets,
+        type: ["submit", "reset", "button"]
+      }
+    },
+    canvas: { attrs: { width: null, height: null } },
+    caption: s,
+    center: s,
+    cite: s,
+    code: s,
+    col: { attrs: { span: null } },
+    colgroup: { attrs: { span: null } },
+    command: {
+      attrs: {
+        type: ["command", "checkbox", "radio"],
+        label: null, icon: null, radiogroup: null, command: null, title: null,
+        disabled: ["", "disabled"],
+        checked: ["", "checked"]
+      }
+    },
+    data: { attrs: { value: null } },
+    datagrid: { attrs: { disabled: ["", "disabled"], multiple: ["", "multiple"] } },
+    datalist: { attrs: { data: null } },
+    dd: s,
+    del: { attrs: { cite: null, datetime: null } },
+    details: { attrs: { open: ["", "open"] } },
+    dfn: s,
+    dir: s,
+    div: s,
+    dl: s,
+    dt: s,
+    em: s,
+    embed: { attrs: { src: null, type: null, width: null, height: null } },
+    eventsource: { attrs: { src: null } },
+    fieldset: { attrs: { disabled: ["", "disabled"], form: null, name: null } },
+    figcaption: s,
+    figure: s,
+    font: s,
+    footer: s,
+    form: {
+      attrs: {
+        action: null, name: null,
+        "accept-charset": charsets,
+        autocomplete: ["on", "off"],
+        enctype: encs,
+        method: methods,
+        novalidate: ["", "novalidate"],
+        target: targets
+      }
+    },
+    frame: s,
+    frameset: s,
+    h1: s, h2: s, h3: s, h4: s, h5: s, h6: s,
+    head: {
+      attrs: {},
+      children: ["title", "base", "link", "style", "meta", "script", "noscript", "command"]
+    },
+    header: s,
+    hgroup: s,
+    hr: s,
+    html: {
+      attrs: { manifest: null },
+      children: ["head", "body"]
+    },
+    i: s,
+    iframe: {
+      attrs: {
+        src: null, srcdoc: null, name: null, width: null, height: null,
+        sandbox: ["allow-top-navigation", "allow-same-origin", "allow-forms", "allow-scripts"],
+        seamless: ["", "seamless"]
+      }
+    },
+    img: {
+      attrs: {
+        alt: null, src: null, ismap: null, usemap: null, width: null, height: null,
+        crossorigin: ["anonymous", "use-credentials"]
+      }
+    },
+    input: {
+      attrs: {
+        alt: null, dirname: null, form: null, formaction: null,
+        height: null, list: null, max: null, maxlength: null, min: null,
+        name: null, pattern: null, placeholder: null, size: null, src: null,
+        step: null, value: null, width: null,
+        accept: ["audio/*", "video/*", "image/*"],
+        autocomplete: ["on", "off"],
+        autofocus: ["", "autofocus"],
+        checked: ["", "checked"],
+        disabled: ["", "disabled"],
+        formenctype: encs,
+        formmethod: methods,
+        formnovalidate: ["", "novalidate"],
+        formtarget: targets,
+        multiple: ["", "multiple"],
+        readonly: ["", "readonly"],
+        required: ["", "required"],
+        type: ["hidden", "text", "search", "tel", "url", "email", "password", "datetime", "date", "month",
+               "week", "time", "datetime-local", "number", "range", "color", "checkbox", "radio",
+               "file", "submit", "image", "reset", "button"]
+      }
+    },
+    ins: { attrs: { cite: null, datetime: null } },
+    kbd: s,
+    keygen: {
+      attrs: {
+        challenge: null, form: null, name: null,
+        autofocus: ["", "autofocus"],
+        disabled: ["", "disabled"],
+        keytype: ["RSA"]
+      }
+    },
+    label: { attrs: { "for": null, form: null } },
+    legend: s,
+    li: { attrs: { value: null } },
+    link: {
+      attrs: {
+        href: null, type: null,
+        hreflang: langs,
+        media: media,
+        sizes: ["all", "16x16", "16x16 32x32", "16x16 32x32 64x64"]
+      }
+    },
+    map: { attrs: { name: null } },
+    mark: s,
+    menu: { attrs: { label: null, type: ["list", "context", "toolbar"] } },
+    meta: {
+      attrs: {
+        content: null,
+        charset: charsets,
+        name: ["viewport", "application-name", "author", "description", "generator", "keywords"],
+        "http-equiv": ["content-language", "content-type", "default-style", "refresh"]
+      }
+    },
+    meter: { attrs: { value: null, min: null, low: null, high: null, max: null, optimum: null } },
+    nav: s,
+    noframes: s,
+    noscript: s,
+    object: {
+      attrs: {
+        data: null, type: null, name: null, usemap: null, form: null, width: null, height: null,
+        typemustmatch: ["", "typemustmatch"]
+      }
+    },
+    ol: { attrs: { reversed: ["", "reversed"], start: null, type: ["1", "a", "A", "i", "I"] } },
+    optgroup: { attrs: { disabled: ["", "disabled"], label: null } },
+    option: { attrs: { disabled: ["", "disabled"], label: null, selected: ["", "selected"], value: null } },
+    output: { attrs: { "for": null, form: null, name: null } },
+    p: s,
+    param: { attrs: { name: null, value: null } },
+    pre: s,
+    progress: { attrs: { value: null, max: null } },
+    q: { attrs: { cite: null } },
+    rp: s,
+    rt: s,
+    ruby: s,
+    s: s,
+    samp: s,
+    script: {
+      attrs: {
+        type: ["text/javascript"],
+        src: null,
+        async: ["", "async"],
+        defer: ["", "defer"],
+        charset: charsets
+      }
+    },
+    section: s,
+    select: {
+      attrs: {
+        form: null, name: null, size: null,
+        autofocus: ["", "autofocus"],
+        disabled: ["", "disabled"],
+        multiple: ["", "multiple"]
+      }
+    },
+    small: s,
+    source: { attrs: { src: null, type: null, media: null } },
+    span: s,
+    strike: s,
+    strong: s,
+    style: {
+      attrs: {
+        type: ["text/css"],
+        media: media,
+        scoped: null
+      }
+    },
+    sub: s,
+    summary: s,
+    sup: s,
+    table: s,
+    tbody: s,
+    td: { attrs: { colspan: null, rowspan: null, headers: null } },
+    textarea: {
+      attrs: {
+        dirname: null, form: null, maxlength: null, name: null, placeholder: null,
+        rows: null, cols: null,
+        autofocus: ["", "autofocus"],
+        disabled: ["", "disabled"],
+        readonly: ["", "readonly"],
+        required: ["", "required"],
+        wrap: ["soft", "hard"]
+      }
+    },
+    tfoot: s,
+    th: { attrs: { colspan: null, rowspan: null, headers: null, scope: ["row", "col", "rowgroup", "colgroup"] } },
+    thead: s,
+    time: { attrs: { datetime: null } },
+    title: s,
+    tr: s,
+    track: {
+      attrs: {
+        src: null, label: null, "default": null,
+        kind: ["subtitles", "captions", "descriptions", "chapters", "metadata"],
+        srclang: langs
+      }
+    },
+    tt: s,
+    u: s,
+    ul: s,
+    "var": s,
+    video: {
+      attrs: {
+        src: null, poster: null, width: null, height: null,
+        crossorigin: ["anonymous", "use-credentials"],
+        preload: ["auto", "metadata", "none"],
+        autoplay: ["", "autoplay"],
+        mediagroup: ["movie"],
+        muted: ["", "muted"],
+        controls: ["", "controls"]
+      }
+    },
+    wbr: s
+  };
+
+  var globalAttrs = {
+    accesskey: ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+    "class": null,
+    contenteditable: ["true", "false"],
+    contextmenu: null,
+    dir: ["ltr", "rtl", "auto"],
+    draggable: ["true", "false", "auto"],
+    dropzone: ["copy", "move", "link", "string:", "file:"],
+    hidden: ["hidden"],
+    id: null,
+    inert: ["inert"],
+    itemid: null,
+    itemprop: null,
+    itemref: null,
+    itemscope: ["itemscope"],
+    itemtype: null,
+    lang: ["en", "es"],
+    spellcheck: ["true", "false"],
+    style: null,
+    tabindex: ["1", "2", "3", "4", "5", "6", "7", "8", "9"],
+    title: null,
+    translate: ["yes", "no"],
+    onclick: null,
+    rel: ["stylesheet", "alternate", "author", "bookmark", "help", "license", "next", "nofollow", "noreferrer", "prefetch", "prev", "search", "tag"]
+  };
+  function populate(obj) {
+    for (var attr in globalAttrs) if (globalAttrs.hasOwnProperty(attr))
+      obj.attrs[attr] = globalAttrs[attr];
+  }
+
+  populate(s);
+  for (var tag in data) if (data.hasOwnProperty(tag) && data[tag] != s)
+    populate(data[tag]);
+
+  CodeMirror.htmlSchema = data;
+  function htmlHint(cm, options) {
+    var local = {schemaInfo: data};
+    if (options) for (var opt in options) local[opt] = options[opt];
+    return CodeMirror.hint.xml(cm, local);
+  }
+  CodeMirror.htmlHint = htmlHint; // deprecated
+  CodeMirror.registerHelper("hint", "html", htmlHint);
+})();
diff --git a/src/main/webapp/codemirror/addon/hint/javascript-hint.js b/src/main/webapp/codemirror/addon/hint/javascript-hint.js
new file mode 100644
index 00000000..c66b0a7a
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/hint/javascript-hint.js
@@ -0,0 +1,131 @@
+(function () {
+  var Pos = CodeMirror.Pos;
+
+  function forEach(arr, f) {
+    for (var i = 0, e = arr.length; i < e; ++i) f(arr[i]);
+  }
+
+  function arrayContains(arr, item) {
+    if (!Array.prototype.indexOf) {
+      var i = arr.length;
+      while (i--) {
+        if (arr[i] === item) {
+          return true;
+        }
+      }
+      return false;
+    }
+    return arr.indexOf(item) != -1;
+  }
+
+  function scriptHint(editor, keywords, getToken, options) {
+    // Find the token at the cursor
+    var cur = editor.getCursor(), token = getToken(editor, cur), tprop = token;
+    if (/\b(?:string|comment)\b/.test(token.type)) return;
+    token.state = CodeMirror.innerMode(editor.getMode(), token.state).state;
+
+    // If it's not a 'word-style' token, ignore the token.
+    if (!/^[\w$_]*$/.test(token.string)) {
+      token = tprop = {start: cur.ch, end: cur.ch, string: "", state: token.state,
+                       type: token.string == "." ? "property" : null};
+    }
+    // If it is a property, find out what it is a property of.
+    while (tprop.type == "property") {
+      tprop = getToken(editor, Pos(cur.line, tprop.start));
+      if (tprop.string != ".") return;
+      tprop = getToken(editor, Pos(cur.line, tprop.start));
+      if (!context) var context = [];
+      context.push(tprop);
+    }
+    return {list: getCompletions(token, context, keywords, options),
+            from: Pos(cur.line, token.start),
+            to: Pos(cur.line, token.end)};
+  }
+
+  function javascriptHint(editor, options) {
+    return scriptHint(editor, javascriptKeywords,
+                      function (e, cur) {return e.getTokenAt(cur);},
+                      options);
+  };
+  CodeMirror.javascriptHint = javascriptHint; // deprecated
+  CodeMirror.registerHelper("hint", "javascript", javascriptHint);
+
+  function getCoffeeScriptToken(editor, cur) {
+  // This getToken, it is for coffeescript, imitates the behavior of
+  // getTokenAt method in javascript.js, that is, returning "property"
+  // type and treat "." as indepenent token.
+    var token = editor.getTokenAt(cur);
+    if (cur.ch == token.start + 1 && token.string.charAt(0) == '.') {
+      token.end = token.start;
+      token.string = '.';
+      token.type = "property";
+    }
+    else if (/^\.[\w$_]*$/.test(token.string)) {
+      token.type = "property";
+      token.start++;
+      token.string = token.string.replace(/\./, '');
+    }
+    return token;
+  }
+
+  function coffeescriptHint(editor, options) {
+    return scriptHint(editor, coffeescriptKeywords, getCoffeeScriptToken, options);
+  }
+  CodeMirror.coffeescriptHint = coffeescriptHint; // deprecated
+  CodeMirror.registerHelper("hint", "coffeescript", coffeescriptHint);
+
+  var stringProps = ("charAt charCodeAt indexOf lastIndexOf substring substr slice trim trimLeft trimRight " +
+                     "toUpperCase toLowerCase split concat match replace search").split(" ");
+  var arrayProps = ("length concat join splice push pop shift unshift slice reverse sort indexOf " +
+                    "lastIndexOf every some filter forEach map reduce reduceRight ").split(" ");
+  var funcProps = "prototype apply call bind".split(" ");
+  var javascriptKeywords = ("break case catch continue debugger default delete do else false finally for function " +
+                  "if in instanceof new null return switch throw true try typeof var void while with").split(" ");
+  var coffeescriptKeywords = ("and break catch class continue delete do else extends false finally for " +
+                  "if in instanceof isnt new no not null of off on or return switch then throw true try typeof until void while with yes").split(" ");
+
+  function getCompletions(token, context, keywords, options) {
+    var found = [], start = token.string;
+    function maybeAdd(str) {
+      if (str.indexOf(start) == 0 && !arrayContains(found, str)) found.push(str);
+    }
+    function gatherCompletions(obj) {
+      if (typeof obj == "string") forEach(stringProps, maybeAdd);
+      else if (obj instanceof Array) forEach(arrayProps, maybeAdd);
+      else if (obj instanceof Function) forEach(funcProps, maybeAdd);
+      for (var name in obj) maybeAdd(name);
+    }
+
+    if (context && context.length) {
+      // If this is a property, see if it belongs to some object we can
+      // find in the current environment.
+      var obj = context.pop(), base;
+      if (obj.type && obj.type.indexOf("variable") === 0) {
+        if (options && options.additionalContext)
+          base = options.additionalContext[obj.string];
+        base = base || window[obj.string];
+      } else if (obj.type == "string") {
+        base = "";
+      } else if (obj.type == "atom") {
+        base = 1;
+      } else if (obj.type == "function") {
+        if (window.jQuery != null && (obj.string == '$' || obj.string == 'jQuery') &&
+            (typeof window.jQuery == 'function'))
+          base = window.jQuery();
+        else if (window._ != null && (obj.string == '_') && (typeof window._ == 'function'))
+          base = window._();
+      }
+      while (base != null && context.length)
+        base = base[context.pop().string];
+      if (base != null) gatherCompletions(base);
+    } else {
+      // If not, just look in the window object and any local scope
+      // (reading into JS mode internals to get at the local and global variables)
+      for (var v = token.state.localVars; v; v = v.next) maybeAdd(v.name);
+      for (var v = token.state.globalVars; v; v = v.next) maybeAdd(v.name);
+      gatherCompletions(window);
+      forEach(keywords, maybeAdd);
+    }
+    return found;
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/hint/pig-hint.js b/src/main/webapp/codemirror/addon/hint/pig-hint.js
new file mode 100644
index 00000000..7ef336ce
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/hint/pig-hint.js
@@ -0,0 +1,121 @@
+(function () {
+  "use strict";
+
+  function forEach(arr, f) {
+    for (var i = 0, e = arr.length; i < e; ++i) f(arr[i]);
+  }
+
+  function arrayContains(arr, item) {
+    if (!Array.prototype.indexOf) {
+      var i = arr.length;
+      while (i--) {
+        if (arr[i] === item) {
+          return true;
+        }
+      }
+      return false;
+    }
+    return arr.indexOf(item) != -1;
+  }
+
+  function scriptHint(editor, _keywords, getToken) {
+    // Find the token at the cursor
+    var cur = editor.getCursor(), token = getToken(editor, cur), tprop = token;
+    // If it's not a 'word-style' token, ignore the token.
+
+    if (!/^[\w$_]*$/.test(token.string)) {
+        token = tprop = {start: cur.ch, end: cur.ch, string: "", state: token.state,
+                         className: token.string == ":" ? "pig-type" : null};
+    }
+
+    if (!context) var context = [];
+    context.push(tprop);
+
+    var completionList = getCompletions(token, context);
+    completionList = completionList.sort();
+    //prevent autocomplete for last word, instead show dropdown with one word
+    if(completionList.length == 1) {
+      completionList.push(" ");
+    }
+
+    return {list: completionList,
+            from: CodeMirror.Pos(cur.line, token.start),
+            to: CodeMirror.Pos(cur.line, token.end)};
+  }
+
+  function pigHint(editor) {
+    return scriptHint(editor, pigKeywordsU, function (e, cur) {return e.getTokenAt(cur);});
+  }
+  CodeMirror.pigHint = pigHint; // deprecated
+  CodeMirror.registerHelper("hint", "pig", pigHint);
+
+  var pigKeywords = "VOID IMPORT RETURNS DEFINE LOAD FILTER FOREACH ORDER CUBE DISTINCT COGROUP "
+  + "JOIN CROSS UNION SPLIT INTO IF OTHERWISE ALL AS BY USING INNER OUTER ONSCHEMA PARALLEL "
+  + "PARTITION GROUP AND OR NOT GENERATE FLATTEN ASC DESC IS STREAM THROUGH STORE MAPREDUCE "
+  + "SHIP CACHE INPUT OUTPUT STDERROR STDIN STDOUT LIMIT SAMPLE LEFT RIGHT FULL EQ GT LT GTE LTE "
+  + "NEQ MATCHES TRUE FALSE";
+  var pigKeywordsU = pigKeywords.split(" ");
+  var pigKeywordsL = pigKeywords.toLowerCase().split(" ");
+
+  var pigTypes = "BOOLEAN INT LONG FLOAT DOUBLE CHARARRAY BYTEARRAY BAG TUPLE MAP";
+  var pigTypesU = pigTypes.split(" ");
+  var pigTypesL = pigTypes.toLowerCase().split(" ");
+
+  var pigBuiltins = "ABS ACOS ARITY ASIN ATAN AVG BAGSIZE BINSTORAGE BLOOM BUILDBLOOM CBRT CEIL "
+  + "CONCAT COR COS COSH COUNT COUNT_STAR COV CONSTANTSIZE CUBEDIMENSIONS DIFF DISTINCT DOUBLEABS "
+  + "DOUBLEAVG DOUBLEBASE DOUBLEMAX DOUBLEMIN DOUBLEROUND DOUBLESUM EXP FLOOR FLOATABS FLOATAVG "
+  + "FLOATMAX FLOATMIN FLOATROUND FLOATSUM GENERICINVOKER INDEXOF INTABS INTAVG INTMAX INTMIN "
+  + "INTSUM INVOKEFORDOUBLE INVOKEFORFLOAT INVOKEFORINT INVOKEFORLONG INVOKEFORSTRING INVOKER "
+  + "ISEMPTY JSONLOADER JSONMETADATA JSONSTORAGE LAST_INDEX_OF LCFIRST LOG LOG10 LOWER LONGABS "
+  + "LONGAVG LONGMAX LONGMIN LONGSUM MAX MIN MAPSIZE MONITOREDUDF NONDETERMINISTIC OUTPUTSCHEMA  "
+  + "PIGSTORAGE PIGSTREAMING RANDOM REGEX_EXTRACT REGEX_EXTRACT_ALL REPLACE ROUND SIN SINH SIZE "
+  + "SQRT STRSPLIT SUBSTRING SUM STRINGCONCAT STRINGMAX STRINGMIN STRINGSIZE TAN TANH TOBAG "
+  + "TOKENIZE TOMAP TOP TOTUPLE TRIM TEXTLOADER TUPLESIZE UCFIRST UPPER UTF8STORAGECONVERTER";
+  var pigBuiltinsU = pigBuiltins.split(" ").join("() ").split(" ");
+  var pigBuiltinsL = pigBuiltins.toLowerCase().split(" ").join("() ").split(" ");
+  var pigBuiltinsC = ("BagSize BinStorage Bloom BuildBloom ConstantSize CubeDimensions DoubleAbs "
+  + "DoubleAvg DoubleBase DoubleMax DoubleMin DoubleRound DoubleSum FloatAbs FloatAvg FloatMax "
+  + "FloatMin FloatRound FloatSum GenericInvoker IntAbs IntAvg IntMax IntMin IntSum "
+  + "InvokeForDouble InvokeForFloat InvokeForInt InvokeForLong InvokeForString Invoker "
+  + "IsEmpty JsonLoader JsonMetadata JsonStorage LongAbs LongAvg LongMax LongMin LongSum MapSize "
+  + "MonitoredUDF Nondeterministic OutputSchema PigStorage PigStreaming StringConcat StringMax "
+  + "StringMin StringSize TextLoader TupleSize Utf8StorageConverter").split(" ").join("() ").split(" ");
+
+  function getCompletions(token, context) {
+    var found = [], start = token.string;
+    function maybeAdd(str) {
+      if (str.indexOf(start) == 0 && !arrayContains(found, str)) found.push(str);
+    }
+
+    function gatherCompletions(obj) {
+      if(obj == ":") {
+        forEach(pigTypesL, maybeAdd);
+      }
+      else {
+        forEach(pigBuiltinsU, maybeAdd);
+        forEach(pigBuiltinsL, maybeAdd);
+        forEach(pigBuiltinsC, maybeAdd);
+        forEach(pigTypesU, maybeAdd);
+        forEach(pigTypesL, maybeAdd);
+        forEach(pigKeywordsU, maybeAdd);
+        forEach(pigKeywordsL, maybeAdd);
+      }
+    }
+
+    if (context) {
+      // If this is a property, see if it belongs to some object we can
+      // find in the current environment.
+      var obj = context.pop(), base;
+
+      if (obj.type == "variable")
+          base = obj.string;
+      else if(obj.type == "variable-3")
+          base = ":" + obj.string;
+
+      while (base != null && context.length)
+        base = base[context.pop().string];
+      if (base != null) gatherCompletions(base);
+    }
+    return found;
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/hint/python-hint.js b/src/main/webapp/codemirror/addon/hint/python-hint.js
new file mode 100644
index 00000000..98d2a589
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/hint/python-hint.js
@@ -0,0 +1,95 @@
+(function () {
+  function forEach(arr, f) {
+    for (var i = 0, e = arr.length; i < e; ++i) f(arr[i]);
+  }
+
+  function arrayContains(arr, item) {
+    if (!Array.prototype.indexOf) {
+      var i = arr.length;
+      while (i--) {
+        if (arr[i] === item) {
+          return true;
+        }
+      }
+      return false;
+    }
+    return arr.indexOf(item) != -1;
+  }
+
+  function scriptHint(editor, _keywords, getToken) {
+    // Find the token at the cursor
+    var cur = editor.getCursor(), token = getToken(editor, cur), tprop = token;
+    // If it's not a 'word-style' token, ignore the token.
+
+    if (!/^[\w$_]*$/.test(token.string)) {
+        token = tprop = {start: cur.ch, end: cur.ch, string: "", state: token.state,
+                         className: token.string == ":" ? "python-type" : null};
+    }
+
+    if (!context) var context = [];
+    context.push(tprop);
+
+    var completionList = getCompletions(token, context);
+    completionList = completionList.sort();
+    //prevent autocomplete for last word, instead show dropdown with one word
+    if(completionList.length == 1) {
+      completionList.push(" ");
+    }
+
+    return {list: completionList,
+            from: CodeMirror.Pos(cur.line, token.start),
+            to: CodeMirror.Pos(cur.line, token.end)};
+  }
+
+  function pythonHint(editor) {
+    return scriptHint(editor, pythonKeywordsU, function (e, cur) {return e.getTokenAt(cur);});
+  }
+  CodeMirror.pythonHint = pythonHint; // deprecated
+  CodeMirror.registerHelper("hint", "python", pythonHint);
+
+  var pythonKeywords = "and del from not while as elif global or with assert else if pass yield"
++ "break except import print class exec in raise continue finally is return def for lambda try";
+  var pythonKeywordsL = pythonKeywords.split(" ");
+  var pythonKeywordsU = pythonKeywords.toUpperCase().split(" ");
+
+  var pythonBuiltins = "abs divmod input open staticmethod all enumerate int ord str "
++ "any eval isinstance pow sum basestring execfile issubclass print super"
++ "bin file iter property tuple bool filter len range type"
++ "bytearray float list raw_input unichr callable format locals reduce unicode"
++ "chr frozenset long reload vars classmethod getattr map repr xrange"
++ "cmp globals max reversed zip compile hasattr memoryview round __import__"
++ "complex hash min set apply delattr help next setattr buffer"
++ "dict hex object slice coerce dir id oct sorted intern ";
+  var pythonBuiltinsL = pythonBuiltins.split(" ").join("() ").split(" ");
+  var pythonBuiltinsU = pythonBuiltins.toUpperCase().split(" ").join("() ").split(" ");
+
+  function getCompletions(token, context) {
+    var found = [], start = token.string;
+    function maybeAdd(str) {
+      if (str.indexOf(start) == 0 && !arrayContains(found, str)) found.push(str);
+    }
+
+    function gatherCompletions(_obj) {
+        forEach(pythonBuiltinsL, maybeAdd);
+        forEach(pythonBuiltinsU, maybeAdd);
+        forEach(pythonKeywordsL, maybeAdd);
+        forEach(pythonKeywordsU, maybeAdd);
+    }
+
+    if (context) {
+      // If this is a property, see if it belongs to some object we can
+      // find in the current environment.
+      var obj = context.pop(), base;
+
+      if (obj.type == "variable")
+          base = obj.string;
+      else if(obj.type == "variable-3")
+          base = ":" + obj.string;
+
+      while (base != null && context.length)
+        base = base[context.pop().string];
+      if (base != null) gatherCompletions(base);
+    }
+    return found;
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/hint/show-hint.css b/src/main/webapp/codemirror/addon/hint/show-hint.css
new file mode 100644
index 00000000..8a4ff052
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/hint/show-hint.css
@@ -0,0 +1,38 @@
+.CodeMirror-hints {
+  position: absolute;
+  z-index: 10;
+  overflow: hidden;
+  list-style: none;
+
+  margin: 0;
+  padding: 2px;
+
+  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  border-radius: 3px;
+  border: 1px solid silver;
+
+  background: white;
+  font-size: 90%;
+  font-family: monospace;
+
+  max-height: 20em;
+  overflow-y: auto;
+}
+
+.CodeMirror-hint {
+  margin: 0;
+  padding: 0 4px;
+  border-radius: 2px;
+  max-width: 19em;
+  overflow: hidden;
+  white-space: pre;
+  color: black;
+  cursor: pointer;
+}
+
+.CodeMirror-hint-active {
+  background: #08f;
+  color: white;
+}
diff --git a/src/main/webapp/codemirror/addon/hint/show-hint.js b/src/main/webapp/codemirror/addon/hint/show-hint.js
new file mode 100644
index 00000000..46103b71
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/hint/show-hint.js
@@ -0,0 +1,286 @@
+(function() {
+  "use strict";
+
+  var HINT_ELEMENT_CLASS        = "CodeMirror-hint";
+  var ACTIVE_HINT_ELEMENT_CLASS = "CodeMirror-hint-active";
+
+  CodeMirror.showHint = function(cm, getHints, options) {
+    // We want a single cursor position.
+    if (cm.somethingSelected()) return;
+    if (getHints == null) getHints = cm.getHelper(cm.getCursor(), "hint");
+    if (getHints == null) return;
+
+    if (cm.state.completionActive) cm.state.completionActive.close();
+
+    var completion = cm.state.completionActive = new Completion(cm, getHints, options || {});
+    CodeMirror.signal(cm, "startCompletion", cm);
+    if (completion.options.async)
+      getHints(cm, function(hints) { completion.showHints(hints); }, completion.options);
+    else
+      return completion.showHints(getHints(cm, completion.options));
+  };
+
+  function Completion(cm, getHints, options) {
+    this.cm = cm;
+    this.getHints = getHints;
+    this.options = options;
+    this.widget = this.onClose = null;
+  }
+
+  Completion.prototype = {
+    close: function() {
+      if (!this.active()) return;
+      this.cm.state.completionActive = null;
+
+      if (this.widget) this.widget.close();
+      if (this.onClose) this.onClose();
+      CodeMirror.signal(this.cm, "endCompletion", this.cm);
+    },
+
+    active: function() {
+      return this.cm.state.completionActive == this;
+    },
+
+    pick: function(data, i) {
+      var completion = data.list[i];
+      if (completion.hint) completion.hint(this.cm, data, completion);
+      else this.cm.replaceRange(getText(completion), data.from, data.to);
+      this.close();
+    },
+
+    showHints: function(data) {
+      if (!data || !data.list.length || !this.active()) return this.close();
+
+      if (this.options.completeSingle != false && data.list.length == 1)
+        this.pick(data, 0);
+      else
+        this.showWidget(data);
+    },
+
+    showWidget: function(data) {
+      this.widget = new Widget(this, data);
+      CodeMirror.signal(data, "shown");
+
+      var debounce = null, completion = this, finished;
+      var closeOn = this.options.closeCharacters || /[\s()\[\]{};:>,]/;
+      var startPos = this.cm.getCursor(), startLen = this.cm.getLine(startPos.line).length;
+
+      function done() {
+        if (finished) return;
+        finished = true;
+        completion.close();
+        completion.cm.off("cursorActivity", activity);
+        if (data) CodeMirror.signal(data, "close");
+      }
+
+      function update() {
+        if (finished) return;
+        CodeMirror.signal(data, "update");
+        if (completion.options.async)
+          completion.getHints(completion.cm, finishUpdate, completion.options);
+        else
+          finishUpdate(completion.getHints(completion.cm, completion.options));
+      }
+      function finishUpdate(data_) {
+        data = data_;
+        if (finished) return;
+        if (!data || !data.list.length) return done();
+        completion.widget = new Widget(completion, data);
+      }
+
+      function activity() {
+        clearTimeout(debounce);
+        var pos = completion.cm.getCursor(), line = completion.cm.getLine(pos.line);
+        if (pos.line != startPos.line || line.length - pos.ch != startLen - startPos.ch ||
+            pos.ch < startPos.ch || completion.cm.somethingSelected() ||
+            (pos.ch && closeOn.test(line.charAt(pos.ch - 1)))) {
+          completion.close();
+        } else {
+          debounce = setTimeout(update, 170);
+          if (completion.widget) completion.widget.close();
+        }
+      }
+      this.cm.on("cursorActivity", activity);
+      this.onClose = done;
+    }
+  };
+
+  function getText(completion) {
+    if (typeof completion == "string") return completion;
+    else return completion.text;
+  }
+
+  function buildKeyMap(options, handle) {
+    var baseMap = {
+      Up: function() {handle.moveFocus(-1);},
+      Down: function() {handle.moveFocus(1);},
+      PageUp: function() {handle.moveFocus(-handle.menuSize() + 1, true);},
+      PageDown: function() {handle.moveFocus(handle.menuSize() - 1, true);},
+      Home: function() {handle.setFocus(0);},
+      End: function() {handle.setFocus(handle.length - 1);},
+      Enter: handle.pick,
+      Tab: handle.pick,
+      Esc: handle.close
+    };
+    var ourMap = options.customKeys ? {} : baseMap;
+    function addBinding(key, val) {
+      var bound;
+      if (typeof val != "string")
+        bound = function(cm) { return val(cm, handle); };
+      // This mechanism is deprecated
+      else if (baseMap.hasOwnProperty(val))
+        bound = baseMap[val];
+      else
+        bound = val;
+      ourMap[key] = bound;
+    }
+    if (options.customKeys)
+      for (var key in options.customKeys) if (options.customKeys.hasOwnProperty(key))
+        addBinding(key, options.customKeys[key]);
+    if (options.extraKeys)
+      for (var key in options.extraKeys) if (options.extraKeys.hasOwnProperty(key))
+        addBinding(key, options.extraKeys[key]);
+    return ourMap;
+  }
+
+  function getHintElement(stopAt, el) {
+    while (el && el != stopAt) {
+      if (el.nodeName.toUpperCase() === "LI") return el;
+      el = el.parentNode;
+    }
+  }
+
+  function Widget(completion, data) {
+    this.completion = completion;
+    this.data = data;
+    var widget = this, cm = completion.cm, options = completion.options;
+
+    var hints = this.hints = document.createElement("ul");
+    hints.className = "CodeMirror-hints";
+    this.selectedHint = options.getDefaultSelection ? options.getDefaultSelection(cm,options,data) : 0;
+
+    var completions = data.list;
+    for (var i = 0; i < completions.length; ++i) {
+      var elt = hints.appendChild(document.createElement("li")), cur = completions[i];
+      var className = HINT_ELEMENT_CLASS + (i != this.selectedHint ? "" : " " + ACTIVE_HINT_ELEMENT_CLASS);
+      if (cur.className != null) className = cur.className + " " + className;
+      elt.className = className;
+      if (cur.render) cur.render(elt, data, cur);
+      else elt.appendChild(document.createTextNode(cur.displayText || getText(cur)));
+      elt.hintId = i;
+    }
+
+    var pos = cm.cursorCoords(options.alignWithWord !== false ? data.from : null);
+    var left = pos.left, top = pos.bottom, below = true;
+    hints.style.left = left + "px";
+    hints.style.top = top + "px";
+    // If we're at the edge of the screen, then we want the menu to appear on the left of the cursor.
+    var winW = window.innerWidth || Math.max(document.body.offsetWidth, document.documentElement.offsetWidth);
+    var winH = window.innerHeight || Math.max(document.body.offsetHeight, document.documentElement.offsetHeight);
+    (options.container || document.body).appendChild(hints);
+    var box = hints.getBoundingClientRect();
+    var overlapX = box.right - winW, overlapY = box.bottom - winH;
+    if (overlapX > 0) {
+      if (box.right - box.left > winW) {
+        hints.style.width = (winW - 5) + "px";
+        overlapX -= (box.right - box.left) - winW;
+      }
+      hints.style.left = (left = pos.left - overlapX) + "px";
+    }
+    if (overlapY > 0) {
+      var height = box.bottom - box.top;
+      if (box.top - (pos.bottom - pos.top) - height > 0) {
+        overlapY = height + (pos.bottom - pos.top);
+        below = false;
+      } else if (height > winH) {
+        hints.style.height = (winH - 5) + "px";
+        overlapY -= height - winH;
+      }
+      hints.style.top = (top = pos.bottom - overlapY) + "px";
+    }
+
+    cm.addKeyMap(this.keyMap = buildKeyMap(options, {
+      moveFocus: function(n, avoidWrap) { widget.changeActive(widget.selectedHint + n, avoidWrap); },
+      setFocus: function(n) { widget.changeActive(n); },
+      menuSize: function() { return widget.screenAmount(); },
+      length: completions.length,
+      close: function() { completion.close(); },
+      pick: function() { widget.pick(); }
+    }));
+
+    if (options.closeOnUnfocus !== false) {
+      var closingOnBlur;
+      cm.on("blur", this.onBlur = function() { closingOnBlur = setTimeout(function() { completion.close(); }, 100); });
+      cm.on("focus", this.onFocus = function() { clearTimeout(closingOnBlur); });
+    }
+
+    var startScroll = cm.getScrollInfo();
+    cm.on("scroll", this.onScroll = function() {
+      var curScroll = cm.getScrollInfo(), editor = cm.getWrapperElement().getBoundingClientRect();
+      var newTop = top + startScroll.top - curScroll.top;
+      var point = newTop - (window.pageYOffset || (document.documentElement || document.body).scrollTop);
+      if (!below) point += hints.offsetHeight;
+      if (point <= editor.top || point >= editor.bottom) return completion.close();
+      hints.style.top = newTop + "px";
+      hints.style.left = (left + startScroll.left - curScroll.left) + "px";
+    });
+
+    CodeMirror.on(hints, "dblclick", function(e) {
+      var t = getHintElement(hints, e.target || e.srcElement);
+      if (t && t.hintId != null) {widget.changeActive(t.hintId); widget.pick();}
+    });
+
+    CodeMirror.on(hints, "click", function(e) {
+      var t = getHintElement(hints, e.target || e.srcElement);
+      if (t && t.hintId != null) widget.changeActive(t.hintId);
+    });
+
+    CodeMirror.on(hints, "mousedown", function() {
+      setTimeout(function(){cm.focus();}, 20);
+    });
+
+    CodeMirror.signal(data, "select", completions[0], hints.firstChild);
+    return true;
+  }
+
+  Widget.prototype = {
+    close: function() {
+      if (this.completion.widget != this) return;
+      this.completion.widget = null;
+      this.hints.parentNode.removeChild(this.hints);
+      this.completion.cm.removeKeyMap(this.keyMap);
+
+      var cm = this.completion.cm;
+      if (this.completion.options.closeOnUnfocus !== false) {
+        cm.off("blur", this.onBlur);
+        cm.off("focus", this.onFocus);
+      }
+      cm.off("scroll", this.onScroll);
+    },
+
+    pick: function() {
+      this.completion.pick(this.data, this.selectedHint);
+    },
+
+    changeActive: function(i, avoidWrap) {
+      if (i >= this.data.list.length)
+        i = avoidWrap ? this.data.list.length - 1 : 0;
+      else if (i < 0)
+        i = avoidWrap ? 0  : this.data.list.length - 1;
+      if (this.selectedHint == i) return;
+      var node = this.hints.childNodes[this.selectedHint];
+      node.className = node.className.replace(" " + ACTIVE_HINT_ELEMENT_CLASS, "");
+      node = this.hints.childNodes[this.selectedHint = i];
+      node.className += " " + ACTIVE_HINT_ELEMENT_CLASS;
+      if (node.offsetTop < this.hints.scrollTop)
+        this.hints.scrollTop = node.offsetTop - 3;
+      else if (node.offsetTop + node.offsetHeight > this.hints.scrollTop + this.hints.clientHeight)
+        this.hints.scrollTop = node.offsetTop + node.offsetHeight - this.hints.clientHeight + 3;
+      CodeMirror.signal(this.data, "select", this.data.list[this.selectedHint], node);
+    },
+
+    screenAmount: function() {
+      return Math.floor(this.hints.clientHeight / this.hints.firstChild.offsetHeight) || 1;
+    }
+  };
+})();
diff --git a/src/main/webapp/codemirror/addon/hint/sql-hint.js b/src/main/webapp/codemirror/addon/hint/sql-hint.js
new file mode 100644
index 00000000..95f6b50a
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/hint/sql-hint.js
@@ -0,0 +1,105 @@
+(function () {
+  "use strict";
+
+  var tables;
+  var keywords;
+
+  function getKeywords(editor) {
+    var mode = editor.doc.modeOption;
+    if(mode === "sql") mode = "text/x-sql";
+    return CodeMirror.resolveMode(mode).keywords;
+  }
+
+  function match(string, word) {
+    var len = string.length;
+    var sub = word.substr(0, len);
+    return string.toUpperCase() === sub.toUpperCase();
+  }
+
+  function addMatches(result, search, wordlist, formatter) {
+    for(var word in wordlist) {
+      if(!wordlist.hasOwnProperty(word)) continue;
+      if(Array.isArray(wordlist)) {
+        word = wordlist[word];
+      }
+      if(match(search, word)) {
+        result.push(formatter(word));
+      }
+    }
+  }
+
+  function columnCompletion(result, editor) {
+    var cur = editor.getCursor();
+    var token = editor.getTokenAt(cur);
+    var string = token.string.substr(1);
+    var prevCur = CodeMirror.Pos(cur.line, token.start);
+    var table = editor.getTokenAt(prevCur).string;
+    var columns = tables[table];
+    if(!columns) {
+      table = findTableByAlias(table, editor);
+    }
+    columns = tables[table];
+    if(!columns) {
+      return;
+    }
+    addMatches(result, string, columns,
+        function(w) {return "." + w;});
+  }
+
+  function eachWord(line, f) {
+    var words = line.text.split(" ");
+    for(var i = 0; i < words.length; i++) {
+      f(words[i]);
+    }
+  }
+
+  // Tries to find possible table name from alias.
+  function findTableByAlias(alias, editor) {
+    var aliasUpperCase = alias.toUpperCase();
+    var previousWord = "";
+    var table = "";
+
+    editor.eachLine(function(line) {
+      eachWord(line, function(word) {
+        var wordUpperCase = word.toUpperCase();
+        if(wordUpperCase === aliasUpperCase) {
+          if(tables.hasOwnProperty(previousWord)) {
+            table = previousWord;
+          }
+        }
+        if(wordUpperCase !== "AS") {
+          previousWord = word;
+        }
+      });
+    });
+    return table;
+  }
+
+  function sqlHint(editor, options) {
+    tables = (options && options.tables) || {};
+    keywords = keywords || getKeywords(editor);
+    var cur = editor.getCursor();
+    var token = editor.getTokenAt(cur);
+
+    var result = [];
+
+    var search = token.string.trim();
+
+    addMatches(result, search, keywords,
+        function(w) {return w.toUpperCase();});
+
+    addMatches(result, search, tables,
+        function(w) {return w;});
+
+    if(search.lastIndexOf('.') === 0) {
+      columnCompletion(result, editor);
+    }
+
+    return {
+      list: result,
+        from: CodeMirror.Pos(cur.line, token.start),
+        to: CodeMirror.Pos(cur.line, token.end)
+    };
+  }
+  CodeMirror.registerHelper("hint", "sql", sqlHint);
+})();
diff --git a/src/main/webapp/codemirror/addon/hint/xml-hint.js b/src/main/webapp/codemirror/addon/hint/xml-hint.js
new file mode 100644
index 00000000..a7217434
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/hint/xml-hint.js
@@ -0,0 +1,69 @@
+(function() {
+  "use strict";
+
+  var Pos = CodeMirror.Pos;
+
+  function getHints(cm, options) {
+    var tags = options && options.schemaInfo;
+    var quote = (options && options.quoteChar) || '"';
+    if (!tags) return;
+    var cur = cm.getCursor(), token = cm.getTokenAt(cur);
+    var inner = CodeMirror.innerMode(cm.getMode(), token.state);
+    if (inner.mode.name != "xml") return;
+    var result = [], replaceToken = false, prefix;
+    var isTag = token.string.charAt(0) == "<";
+    if (!inner.state.tagName || isTag) { // Tag completion
+      if (isTag) {
+        prefix = token.string.slice(1);
+        replaceToken = true;
+      }
+      var cx = inner.state.context, curTag = cx && tags[cx.tagName];
+      var childList = cx ? curTag && curTag.children : tags["!top"];
+      if (childList) {
+        for (var i = 0; i < childList.length; ++i) if (!prefix || childList[i].indexOf(prefix) == 0)
+          result.push("<" + childList[i]);
+      } else {
+        for (var name in tags) if (tags.hasOwnProperty(name) && name != "!top" && (!prefix || name.indexOf(prefix) == 0))
+          result.push("<" + name);
+      }
+      if (cx && (!prefix || ("/" + cx.tagName).indexOf(prefix) == 0))
+        result.push("</" + cx.tagName + ">");
+    } else {
+      // Attribute completion
+      var curTag = tags[inner.state.tagName], attrs = curTag && curTag.attrs;
+      if (!attrs) return;
+      if (token.type == "string" || token.string == "=") { // A value
+        var before = cm.getRange(Pos(cur.line, Math.max(0, cur.ch - 60)),
+                                 Pos(cur.line, token.type == "string" ? token.start : token.end));
+        var atName = before.match(/([^\s\u00a0=<>\"\']+)=$/), atValues;
+        if (!atName || !attrs.hasOwnProperty(atName[1]) || !(atValues = attrs[atName[1]])) return;
+        if (typeof atValues == 'function') atValues = atValues.call(this, cm); // Functions can be used to supply values for autocomplete widget
+        if (token.type == "string") {
+          prefix = token.string;
+          if (/['"]/.test(token.string.charAt(0))) {
+            quote = token.string.charAt(0);
+            prefix = token.string.slice(1);
+          }
+          replaceToken = true;
+        }
+        for (var i = 0; i < atValues.length; ++i) if (!prefix || atValues[i].indexOf(prefix) == 0)
+          result.push(quote + atValues[i] + quote);
+      } else { // An attribute name
+        if (token.type == "attribute") {
+          prefix = token.string;
+          replaceToken = true;
+        }
+        for (var attr in attrs) if (attrs.hasOwnProperty(attr) && (!prefix || attr.indexOf(prefix) == 0))
+          result.push(attr);
+      }
+    }
+    return {
+      list: result,
+      from: replaceToken ? Pos(cur.line, token.start) : cur,
+      to: replaceToken ? Pos(cur.line, token.end) : cur
+    };
+  }
+
+  CodeMirror.xmlHint = getHints; // deprecated
+  CodeMirror.registerHelper("hint", "xml", getHints);
+})();
diff --git a/src/main/webapp/codemirror/addon/lint/coffeescript-lint.js b/src/main/webapp/codemirror/addon/lint/coffeescript-lint.js
new file mode 100644
index 00000000..7f55a294
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/lint/coffeescript-lint.js
@@ -0,0 +1,27 @@
+// Depends on coffeelint.js from http://www.coffeelint.org/js/coffeelint.js
+
+// declare global: coffeelint
+
+CodeMirror.registerHelper("lint", "coffeescript", function(text) {
+  var found = [];
+  var parseError = function(err) {
+    var loc = err.lineNumber;
+    found.push({from: CodeMirror.Pos(loc-1, 0),
+                to: CodeMirror.Pos(loc, 0),
+                severity: err.level,
+                message: err.message});
+  };
+  try {
+    var res = coffeelint.lint(text);
+    for(var i = 0; i < res.length; i++) {
+      parseError(res[i]);
+    }
+  } catch(e) {
+    found.push({from: CodeMirror.Pos(e.location.first_line, 0),
+                to: CodeMirror.Pos(e.location.last_line, e.location.last_column),
+                severity: 'error',
+                message: e.message});
+  }
+  return found;
+});
+CodeMirror.coffeeValidator = CodeMirror.lint.coffeescript; // deprecated
diff --git a/src/main/webapp/codemirror/addon/lint/css-lint.js b/src/main/webapp/codemirror/addon/lint/css-lint.js
new file mode 100644
index 00000000..1de71fbc
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/lint/css-lint.js
@@ -0,0 +1,19 @@
+// Depends on csslint.js from https://github.com/stubbornella/csslint
+
+// declare global: CSSLint
+
+CodeMirror.registerHelper("lint", "css", function(text) {
+  var found = [];
+  var results = CSSLint.verify(text), messages = results.messages, message = null;
+  for ( var i = 0; i < messages.length; i++) {
+    message = messages[i];
+    var startLine = message.line -1, endLine = message.line -1, startCol = message.col -1, endCol = message.col;
+    found.push({
+      from: CodeMirror.Pos(startLine, startCol),
+      to: CodeMirror.Pos(endLine, endCol),
+      message: message.message,
+      severity : message.type
+    });
+  }
+  return found;
+});
diff --git a/src/main/webapp/codemirror/addon/lint/javascript-lint.js b/src/main/webapp/codemirror/addon/lint/javascript-lint.js
new file mode 100644
index 00000000..7123ab7e
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/lint/javascript-lint.js
@@ -0,0 +1,126 @@
+(function() {
+  "use strict";
+  // declare global: JSHINT
+
+  var bogus = [ "Dangerous comment" ];
+
+  var warnings = [ [ "Expected '{'",
+                     "Statement body should be inside '{ }' braces." ] ];
+
+  var errors = [ "Missing semicolon", "Extra comma", "Missing property name",
+                 "Unmatched ", " and instead saw", " is not defined",
+                 "Unclosed string", "Stopping, unable to continue" ];
+
+  function validator(text, options) {
+    JSHINT(text, options);
+    var errors = JSHINT.data().errors, result = [];
+    if (errors) parseErrors(errors, result);
+    return result;
+  }
+
+  CodeMirror.registerHelper("lint", "javascript", validator);
+  CodeMirror.javascriptValidator = CodeMirror.lint.javascript; // deprecated
+
+  function cleanup(error) {
+    // All problems are warnings by default
+    fixWith(error, warnings, "warning", true);
+    fixWith(error, errors, "error");
+
+    return isBogus(error) ? null : error;
+  }
+
+  function fixWith(error, fixes, severity, force) {
+    var description, fix, find, replace, found;
+
+    description = error.description;
+
+    for ( var i = 0; i < fixes.length; i++) {
+      fix = fixes[i];
+      find = (typeof fix === "string" ? fix : fix[0]);
+      replace = (typeof fix === "string" ? null : fix[1]);
+      found = description.indexOf(find) !== -1;
+
+      if (force || found) {
+        error.severity = severity;
+      }
+      if (found && replace) {
+        error.description = replace;
+      }
+    }
+  }
+
+  function isBogus(error) {
+    var description = error.description;
+    for ( var i = 0; i < bogus.length; i++) {
+      if (description.indexOf(bogus[i]) !== -1) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  function parseErrors(errors, output) {
+    for ( var i = 0; i < errors.length; i++) {
+      var error = errors[i];
+      if (error) {
+        var linetabpositions, index;
+
+        linetabpositions = [];
+
+        // This next block is to fix a problem in jshint. Jshint
+        // replaces
+        // all tabs with spaces then performs some checks. The error
+        // positions (character/space) are then reported incorrectly,
+        // not taking the replacement step into account. Here we look
+        // at the evidence line and try to adjust the character position
+        // to the correct value.
+        if (error.evidence) {
+          // Tab positions are computed once per line and cached
+          var tabpositions = linetabpositions[error.line];
+          if (!tabpositions) {
+            var evidence = error.evidence;
+            tabpositions = [];
+            // ugggh phantomjs does not like this
+            // forEachChar(evidence, function(item, index) {
+            Array.prototype.forEach.call(evidence, function(item,
+                                                            index) {
+              if (item === '\t') {
+                // First col is 1 (not 0) to match error
+                // positions
+                tabpositions.push(index + 1);
+              }
+            });
+            linetabpositions[error.line] = tabpositions;
+          }
+          if (tabpositions.length > 0) {
+            var pos = error.character;
+            tabpositions.forEach(function(tabposition) {
+              if (pos > tabposition) pos -= 1;
+            });
+            error.character = pos;
+          }
+        }
+
+        var start = error.character - 1, end = start + 1;
+        if (error.evidence) {
+          index = error.evidence.substring(start).search(/.\b/);
+          if (index > -1) {
+            end += index;
+          }
+        }
+
+        // Convert to format expected by validation service
+        error.description = error.reason;// + "(jshint)";
+        error.start = error.character;
+        error.end = end;
+        error = cleanup(error);
+
+        if (error)
+          output.push({message: error.description,
+                       severity: error.severity,
+                       from: CodeMirror.Pos(error.line - 1, start),
+                       to: CodeMirror.Pos(error.line - 1, end)});
+      }
+    }
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/lint/json-lint.js b/src/main/webapp/codemirror/addon/lint/json-lint.js
new file mode 100644
index 00000000..e10e11bc
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/lint/json-lint.js
@@ -0,0 +1,17 @@
+// Depends on jsonlint.js from https://github.com/zaach/jsonlint
+
+// declare global: jsonlint
+
+CodeMirror.registerHelper("lint", "json", function(text) {
+  var found = [];
+  jsonlint.parseError = function(str, hash) {
+    var loc = hash.loc;
+    found.push({from: CodeMirror.Pos(loc.first_line - 1, loc.first_column),
+                to: CodeMirror.Pos(loc.last_line - 1, loc.last_column),
+                message: str});
+  };
+  try { jsonlint.parse(text); }
+  catch(e) {}
+  return found;
+});
+CodeMirror.jsonValidator = CodeMirror.lint.json; // deprecated
diff --git a/src/main/webapp/codemirror/addon/lint/lint.css b/src/main/webapp/codemirror/addon/lint/lint.css
new file mode 100644
index 00000000..414a9a0e
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/lint/lint.css
@@ -0,0 +1,73 @@
+/* The lint marker gutter */
+.CodeMirror-lint-markers {
+  width: 16px;
+}
+
+.CodeMirror-lint-tooltip {
+  background-color: infobackground;
+  border: 1px solid black;
+  border-radius: 4px 4px 4px 4px;
+  color: infotext;
+  font-family: monospace;
+  font-size: 10pt;
+  overflow: hidden;
+  padding: 2px 5px;
+  position: fixed;
+  white-space: pre;
+  white-space: pre-wrap;
+  z-index: 100;
+  max-width: 600px;
+  opacity: 0;
+  transition: opacity .4s;
+  -moz-transition: opacity .4s;
+  -webkit-transition: opacity .4s;
+  -o-transition: opacity .4s;
+  -ms-transition: opacity .4s;
+}
+
+.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
+  background-position: left bottom;
+  background-repeat: repeat-x;
+}
+
+.CodeMirror-lint-mark-error {
+  background-image:
+  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==")
+  ;
+}
+
+.CodeMirror-lint-mark-warning {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
+}
+
+.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
+  background-position: center center;
+  background-repeat: no-repeat;
+  cursor: pointer;
+  display: inline-block;
+  height: 16px;
+  width: 16px;
+  vertical-align: middle;
+  position: relative;
+}
+
+.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
+  padding-left: 18px;
+  background-position: top left;
+  background-repeat: no-repeat;
+}
+
+.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
+}
+
+.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
+}
+
+.CodeMirror-lint-marker-multiple {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
+  background-repeat: no-repeat;
+  background-position: right bottom;
+  width: 100%; height: 100%;
+}
diff --git a/src/main/webapp/codemirror/addon/lint/lint.js b/src/main/webapp/codemirror/addon/lint/lint.js
new file mode 100644
index 00000000..b502ee41
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/lint/lint.js
@@ -0,0 +1,203 @@
+(function() {
+  "use strict";
+  var GUTTER_ID = "CodeMirror-lint-markers";
+  var SEVERITIES = /^(?:error|warning)$/;
+
+  function showTooltip(e, content) {
+    var tt = document.createElement("div");
+    tt.className = "CodeMirror-lint-tooltip";
+    tt.appendChild(content.cloneNode(true));
+    document.body.appendChild(tt);
+
+    function position(e) {
+      if (!tt.parentNode) return CodeMirror.off(document, "mousemove", position);
+      tt.style.top = Math.max(0, e.clientY - tt.offsetHeight - 5) + "px";
+      tt.style.left = (e.clientX + 5) + "px";
+    }
+    CodeMirror.on(document, "mousemove", position);
+    position(e);
+    if (tt.style.opacity != null) tt.style.opacity = 1;
+    return tt;
+  }
+  function rm(elt) {
+    if (elt.parentNode) elt.parentNode.removeChild(elt);
+  }
+  function hideTooltip(tt) {
+    if (!tt.parentNode) return;
+    if (tt.style.opacity == null) rm(tt);
+    tt.style.opacity = 0;
+    setTimeout(function() { rm(tt); }, 600);
+  }
+
+  function showTooltipFor(e, content, node) {
+    var tooltip = showTooltip(e, content);
+    function hide() {
+      CodeMirror.off(node, "mouseout", hide);
+      if (tooltip) { hideTooltip(tooltip); tooltip = null; }
+    }
+    var poll = setInterval(function() {
+      if (tooltip) for (var n = node;; n = n.parentNode) {
+        if (n == document.body) return;
+        if (!n) { hide(); break; }
+      }
+      if (!tooltip) return clearInterval(poll);
+    }, 400);
+    CodeMirror.on(node, "mouseout", hide);
+  }
+
+  function LintState(cm, options, hasGutter) {
+    this.marked = [];
+    this.options = options;
+    this.timeout = null;
+    this.hasGutter = hasGutter;
+    this.onMouseOver = function(e) { onMouseOver(cm, e); };
+  }
+
+  function parseOptions(cm, options) {
+    if (options instanceof Function) return {getAnnotations: options};
+    if (!options || options === true) options = {};
+    if (!options.getAnnotations) options.getAnnotations = cm.getHelper(CodeMirror.Pos(0, 0), "lint");
+    if (!options.getAnnotations) throw new Error("Required option 'getAnnotations' missing (lint addon)");
+    return options;
+  }
+
+  function clearMarks(cm) {
+    var state = cm.state.lint;
+    if (state.hasGutter) cm.clearGutter(GUTTER_ID);
+    for (var i = 0; i < state.marked.length; ++i)
+      state.marked[i].clear();
+    state.marked.length = 0;
+  }
+
+  function makeMarker(labels, severity, multiple, tooltips) {
+    var marker = document.createElement("div"), inner = marker;
+    marker.className = "CodeMirror-lint-marker-" + severity;
+    if (multiple) {
+      inner = marker.appendChild(document.createElement("div"));
+      inner.className = "CodeMirror-lint-marker-multiple";
+    }
+
+    if (tooltips != false) CodeMirror.on(inner, "mouseover", function(e) {
+      showTooltipFor(e, labels, inner);
+    });
+
+    return marker;
+  }
+
+  function getMaxSeverity(a, b) {
+    if (a == "error") return a;
+    else return b;
+  }
+
+  function groupByLine(annotations) {
+    var lines = [];
+    for (var i = 0; i < annotations.length; ++i) {
+      var ann = annotations[i], line = ann.from.line;
+      (lines[line] || (lines[line] = [])).push(ann);
+    }
+    return lines;
+  }
+
+  function annotationTooltip(ann) {
+    var severity = ann.severity;
+    if (!SEVERITIES.test(severity)) severity = "error";
+    var tip = document.createElement("div");
+    tip.className = "CodeMirror-lint-message-" + severity;
+    tip.appendChild(document.createTextNode(ann.message));
+    return tip;
+  }
+
+  function startLinting(cm) {
+    var state = cm.state.lint, options = state.options;
+    if (options.async)
+      options.getAnnotations(cm, updateLinting, options);
+    else
+      updateLinting(cm, options.getAnnotations(cm.getValue(), options));
+  }
+
+  function updateLinting(cm, annotationsNotSorted) {
+    clearMarks(cm);
+    var state = cm.state.lint, options = state.options;
+
+    var annotations = groupByLine(annotationsNotSorted);
+
+    for (var line = 0; line < annotations.length; ++line) {
+      var anns = annotations[line];
+      if (!anns) continue;
+
+      var maxSeverity = null;
+      var tipLabel = state.hasGutter && document.createDocumentFragment();
+
+      for (var i = 0; i < anns.length; ++i) {
+        var ann = anns[i];
+        var severity = ann.severity;
+        if (!SEVERITIES.test(severity)) severity = "error";
+        maxSeverity = getMaxSeverity(maxSeverity, severity);
+
+        if (options.formatAnnotation) ann = options.formatAnnotation(ann);
+        if (state.hasGutter) tipLabel.appendChild(annotationTooltip(ann));
+
+        if (ann.to) state.marked.push(cm.markText(ann.from, ann.to, {
+          className: "CodeMirror-lint-mark-" + severity,
+          __annotation: ann
+        }));
+      }
+
+      if (state.hasGutter)
+        cm.setGutterMarker(line, GUTTER_ID, makeMarker(tipLabel, maxSeverity, anns.length > 1,
+                                                       state.options.tooltips));
+    }
+    if (options.onUpdateLinting) options.onUpdateLinting(annotationsNotSorted, annotations, cm);
+  }
+
+  function onChange(cm) {
+    var state = cm.state.lint;
+    clearTimeout(state.timeout);
+    state.timeout = setTimeout(function(){startLinting(cm);}, state.options.delay || 500);
+  }
+
+  function popupSpanTooltip(ann, e) {
+    var target = e.target || e.srcElement;
+    showTooltipFor(e, annotationTooltip(ann), target);
+  }
+
+  // When the mouseover fires, the cursor might not actually be over
+  // the character itself yet. These pairs of x,y offsets are used to
+  // probe a few nearby points when no suitable marked range is found.
+  var nearby = [0, 0, 0, 5, 0, -5, 5, 0, -5, 0];
+
+  function onMouseOver(cm, e) {
+    if (!/\bCodeMirror-lint-mark-/.test((e.target || e.srcElement).className)) return;
+    for (var i = 0; i < nearby.length; i += 2) {
+      var spans = cm.findMarksAt(cm.coordsChar({left: e.clientX + nearby[i],
+                                                top: e.clientY + nearby[i + 1]}));
+      for (var j = 0; j < spans.length; ++j) {
+        var span = spans[j], ann = span.__annotation;
+        if (ann) return popupSpanTooltip(ann, e);
+      }
+    }
+  }
+
+  function optionHandler(cm, val, old) {
+    if (old && old != CodeMirror.Init) {
+      clearMarks(cm);
+      cm.off("change", onChange);
+      CodeMirror.off(cm.getWrapperElement(), "mouseover", cm.state.lint.onMouseOver);
+      delete cm.state.lint;
+    }
+
+    if (val) {
+      var gutters = cm.getOption("gutters"), hasLintGutter = false;
+      for (var i = 0; i < gutters.length; ++i) if (gutters[i] == GUTTER_ID) hasLintGutter = true;
+      var state = cm.state.lint = new LintState(cm, parseOptions(cm, val), hasLintGutter);
+      cm.on("change", onChange);
+      if (state.options.tooltips != false)
+        CodeMirror.on(cm.getWrapperElement(), "mouseover", state.onMouseOver);
+
+      startLinting(cm);
+    }
+  }
+
+  CodeMirror.defineOption("lintWith", false, optionHandler); // deprecated
+  CodeMirror.defineOption("lint", false, optionHandler); // deprecated
+})();
diff --git a/src/main/webapp/codemirror/addon/merge/dep/diff_match_patch.js b/src/main/webapp/codemirror/addon/merge/dep/diff_match_patch.js
new file mode 100644
index 00000000..ac34105f
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/merge/dep/diff_match_patch.js
@@ -0,0 +1,50 @@
+// From https://code.google.com/p/google-diff-match-patch/ , licensed under the Apache License 2.0
+(function(){function diff_match_patch(){this.Diff_Timeout=1;this.Diff_EditCost=4;this.Match_Threshold=0.5;this.Match_Distance=1E3;this.Patch_DeleteThreshold=0.5;this.Patch_Margin=4;this.Match_MaxBits=32}
+diff_match_patch.prototype.diff_main=function(a,b,c,d){"undefined"==typeof d&&(d=0>=this.Diff_Timeout?Number.MAX_VALUE:(new Date).getTime()+1E3*this.Diff_Timeout);if(null==a||null==b)throw Error("Null input. (diff_main)");if(a==b)return a?[[0,a]]:[];"undefined"==typeof c&&(c=!0);var e=c,f=this.diff_commonPrefix(a,b);c=a.substring(0,f);a=a.substring(f);b=b.substring(f);var f=this.diff_commonSuffix(a,b),g=a.substring(a.length-f);a=a.substring(0,a.length-f);b=b.substring(0,b.length-f);a=this.diff_compute_(a,
+b,e,d);c&&a.unshift([0,c]);g&&a.push([0,g]);this.diff_cleanupMerge(a);return a};
+diff_match_patch.prototype.diff_compute_=function(a,b,c,d){if(!a)return[[1,b]];if(!b)return[[-1,a]];var e=a.length>b.length?a:b,f=a.length>b.length?b:a,g=e.indexOf(f);return-1!=g?(c=[[1,e.substring(0,g)],[0,f],[1,e.substring(g+f.length)]],a.length>b.length&&(c[0][0]=c[2][0]=-1),c):1==f.length?[[-1,a],[1,b]]:(e=this.diff_halfMatch_(a,b))?(f=e[0],a=e[1],g=e[2],b=e[3],e=e[4],f=this.diff_main(f,g,c,d),c=this.diff_main(a,b,c,d),f.concat([[0,e]],c)):c&&100<a.length&&100<b.length?this.diff_lineMode_(a,b,
+d):this.diff_bisect_(a,b,d)};
+diff_match_patch.prototype.diff_lineMode_=function(a,b,c){var d=this.diff_linesToChars_(a,b);a=d.chars1;b=d.chars2;d=d.lineArray;a=this.diff_main(a,b,!1,c);this.diff_charsToLines_(a,d);this.diff_cleanupSemantic(a);a.push([0,""]);for(var e=d=b=0,f="",g="";b<a.length;){switch(a[b][0]){case 1:e++;g+=a[b][1];break;case -1:d++;f+=a[b][1];break;case 0:if(1<=d&&1<=e){a.splice(b-d-e,d+e);b=b-d-e;d=this.diff_main(f,g,!1,c);for(e=d.length-1;0<=e;e--)a.splice(b,0,d[e]);b+=d.length}d=e=0;g=f=""}b++}a.pop();return a};
+diff_match_patch.prototype.diff_bisect_=function(a,b,c){for(var d=a.length,e=b.length,f=Math.ceil((d+e)/2),g=f,h=2*f,j=Array(h),i=Array(h),k=0;k<h;k++)j[k]=-1,i[k]=-1;j[g+1]=0;i[g+1]=0;for(var k=d-e,q=0!=k%2,r=0,t=0,p=0,w=0,v=0;v<f&&!((new Date).getTime()>c);v++){for(var n=-v+r;n<=v-t;n+=2){var l=g+n,m;m=n==-v||n!=v&&j[l-1]<j[l+1]?j[l+1]:j[l-1]+1;for(var s=m-n;m<d&&s<e&&a.charAt(m)==b.charAt(s);)m++,s++;j[l]=m;if(m>d)t+=2;else if(s>e)r+=2;else if(q&&(l=g+k-n,0<=l&&l<h&&-1!=i[l])){var u=d-i[l];if(m>=
+u)return this.diff_bisectSplit_(a,b,m,s,c)}}for(n=-v+p;n<=v-w;n+=2){l=g+n;u=n==-v||n!=v&&i[l-1]<i[l+1]?i[l+1]:i[l-1]+1;for(m=u-n;u<d&&m<e&&a.charAt(d-u-1)==b.charAt(e-m-1);)u++,m++;i[l]=u;if(u>d)w+=2;else if(m>e)p+=2;else if(!q&&(l=g+k-n,0<=l&&(l<h&&-1!=j[l])&&(m=j[l],s=g+m-l,u=d-u,m>=u)))return this.diff_bisectSplit_(a,b,m,s,c)}}return[[-1,a],[1,b]]};
+diff_match_patch.prototype.diff_bisectSplit_=function(a,b,c,d,e){var f=a.substring(0,c),g=b.substring(0,d);a=a.substring(c);b=b.substring(d);f=this.diff_main(f,g,!1,e);e=this.diff_main(a,b,!1,e);return f.concat(e)};
+diff_match_patch.prototype.diff_linesToChars_=function(a,b){function c(a){for(var b="",c=0,f=-1,g=d.length;f<a.length-1;){f=a.indexOf("\n",c);-1==f&&(f=a.length-1);var r=a.substring(c,f+1),c=f+1;(e.hasOwnProperty?e.hasOwnProperty(r):void 0!==e[r])?b+=String.fromCharCode(e[r]):(b+=String.fromCharCode(g),e[r]=g,d[g++]=r)}return b}var d=[],e={};d[0]="";var f=c(a),g=c(b);return{chars1:f,chars2:g,lineArray:d}};
+diff_match_patch.prototype.diff_charsToLines_=function(a,b){for(var c=0;c<a.length;c++){for(var d=a[c][1],e=[],f=0;f<d.length;f++)e[f]=b[d.charCodeAt(f)];a[c][1]=e.join("")}};diff_match_patch.prototype.diff_commonPrefix=function(a,b){if(!a||!b||a.charAt(0)!=b.charAt(0))return 0;for(var c=0,d=Math.min(a.length,b.length),e=d,f=0;c<e;)a.substring(f,e)==b.substring(f,e)?f=c=e:d=e,e=Math.floor((d-c)/2+c);return e};
+diff_match_patch.prototype.diff_commonSuffix=function(a,b){if(!a||!b||a.charAt(a.length-1)!=b.charAt(b.length-1))return 0;for(var c=0,d=Math.min(a.length,b.length),e=d,f=0;c<e;)a.substring(a.length-e,a.length-f)==b.substring(b.length-e,b.length-f)?f=c=e:d=e,e=Math.floor((d-c)/2+c);return e};
+diff_match_patch.prototype.diff_commonOverlap_=function(a,b){var c=a.length,d=b.length;if(0==c||0==d)return 0;c>d?a=a.substring(c-d):c<d&&(b=b.substring(0,c));c=Math.min(c,d);if(a==b)return c;for(var d=0,e=1;;){var f=a.substring(c-e),f=b.indexOf(f);if(-1==f)return d;e+=f;if(0==f||a.substring(c-e)==b.substring(0,e))d=e,e++}};
+diff_match_patch.prototype.diff_halfMatch_=function(a,b){function c(a,b,c){for(var d=a.substring(c,c+Math.floor(a.length/4)),e=-1,g="",h,j,n,l;-1!=(e=b.indexOf(d,e+1));){var m=f.diff_commonPrefix(a.substring(c),b.substring(e)),s=f.diff_commonSuffix(a.substring(0,c),b.substring(0,e));g.length<s+m&&(g=b.substring(e-s,e)+b.substring(e,e+m),h=a.substring(0,c-s),j=a.substring(c+m),n=b.substring(0,e-s),l=b.substring(e+m))}return 2*g.length>=a.length?[h,j,n,l,g]:null}if(0>=this.Diff_Timeout)return null;
+var d=a.length>b.length?a:b,e=a.length>b.length?b:a;if(4>d.length||2*e.length<d.length)return null;var f=this,g=c(d,e,Math.ceil(d.length/4)),d=c(d,e,Math.ceil(d.length/2)),h;if(!g&&!d)return null;h=d?g?g[4].length>d[4].length?g:d:d:g;var j;a.length>b.length?(g=h[0],d=h[1],e=h[2],j=h[3]):(e=h[0],j=h[1],g=h[2],d=h[3]);h=h[4];return[g,d,e,j,h]};
+diff_match_patch.prototype.diff_cleanupSemantic=function(a){for(var b=!1,c=[],d=0,e=null,f=0,g=0,h=0,j=0,i=0;f<a.length;)0==a[f][0]?(c[d++]=f,g=j,h=i,i=j=0,e=a[f][1]):(1==a[f][0]?j+=a[f][1].length:i+=a[f][1].length,e&&(e.length<=Math.max(g,h)&&e.length<=Math.max(j,i))&&(a.splice(c[d-1],0,[-1,e]),a[c[d-1]+1][0]=1,d--,d--,f=0<d?c[d-1]:-1,i=j=h=g=0,e=null,b=!0)),f++;b&&this.diff_cleanupMerge(a);this.diff_cleanupSemanticLossless(a);for(f=1;f<a.length;){if(-1==a[f-1][0]&&1==a[f][0]){b=a[f-1][1];c=a[f][1];
+d=this.diff_commonOverlap_(b,c);e=this.diff_commonOverlap_(c,b);if(d>=e){if(d>=b.length/2||d>=c.length/2)a.splice(f,0,[0,c.substring(0,d)]),a[f-1][1]=b.substring(0,b.length-d),a[f+1][1]=c.substring(d),f++}else if(e>=b.length/2||e>=c.length/2)a.splice(f,0,[0,b.substring(0,e)]),a[f-1][0]=1,a[f-1][1]=c.substring(0,c.length-e),a[f+1][0]=-1,a[f+1][1]=b.substring(e),f++;f++}f++}};
+diff_match_patch.prototype.diff_cleanupSemanticLossless=function(a){function b(a,b){if(!a||!b)return 6;var c=a.charAt(a.length-1),d=b.charAt(0),e=c.match(diff_match_patch.nonAlphaNumericRegex_),f=d.match(diff_match_patch.nonAlphaNumericRegex_),g=e&&c.match(diff_match_patch.whitespaceRegex_),h=f&&d.match(diff_match_patch.whitespaceRegex_),c=g&&c.match(diff_match_patch.linebreakRegex_),d=h&&d.match(diff_match_patch.linebreakRegex_),i=c&&a.match(diff_match_patch.blanklineEndRegex_),j=d&&b.match(diff_match_patch.blanklineStartRegex_);
+return i||j?5:c||d?4:e&&!g&&h?3:g||h?2:e||f?1:0}for(var c=1;c<a.length-1;){if(0==a[c-1][0]&&0==a[c+1][0]){var d=a[c-1][1],e=a[c][1],f=a[c+1][1],g=this.diff_commonSuffix(d,e);if(g)var h=e.substring(e.length-g),d=d.substring(0,d.length-g),e=h+e.substring(0,e.length-g),f=h+f;for(var g=d,h=e,j=f,i=b(d,e)+b(e,f);e.charAt(0)===f.charAt(0);){var d=d+e.charAt(0),e=e.substring(1)+f.charAt(0),f=f.substring(1),k=b(d,e)+b(e,f);k>=i&&(i=k,g=d,h=e,j=f)}a[c-1][1]!=g&&(g?a[c-1][1]=g:(a.splice(c-1,1),c--),a[c][1]=
+h,j?a[c+1][1]=j:(a.splice(c+1,1),c--))}c++}};diff_match_patch.nonAlphaNumericRegex_=/[^a-zA-Z0-9]/;diff_match_patch.whitespaceRegex_=/\s/;diff_match_patch.linebreakRegex_=/[\r\n]/;diff_match_patch.blanklineEndRegex_=/\n\r?\n$/;diff_match_patch.blanklineStartRegex_=/^\r?\n\r?\n/;
+diff_match_patch.prototype.diff_cleanupEfficiency=function(a){for(var b=!1,c=[],d=0,e=null,f=0,g=!1,h=!1,j=!1,i=!1;f<a.length;){if(0==a[f][0])a[f][1].length<this.Diff_EditCost&&(j||i)?(c[d++]=f,g=j,h=i,e=a[f][1]):(d=0,e=null),j=i=!1;else if(-1==a[f][0]?i=!0:j=!0,e&&(g&&h&&j&&i||e.length<this.Diff_EditCost/2&&3==g+h+j+i))a.splice(c[d-1],0,[-1,e]),a[c[d-1]+1][0]=1,d--,e=null,g&&h?(j=i=!0,d=0):(d--,f=0<d?c[d-1]:-1,j=i=!1),b=!0;f++}b&&this.diff_cleanupMerge(a)};
+diff_match_patch.prototype.diff_cleanupMerge=function(a){a.push([0,""]);for(var b=0,c=0,d=0,e="",f="",g;b<a.length;)switch(a[b][0]){case 1:d++;f+=a[b][1];b++;break;case -1:c++;e+=a[b][1];b++;break;case 0:1<c+d?(0!==c&&0!==d&&(g=this.diff_commonPrefix(f,e),0!==g&&(0<b-c-d&&0==a[b-c-d-1][0]?a[b-c-d-1][1]+=f.substring(0,g):(a.splice(0,0,[0,f.substring(0,g)]),b++),f=f.substring(g),e=e.substring(g)),g=this.diff_commonSuffix(f,e),0!==g&&(a[b][1]=f.substring(f.length-g)+a[b][1],f=f.substring(0,f.length-
+g),e=e.substring(0,e.length-g))),0===c?a.splice(b-d,c+d,[1,f]):0===d?a.splice(b-c,c+d,[-1,e]):a.splice(b-c-d,c+d,[-1,e],[1,f]),b=b-c-d+(c?1:0)+(d?1:0)+1):0!==b&&0==a[b-1][0]?(a[b-1][1]+=a[b][1],a.splice(b,1)):b++,c=d=0,f=e=""}""===a[a.length-1][1]&&a.pop();c=!1;for(b=1;b<a.length-1;)0==a[b-1][0]&&0==a[b+1][0]&&(a[b][1].substring(a[b][1].length-a[b-1][1].length)==a[b-1][1]?(a[b][1]=a[b-1][1]+a[b][1].substring(0,a[b][1].length-a[b-1][1].length),a[b+1][1]=a[b-1][1]+a[b+1][1],a.splice(b-1,1),c=!0):a[b][1].substring(0,
+a[b+1][1].length)==a[b+1][1]&&(a[b-1][1]+=a[b+1][1],a[b][1]=a[b][1].substring(a[b+1][1].length)+a[b+1][1],a.splice(b+1,1),c=!0)),b++;c&&this.diff_cleanupMerge(a)};diff_match_patch.prototype.diff_xIndex=function(a,b){var c=0,d=0,e=0,f=0,g;for(g=0;g<a.length;g++){1!==a[g][0]&&(c+=a[g][1].length);-1!==a[g][0]&&(d+=a[g][1].length);if(c>b)break;e=c;f=d}return a.length!=g&&-1===a[g][0]?f:f+(b-e)};
+diff_match_patch.prototype.diff_prettyHtml=function(a){for(var b=[],c=/&/g,d=/</g,e=/>/g,f=/\n/g,g=0;g<a.length;g++){var h=a[g][0],j=a[g][1],j=j.replace(c,"&amp;").replace(d,"&lt;").replace(e,"&gt;").replace(f,"&para;<br>");switch(h){case 1:b[g]='<ins style="background:#e6ffe6;">'+j+"</ins>";break;case -1:b[g]='<del style="background:#ffe6e6;">'+j+"</del>";break;case 0:b[g]="<span>"+j+"</span>"}}return b.join("")};
+diff_match_patch.prototype.diff_text1=function(a){for(var b=[],c=0;c<a.length;c++)1!==a[c][0]&&(b[c]=a[c][1]);return b.join("")};diff_match_patch.prototype.diff_text2=function(a){for(var b=[],c=0;c<a.length;c++)-1!==a[c][0]&&(b[c]=a[c][1]);return b.join("")};diff_match_patch.prototype.diff_levenshtein=function(a){for(var b=0,c=0,d=0,e=0;e<a.length;e++){var f=a[e][0],g=a[e][1];switch(f){case 1:c+=g.length;break;case -1:d+=g.length;break;case 0:b+=Math.max(c,d),d=c=0}}return b+=Math.max(c,d)};
+diff_match_patch.prototype.diff_toDelta=function(a){for(var b=[],c=0;c<a.length;c++)switch(a[c][0]){case 1:b[c]="+"+encodeURI(a[c][1]);break;case -1:b[c]="-"+a[c][1].length;break;case 0:b[c]="="+a[c][1].length}return b.join("\t").replace(/%20/g," ")};
+diff_match_patch.prototype.diff_fromDelta=function(a,b){for(var c=[],d=0,e=0,f=b.split(/\t/g),g=0;g<f.length;g++){var h=f[g].substring(1);switch(f[g].charAt(0)){case "+":try{c[d++]=[1,decodeURI(h)]}catch(j){throw Error("Illegal escape in diff_fromDelta: "+h);}break;case "-":case "=":var i=parseInt(h,10);if(isNaN(i)||0>i)throw Error("Invalid number in diff_fromDelta: "+h);h=a.substring(e,e+=i);"="==f[g].charAt(0)?c[d++]=[0,h]:c[d++]=[-1,h];break;default:if(f[g])throw Error("Invalid diff operation in diff_fromDelta: "+
+f[g]);}}if(e!=a.length)throw Error("Delta length ("+e+") does not equal source text length ("+a.length+").");return c};diff_match_patch.prototype.match_main=function(a,b,c){if(null==a||null==b||null==c)throw Error("Null input. (match_main)");c=Math.max(0,Math.min(c,a.length));return a==b?0:a.length?a.substring(c,c+b.length)==b?c:this.match_bitap_(a,b,c):-1};
+diff_match_patch.prototype.match_bitap_=function(a,b,c){function d(a,d){var e=a/b.length,g=Math.abs(c-d);return!f.Match_Distance?g?1:e:e+g/f.Match_Distance}if(b.length>this.Match_MaxBits)throw Error("Pattern too long for this browser.");var e=this.match_alphabet_(b),f=this,g=this.Match_Threshold,h=a.indexOf(b,c);-1!=h&&(g=Math.min(d(0,h),g),h=a.lastIndexOf(b,c+b.length),-1!=h&&(g=Math.min(d(0,h),g)));for(var j=1<<b.length-1,h=-1,i,k,q=b.length+a.length,r,t=0;t<b.length;t++){i=0;for(k=q;i<k;)d(t,c+
+k)<=g?i=k:q=k,k=Math.floor((q-i)/2+i);q=k;i=Math.max(1,c-k+1);var p=Math.min(c+k,a.length)+b.length;k=Array(p+2);for(k[p+1]=(1<<t)-1;p>=i;p--){var w=e[a.charAt(p-1)];k[p]=0===t?(k[p+1]<<1|1)&w:(k[p+1]<<1|1)&w|((r[p+1]|r[p])<<1|1)|r[p+1];if(k[p]&j&&(w=d(t,p-1),w<=g))if(g=w,h=p-1,h>c)i=Math.max(1,2*c-h);else break}if(d(t+1,c)>g)break;r=k}return h};
+diff_match_patch.prototype.match_alphabet_=function(a){for(var b={},c=0;c<a.length;c++)b[a.charAt(c)]=0;for(c=0;c<a.length;c++)b[a.charAt(c)]|=1<<a.length-c-1;return b};
+diff_match_patch.prototype.patch_addContext_=function(a,b){if(0!=b.length){for(var c=b.substring(a.start2,a.start2+a.length1),d=0;b.indexOf(c)!=b.lastIndexOf(c)&&c.length<this.Match_MaxBits-this.Patch_Margin-this.Patch_Margin;)d+=this.Patch_Margin,c=b.substring(a.start2-d,a.start2+a.length1+d);d+=this.Patch_Margin;(c=b.substring(a.start2-d,a.start2))&&a.diffs.unshift([0,c]);(d=b.substring(a.start2+a.length1,a.start2+a.length1+d))&&a.diffs.push([0,d]);a.start1-=c.length;a.start2-=c.length;a.length1+=
+c.length+d.length;a.length2+=c.length+d.length}};
+diff_match_patch.prototype.patch_make=function(a,b,c){var d;if("string"==typeof a&&"string"==typeof b&&"undefined"==typeof c)d=a,b=this.diff_main(d,b,!0),2<b.length&&(this.diff_cleanupSemantic(b),this.diff_cleanupEfficiency(b));else if(a&&"object"==typeof a&&"undefined"==typeof b&&"undefined"==typeof c)b=a,d=this.diff_text1(b);else if("string"==typeof a&&b&&"object"==typeof b&&"undefined"==typeof c)d=a;else if("string"==typeof a&&"string"==typeof b&&c&&"object"==typeof c)d=a,b=c;else throw Error("Unknown call format to patch_make.");
+if(0===b.length)return[];c=[];a=new diff_match_patch.patch_obj;for(var e=0,f=0,g=0,h=d,j=0;j<b.length;j++){var i=b[j][0],k=b[j][1];!e&&0!==i&&(a.start1=f,a.start2=g);switch(i){case 1:a.diffs[e++]=b[j];a.length2+=k.length;d=d.substring(0,g)+k+d.substring(g);break;case -1:a.length1+=k.length;a.diffs[e++]=b[j];d=d.substring(0,g)+d.substring(g+k.length);break;case 0:k.length<=2*this.Patch_Margin&&e&&b.length!=j+1?(a.diffs[e++]=b[j],a.length1+=k.length,a.length2+=k.length):k.length>=2*this.Patch_Margin&&
+e&&(this.patch_addContext_(a,h),c.push(a),a=new diff_match_patch.patch_obj,e=0,h=d,f=g)}1!==i&&(f+=k.length);-1!==i&&(g+=k.length)}e&&(this.patch_addContext_(a,h),c.push(a));return c};diff_match_patch.prototype.patch_deepCopy=function(a){for(var b=[],c=0;c<a.length;c++){var d=a[c],e=new diff_match_patch.patch_obj;e.diffs=[];for(var f=0;f<d.diffs.length;f++)e.diffs[f]=d.diffs[f].slice();e.start1=d.start1;e.start2=d.start2;e.length1=d.length1;e.length2=d.length2;b[c]=e}return b};
+diff_match_patch.prototype.patch_apply=function(a,b){if(0==a.length)return[b,[]];a=this.patch_deepCopy(a);var c=this.patch_addPadding(a);b=c+b+c;this.patch_splitMax(a);for(var d=0,e=[],f=0;f<a.length;f++){var g=a[f].start2+d,h=this.diff_text1(a[f].diffs),j,i=-1;if(h.length>this.Match_MaxBits){if(j=this.match_main(b,h.substring(0,this.Match_MaxBits),g),-1!=j&&(i=this.match_main(b,h.substring(h.length-this.Match_MaxBits),g+h.length-this.Match_MaxBits),-1==i||j>=i))j=-1}else j=this.match_main(b,h,g);
+if(-1==j)e[f]=!1,d-=a[f].length2-a[f].length1;else if(e[f]=!0,d=j-g,g=-1==i?b.substring(j,j+h.length):b.substring(j,i+this.Match_MaxBits),h==g)b=b.substring(0,j)+this.diff_text2(a[f].diffs)+b.substring(j+h.length);else if(g=this.diff_main(h,g,!1),h.length>this.Match_MaxBits&&this.diff_levenshtein(g)/h.length>this.Patch_DeleteThreshold)e[f]=!1;else{this.diff_cleanupSemanticLossless(g);for(var h=0,k,i=0;i<a[f].diffs.length;i++){var q=a[f].diffs[i];0!==q[0]&&(k=this.diff_xIndex(g,h));1===q[0]?b=b.substring(0,
+j+k)+q[1]+b.substring(j+k):-1===q[0]&&(b=b.substring(0,j+k)+b.substring(j+this.diff_xIndex(g,h+q[1].length)));-1!==q[0]&&(h+=q[1].length)}}}b=b.substring(c.length,b.length-c.length);return[b,e]};
+diff_match_patch.prototype.patch_addPadding=function(a){for(var b=this.Patch_Margin,c="",d=1;d<=b;d++)c+=String.fromCharCode(d);for(d=0;d<a.length;d++)a[d].start1+=b,a[d].start2+=b;var d=a[0],e=d.diffs;if(0==e.length||0!=e[0][0])e.unshift([0,c]),d.start1-=b,d.start2-=b,d.length1+=b,d.length2+=b;else if(b>e[0][1].length){var f=b-e[0][1].length;e[0][1]=c.substring(e[0][1].length)+e[0][1];d.start1-=f;d.start2-=f;d.length1+=f;d.length2+=f}d=a[a.length-1];e=d.diffs;0==e.length||0!=e[e.length-1][0]?(e.push([0,
+c]),d.length1+=b,d.length2+=b):b>e[e.length-1][1].length&&(f=b-e[e.length-1][1].length,e[e.length-1][1]+=c.substring(0,f),d.length1+=f,d.length2+=f);return c};
+diff_match_patch.prototype.patch_splitMax=function(a){for(var b=this.Match_MaxBits,c=0;c<a.length;c++)if(!(a[c].length1<=b)){var d=a[c];a.splice(c--,1);for(var e=d.start1,f=d.start2,g="";0!==d.diffs.length;){var h=new diff_match_patch.patch_obj,j=!0;h.start1=e-g.length;h.start2=f-g.length;""!==g&&(h.length1=h.length2=g.length,h.diffs.push([0,g]));for(;0!==d.diffs.length&&h.length1<b-this.Patch_Margin;){var g=d.diffs[0][0],i=d.diffs[0][1];1===g?(h.length2+=i.length,f+=i.length,h.diffs.push(d.diffs.shift()),
+j=!1):-1===g&&1==h.diffs.length&&0==h.diffs[0][0]&&i.length>2*b?(h.length1+=i.length,e+=i.length,j=!1,h.diffs.push([g,i]),d.diffs.shift()):(i=i.substring(0,b-h.length1-this.Patch_Margin),h.length1+=i.length,e+=i.length,0===g?(h.length2+=i.length,f+=i.length):j=!1,h.diffs.push([g,i]),i==d.diffs[0][1]?d.diffs.shift():d.diffs[0][1]=d.diffs[0][1].substring(i.length))}g=this.diff_text2(h.diffs);g=g.substring(g.length-this.Patch_Margin);i=this.diff_text1(d.diffs).substring(0,this.Patch_Margin);""!==i&&
+(h.length1+=i.length,h.length2+=i.length,0!==h.diffs.length&&0===h.diffs[h.diffs.length-1][0]?h.diffs[h.diffs.length-1][1]+=i:h.diffs.push([0,i]));j||a.splice(++c,0,h)}}};diff_match_patch.prototype.patch_toText=function(a){for(var b=[],c=0;c<a.length;c++)b[c]=a[c];return b.join("")};
+diff_match_patch.prototype.patch_fromText=function(a){var b=[];if(!a)return b;a=a.split("\n");for(var c=0,d=/^@@ -(\d+),?(\d*) \+(\d+),?(\d*) @@$/;c<a.length;){var e=a[c].match(d);if(!e)throw Error("Invalid patch string: "+a[c]);var f=new diff_match_patch.patch_obj;b.push(f);f.start1=parseInt(e[1],10);""===e[2]?(f.start1--,f.length1=1):"0"==e[2]?f.length1=0:(f.start1--,f.length1=parseInt(e[2],10));f.start2=parseInt(e[3],10);""===e[4]?(f.start2--,f.length2=1):"0"==e[4]?f.length2=0:(f.start2--,f.length2=
+parseInt(e[4],10));for(c++;c<a.length;){e=a[c].charAt(0);try{var g=decodeURI(a[c].substring(1))}catch(h){throw Error("Illegal escape in patch_fromText: "+g);}if("-"==e)f.diffs.push([-1,g]);else if("+"==e)f.diffs.push([1,g]);else if(" "==e)f.diffs.push([0,g]);else if("@"==e)break;else if(""!==e)throw Error('Invalid patch mode "'+e+'" in: '+g);c++}}return b};diff_match_patch.patch_obj=function(){this.diffs=[];this.start2=this.start1=null;this.length2=this.length1=0};
+diff_match_patch.patch_obj.prototype.toString=function(){var a,b;a=0===this.length1?this.start1+",0":1==this.length1?this.start1+1:this.start1+1+","+this.length1;b=0===this.length2?this.start2+",0":1==this.length2?this.start2+1:this.start2+1+","+this.length2;a=["@@ -"+a+" +"+b+" @@\n"];var c;for(b=0;b<this.diffs.length;b++){switch(this.diffs[b][0]){case 1:c="+";break;case -1:c="-";break;case 0:c=" "}a[b+1]=c+encodeURI(this.diffs[b][1])+"\n"}return a.join("").replace(/%20/g," ")};
+this.diff_match_patch=diff_match_patch;this.DIFF_DELETE=-1;this.DIFF_INSERT=1;this.DIFF_EQUAL=0;})()
diff --git a/src/main/webapp/codemirror/addon/merge/merge.css b/src/main/webapp/codemirror/addon/merge/merge.css
new file mode 100644
index 00000000..63237fc8
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/merge/merge.css
@@ -0,0 +1,92 @@
+.CodeMirror-merge {
+  position: relative;
+  border: 1px solid #ddd;
+  white-space: pre;
+}
+
+.CodeMirror-merge, .CodeMirror-merge .CodeMirror {
+  height: 350px;
+}
+
+.CodeMirror-merge-2pane .CodeMirror-merge-pane { width: 47%; }
+.CodeMirror-merge-2pane .CodeMirror-merge-gap { width: 6%; }
+.CodeMirror-merge-3pane .CodeMirror-merge-pane { width: 31%; }
+.CodeMirror-merge-3pane .CodeMirror-merge-gap { width: 3.5%; }
+
+.CodeMirror-merge-pane {
+  display: inline-block;
+  white-space: normal;
+  vertical-align: top;
+}
+.CodeMirror-merge-pane-rightmost {
+  position: absolute;
+  right: 0px;
+  z-index: 1;
+}
+
+.CodeMirror-merge-gap {
+  z-index: 2;
+  display: inline-block;
+  height: 100%;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  overflow: hidden;
+  border-left: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+  position: relative;
+  background: #f8f8f8;
+}
+
+.CodeMirror-merge-scrolllock-wrap {
+  position: absolute;
+  bottom: 0; left: 50%;
+}
+.CodeMirror-merge-scrolllock {
+  position: relative;
+  left: -50%;
+  cursor: pointer;
+  color: #555;
+  line-height: 1;
+}
+
+.CodeMirror-merge-copybuttons-left, .CodeMirror-merge-copybuttons-right {
+  position: absolute;
+  left: 0; top: 0;
+  right: 0; bottom: 0;
+  line-height: 1;
+}
+
+.CodeMirror-merge-copy {
+  position: absolute;
+  cursor: pointer;
+  color: #44c;
+}
+
+.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy { left: 2px; }
+.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy { right: 2px; }
+
+.CodeMirror-merge-r-inserted, .CodeMirror-merge-l-inserted {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
+  background-position: bottom left;
+  background-repeat: repeat-x;
+}
+
+.CodeMirror-merge-r-deleted, .CodeMirror-merge-l-deleted {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
+  background-position: bottom left;
+  background-repeat: repeat-x;
+}
+
+.CodeMirror-merge-r-chunk { background: #ffffe0; }
+.CodeMirror-merge-r-chunk-start { border-top: 1px solid #ee8; }
+.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #ee8; }
+.CodeMirror-merge-r-connect { fill: #ffffe0; stroke: #ee8; stroke-width: 1px; }
+
+.CodeMirror-merge-l-chunk { background: #eef; }
+.CodeMirror-merge-l-chunk-start { border-top: 1px solid #88e; }
+.CodeMirror-merge-l-chunk-end { border-bottom: 1px solid #88e; }
+.CodeMirror-merge-l-connect { fill: #eef; stroke: #88e; stroke-width: 1px; }
+
+.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk { background: #dfd; }
+.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start { border-top: 1px solid #4e4; }
+.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #4e4; }
diff --git a/src/main/webapp/codemirror/addon/merge/merge.js b/src/main/webapp/codemirror/addon/merge/merge.js
new file mode 100644
index 00000000..70341e4d
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/merge/merge.js
@@ -0,0 +1,474 @@
+(function() {
+  "use strict";
+  // declare global: diff_match_patch, DIFF_INSERT, DIFF_DELETE, DIFF_EQUAL
+
+  var Pos = CodeMirror.Pos;
+  var svgNS = "http://www.w3.org/2000/svg";
+
+  function DiffView(mv, type) {
+    this.mv = mv;
+    this.type = type;
+    this.classes = type == "left"
+      ? {chunk: "CodeMirror-merge-l-chunk",
+         start: "CodeMirror-merge-l-chunk-start",
+         end: "CodeMirror-merge-l-chunk-end",
+         insert: "CodeMirror-merge-l-inserted",
+         del: "CodeMirror-merge-l-deleted",
+         connect: "CodeMirror-merge-l-connect"}
+      : {chunk: "CodeMirror-merge-r-chunk",
+         start: "CodeMirror-merge-r-chunk-start",
+         end: "CodeMirror-merge-r-chunk-end",
+         insert: "CodeMirror-merge-r-inserted",
+         del: "CodeMirror-merge-r-deleted",
+         connect: "CodeMirror-merge-r-connect"};
+  }
+
+  DiffView.prototype = {
+    constructor: DiffView,
+    init: function(pane, orig, options) {
+      this.edit = this.mv.edit;
+      this.orig = CodeMirror(pane, copyObj({value: orig, readOnly: true}, copyObj(options)));
+
+      this.diff = getDiff(orig, options.value);
+      this.diffOutOfDate = false;
+
+      this.showDifferences = options.showDifferences !== false;
+      this.forceUpdate = registerUpdate(this);
+      setScrollLock(this, true, false);
+      registerScroll(this);
+    },
+    setShowDifferences: function(val) {
+      val = val !== false;
+      if (val != this.showDifferences) {
+        this.showDifferences = val;
+        this.forceUpdate("full");
+      }
+    }
+  };
+
+  function registerUpdate(dv) {
+    var edit = {from: 0, to: 0, marked: []};
+    var orig = {from: 0, to: 0, marked: []};
+    var debounceChange;
+    function update(mode) {
+      if (mode == "full") {
+        if (dv.svg) clear(dv.svg);
+        clear(dv.copyButtons);
+        clearMarks(dv.edit, edit.marked, dv.classes);
+        clearMarks(dv.orig, orig.marked, dv.classes);
+        edit.from = edit.to = orig.from = orig.to = 0;
+      }
+      if (dv.diffOutOfDate) {
+        dv.diff = getDiff(dv.orig.getValue(), dv.edit.getValue());
+        dv.diffOutOfDate = false;
+        CodeMirror.signal(dv.edit, "updateDiff", dv.diff);
+      }
+      if (dv.showDifferences) {
+        updateMarks(dv.edit, dv.diff, edit, DIFF_INSERT, dv.classes);
+        updateMarks(dv.orig, dv.diff, orig, DIFF_DELETE, dv.classes);
+      }
+      drawConnectors(dv);
+    }
+    function set(slow) {
+      clearTimeout(debounceChange);
+      debounceChange = setTimeout(update, slow == true ? 250 : 100);
+    }
+    function change() {
+      if (!dv.diffOutOfDate) {
+        dv.diffOutOfDate = true;
+        edit.from = edit.to = orig.from = orig.to = 0;
+      }
+      set(true);
+    }
+    dv.edit.on("change", change);
+    dv.orig.on("change", change);
+    dv.edit.on("viewportChange", set);
+    dv.orig.on("viewportChange", set);
+    update();
+    return update;
+  }
+
+  function registerScroll(dv) {
+    dv.edit.on("scroll", function() {
+      syncScroll(dv, DIFF_INSERT) && drawConnectors(dv);
+    });
+    dv.orig.on("scroll", function() {
+      syncScroll(dv, DIFF_DELETE) && drawConnectors(dv);
+    });
+  }
+
+  function syncScroll(dv, type) {
+    // Change handler will do a refresh after a timeout when diff is out of date
+    if (dv.diffOutOfDate) return false;
+    if (!dv.lockScroll) return true;
+    var editor, other, now = +new Date;
+    if (type == DIFF_INSERT) { editor = dv.edit; other = dv.orig; }
+    else { editor = dv.orig; other = dv.edit; }
+    // Don't take action if the position of this editor was recently set
+    // (to prevent feedback loops)
+    if (editor.state.scrollSetBy == dv && (editor.state.scrollSetAt || 0) + 50 > now) return false;
+
+    var sInfo = editor.getScrollInfo(), halfScreen = .5 * sInfo.clientHeight, midY = sInfo.top + halfScreen;
+    var mid = editor.lineAtHeight(midY, "local");
+    var around = chunkBoundariesAround(dv.diff, mid, type == DIFF_INSERT);
+    var off = getOffsets(editor, type == DIFF_INSERT ? around.edit : around.orig);
+    var offOther = getOffsets(other, type == DIFF_INSERT ? around.orig : around.edit);
+    var ratio = (midY - off.top) / (off.bot - off.top);
+    var targetPos = (offOther.top - halfScreen) + ratio * (offOther.bot - offOther.top);
+
+    var botDist, mix;
+    // Some careful tweaking to make sure no space is left out of view
+    // when scrolling to top or bottom.
+    if (targetPos > sInfo.top && (mix = sInfo.top / halfScreen) < 1) {
+      targetPos = targetPos * mix + sInfo.top * (1 - mix);
+    } else if ((botDist = sInfo.height - sInfo.clientHeight - sInfo.top) < halfScreen) {
+      var otherInfo = other.getScrollInfo();
+      var botDistOther = otherInfo.height - otherInfo.clientHeight - targetPos;
+      if (botDistOther > botDist && (mix = botDist / halfScreen) < 1)
+        targetPos = targetPos * mix + (otherInfo.height - otherInfo.clientHeight - botDist) * (1 - mix);
+    }
+
+    other.scrollTo(sInfo.left, targetPos);
+    other.state.scrollSetAt = now;
+    other.state.scrollSetBy = dv;
+    return true;
+  }
+
+  function getOffsets(editor, around) {
+    var bot = around.after;
+    if (bot == null) bot = editor.lastLine() + 1;
+    return {top: editor.heightAtLine(around.before || 0, "local"),
+            bot: editor.heightAtLine(bot, "local")};
+  }
+
+  function setScrollLock(dv, val, action) {
+    dv.lockScroll = val;
+    if (val && action != false) syncScroll(dv, DIFF_INSERT) && drawConnectors(dv);
+    dv.lockButton.innerHTML = val ? "\u21db\u21da" : "\u21db&nbsp;&nbsp;\u21da";
+  }
+
+  // Updating the marks for editor content
+
+  function clearMarks(editor, arr, classes) {
+    for (var i = 0; i < arr.length; ++i) {
+      var mark = arr[i];
+      if (mark instanceof CodeMirror.TextMarker) {
+        mark.clear();
+      } else {
+        editor.removeLineClass(mark, "background", classes.chunk);
+        editor.removeLineClass(mark, "background", classes.start);
+        editor.removeLineClass(mark, "background", classes.end);
+      }
+    }
+    arr.length = 0;
+  }
+
+  // FIXME maybe add a margin around viewport to prevent too many updates
+  function updateMarks(editor, diff, state, type, classes) {
+    var vp = editor.getViewport();
+    editor.operation(function() {
+      if (state.from == state.to || vp.from - state.to > 20 || state.from - vp.to > 20) {
+        clearMarks(editor, state.marked, classes);
+        markChanges(editor, diff, type, state.marked, vp.from, vp.to, classes);
+        state.from = vp.from; state.to = vp.to;
+      } else {
+        if (vp.from < state.from) {
+          markChanges(editor, diff, type, state.marked, vp.from, state.from, classes);
+          state.from = vp.from;
+        }
+        if (vp.to > state.to) {
+          markChanges(editor, diff, type, state.marked, state.to, vp.to, classes);
+          state.to = vp.to;
+        }
+      }
+    });
+  }
+
+  function markChanges(editor, diff, type, marks, from, to, classes) {
+    var pos = Pos(0, 0);
+    var top = Pos(from, 0), bot = editor.clipPos(Pos(to - 1));
+    var cls = type == DIFF_DELETE ? classes.del : classes.insert;
+    function markChunk(start, end) {
+      var bfrom = Math.max(from, start), bto = Math.min(to, end);
+      for (var i = bfrom; i < bto; ++i) {
+        var line = editor.addLineClass(i, "background", classes.chunk);
+        if (i == start) editor.addLineClass(line, "background", classes.start);
+        if (i == end - 1) editor.addLineClass(line, "background", classes.end);
+        marks.push(line);
+      }
+      // When the chunk is empty, make sure a horizontal line shows up
+      if (start == end && bfrom == end && bto == end) {
+        if (bfrom)
+          marks.push(editor.addLineClass(bfrom - 1, "background", classes.end));
+        else
+          marks.push(editor.addLineClass(bfrom, "background", classes.start));
+      }
+    }
+
+    var chunkStart = 0;
+    for (var i = 0; i < diff.length; ++i) {
+      var part = diff[i], tp = part[0], str = part[1];
+      if (tp == DIFF_EQUAL) {
+        var cleanFrom = pos.line + (startOfLineClean(diff, i) ? 0 : 1);
+        moveOver(pos, str);
+        var cleanTo = pos.line + (endOfLineClean(diff, i) ? 1 : 0);
+        if (cleanTo > cleanFrom) {
+          if (i) markChunk(chunkStart, cleanFrom);
+          chunkStart = cleanTo;
+        }
+      } else {
+        if (tp == type) {
+          var end = moveOver(pos, str, true);
+          var a = posMax(top, pos), b = posMin(bot, end);
+          if (!posEq(a, b))
+            marks.push(editor.markText(a, b, {className: cls}));
+          pos = end;
+        }
+      }
+    }
+    if (chunkStart <= pos.line) markChunk(chunkStart, pos.line + 1);
+  }
+
+  // Updating the gap between editor and original
+
+  function drawConnectors(dv) {
+    if (!dv.showDifferences) return;
+
+    if (dv.svg) {
+      clear(dv.svg);
+      var w = dv.gap.offsetWidth;
+      attrs(dv.svg, "width", w, "height", dv.gap.offsetHeight);
+    }
+    clear(dv.copyButtons);
+
+    var flip = dv.type == "left";
+    var vpEdit = dv.edit.getViewport(), vpOrig = dv.orig.getViewport();
+    var sTopEdit = dv.edit.getScrollInfo().top, sTopOrig = dv.orig.getScrollInfo().top;
+    iterateChunks(dv.diff, function(topOrig, botOrig, topEdit, botEdit) {
+      if (topEdit > vpEdit.to || botEdit < vpEdit.from ||
+          topOrig > vpOrig.to || botOrig < vpOrig.from)
+        return;
+      var topLpx = dv.orig.heightAtLine(topOrig, "local") - sTopOrig, top = topLpx;
+      if (dv.svg) {
+        var topRpx = dv.edit.heightAtLine(topEdit, "local") - sTopEdit;
+        if (flip) { var tmp = topLpx; topLpx = topRpx; topRpx = tmp; }
+        var botLpx = dv.orig.heightAtLine(botOrig, "local") - sTopOrig;
+        var botRpx = dv.edit.heightAtLine(botEdit, "local") - sTopEdit;
+        if (flip) { var tmp = botLpx; botLpx = botRpx; botRpx = tmp; }
+        var curveTop = " C " + w/2 + " " + topRpx + " " + w/2 + " " + topLpx + " " + (w + 2) + " " + topLpx;
+        var curveBot = " C " + w/2 + " " + botLpx + " " + w/2 + " " + botRpx + " -1 " + botRpx;
+        attrs(dv.svg.appendChild(document.createElementNS(svgNS, "path")),
+              "d", "M -1 " + topRpx + curveTop + " L " + (w + 2) + " " + botLpx + curveBot + " z",
+              "class", dv.classes.connect);
+      }
+      var copy = dv.copyButtons.appendChild(elt("div", dv.type == "left" ? "\u21dd" : "\u21dc",
+                                                "CodeMirror-merge-copy"));
+      copy.title = "Revert chunk";
+      copy.chunk = {topEdit: topEdit, botEdit: botEdit, topOrig: topOrig, botOrig: botOrig};
+      copy.style.top = top + "px";
+    });
+  }
+
+  function copyChunk(dv, chunk) {
+    if (dv.diffOutOfDate) return;
+    dv.edit.replaceRange(dv.orig.getRange(Pos(chunk.topOrig, 0), Pos(chunk.botOrig, 0)),
+                         Pos(chunk.topEdit, 0), Pos(chunk.botEdit, 0));
+  }
+
+  // Merge view, containing 0, 1, or 2 diff views.
+
+  var MergeView = CodeMirror.MergeView = function(node, options) {
+    if (!(this instanceof MergeView)) return new MergeView(node, options);
+
+    var origLeft = options.origLeft, origRight = options.origRight == null ? options.orig : options.origRight;
+    var hasLeft = origLeft != null, hasRight = origRight != null;
+    var panes = 1 + (hasLeft ? 1 : 0) + (hasRight ? 1 : 0);
+    var wrap = [], left = this.left = null, right = this.right = null;
+
+    if (hasLeft) {
+      left = this.left = new DiffView(this, "left");
+      var leftPane = elt("div", null, "CodeMirror-merge-pane");
+      wrap.push(leftPane);
+      wrap.push(buildGap(left));
+    }
+
+    var editPane = elt("div", null, "CodeMirror-merge-pane");
+    wrap.push(editPane);
+
+    if (hasRight) {
+      right = this.right = new DiffView(this, "right");
+      wrap.push(buildGap(right));
+      var rightPane = elt("div", null, "CodeMirror-merge-pane");
+      wrap.push(rightPane);
+    }
+
+    (hasRight ? rightPane : editPane).className += " CodeMirror-merge-pane-rightmost";
+
+    wrap.push(elt("div", null, null, "height: 0; clear: both;"));
+    var wrapElt = this.wrap = node.appendChild(elt("div", wrap, "CodeMirror-merge CodeMirror-merge-" + panes + "pane"));
+    this.edit = CodeMirror(editPane, copyObj(options));
+
+    if (left) left.init(leftPane, origLeft, options);
+    if (right) right.init(rightPane, origRight, options);
+
+    var onResize = function() {
+      if (left) drawConnectors(left);
+      if (right) drawConnectors(right);
+    };
+    CodeMirror.on(window, "resize", onResize);
+    var resizeInterval = setInterval(function() {
+      for (var p = wrapElt.parentNode; p && p != document.body; p = p.parentNode) {}
+      if (!p) { clearInterval(resizeInterval); CodeMirror.off(window, "resize", onResize); }
+    }, 5000);
+  };
+
+  function buildGap(dv) {
+    var lock = dv.lockButton = elt("div", null, "CodeMirror-merge-scrolllock");
+    lock.title = "Toggle locked scrolling";
+    var lockWrap = elt("div", [lock], "CodeMirror-merge-scrolllock-wrap");
+    CodeMirror.on(lock, "click", function() { setScrollLock(dv, !dv.lockScroll); });
+    dv.copyButtons = elt("div", null, "CodeMirror-merge-copybuttons-" + dv.type);
+    CodeMirror.on(dv.copyButtons, "click", function(e) {
+      var node = e.target || e.srcElement;
+      if (node.chunk) copyChunk(dv, node.chunk);
+    });
+    var gapElts = [dv.copyButtons, lockWrap];
+    var svg = document.createElementNS && document.createElementNS(svgNS, "svg");
+    if (svg && !svg.createSVGRect) svg = null;
+    dv.svg = svg;
+    if (svg) gapElts.push(svg);
+
+    return dv.gap = elt("div", gapElts, "CodeMirror-merge-gap");
+  }
+
+  MergeView.prototype = {
+    constuctor: MergeView,
+    editor: function() { return this.edit; },
+    rightOriginal: function() { return this.right && this.right.orig; },
+    leftOriginal: function() { return this.left && this.left.orig; },
+    setShowDifferences: function(val) {
+      if (this.right) this.right.setShowDifferences(val);
+      if (this.left) this.left.setShowDifferences(val);
+    }
+  };
+
+  // Operations on diffs
+
+  var dmp = new diff_match_patch();
+  function getDiff(a, b) {
+    var diff = dmp.diff_main(a, b);
+    dmp.diff_cleanupSemantic(diff);
+    // The library sometimes leaves in empty parts, which confuse the algorithm
+    for (var i = 0; i < diff.length; ++i) {
+      var part = diff[i];
+      if (!part[1]) {
+        diff.splice(i--, 1);
+      } else if (i && diff[i - 1][0] == part[0]) {
+        diff.splice(i--, 1);
+        diff[i][1] += part[1];
+      }
+    }
+    return diff;
+  }
+
+  function iterateChunks(diff, f) {
+    var startEdit = 0, startOrig = 0;
+    var edit = Pos(0, 0), orig = Pos(0, 0);
+    for (var i = 0; i < diff.length; ++i) {
+      var part = diff[i], tp = part[0];
+      if (tp == DIFF_EQUAL) {
+        var startOff = startOfLineClean(diff, i) ? 0 : 1;
+        var cleanFromEdit = edit.line + startOff, cleanFromOrig = orig.line + startOff;
+        moveOver(edit, part[1], null, orig);
+        var endOff = endOfLineClean(diff, i) ? 1 : 0;
+        var cleanToEdit = edit.line + endOff, cleanToOrig = orig.line + endOff;
+        if (cleanToEdit > cleanFromEdit) {
+          if (i) f(startOrig, cleanFromOrig, startEdit, cleanFromEdit);
+          startEdit = cleanToEdit; startOrig = cleanToOrig;
+        }
+      } else {
+        moveOver(tp == DIFF_INSERT ? edit : orig, part[1]);
+      }
+    }
+    if (startEdit <= edit.line || startOrig <= orig.line)
+      f(startOrig, orig.line + 1, startEdit, edit.line + 1);
+  }
+
+  function endOfLineClean(diff, i) {
+    if (i == diff.length - 1) return true;
+    var next = diff[i + 1][1];
+    if (next.length == 1 || next.charCodeAt(0) != 10) return false;
+    if (i == diff.length - 2) return true;
+    next = diff[i + 2][1];
+    return next.length > 1 && next.charCodeAt(0) == 10;
+  }
+
+  function startOfLineClean(diff, i) {
+    if (i == 0) return true;
+    var last = diff[i - 1][1];
+    if (last.charCodeAt(last.length - 1) != 10) return false;
+    if (i == 1) return true;
+    last = diff[i - 2][1];
+    return last.charCodeAt(last.length - 1) == 10;
+  }
+
+  function chunkBoundariesAround(diff, n, nInEdit) {
+    var beforeE, afterE, beforeO, afterO;
+    iterateChunks(diff, function(fromOrig, toOrig, fromEdit, toEdit) {
+      var fromLocal = nInEdit ? fromEdit : fromOrig;
+      var toLocal = nInEdit ? toEdit : toOrig;
+      if (afterE == null) {
+        if (fromLocal > n) { afterE = fromEdit; afterO = fromOrig; }
+        else if (toLocal > n) { afterE = toEdit; afterO = toOrig; }
+      }
+      if (toLocal <= n) { beforeE = toEdit; beforeO = toOrig; }
+      else if (fromLocal <= n) { beforeE = fromEdit; beforeO = fromOrig; }
+    });
+    return {edit: {before: beforeE, after: afterE}, orig: {before: beforeO, after: afterO}};
+  }
+
+  // General utilities
+
+  function elt(tag, content, className, style) {
+    var e = document.createElement(tag);
+    if (className) e.className = className;
+    if (style) e.style.cssText = style;
+    if (typeof content == "string") e.appendChild(document.createTextNode(content));
+    else if (content) for (var i = 0; i < content.length; ++i) e.appendChild(content[i]);
+    return e;
+  }
+
+  function clear(node) {
+    for (var count = node.childNodes.length; count > 0; --count)
+      node.removeChild(node.firstChild);
+  }
+
+  function attrs(elt) {
+    for (var i = 1; i < arguments.length; i += 2)
+      elt.setAttribute(arguments[i], arguments[i+1]);
+  }
+
+  function copyObj(obj, target) {
+    if (!target) target = {};
+    for (var prop in obj) if (obj.hasOwnProperty(prop)) target[prop] = obj[prop];
+    return target;
+  }
+
+  function moveOver(pos, str, copy, other) {
+    var out = copy ? Pos(pos.line, pos.ch) : pos, at = 0;
+    for (;;) {
+      var nl = str.indexOf("\n", at);
+      if (nl == -1) break;
+      ++out.line;
+      if (other) ++other.line;
+      at = nl + 1;
+    }
+    out.ch = (at ? 0 : out.ch) + (str.length - at);
+    if (other) other.ch = (at ? 0 : other.ch) + (str.length - at);
+    return out;
+  }
+
+  function posMin(a, b) { return (a.line - b.line || a.ch - b.ch) < 0 ? a : b; }
+  function posMax(a, b) { return (a.line - b.line || a.ch - b.ch) > 0 ? a : b; }
+  function posEq(a, b) { return a.line == b.line && a.ch == b.ch; }
+})();
diff --git a/src/main/webapp/codemirror/addon/mode/loadmode.js b/src/main/webapp/codemirror/addon/mode/loadmode.js
new file mode 100644
index 00000000..60fafbb1
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/mode/loadmode.js
@@ -0,0 +1,51 @@
+(function() {
+  if (!CodeMirror.modeURL) CodeMirror.modeURL = "../mode/%N/%N.js";
+
+  var loading = {};
+  function splitCallback(cont, n) {
+    var countDown = n;
+    return function() { if (--countDown == 0) cont(); };
+  }
+  function ensureDeps(mode, cont) {
+    var deps = CodeMirror.modes[mode].dependencies;
+    if (!deps) return cont();
+    var missing = [];
+    for (var i = 0; i < deps.length; ++i) {
+      if (!CodeMirror.modes.hasOwnProperty(deps[i]))
+        missing.push(deps[i]);
+    }
+    if (!missing.length) return cont();
+    var split = splitCallback(cont, missing.length);
+    for (var i = 0; i < missing.length; ++i)
+      CodeMirror.requireMode(missing[i], split);
+  }
+
+  CodeMirror.requireMode = function(mode, cont) {
+    if (typeof mode != "string") mode = mode.name;
+    if (CodeMirror.modes.hasOwnProperty(mode)) return ensureDeps(mode, cont);
+    if (loading.hasOwnProperty(mode)) return loading[mode].push(cont);
+
+    var script = document.createElement("script");
+    script.src = CodeMirror.modeURL.replace(/%N/g, mode);
+    var others = document.getElementsByTagName("script")[0];
+    others.parentNode.insertBefore(script, others);
+    var list = loading[mode] = [cont];
+    var count = 0, poll = setInterval(function() {
+      if (++count > 100) return clearInterval(poll);
+      if (CodeMirror.modes.hasOwnProperty(mode)) {
+        clearInterval(poll);
+        loading[mode] = null;
+        ensureDeps(mode, function() {
+          for (var i = 0; i < list.length; ++i) list[i]();
+        });
+      }
+    }, 200);
+  };
+
+  CodeMirror.autoLoadMode = function(instance, mode) {
+    if (!CodeMirror.modes.hasOwnProperty(mode))
+      CodeMirror.requireMode(mode, function() {
+        instance.setOption("mode", instance.getOption("mode"));
+      });
+  };
+}());
diff --git a/src/main/webapp/codemirror/addon/mode/multiplex.js b/src/main/webapp/codemirror/addon/mode/multiplex.js
new file mode 100644
index 00000000..32cc579c
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/mode/multiplex.js
@@ -0,0 +1,101 @@
+CodeMirror.multiplexingMode = function(outer /*, others */) {
+  // Others should be {open, close, mode [, delimStyle] [, innerStyle]} objects
+  var others = Array.prototype.slice.call(arguments, 1);
+  var n_others = others.length;
+
+  function indexOf(string, pattern, from) {
+    if (typeof pattern == "string") return string.indexOf(pattern, from);
+    var m = pattern.exec(from ? string.slice(from) : string);
+    return m ? m.index + from : -1;
+  }
+
+  return {
+    startState: function() {
+      return {
+        outer: CodeMirror.startState(outer),
+        innerActive: null,
+        inner: null
+      };
+    },
+
+    copyState: function(state) {
+      return {
+        outer: CodeMirror.copyState(outer, state.outer),
+        innerActive: state.innerActive,
+        inner: state.innerActive && CodeMirror.copyState(state.innerActive.mode, state.inner)
+      };
+    },
+
+    token: function(stream, state) {
+      if (!state.innerActive) {
+        var cutOff = Infinity, oldContent = stream.string;
+        for (var i = 0; i < n_others; ++i) {
+          var other = others[i];
+          var found = indexOf(oldContent, other.open, stream.pos);
+          if (found == stream.pos) {
+            stream.match(other.open);
+            state.innerActive = other;
+            state.inner = CodeMirror.startState(other.mode, outer.indent ? outer.indent(state.outer, "") : 0);
+            return other.delimStyle;
+          } else if (found != -1 && found < cutOff) {
+            cutOff = found;
+          }
+        }
+        if (cutOff != Infinity) stream.string = oldContent.slice(0, cutOff);
+        var outerToken = outer.token(stream, state.outer);
+        if (cutOff != Infinity) stream.string = oldContent;
+        return outerToken;
+      } else {
+        var curInner = state.innerActive, oldContent = stream.string;
+        var found = indexOf(oldContent, curInner.close, stream.pos);
+        if (found == stream.pos) {
+          stream.match(curInner.close);
+          state.innerActive = state.inner = null;
+          return curInner.delimStyle;
+        }
+        if (found > -1) stream.string = oldContent.slice(0, found);
+        var innerToken = curInner.mode.token(stream, state.inner);
+        if (found > -1) stream.string = oldContent;
+        var cur = stream.current(), found = cur.indexOf(curInner.close);
+        if (found > -1) stream.backUp(cur.length - found);
+
+        if (curInner.innerStyle) {
+          if (innerToken) innerToken = innerToken + ' ' + curInner.innerStyle;
+          else innerToken = curInner.innerStyle;
+        }
+
+        return innerToken;
+      }
+    },
+
+    indent: function(state, textAfter) {
+      var mode = state.innerActive ? state.innerActive.mode : outer;
+      if (!mode.indent) return CodeMirror.Pass;
+      return mode.indent(state.innerActive ? state.inner : state.outer, textAfter);
+    },
+
+    blankLine: function(state) {
+      var mode = state.innerActive ? state.innerActive.mode : outer;
+      if (mode.blankLine) {
+        mode.blankLine(state.innerActive ? state.inner : state.outer);
+      }
+      if (!state.innerActive) {
+        for (var i = 0; i < n_others; ++i) {
+          var other = others[i];
+          if (other.open === "\n") {
+            state.innerActive = other;
+            state.inner = CodeMirror.startState(other.mode, mode.indent ? mode.indent(state.outer, "") : 0);
+          }
+        }
+      } else if (state.innerActive.close === "\n") {
+        state.innerActive = state.inner = null;
+      }
+    },
+
+    electricChars: outer.electricChars,
+
+    innerMode: function(state) {
+      return state.inner ? {state: state.inner, mode: state.innerActive.mode} : {state: state.outer, mode: outer};
+    }
+  };
+};
diff --git a/src/main/webapp/codemirror/addon/mode/multiplex_test.js b/src/main/webapp/codemirror/addon/mode/multiplex_test.js
new file mode 100644
index 00000000..c0656357
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/mode/multiplex_test.js
@@ -0,0 +1,30 @@
+(function() {
+  CodeMirror.defineMode("markdown_with_stex", function(){
+    var inner = CodeMirror.getMode({}, "stex");
+    var outer = CodeMirror.getMode({}, "markdown");
+
+    var innerOptions = {
+      open: '$',
+      close: '$',
+      mode: inner,
+      delimStyle: 'delim',
+      innerStyle: 'inner'
+    };
+
+    return CodeMirror.multiplexingMode(outer, innerOptions);
+  });
+
+  var mode = CodeMirror.getMode({}, "markdown_with_stex");
+
+  function MT(name) {
+    test.mode(
+      name,
+      mode,
+      Array.prototype.slice.call(arguments, 1),
+      'multiplexing');
+  }
+
+  MT(
+    "stexInsideMarkdown",
+    "[strong **Equation:**] [delim $][inner&tag \\pi][delim $]");
+})();
diff --git a/src/main/webapp/codemirror/addon/mode/overlay.js b/src/main/webapp/codemirror/addon/mode/overlay.js
new file mode 100644
index 00000000..b7928a7b
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/mode/overlay.js
@@ -0,0 +1,59 @@
+// Utility function that allows modes to be combined. The mode given
+// as the base argument takes care of most of the normal mode
+// functionality, but a second (typically simple) mode is used, which
+// can override the style of text. Both modes get to parse all of the
+// text, but when both assign a non-null style to a piece of code, the
+// overlay wins, unless the combine argument was true, in which case
+// the styles are combined.
+
+// overlayParser is the old, deprecated name
+CodeMirror.overlayMode = CodeMirror.overlayParser = function(base, overlay, combine) {
+  return {
+    startState: function() {
+      return {
+        base: CodeMirror.startState(base),
+        overlay: CodeMirror.startState(overlay),
+        basePos: 0, baseCur: null,
+        overlayPos: 0, overlayCur: null
+      };
+    },
+    copyState: function(state) {
+      return {
+        base: CodeMirror.copyState(base, state.base),
+        overlay: CodeMirror.copyState(overlay, state.overlay),
+        basePos: state.basePos, baseCur: null,
+        overlayPos: state.overlayPos, overlayCur: null
+      };
+    },
+
+    token: function(stream, state) {
+      if (stream.start == state.basePos) {
+        state.baseCur = base.token(stream, state.base);
+        state.basePos = stream.pos;
+      }
+      if (stream.start == state.overlayPos) {
+        stream.pos = stream.start;
+        state.overlayCur = overlay.token(stream, state.overlay);
+        state.overlayPos = stream.pos;
+      }
+      stream.pos = Math.min(state.basePos, state.overlayPos);
+      if (stream.eol()) state.basePos = state.overlayPos = 0;
+
+      if (state.overlayCur == null) return state.baseCur;
+      if (state.baseCur != null && combine) return state.baseCur + " " + state.overlayCur;
+      else return state.overlayCur;
+    },
+
+    indent: base.indent && function(state, textAfter) {
+      return base.indent(state.base, textAfter);
+    },
+    electricChars: base.electricChars,
+
+    innerMode: function(state) { return {state: state.base, mode: base}; },
+
+    blankLine: function(state) {
+      if (base.blankLine) base.blankLine(state.base);
+      if (overlay.blankLine) overlay.blankLine(state.overlay);
+    }
+  };
+};
diff --git a/src/main/webapp/codemirror/addon/runmode/colorize.js b/src/main/webapp/codemirror/addon/runmode/colorize.js
new file mode 100644
index 00000000..62286d21
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/runmode/colorize.js
@@ -0,0 +1,29 @@
+CodeMirror.colorize = (function() {
+
+  var isBlock = /^(p|li|div|h\\d|pre|blockquote|td)$/;
+
+  function textContent(node, out) {
+    if (node.nodeType == 3) return out.push(node.nodeValue);
+    for (var ch = node.firstChild; ch; ch = ch.nextSibling) {
+      textContent(ch, out);
+      if (isBlock.test(node.nodeType)) out.push("\n");
+    }
+  }
+
+  return function(collection, defaultMode) {
+    if (!collection) collection = document.body.getElementsByTagName("pre");
+
+    for (var i = 0; i < collection.length; ++i) {
+      var node = collection[i];
+      var mode = node.getAttribute("data-lang") || defaultMode;
+      if (!mode) continue;
+
+      var text = [];
+      textContent(node, text);
+      node.innerHTML = "";
+      CodeMirror.runMode(text.join(""), mode, node);
+
+      node.className += " cm-s-default";
+    }
+  };
+})();
diff --git a/src/main/webapp/codemirror/addon/runmode/runmode-standalone.js b/src/main/webapp/codemirror/addon/runmode/runmode-standalone.js
new file mode 100644
index 00000000..d117166c
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/runmode/runmode-standalone.js
@@ -0,0 +1,136 @@
+/* Just enough of CodeMirror to run runMode under node.js */
+
+window.CodeMirror = {};
+
+(function() {
+"use strict";
+
+function splitLines(string){ return string.split(/\r?\n|\r/); };
+
+function StringStream(string) {
+  this.pos = this.start = 0;
+  this.string = string;
+}
+StringStream.prototype = {
+  eol: function() {return this.pos >= this.string.length;},
+  sol: function() {return this.pos == 0;},
+  peek: function() {return this.string.charAt(this.pos) || null;},
+  next: function() {
+    if (this.pos < this.string.length)
+      return this.string.charAt(this.pos++);
+  },
+  eat: function(match) {
+    var ch = this.string.charAt(this.pos);
+    if (typeof match == "string") var ok = ch == match;
+    else var ok = ch && (match.test ? match.test(ch) : match(ch));
+    if (ok) {++this.pos; return ch;}
+  },
+  eatWhile: function(match) {
+    var start = this.pos;
+    while (this.eat(match)){}
+    return this.pos > start;
+  },
+  eatSpace: function() {
+    var start = this.pos;
+    while (/[\s\u00a0]/.test(this.string.charAt(this.pos))) ++this.pos;
+    return this.pos > start;
+  },
+  skipToEnd: function() {this.pos = this.string.length;},
+  skipTo: function(ch) {
+    var found = this.string.indexOf(ch, this.pos);
+    if (found > -1) {this.pos = found; return true;}
+  },
+  backUp: function(n) {this.pos -= n;},
+  column: function() {return this.start;},
+  indentation: function() {return 0;},
+  match: function(pattern, consume, caseInsensitive) {
+    if (typeof pattern == "string") {
+      var cased = function(str) {return caseInsensitive ? str.toLowerCase() : str;};
+      var substr = this.string.substr(this.pos, pattern.length);
+      if (cased(substr) == cased(pattern)) {
+        if (consume !== false) this.pos += pattern.length;
+        return true;
+      }
+    } else {
+      var match = this.string.slice(this.pos).match(pattern);
+      if (match && match.index > 0) return null;
+      if (match && consume !== false) this.pos += match[0].length;
+      return match;
+    }
+  },
+  current: function(){return this.string.slice(this.start, this.pos);}
+};
+CodeMirror.StringStream = StringStream;
+
+CodeMirror.startState = function (mode, a1, a2) {
+  return mode.startState ? mode.startState(a1, a2) : true;
+};
+
+var modes = CodeMirror.modes = {}, mimeModes = CodeMirror.mimeModes = {};
+CodeMirror.defineMode = function (name, mode) { modes[name] = mode; };
+CodeMirror.defineMIME = function (mime, spec) { mimeModes[mime] = spec; };
+CodeMirror.getMode = function (options, spec) {
+  if (typeof spec == "string" && mimeModes.hasOwnProperty(spec))
+    spec = mimeModes[spec];
+  if (typeof spec == "string")
+    var mname = spec, config = {};
+  else if (spec != null)
+    var mname = spec.name, config = spec;
+  var mfactory = modes[mname];
+  if (!mfactory) throw new Error("Unknown mode: " + spec);
+  return mfactory(options, config || {});
+};
+
+CodeMirror.runMode = function (string, modespec, callback, options) {
+  var mode = CodeMirror.getMode({ indentUnit: 2 }, modespec);
+
+  if (callback.nodeType == 1) {
+    var tabSize = (options && options.tabSize) || 4;
+    var node = callback, col = 0;
+    node.innerHTML = "";
+    callback = function (text, style) {
+      if (text == "\n") {
+        node.appendChild(document.createElement("br"));
+        col = 0;
+        return;
+      }
+      var content = "";
+      // replace tabs
+      for (var pos = 0; ;) {
+        var idx = text.indexOf("\t", pos);
+        if (idx == -1) {
+          content += text.slice(pos);
+          col += text.length - pos;
+          break;
+        } else {
+          col += idx - pos;
+          content += text.slice(pos, idx);
+          var size = tabSize - col % tabSize;
+          col += size;
+          for (var i = 0; i < size; ++i) content += " ";
+          pos = idx + 1;
+        }
+      }
+
+      if (style) {
+        var sp = node.appendChild(document.createElement("span"));
+        sp.className = "cm-" + style.replace(/ +/g, " cm-");
+        sp.appendChild(document.createTextNode(content));
+      } else {
+        node.appendChild(document.createTextNode(content));
+      }
+    };
+  }
+
+  var lines = splitLines(string), state = CodeMirror.startState(mode);
+  for (var i = 0, e = lines.length; i < e; ++i) {
+    if (i) callback("\n");
+    var stream = new CodeMirror.StringStream(lines[i]);
+    while (!stream.eol()) {
+      var style = mode.token(stream, state);
+      callback(stream.current(), style, i, stream.start, state);
+      stream.start = stream.pos;
+    }
+  }
+};
+})();
diff --git a/src/main/webapp/codemirror/addon/runmode/runmode.js b/src/main/webapp/codemirror/addon/runmode/runmode.js
new file mode 100644
index 00000000..7aafa2ad
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/runmode/runmode.js
@@ -0,0 +1,56 @@
+CodeMirror.runMode = function(string, modespec, callback, options) {
+  var mode = CodeMirror.getMode(CodeMirror.defaults, modespec);
+  var ie = /MSIE \d/.test(navigator.userAgent);
+  var ie_lt9 = ie && (document.documentMode == null || document.documentMode < 9);
+
+  if (callback.nodeType == 1) {
+    var tabSize = (options && options.tabSize) || CodeMirror.defaults.tabSize;
+    var node = callback, col = 0;
+    node.innerHTML = "";
+    callback = function(text, style) {
+      if (text == "\n") {
+        // Emitting LF or CRLF on IE8 or earlier results in an incorrect display.
+        // Emitting a carriage return makes everything ok.
+        node.appendChild(document.createTextNode(ie_lt9 ? '\r' : text));
+        col = 0;
+        return;
+      }
+      var content = "";
+      // replace tabs
+      for (var pos = 0;;) {
+        var idx = text.indexOf("\t", pos);
+        if (idx == -1) {
+          content += text.slice(pos);
+          col += text.length - pos;
+          break;
+        } else {
+          col += idx - pos;
+          content += text.slice(pos, idx);
+          var size = tabSize - col % tabSize;
+          col += size;
+          for (var i = 0; i < size; ++i) content += " ";
+          pos = idx + 1;
+        }
+      }
+
+      if (style) {
+        var sp = node.appendChild(document.createElement("span"));
+        sp.className = "cm-" + style.replace(/ +/g, " cm-");
+        sp.appendChild(document.createTextNode(content));
+      } else {
+        node.appendChild(document.createTextNode(content));
+      }
+    };
+  }
+
+  var lines = CodeMirror.splitLines(string), state = CodeMirror.startState(mode);
+  for (var i = 0, e = lines.length; i < e; ++i) {
+    if (i) callback("\n");
+    var stream = new CodeMirror.StringStream(lines[i]);
+    while (!stream.eol()) {
+      var style = mode.token(stream, state);
+      callback(stream.current(), style, i, stream.start, state);
+      stream.start = stream.pos;
+    }
+  }
+};
diff --git a/src/main/webapp/codemirror/addon/runmode/runmode.node.js b/src/main/webapp/codemirror/addon/runmode/runmode.node.js
new file mode 100644
index 00000000..0f1088fa
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/runmode/runmode.node.js
@@ -0,0 +1,103 @@
+/* Just enough of CodeMirror to run runMode under node.js */
+
+function splitLines(string){ return string.split(/\r?\n|\r/); };
+
+function StringStream(string) {
+  this.pos = this.start = 0;
+  this.string = string;
+}
+StringStream.prototype = {
+  eol: function() {return this.pos >= this.string.length;},
+  sol: function() {return this.pos == 0;},
+  peek: function() {return this.string.charAt(this.pos) || null;},
+  next: function() {
+    if (this.pos < this.string.length)
+      return this.string.charAt(this.pos++);
+  },
+  eat: function(match) {
+    var ch = this.string.charAt(this.pos);
+    if (typeof match == "string") var ok = ch == match;
+    else var ok = ch && (match.test ? match.test(ch) : match(ch));
+    if (ok) {++this.pos; return ch;}
+  },
+  eatWhile: function(match) {
+    var start = this.pos;
+    while (this.eat(match)){}
+    return this.pos > start;
+  },
+  eatSpace: function() {
+    var start = this.pos;
+    while (/[\s\u00a0]/.test(this.string.charAt(this.pos))) ++this.pos;
+    return this.pos > start;
+  },
+  skipToEnd: function() {this.pos = this.string.length;},
+  skipTo: function(ch) {
+    var found = this.string.indexOf(ch, this.pos);
+    if (found > -1) {this.pos = found; return true;}
+  },
+  backUp: function(n) {this.pos -= n;},
+  column: function() {return this.start;},
+  indentation: function() {return 0;},
+  match: function(pattern, consume, caseInsensitive) {
+    if (typeof pattern == "string") {
+      var cased = function(str) {return caseInsensitive ? str.toLowerCase() : str;};
+      var substr = this.string.substr(this.pos, pattern.length);
+      if (cased(substr) == cased(pattern)) {
+        if (consume !== false) this.pos += pattern.length;
+        return true;
+      }
+    } else {
+      var match = this.string.slice(this.pos).match(pattern);
+      if (match && match.index > 0) return null;
+      if (match && consume !== false) this.pos += match[0].length;
+      return match;
+    }
+  },
+  current: function(){return this.string.slice(this.start, this.pos);}
+};
+exports.StringStream = StringStream;
+
+exports.startState = function(mode, a1, a2) {
+  return mode.startState ? mode.startState(a1, a2) : true;
+};
+
+var modes = exports.modes = {}, mimeModes = exports.mimeModes = {};
+exports.defineMode = function(name, mode) {
+  if (arguments.length > 2) {
+    mode.dependencies = [];
+    for (var i = 2; i < arguments.length; ++i) mode.dependencies.push(arguments[i]);
+  }
+  modes[name] = mode;
+};
+exports.defineMIME = function(mime, spec) { mimeModes[mime] = spec; };
+
+exports.defineMode("null", function() {
+  return {token: function(stream) {stream.skipToEnd();}};
+});
+exports.defineMIME("text/plain", "null");
+
+exports.getMode = function(options, spec) {
+  if (typeof spec == "string" && mimeModes.hasOwnProperty(spec))
+    spec = mimeModes[spec];
+  if (typeof spec == "string")
+    var mname = spec, config = {};
+  else if (spec != null)
+    var mname = spec.name, config = spec;
+  var mfactory = modes[mname];
+  if (!mfactory) throw new Error("Unknown mode: " + spec);
+  return mfactory(options, config || {});
+};
+
+exports.runMode = function(string, modespec, callback) {
+  var mode = exports.getMode({indentUnit: 2}, modespec);
+  var lines = splitLines(string), state = exports.startState(mode);
+  for (var i = 0, e = lines.length; i < e; ++i) {
+    if (i) callback("\n");
+    var stream = new exports.StringStream(lines[i]);
+    while (!stream.eol()) {
+      var style = mode.token(stream, state);
+      callback(stream.current(), style, i, stream.start, state);
+      stream.start = stream.pos;
+    }
+  }
+};
diff --git a/src/main/webapp/codemirror/addon/scroll/scrollpastend.js b/src/main/webapp/codemirror/addon/scroll/scrollpastend.js
new file mode 100644
index 00000000..14d7d5ae
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/scroll/scrollpastend.js
@@ -0,0 +1,34 @@
+(function() {
+  "use strict";
+
+  CodeMirror.defineOption("scrollPastEnd", false, function(cm, val, old) {
+    if (old && old != CodeMirror.Init) {
+      cm.off("change", onChange);
+      cm.display.lineSpace.parentNode.style.paddingBottom = "";
+      cm.state.scrollPastEndPadding = null;
+    }
+    if (val) {
+      cm.on("change", onChange);
+      updateBottomMargin(cm);
+    }
+  });
+
+  function onChange(cm, change) {
+    if (CodeMirror.changeEnd(change).line == cm.lastLine())
+      updateBottomMargin(cm);
+  }
+
+  function updateBottomMargin(cm) {
+    var padding = "";
+    if (cm.lineCount() > 1) {
+      var totalH = cm.display.scroller.clientHeight - 30,
+          lastLineH = cm.getLineHandle(cm.lastLine()).height;
+      padding = (totalH - lastLineH) + "px";
+    }
+    if (cm.state.scrollPastEndPadding != padding) {
+      cm.state.scrollPastEndPadding = padding;
+      cm.display.lineSpace.parentNode.style.paddingBottom = padding;
+      cm.setSize();
+    }
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/search/match-highlighter.js b/src/main/webapp/codemirror/addon/search/match-highlighter.js
new file mode 100644
index 00000000..e5cbeaca
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/search/match-highlighter.js
@@ -0,0 +1,91 @@
+// Highlighting text that matches the selection
+//
+// Defines an option highlightSelectionMatches, which, when enabled,
+// will style strings that match the selection throughout the
+// document.
+//
+// The option can be set to true to simply enable it, or to a
+// {minChars, style, showToken} object to explicitly configure it.
+// minChars is the minimum amount of characters that should be
+// selected for the behavior to occur, and style is the token style to
+// apply to the matches. This will be prefixed by "cm-" to create an
+// actual CSS class name. showToken, when enabled, will cause the
+// current token to be highlighted when nothing is selected.
+
+(function() {
+  var DEFAULT_MIN_CHARS = 2;
+  var DEFAULT_TOKEN_STYLE = "matchhighlight";
+  var DEFAULT_DELAY = 100;
+
+  function State(options) {
+    if (typeof options == "object") {
+      this.minChars = options.minChars;
+      this.style = options.style;
+      this.showToken = options.showToken;
+      this.delay = options.delay;
+    }
+    if (this.style == null) this.style = DEFAULT_TOKEN_STYLE;
+    if (this.minChars == null) this.minChars = DEFAULT_MIN_CHARS;
+    if (this.delay == null) this.delay = DEFAULT_DELAY;
+    this.overlay = this.timeout = null;
+  }
+
+  CodeMirror.defineOption("highlightSelectionMatches", false, function(cm, val, old) {
+    if (old && old != CodeMirror.Init) {
+      var over = cm.state.matchHighlighter.overlay;
+      if (over) cm.removeOverlay(over);
+      clearTimeout(cm.state.matchHighlighter.timeout);
+      cm.state.matchHighlighter = null;
+      cm.off("cursorActivity", cursorActivity);
+    }
+    if (val) {
+      cm.state.matchHighlighter = new State(val);
+      highlightMatches(cm);
+      cm.on("cursorActivity", cursorActivity);
+    }
+  });
+
+  function cursorActivity(cm) {
+    var state = cm.state.matchHighlighter;
+    clearTimeout(state.timeout);
+    state.timeout = setTimeout(function() {highlightMatches(cm);}, state.delay);
+  }
+
+  function highlightMatches(cm) {
+    cm.operation(function() {
+      var state = cm.state.matchHighlighter;
+      if (state.overlay) {
+        cm.removeOverlay(state.overlay);
+        state.overlay = null;
+      }
+      if (!cm.somethingSelected() && state.showToken) {
+        var re = state.showToken === true ? /[\w$]/ : state.showToken;
+        var cur = cm.getCursor(), line = cm.getLine(cur.line), start = cur.ch, end = start;
+        while (start && re.test(line.charAt(start - 1))) --start;
+        while (end < line.length && re.test(line.charAt(end))) ++end;
+        if (start < end)
+          cm.addOverlay(state.overlay = makeOverlay(line.slice(start, end), re, state.style));
+        return;
+      }
+      if (cm.getCursor("head").line != cm.getCursor("anchor").line) return;
+      var selection = cm.getSelection().replace(/^\s+|\s+$/g, "");
+      if (selection.length >= state.minChars)
+        cm.addOverlay(state.overlay = makeOverlay(selection, false, state.style));
+    });
+  }
+
+  function boundariesAround(stream, re) {
+    return (!stream.start || !re.test(stream.string.charAt(stream.start - 1))) &&
+      (stream.pos == stream.string.length || !re.test(stream.string.charAt(stream.pos)));
+  }
+
+  function makeOverlay(query, hasBoundary, style) {
+    return {token: function(stream) {
+      if (stream.match(query) &&
+          (!hasBoundary || boundariesAround(stream, hasBoundary)))
+        return style;
+      stream.next();
+      stream.skipTo(query.charAt(0)) || stream.skipToEnd();
+    }};
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/search/search.js b/src/main/webapp/codemirror/addon/search/search.js
new file mode 100644
index 00000000..71ed75b5
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/search/search.js
@@ -0,0 +1,133 @@
+// Define search commands. Depends on dialog.js or another
+// implementation of the openDialog method.
+
+// Replace works a little oddly -- it will do the replace on the next
+// Ctrl-G (or whatever is bound to findNext) press. You prevent a
+// replace by making sure the match is no longer selected when hitting
+// Ctrl-G.
+
+(function() {
+  function searchOverlay(query) {
+    if (typeof query == "string") return {token: function(stream) {
+      if (stream.match(query)) return "searching";
+      stream.next();
+      stream.skipTo(query.charAt(0)) || stream.skipToEnd();
+    }};
+    return {token: function(stream) {
+      if (stream.match(query)) return "searching";
+      while (!stream.eol()) {
+        stream.next();
+        if (stream.match(query, false)) break;
+      }
+    }};
+  }
+
+  function SearchState() {
+    this.posFrom = this.posTo = this.query = null;
+    this.overlay = null;
+  }
+  function getSearchState(cm) {
+    return cm.state.search || (cm.state.search = new SearchState());
+  }
+  function getSearchCursor(cm, query, pos) {
+    // Heuristic: if the query string is all lowercase, do a case insensitive search.
+    return cm.getSearchCursor(query, pos, typeof query == "string" && query == query.toLowerCase());
+  }
+  function dialog(cm, text, shortText, f) {
+    if (cm.openDialog) cm.openDialog(text, f);
+    else f(prompt(shortText, ""));
+  }
+  function confirmDialog(cm, text, shortText, fs) {
+    if (cm.openConfirm) cm.openConfirm(text, fs);
+    else if (confirm(shortText)) fs[0]();
+  }
+  function parseQuery(query) {
+    var isRE = query.match(/^\/(.*)\/([a-z]*)$/);
+    return isRE ? new RegExp(isRE[1], isRE[2].indexOf("i") == -1 ? "" : "i") : query;
+  }
+  var queryDialog =
+    'Search: <input type="text" style="width: 10em"/> <span style="color: #888">(Use /re/ syntax for regexp search)</span>';
+  function doSearch(cm, rev) {
+    var state = getSearchState(cm);
+    if (state.query) return findNext(cm, rev);
+    dialog(cm, queryDialog, "Search for:", function(query) {
+      cm.operation(function() {
+        if (!query || state.query) return;
+        state.query = parseQuery(query);
+        cm.removeOverlay(state.overlay);
+        state.overlay = searchOverlay(state.query);
+        cm.addOverlay(state.overlay);
+        state.posFrom = state.posTo = cm.getCursor();
+        findNext(cm, rev);
+      });
+    });
+  }
+  function findNext(cm, rev) {cm.operation(function() {
+    var state = getSearchState(cm);
+    var cursor = getSearchCursor(cm, state.query, rev ? state.posFrom : state.posTo);
+    if (!cursor.find(rev)) {
+      cursor = getSearchCursor(cm, state.query, rev ? CodeMirror.Pos(cm.lastLine()) : CodeMirror.Pos(cm.firstLine(), 0));
+      if (!cursor.find(rev)) return;
+    }
+    cm.setSelection(cursor.from(), cursor.to());
+    cm.scrollIntoView({from: cursor.from(), to: cursor.to()});
+    state.posFrom = cursor.from(); state.posTo = cursor.to();
+  });}
+  function clearSearch(cm) {cm.operation(function() {
+    var state = getSearchState(cm);
+    if (!state.query) return;
+    state.query = null;
+    cm.removeOverlay(state.overlay);
+  });}
+
+  var replaceQueryDialog =
+    'Replace: <input type="text" style="width: 10em"/> <span style="color: #888">(Use /re/ syntax for regexp search)</span>';
+  var replacementQueryDialog = 'With: <input type="text" style="width: 10em"/>';
+  var doReplaceConfirm = "Replace? <button>Yes</button> <button>No</button> <button>Stop</button>";
+  function replace(cm, all) {
+    dialog(cm, replaceQueryDialog, "Replace:", function(query) {
+      if (!query) return;
+      query = parseQuery(query);
+      dialog(cm, replacementQueryDialog, "Replace with:", function(text) {
+        if (all) {
+          cm.operation(function() {
+            for (var cursor = getSearchCursor(cm, query); cursor.findNext();) {
+              if (typeof query != "string") {
+                var match = cm.getRange(cursor.from(), cursor.to()).match(query);
+                cursor.replace(text.replace(/\$(\d)/, function(_, i) {return match[i];}));
+              } else cursor.replace(text);
+            }
+          });
+        } else {
+          clearSearch(cm);
+          var cursor = getSearchCursor(cm, query, cm.getCursor());
+          var advance = function() {
+            var start = cursor.from(), match;
+            if (!(match = cursor.findNext())) {
+              cursor = getSearchCursor(cm, query);
+              if (!(match = cursor.findNext()) ||
+                  (start && cursor.from().line == start.line && cursor.from().ch == start.ch)) return;
+            }
+            cm.setSelection(cursor.from(), cursor.to());
+            cm.scrollIntoView({from: cursor.from(), to: cursor.to()});
+            confirmDialog(cm, doReplaceConfirm, "Replace?",
+                          [function() {doReplace(match);}, advance]);
+          };
+          var doReplace = function(match) {
+            cursor.replace(typeof query == "string" ? text :
+                           text.replace(/\$(\d)/, function(_, i) {return match[i];}));
+            advance();
+          };
+          advance();
+        }
+      });
+    });
+  }
+
+  CodeMirror.commands.find = function(cm) {clearSearch(cm); doSearch(cm);};
+  CodeMirror.commands.findNext = doSearch;
+  CodeMirror.commands.findPrev = function(cm) {doSearch(cm, true);};
+  CodeMirror.commands.clearSearch = clearSearch;
+  CodeMirror.commands.replace = replace;
+  CodeMirror.commands.replaceAll = function(cm) {replace(cm, true);};
+})();
diff --git a/src/main/webapp/codemirror/addon/search/searchcursor.js b/src/main/webapp/codemirror/addon/search/searchcursor.js
new file mode 100644
index 00000000..c034d586
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/search/searchcursor.js
@@ -0,0 +1,143 @@
+(function(){
+  var Pos = CodeMirror.Pos;
+
+  function SearchCursor(doc, query, pos, caseFold) {
+    this.atOccurrence = false; this.doc = doc;
+    if (caseFold == null && typeof query == "string") caseFold = false;
+
+    pos = pos ? doc.clipPos(pos) : Pos(0, 0);
+    this.pos = {from: pos, to: pos};
+
+    // The matches method is filled in based on the type of query.
+    // It takes a position and a direction, and returns an object
+    // describing the next occurrence of the query, or null if no
+    // more matches were found.
+    if (typeof query != "string") { // Regexp match
+      if (!query.global) query = new RegExp(query.source, query.ignoreCase ? "ig" : "g");
+      this.matches = function(reverse, pos) {
+        if (reverse) {
+          query.lastIndex = 0;
+          var line = doc.getLine(pos.line).slice(0, pos.ch), cutOff = 0, match, start;
+          for (;;) {
+            query.lastIndex = cutOff;
+            var newMatch = query.exec(line);
+            if (!newMatch) break;
+            match = newMatch;
+            start = match.index;
+            cutOff = match.index + (match[0].length || 1);
+            if (cutOff == line.length) break;
+          }
+          var matchLen = (match && match[0].length) || 0;
+          if (!matchLen) {
+            if (start == 0 && line.length == 0) {match = undefined;}
+            else if (start != doc.getLine(pos.line).length) {
+              matchLen++;
+            }
+          }
+        } else {
+          query.lastIndex = pos.ch;
+          var line = doc.getLine(pos.line), match = query.exec(line);
+          var matchLen = (match && match[0].length) || 0;
+          var start = match && match.index;
+          if (start + matchLen != line.length && !matchLen) matchLen = 1;
+        }
+        if (match && matchLen)
+          return {from: Pos(pos.line, start),
+                  to: Pos(pos.line, start + matchLen),
+                  match: match};
+      };
+    } else { // String query
+      if (caseFold) query = query.toLowerCase();
+      var fold = caseFold ? function(str){return str.toLowerCase();} : function(str){return str;};
+      var target = query.split("\n");
+      // Different methods for single-line and multi-line queries
+      if (target.length == 1) {
+        if (!query.length) {
+          // Empty string would match anything and never progress, so
+          // we define it to match nothing instead.
+          this.matches = function() {};
+        } else {
+          this.matches = function(reverse, pos) {
+            var line = fold(doc.getLine(pos.line)), len = query.length, match;
+            if (reverse ? (pos.ch >= len && (match = line.lastIndexOf(query, pos.ch - len)) != -1)
+                        : (match = line.indexOf(query, pos.ch)) != -1)
+              return {from: Pos(pos.line, match),
+                      to: Pos(pos.line, match + len)};
+          };
+        }
+      } else {
+        this.matches = function(reverse, pos) {
+          var ln = pos.line, idx = (reverse ? target.length - 1 : 0), match = target[idx], line = fold(doc.getLine(ln));
+          var offsetA = (reverse ? line.indexOf(match) + match.length : line.lastIndexOf(match));
+          if (reverse ? offsetA > pos.ch || offsetA != match.length
+              : offsetA < pos.ch || offsetA != line.length - match.length)
+            return;
+          for (;;) {
+            if (reverse ? !ln : ln == doc.lineCount() - 1) return;
+            line = fold(doc.getLine(ln += reverse ? -1 : 1));
+            match = target[reverse ? --idx : ++idx];
+            if (idx > 0 && idx < target.length - 1) {
+              if (line != match) return;
+              else continue;
+            }
+            var offsetB = (reverse ? line.lastIndexOf(match) : line.indexOf(match) + match.length);
+            if (reverse ? offsetB != line.length - match.length : offsetB != match.length)
+              return;
+            var start = Pos(pos.line, offsetA), end = Pos(ln, offsetB);
+            return {from: reverse ? end : start, to: reverse ? start : end};
+          }
+        };
+      }
+    }
+  }
+
+  SearchCursor.prototype = {
+    findNext: function() {return this.find(false);},
+    findPrevious: function() {return this.find(true);},
+
+    find: function(reverse) {
+      var self = this, pos = this.doc.clipPos(reverse ? this.pos.from : this.pos.to);
+      function savePosAndFail(line) {
+        var pos = Pos(line, 0);
+        self.pos = {from: pos, to: pos};
+        self.atOccurrence = false;
+        return false;
+      }
+
+      for (;;) {
+        if (this.pos = this.matches(reverse, pos)) {
+          if (!this.pos.from || !this.pos.to) { console.log(this.matches, this.pos); }
+          this.atOccurrence = true;
+          return this.pos.match || true;
+        }
+        if (reverse) {
+          if (!pos.line) return savePosAndFail(0);
+          pos = Pos(pos.line-1, this.doc.getLine(pos.line-1).length);
+        }
+        else {
+          var maxLine = this.doc.lineCount();
+          if (pos.line == maxLine - 1) return savePosAndFail(maxLine);
+          pos = Pos(pos.line + 1, 0);
+        }
+      }
+    },
+
+    from: function() {if (this.atOccurrence) return this.pos.from;},
+    to: function() {if (this.atOccurrence) return this.pos.to;},
+
+    replace: function(newText) {
+      if (!this.atOccurrence) return;
+      var lines = CodeMirror.splitLines(newText);
+      this.doc.replaceRange(lines, this.pos.from, this.pos.to);
+      this.pos.to = Pos(this.pos.from.line + lines.length - 1,
+                        lines[lines.length - 1].length + (lines.length == 1 ? this.pos.from.ch : 0));
+    }
+  };
+
+  CodeMirror.defineExtension("getSearchCursor", function(query, pos, caseFold) {
+    return new SearchCursor(this.doc, query, pos, caseFold);
+  });
+  CodeMirror.defineDocExtension("getSearchCursor", function(query, pos, caseFold) {
+    return new SearchCursor(this, query, pos, caseFold);
+  });
+})();
diff --git a/src/main/webapp/codemirror/addon/selection/active-line.js b/src/main/webapp/codemirror/addon/selection/active-line.js
new file mode 100644
index 00000000..e5050865
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/selection/active-line.js
@@ -0,0 +1,39 @@
+// Because sometimes you need to style the cursor's line.
+//
+// Adds an option 'styleActiveLine' which, when enabled, gives the
+// active line's wrapping <div> the CSS class "CodeMirror-activeline",
+// and gives its background <div> the class "CodeMirror-activeline-background".
+
+(function() {
+  "use strict";
+  var WRAP_CLASS = "CodeMirror-activeline";
+  var BACK_CLASS = "CodeMirror-activeline-background";
+
+  CodeMirror.defineOption("styleActiveLine", false, function(cm, val, old) {
+    var prev = old && old != CodeMirror.Init;
+    if (val && !prev) {
+      updateActiveLine(cm);
+      cm.on("cursorActivity", updateActiveLine);
+    } else if (!val && prev) {
+      cm.off("cursorActivity", updateActiveLine);
+      clearActiveLine(cm);
+      delete cm.state.activeLine;
+    }
+  });
+
+  function clearActiveLine(cm) {
+    if ("activeLine" in cm.state) {
+      cm.removeLineClass(cm.state.activeLine, "wrap", WRAP_CLASS);
+      cm.removeLineClass(cm.state.activeLine, "background", BACK_CLASS);
+    }
+  }
+
+  function updateActiveLine(cm) {
+    var line = cm.getLineHandleVisualStart(cm.getCursor().line);
+    if (cm.state.activeLine == line) return;
+    clearActiveLine(cm);
+    cm.addLineClass(line, "wrap", WRAP_CLASS);
+    cm.addLineClass(line, "background", BACK_CLASS);
+    cm.state.activeLine = line;
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/selection/mark-selection.js b/src/main/webapp/codemirror/addon/selection/mark-selection.js
new file mode 100644
index 00000000..c97776e4
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/selection/mark-selection.js
@@ -0,0 +1,108 @@
+// Because sometimes you need to mark the selected *text*.
+//
+// Adds an option 'styleSelectedText' which, when enabled, gives
+// selected text the CSS class given as option value, or
+// "CodeMirror-selectedtext" when the value is not a string.
+
+(function() {
+  "use strict";
+
+  CodeMirror.defineOption("styleSelectedText", false, function(cm, val, old) {
+    var prev = old && old != CodeMirror.Init;
+    if (val && !prev) {
+      cm.state.markedSelection = [];
+      cm.state.markedSelectionStyle = typeof val == "string" ? val : "CodeMirror-selectedtext";
+      reset(cm);
+      cm.on("cursorActivity", onCursorActivity);
+      cm.on("change", onChange);
+    } else if (!val && prev) {
+      cm.off("cursorActivity", onCursorActivity);
+      cm.off("change", onChange);
+      clear(cm);
+      cm.state.markedSelection = cm.state.markedSelectionStyle = null;
+    }
+  });
+
+  function onCursorActivity(cm) {
+    cm.operation(function() { update(cm); });
+  }
+
+  function onChange(cm) {
+    if (cm.state.markedSelection.length)
+      cm.operation(function() { clear(cm); });
+  }
+
+  var CHUNK_SIZE = 8;
+  var Pos = CodeMirror.Pos;
+
+  function cmp(pos1, pos2) {
+    return pos1.line - pos2.line || pos1.ch - pos2.ch;
+  }
+
+  function coverRange(cm, from, to, addAt) {
+    if (cmp(from, to) == 0) return;
+    var array = cm.state.markedSelection;
+    var cls = cm.state.markedSelectionStyle;
+    for (var line = from.line;;) {
+      var start = line == from.line ? from : Pos(line, 0);
+      var endLine = line + CHUNK_SIZE, atEnd = endLine >= to.line;
+      var end = atEnd ? to : Pos(endLine, 0);
+      var mark = cm.markText(start, end, {className: cls});
+      if (addAt == null) array.push(mark);
+      else array.splice(addAt++, 0, mark);
+      if (atEnd) break;
+      line = endLine;
+    }
+  }
+
+  function clear(cm) {
+    var array = cm.state.markedSelection;
+    for (var i = 0; i < array.length; ++i) array[i].clear();
+    array.length = 0;
+  }
+
+  function reset(cm) {
+    clear(cm);
+    var from = cm.getCursor("start"), to = cm.getCursor("end");
+    coverRange(cm, from, to);
+  }
+
+  function update(cm) {
+    var from = cm.getCursor("start"), to = cm.getCursor("end");
+    if (cmp(from, to) == 0) return clear(cm);
+
+    var array = cm.state.markedSelection;
+    if (!array.length) return coverRange(cm, from, to);
+
+    var coverStart = array[0].find(), coverEnd = array[array.length - 1].find();
+    if (!coverStart || !coverEnd || to.line - from.line < CHUNK_SIZE ||
+        cmp(from, coverEnd.to) >= 0 || cmp(to, coverStart.from) <= 0)
+      return reset(cm);
+
+    while (cmp(from, coverStart.from) > 0) {
+      array.shift().clear();
+      coverStart = array[0].find();
+    }
+    if (cmp(from, coverStart.from) < 0) {
+      if (coverStart.to.line - from.line < CHUNK_SIZE) {
+        array.shift().clear();
+        coverRange(cm, from, coverStart.to, 0);
+      } else {
+        coverRange(cm, from, coverStart.from, 0);
+      }
+    }
+
+    while (cmp(to, coverEnd.to) < 0) {
+      array.pop().clear();
+      coverEnd = array[array.length - 1].find();
+    }
+    if (cmp(to, coverEnd.to) > 0) {
+      if (to.line - coverEnd.from.line < CHUNK_SIZE) {
+        array.pop().clear();
+        coverRange(cm, coverEnd.from, to);
+      } else {
+        coverRange(cm, coverEnd.to, to);
+      }
+    }
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/tern/tern.css b/src/main/webapp/codemirror/addon/tern/tern.css
new file mode 100644
index 00000000..eacc2f05
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/tern/tern.css
@@ -0,0 +1,85 @@
+.CodeMirror-Tern-completion {
+  padding-left: 22px;
+  position: relative;
+}
+.CodeMirror-Tern-completion:before {
+  position: absolute;
+  left: 2px;
+  bottom: 2px;
+  border-radius: 50%;
+  font-size: 12px;
+  font-weight: bold;
+  height: 15px;
+  width: 15px;
+  line-height: 16px;
+  text-align: center;
+  color: white;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.CodeMirror-Tern-completion-unknown:before {
+  content: "?";
+  background: #4bb;
+}
+.CodeMirror-Tern-completion-object:before {
+  content: "O";
+  background: #77c;
+}
+.CodeMirror-Tern-completion-fn:before {
+  content: "F";
+  background: #7c7;
+}
+.CodeMirror-Tern-completion-array:before {
+  content: "A";
+  background: #c66;
+}
+.CodeMirror-Tern-completion-number:before {
+  content: "1";
+  background: #999;
+}
+.CodeMirror-Tern-completion-string:before {
+  content: "S";
+  background: #999;
+}
+.CodeMirror-Tern-completion-bool:before {
+  content: "B";
+  background: #999;
+}
+
+.CodeMirror-Tern-completion-guess {
+  color: #999;
+}
+
+.CodeMirror-Tern-tooltip {
+  border: 1px solid silver;
+  border-radius: 3px;
+  color: #444;
+  padding: 2px 5px;
+  font-size: 90%;
+  font-family: monospace;
+  background-color: white;
+  white-space: pre-wrap;
+
+  max-width: 40em;
+  position: absolute;
+  z-index: 10;
+  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+
+  transition: opacity 1s;
+  -moz-transition: opacity 1s;
+  -webkit-transition: opacity 1s;
+  -o-transition: opacity 1s;
+  -ms-transition: opacity 1s;
+}
+
+.CodeMirror-Tern-hint-doc {
+  max-width: 25em;
+}
+
+.CodeMirror-Tern-fname { color: black; }
+.CodeMirror-Tern-farg { color: #70a; }
+.CodeMirror-Tern-farg-current { text-decoration: underline; }
+.CodeMirror-Tern-type { color: #07c; }
+.CodeMirror-Tern-fhint-guess { opacity: .7; }
diff --git a/src/main/webapp/codemirror/addon/tern/tern.js b/src/main/webapp/codemirror/addon/tern/tern.js
new file mode 100644
index 00000000..1f18a657
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/tern/tern.js
@@ -0,0 +1,632 @@
+// Glue code between CodeMirror and Tern.
+//
+// Create a CodeMirror.TernServer to wrap an actual Tern server,
+// register open documents (CodeMirror.Doc instances) with it, and
+// call its methods to activate the assisting functions that Tern
+// provides.
+//
+// Options supported (all optional):
+// * defs: An array of JSON definition data structures.
+// * plugins: An object mapping plugin names to configuration
+//   options.
+// * getFile: A function(name, c) that can be used to access files in
+//   the project that haven't been loaded yet. Simply do c(null) to
+//   indicate that a file is not available.
+// * fileFilter: A function(value, docName, doc) that will be applied
+//   to documents before passing them on to Tern.
+// * switchToDoc: A function(name) that should, when providing a
+//   multi-file view, switch the view or focus to the named file.
+// * showError: A function(editor, message) that can be used to
+//   override the way errors are displayed.
+// * completionTip: Customize the content in tooltips for completions.
+//   Is passed a single argument—the completion's data as returned by
+//   Tern—and may return a string, DOM node, or null to indicate that
+//   no tip should be shown. By default the docstring is shown.
+// * typeTip: Like completionTip, but for the tooltips shown for type
+//   queries.
+// * responseFilter: A function(doc, query, request, error, data) that
+//   will be applied to the Tern responses before treating them
+//
+//
+// It is possible to run the Tern server in a web worker by specifying
+// these additional options:
+// * useWorker: Set to true to enable web worker mode. You'll probably
+//   want to feature detect the actual value you use here, for example
+//   !!window.Worker.
+// * workerScript: The main script of the worker. Point this to
+//   wherever you are hosting worker.js from this directory.
+// * workerDeps: An array of paths pointing (relative to workerScript)
+//   to the Acorn and Tern libraries and any Tern plugins you want to
+//   load. Or, if you minified those into a single script and included
+//   them in the workerScript, simply leave this undefined.
+
+(function() {
+  "use strict";
+  // declare global: tern
+
+  CodeMirror.TernServer = function(options) {
+    var self = this;
+    this.options = options || {};
+    var plugins = this.options.plugins || (this.options.plugins = {});
+    if (!plugins.doc_comment) plugins.doc_comment = true;
+    if (this.options.useWorker) {
+      this.server = new WorkerServer(this);
+    } else {
+      this.server = new tern.Server({
+        getFile: function(name, c) { return getFile(self, name, c); },
+        async: true,
+        defs: this.options.defs || [],
+        plugins: plugins
+      });
+    }
+    this.docs = Object.create(null);
+    this.trackChange = function(doc, change) { trackChange(self, doc, change); };
+
+    this.cachedArgHints = null;
+    this.activeArgHints = null;
+    this.jumpStack = [];
+  };
+
+  CodeMirror.TernServer.prototype = {
+    addDoc: function(name, doc) {
+      var data = {doc: doc, name: name, changed: null};
+      this.server.addFile(name, docValue(this, data));
+      CodeMirror.on(doc, "change", this.trackChange);
+      return this.docs[name] = data;
+    },
+
+    delDoc: function(name) {
+      var found = this.docs[name];
+      if (!found) return;
+      CodeMirror.off(found.doc, "change", this.trackChange);
+      delete this.docs[name];
+      this.server.delFile(name);
+    },
+
+    hideDoc: function(name) {
+      closeArgHints(this);
+      var found = this.docs[name];
+      if (found && found.changed) sendDoc(this, found);
+    },
+
+    complete: function(cm) {
+      var self = this;
+      CodeMirror.showHint(cm, function(cm, c) { return hint(self, cm, c); }, {async: true});
+    },
+
+    getHint: function(cm, c) { return hint(this, cm, c); },
+
+    showType: function(cm, pos) { showType(this, cm, pos); },
+
+    updateArgHints: function(cm) { updateArgHints(this, cm); },
+
+    jumpToDef: function(cm) { jumpToDef(this, cm); },
+
+    jumpBack: function(cm) { jumpBack(this, cm); },
+
+    rename: function(cm) { rename(this, cm); },
+
+    request: function (cm, query, c, pos) {
+      var self = this;
+      var doc = findDoc(this, cm.getDoc());
+      var request = buildRequest(this, doc, query, pos);
+
+      this.server.request(request, function (error, data) {
+        if (!error && self.options.responseFilter)
+          data = self.options.responseFilter(doc, query, request, error, data);
+        c(error, data);
+      });
+    }
+  };
+
+  var Pos = CodeMirror.Pos;
+  var cls = "CodeMirror-Tern-";
+  var bigDoc = 250;
+
+  function getFile(ts, name, c) {
+    var buf = ts.docs[name];
+    if (buf)
+      c(docValue(ts, buf));
+    else if (ts.options.getFile)
+      ts.options.getFile(name, c);
+    else
+      c(null);
+  }
+
+  function findDoc(ts, doc, name) {
+    for (var n in ts.docs) {
+      var cur = ts.docs[n];
+      if (cur.doc == doc) return cur;
+    }
+    if (!name) for (var i = 0;; ++i) {
+      n = "[doc" + (i || "") + "]";
+      if (!ts.docs[n]) { name = n; break; }
+    }
+    return ts.addDoc(name, doc);
+  }
+
+  function trackChange(ts, doc, change) {
+    var data = findDoc(ts, doc);
+
+    var argHints = ts.cachedArgHints;
+    if (argHints && argHints.doc == doc && cmpPos(argHints.start, change.to) <= 0)
+      ts.cachedArgHints = null;
+
+    var changed = data.changed;
+    if (changed == null)
+      data.changed = changed = {from: change.from.line, to: change.from.line};
+    var end = change.from.line + (change.text.length - 1);
+    if (change.from.line < changed.to) changed.to = changed.to - (change.to.line - end);
+    if (end >= changed.to) changed.to = end + 1;
+    if (changed.from > change.from.line) changed.from = change.from.line;
+
+    if (doc.lineCount() > bigDoc && change.to - changed.from > 100) setTimeout(function() {
+      if (data.changed && data.changed.to - data.changed.from > 100) sendDoc(ts, data);
+    }, 200);
+  }
+
+  function sendDoc(ts, doc) {
+    ts.server.request({files: [{type: "full", name: doc.name, text: docValue(ts, doc)}]}, function(error) {
+      if (error) console.error(error);
+      else doc.changed = null;
+    });
+  }
+
+  // Completion
+
+  function hint(ts, cm, c) {
+    ts.request(cm, {type: "completions", types: true, docs: true, urls: true}, function(error, data) {
+      if (error) return showError(ts, cm, error);
+      var completions = [], after = "";
+      var from = data.start, to = data.end;
+      if (cm.getRange(Pos(from.line, from.ch - 2), from) == "[\"" &&
+          cm.getRange(to, Pos(to.line, to.ch + 2)) != "\"]")
+        after = "\"]";
+
+      for (var i = 0; i < data.completions.length; ++i) {
+        var completion = data.completions[i], className = typeToIcon(completion.type);
+        if (data.guess) className += " " + cls + "guess";
+        completions.push({text: completion.name + after,
+                          displayText: completion.name,
+                          className: className,
+                          data: completion});
+      }
+
+      var obj = {from: from, to: to, list: completions};
+      var tooltip = null;
+      CodeMirror.on(obj, "close", function() { remove(tooltip); });
+      CodeMirror.on(obj, "update", function() { remove(tooltip); });
+      CodeMirror.on(obj, "select", function(cur, node) {
+        remove(tooltip);
+        var content = ts.options.completionTip ? ts.options.completionTip(cur.data) : cur.data.doc;
+        if (content) {
+          tooltip = makeTooltip(node.parentNode.getBoundingClientRect().right + window.pageXOffset,
+                                node.getBoundingClientRect().top + window.pageYOffset, content);
+          tooltip.className += " " + cls + "hint-doc";
+        }
+      });
+      c(obj);
+    });
+  }
+
+  function typeToIcon(type) {
+    var suffix;
+    if (type == "?") suffix = "unknown";
+    else if (type == "number" || type == "string" || type == "bool") suffix = type;
+    else if (/^fn\(/.test(type)) suffix = "fn";
+    else if (/^\[/.test(type)) suffix = "array";
+    else suffix = "object";
+    return cls + "completion " + cls + "completion-" + suffix;
+  }
+
+  // Type queries
+
+  function showType(ts, cm, pos) {
+    ts.request(cm, "type", function(error, data) {
+      if (error) return showError(ts, cm, error);
+      if (ts.options.typeTip) {
+        var tip = ts.options.typeTip(data);
+      } else {
+        var tip = elt("span", null, elt("strong", null, data.type || "not found"));
+        if (data.doc)
+          tip.appendChild(document.createTextNode(" — " + data.doc));
+        if (data.url) {
+          tip.appendChild(document.createTextNode(" "));
+          tip.appendChild(elt("a", null, "[docs]")).href = data.url;
+        }
+      }
+      tempTooltip(cm, tip);
+    }, pos);
+  }
+
+  // Maintaining argument hints
+
+  function updateArgHints(ts, cm) {
+    closeArgHints(ts);
+
+    if (cm.somethingSelected()) return;
+    var state = cm.getTokenAt(cm.getCursor()).state;
+    var inner = CodeMirror.innerMode(cm.getMode(), state);
+    if (inner.mode.name != "javascript") return;
+    var lex = inner.state.lexical;
+    if (lex.info != "call") return;
+
+    var ch, pos = lex.pos || 0, tabSize = cm.getOption("tabSize");
+    for (var line = cm.getCursor().line, e = Math.max(0, line - 9), found = false; line >= e; --line) {
+      var str = cm.getLine(line), extra = 0;
+      for (var pos = 0;;) {
+        var tab = str.indexOf("\t", pos);
+        if (tab == -1) break;
+        extra += tabSize - (tab + extra) % tabSize - 1;
+        pos = tab + 1;
+      }
+      ch = lex.column - extra;
+      if (str.charAt(ch) == "(") {found = true; break;}
+    }
+    if (!found) return;
+
+    var start = Pos(line, ch);
+    var cache = ts.cachedArgHints;
+    if (cache && cache.doc == cm.getDoc() && cmpPos(start, cache.start) == 0)
+      return showArgHints(ts, cm, pos);
+
+    ts.request(cm, {type: "type", preferFunction: true, end: start}, function(error, data) {
+      if (error || !data.type || !(/^fn\(/).test(data.type)) return;
+      ts.cachedArgHints = {
+        start: pos,
+        type: parseFnType(data.type),
+        name: data.exprName || data.name || "fn",
+        guess: data.guess,
+        doc: cm.getDoc()
+      };
+      showArgHints(ts, cm, pos);
+    });
+  }
+
+  function showArgHints(ts, cm, pos) {
+    closeArgHints(ts);
+
+    var cache = ts.cachedArgHints, tp = cache.type;
+    var tip = elt("span", cache.guess ? cls + "fhint-guess" : null,
+                  elt("span", cls + "fname", cache.name), "(");
+    for (var i = 0; i < tp.args.length; ++i) {
+      if (i) tip.appendChild(document.createTextNode(", "));
+      var arg = tp.args[i];
+      tip.appendChild(elt("span", cls + "farg" + (i == pos ? " " + cls + "farg-current" : ""), arg.name || "?"));
+      if (arg.type != "?") {
+        tip.appendChild(document.createTextNode(":\u00a0"));
+        tip.appendChild(elt("span", cls + "type", arg.type));
+      }
+    }
+    tip.appendChild(document.createTextNode(tp.rettype ? ") ->\u00a0" : ")"));
+    if (tp.rettype) tip.appendChild(elt("span", cls + "type", tp.rettype));
+    var place = cm.cursorCoords(null, "page");
+    ts.activeArgHints = makeTooltip(place.right + 1, place.bottom, tip);
+  }
+
+  function parseFnType(text) {
+    var args = [], pos = 3;
+
+    function skipMatching(upto) {
+      var depth = 0, start = pos;
+      for (;;) {
+        var next = text.charAt(pos);
+        if (upto.test(next) && !depth) return text.slice(start, pos);
+        if (/[{\[\(]/.test(next)) ++depth;
+        else if (/[}\]\)]/.test(next)) --depth;
+        ++pos;
+      }
+    }
+
+    // Parse arguments
+    if (text.charAt(pos) != ")") for (;;) {
+      var name = text.slice(pos).match(/^([^, \(\[\{]+): /);
+      if (name) {
+        pos += name[0].length;
+        name = name[1];
+      }
+      args.push({name: name, type: skipMatching(/[\),]/)});
+      if (text.charAt(pos) == ")") break;
+      pos += 2;
+    }
+
+    var rettype = text.slice(pos).match(/^\) -> (.*)$/);
+
+    return {args: args, rettype: rettype && rettype[1]};
+  }
+
+  // Moving to the definition of something
+
+  function jumpToDef(ts, cm) {
+    function inner(varName) {
+      var req = {type: "definition", variable: varName || null};
+      var doc = findDoc(ts, cm.getDoc());
+      ts.server.request(buildRequest(ts, doc, req), function(error, data) {
+        if (error) return showError(ts, cm, error);
+        if (!data.file && data.url) { window.open(data.url); return; }
+
+        if (data.file) {
+          var localDoc = ts.docs[data.file], found;
+          if (localDoc && (found = findContext(localDoc.doc, data))) {
+            ts.jumpStack.push({file: doc.name,
+                               start: cm.getCursor("from"),
+                               end: cm.getCursor("to")});
+            moveTo(ts, doc, localDoc, found.start, found.end);
+            return;
+          }
+        }
+        showError(ts, cm, "Could not find a definition.");
+      });
+    }
+
+    if (!atInterestingExpression(cm))
+      dialog(cm, "Jump to variable", function(name) { if (name) inner(name); });
+    else
+      inner();
+  }
+
+  function jumpBack(ts, cm) {
+    var pos = ts.jumpStack.pop(), doc = pos && ts.docs[pos.file];
+    if (!doc) return;
+    moveTo(ts, findDoc(ts, cm.getDoc()), doc, pos.start, pos.end);
+  }
+
+  function moveTo(ts, curDoc, doc, start, end) {
+    doc.doc.setSelection(end, start);
+    if (curDoc != doc && ts.options.switchToDoc) {
+      closeArgHints(ts);
+      ts.options.switchToDoc(doc.name);
+    }
+  }
+
+  // The {line,ch} representation of positions makes this rather awkward.
+  function findContext(doc, data) {
+    var before = data.context.slice(0, data.contextOffset).split("\n");
+    var startLine = data.start.line - (before.length - 1);
+    var start = Pos(startLine, (before.length == 1 ? data.start.ch : doc.getLine(startLine).length) - before[0].length);
+
+    var text = doc.getLine(startLine).slice(start.ch);
+    for (var cur = startLine + 1; cur < doc.lineCount() && text.length < data.context.length; ++cur)
+      text += "\n" + doc.getLine(cur);
+    if (text.slice(0, data.context.length) == data.context) return data;
+
+    var cursor = doc.getSearchCursor(data.context, 0, false);
+    var nearest, nearestDist = Infinity;
+    while (cursor.findNext()) {
+      var from = cursor.from(), dist = Math.abs(from.line - start.line) * 10000;
+      if (!dist) dist = Math.abs(from.ch - start.ch);
+      if (dist < nearestDist) { nearest = from; nearestDist = dist; }
+    }
+    if (!nearest) return null;
+
+    if (before.length == 1)
+      nearest.ch += before[0].length;
+    else
+      nearest = Pos(nearest.line + (before.length - 1), before[before.length - 1].length);
+    if (data.start.line == data.end.line)
+      var end = Pos(nearest.line, nearest.ch + (data.end.ch - data.start.ch));
+    else
+      var end = Pos(nearest.line + (data.end.line - data.start.line), data.end.ch);
+    return {start: nearest, end: end};
+  }
+
+  function atInterestingExpression(cm) {
+    var pos = cm.getCursor("end"), tok = cm.getTokenAt(pos);
+    if (tok.start < pos.ch && (tok.type == "comment" || tok.type == "string")) return false;
+    return /\w/.test(cm.getLine(pos.line).slice(Math.max(pos.ch - 1, 0), pos.ch + 1));
+  }
+
+  // Variable renaming
+
+  function rename(ts, cm) {
+    var token = cm.getTokenAt(cm.getCursor());
+    if (!/\w/.test(token.string)) showError(ts, cm, "Not at a variable");
+    dialog(cm, "New name for " + token.string, function(newName) {
+      ts.request(cm, {type: "rename", newName: newName, fullDocs: true}, function(error, data) {
+        if (error) return showError(ts, cm, error);
+        applyChanges(ts, data.changes);
+      });
+    });
+  }
+
+  var nextChangeOrig = 0;
+  function applyChanges(ts, changes) {
+    var perFile = Object.create(null);
+    for (var i = 0; i < changes.length; ++i) {
+      var ch = changes[i];
+      (perFile[ch.file] || (perFile[ch.file] = [])).push(ch);
+    }
+    for (var file in perFile) {
+      var known = ts.docs[file], chs = perFile[file];;
+      if (!known) continue;
+      chs.sort(function(a, b) { return cmpPos(b.start, a.start); });
+      var origin = "*rename" + (++nextChangeOrig);
+      for (var i = 0; i < chs.length; ++i) {
+        var ch = chs[i];
+        known.doc.replaceRange(ch.text, ch.start, ch.end, origin);
+      }
+    }
+  }
+
+  // Generic request-building helper
+
+  function buildRequest(ts, doc, query, pos) {
+    var files = [], offsetLines = 0, allowFragments = !query.fullDocs;
+    if (!allowFragments) delete query.fullDocs;
+    if (typeof query == "string") query = {type: query};
+    query.lineCharPositions = true;
+    if (query.end == null) {
+      query.end = pos || doc.doc.getCursor("end");
+      if (doc.doc.somethingSelected())
+        query.start = doc.doc.getCursor("start");
+    }
+    var startPos = query.start || query.end;
+
+    if (doc.changed) {
+      if (doc.doc.lineCount() > bigDoc && allowFragments !== false &&
+          doc.changed.to - doc.changed.from < 100 &&
+          doc.changed.from <= startPos.line && doc.changed.to > query.end.line) {
+        files.push(getFragmentAround(doc, startPos, query.end));
+        query.file = "#0";
+        var offsetLines = files[0].offsetLines;
+        if (query.start != null) query.start = Pos(query.start.line - -offsetLines, query.start.ch);
+        query.end = Pos(query.end.line - offsetLines, query.end.ch);
+      } else {
+        files.push({type: "full",
+                    name: doc.name,
+                    text: docValue(ts, doc)});
+        query.file = doc.name;
+        doc.changed = null;
+      }
+    } else {
+      query.file = doc.name;
+    }
+    for (var name in ts.docs) {
+      var cur = ts.docs[name];
+      if (cur.changed && cur != doc) {
+        files.push({type: "full", name: cur.name, text: docValue(ts, cur)});
+        cur.changed = null;
+      }
+    }
+
+    return {query: query, files: files};
+  }
+
+  function getFragmentAround(data, start, end) {
+    var doc = data.doc;
+    var minIndent = null, minLine = null, endLine, tabSize = 4;
+    for (var p = start.line - 1, min = Math.max(0, p - 50); p >= min; --p) {
+      var line = doc.getLine(p), fn = line.search(/\bfunction\b/);
+      if (fn < 0) continue;
+      var indent = CodeMirror.countColumn(line, null, tabSize);
+      if (minIndent != null && minIndent <= indent) continue;
+      minIndent = indent;
+      minLine = p;
+    }
+    if (minLine == null) minLine = min;
+    var max = Math.min(doc.lastLine(), end.line + 20);
+    if (minIndent == null || minIndent == CodeMirror.countColumn(doc.getLine(start.line), null, tabSize))
+      endLine = max;
+    else for (endLine = end.line + 1; endLine < max; ++endLine) {
+      var indent = CodeMirror.countColumn(doc.getLine(endLine), null, tabSize);
+      if (indent <= minIndent) break;
+    }
+    var from = Pos(minLine, 0);
+
+    return {type: "part",
+            name: data.name,
+            offsetLines: from.line,
+            text: doc.getRange(from, Pos(endLine, 0))};
+  }
+
+  // Generic utilities
+
+  function cmpPos(a, b) { return a.line - b.line || a.ch - b.ch; }
+
+  function elt(tagname, cls /*, ... elts*/) {
+    var e = document.createElement(tagname);
+    if (cls) e.className = cls;
+    for (var i = 2; i < arguments.length; ++i) {
+      var elt = arguments[i];
+      if (typeof elt == "string") elt = document.createTextNode(elt);
+      e.appendChild(elt);
+    }
+    return e;
+  }
+
+  function dialog(cm, text, f) {
+    if (cm.openDialog)
+      cm.openDialog(text + ": <input type=text>", f);
+    else
+      f(prompt(text, ""));
+  }
+
+  // Tooltips
+
+  function tempTooltip(cm, content) {
+    var where = cm.cursorCoords();
+    var tip = makeTooltip(where.right + 1, where.bottom, content);
+    function clear() {
+      if (!tip.parentNode) return;
+      cm.off("cursorActivity", clear);
+      fadeOut(tip);
+    }
+    setTimeout(clear, 1700);
+    cm.on("cursorActivity", clear);
+  }
+
+  function makeTooltip(x, y, content) {
+    var node = elt("div", cls + "tooltip", content);
+    node.style.left = x + "px";
+    node.style.top = y + "px";
+    document.body.appendChild(node);
+    return node;
+  }
+
+  function remove(node) {
+    var p = node && node.parentNode;
+    if (p) p.removeChild(node);
+  }
+
+  function fadeOut(tooltip) {
+    tooltip.style.opacity = "0";
+    setTimeout(function() { remove(tooltip); }, 1100);
+  }
+
+  function showError(ts, cm, msg) {
+    if (ts.options.showError)
+      ts.options.showError(cm, msg);
+    else
+      tempTooltip(cm, String(msg));
+  }
+
+  function closeArgHints(ts) {
+    if (ts.activeArgHints) { remove(ts.activeArgHints); ts.activeArgHints = null; }
+  }
+
+  function docValue(ts, doc) {
+    var val = doc.doc.getValue();
+    if (ts.options.fileFilter) val = ts.options.fileFilter(val, doc.name, doc.doc);
+    return val;
+  }
+
+  // Worker wrapper
+
+  function WorkerServer(ts) {
+    var worker = new Worker(ts.options.workerScript);
+    worker.postMessage({type: "init",
+                        defs: ts.options.defs,
+                        plugins: ts.options.plugins,
+                        scripts: ts.options.workerDeps});
+    var msgId = 0, pending = {};
+
+    function send(data, c) {
+      if (c) {
+        data.id = ++msgId;
+        pending[msgId] = c;
+      }
+      worker.postMessage(data);
+    }
+    worker.onmessage = function(e) {
+      var data = e.data;
+      if (data.type == "getFile") {
+        getFile(ts, data.name, function(err, text) {
+          send({type: "getFile", err: String(err), text: text, id: data.id});
+        });
+      } else if (data.type == "debug") {
+        console.log(data.message);
+      } else if (data.id && pending[data.id]) {
+        pending[data.id](data.err, data.body);
+        delete pending[data.id];
+      }
+    };
+    worker.onerror = function(e) {
+      for (var id in pending) pending[id](e);
+      pending = {};
+    };
+
+    this.addFile = function(name, text) { send({type: "add", name: name, text: text}); };
+    this.delFile = function(name) { send({type: "del", name: name}); };
+    this.request = function(body, c) { send({type: "req", body: body}, c); };
+  }
+})();
diff --git a/src/main/webapp/codemirror/addon/tern/worker.js b/src/main/webapp/codemirror/addon/tern/worker.js
new file mode 100644
index 00000000..1ff63de4
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/tern/worker.js
@@ -0,0 +1,41 @@
+// declare global: tern, server
+
+var server;
+
+this.onmessage = function(e) {
+  var data = e.data;
+  switch (data.type) {
+  case "init": return startServer(data.defs, data.plugins, data.scripts);
+  case "add": return server.addFile(data.name, data.text);
+  case "del": return server.delFile(data.name);
+  case "req": return server.request(data.body, function(err, reqData) {
+    postMessage({id: data.id, body: reqData, err: err && String(err)});
+  });
+  case "getFile":
+    var c = pending[data.id];
+    delete pending[data.id];
+    return c(data.err, data.text);
+  default: throw new Error("Unknown message type: " + data.type);
+  }
+};
+
+var nextId = 0, pending = {};
+function getFile(file, c) {
+  postMessage({type: "getFile", name: file, id: ++nextId});
+  pending[nextId] = c;
+}
+
+function startServer(defs, plugins, scripts) {
+  if (scripts) importScripts.apply(null, scripts);
+
+  server = new tern.Server({
+    getFile: getFile,
+    async: true,
+    defs: defs,
+    plugins: plugins
+  });
+}
+
+var console = {
+  log: function(v) { postMessage({type: "debug", message: v}); }
+};
diff --git a/src/main/webapp/codemirror/addon/wrap/hardwrap.js b/src/main/webapp/codemirror/addon/wrap/hardwrap.js
new file mode 100644
index 00000000..f252ffc9
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/wrap/hardwrap.js
@@ -0,0 +1,99 @@
+(function() {
+  "use strict";
+
+  var Pos = CodeMirror.Pos;
+
+  function findParagraph(cm, pos, options) {
+    var startRE = options.paragraphStart || cm.getHelper(pos, "paragraphStart");
+    for (var start = pos.line, first = cm.firstLine(); start > first; --start) {
+      var line = cm.getLine(start);
+      if (startRE && startRE.test(line)) break;
+      if (!/\S/.test(line)) { ++start; break; }
+    }
+    var endRE = options.paragraphEnd || cm.getHelper(pos, "paragraphEnd");
+    for (var end = pos.line + 1, last = cm.lastLine(); end <= last; ++end) {
+      var line = cm.getLine(end);
+      if (endRE && endRE.test(line)) { ++end; break; }
+      if (!/\S/.test(line)) break;
+    }
+    return {from: start, to: end};
+  }
+
+  function findBreakPoint(text, column, wrapOn, killTrailingSpace) {
+    for (var at = column; at > 0; --at)
+      if (wrapOn.test(text.slice(at - 1, at + 1))) break;
+    if (at == 0) at = column;
+    var endOfText = at;
+    if (killTrailingSpace)
+      while (text.charAt(endOfText - 1) == " ") --endOfText;
+    return {from: endOfText, to: at};
+  }
+
+  function wrapRange(cm, from, to, options) {
+    from = cm.clipPos(from); to = cm.clipPos(to);
+    var column = options.column || 80;
+    var wrapOn = options.wrapOn || /\s\S|-[^\.\d]/;
+    var killTrailing = options.killTrailingSpace !== false;
+    var changes = [], curLine = "", curNo = from.line;
+    var lines = cm.getRange(from, to, false);
+    for (var i = 0; i < lines.length; ++i) {
+      var text = lines[i], oldLen = curLine.length, spaceInserted = 0;
+      if (curLine && text && !wrapOn.test(curLine.charAt(curLine.length - 1) + text.charAt(0))) {
+        curLine += " ";
+        spaceInserted = 1;
+      }
+      curLine += text;
+      if (i) {
+        var firstBreak = curLine.length > column && findBreakPoint(curLine, column, wrapOn, killTrailing);
+        // If this isn't broken, or is broken at a different point, remove old break
+        if (!firstBreak || firstBreak.from != oldLen || firstBreak.to != oldLen + spaceInserted) {
+          changes.push({text: spaceInserted ? " " : "",
+                        from: Pos(curNo, oldLen),
+                        to: Pos(curNo + 1, 0)});
+        } else {
+          curLine = text;
+          ++curNo;
+        }
+      }
+      while (curLine.length > column) {
+        var bp = findBreakPoint(curLine, column, wrapOn, killTrailing);
+        changes.push({text: "\n",
+                      from: Pos(curNo, bp.from),
+                      to: Pos(curNo, bp.to)});
+        curLine = curLine.slice(bp.to);
+        ++curNo;
+      }
+    }
+    if (changes.length) cm.operation(function() {
+      for (var i = 0; i < changes.length; ++i) {
+        var change = changes[i];
+        cm.replaceRange(change.text, change.from, change.to);
+      }
+    });
+  }
+
+  CodeMirror.defineExtension("wrapParagraph", function(pos, options) {
+    options = options || {};
+    if (!pos) pos = this.getCursor();
+    var para = findParagraph(this, pos, options);
+    wrapRange(this, Pos(para.from, 0), Pos(para.to - 1), options);
+  });
+
+  CodeMirror.defineExtension("wrapRange", function(from, to, options) {
+    wrapRange(this, from, to, options || {});
+  });
+
+  CodeMirror.defineExtension("wrapParagraphsInRange", function(from, to, options) {
+    options = options || {};
+    var cm = this, paras = [];
+    for (var line = from.line; line <= to.line;) {
+      var para = findParagraph(cm, Pos(line, 0), options);
+      paras.push(para);
+      line = para.to;
+    }
+    if (paras.length) cm.operation(function() {
+      for (var i = paras.length - 1; i >= 0; --i)
+        wrapRange(cm, Pos(paras[i].from, 0), Pos(paras[i].to - 1), options);
+    });
+  });
+})();
diff --git a/src/main/webapp/codemirror/addon/zen/zen_codemirror.js b/src/main/webapp/codemirror/addon/zen/zen_codemirror.js
new file mode 100644
index 00000000..096138ab
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/zen/zen_codemirror.js
@@ -0,0 +1,5966 @@
+var zen_editor = (function(){
+/**
+ * Zen Coding settings
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ */
+var zen_settings = {
+	/** 
+	 * Variables that can be placed inside snippets or abbreviations as ${variable}
+	 * ${child} variable is reserved, don't use it 
+	 */
+	'variables': {
+		'lang': 'ko',
+		'locale': 'ko',
+		'charset': 'UTF-8',
+		
+		/** Inner element indentation */
+		'indentation': '\t',
+		
+		// newline variables, useful for wrapping
+		'newline': '\n',
+		'nl': '\n'
+	},
+	
+	'css': {
+		'filters': 'html,css',
+		'snippets': {
+			"@i": "@import url(|);",
+			"@m": "@media print {\n\t|\n}",
+			"@f": "@font-face {\n\tfont-family:|;\n\tsrc:url(|);\n}",
+			"!": "!important",
+			"pos": "position:|;",
+			"pos:s": "position:static;",
+			"pos:a": "position:absolute;",
+			"pos:r": "position:relative;",
+			"pos:f": "position:fixed;",
+			"t": "top:|;",
+			"t:a": "top:auto;",
+			"r": "right:|;",
+			"r:a": "right:auto;",
+			"b": "bottom:|;",
+			"b:a": "bottom:auto;",
+			"brad": "-webkit-border-radius: ${1:radius};\n-moz-border-radius: $1;\n-ms-border-radius: $1;\nborder-radius: $1;",
+			"bsha": "-webkit-box-shadow: ${1:hoff} ${2:voff} ${3:blur} ${4:rgba(0,0,0,0.5)};\n-moz-box-shadow: $1 $2 $3 $4;\n-ms-box-shadow: $1 $2 $3 $4;\nbox-shadow: $1 $2 $3 $4;",
+			"l": "left:|;",
+			"l:a": "left:auto;",
+			"z": "z-index:|;",
+			"z:a": "z-index:auto;",
+			"fl": "float:|;",
+			"fl:n": "float:none;",
+			"fl:l": "float:left;",
+			"fl:r": "float:right;",
+			"cl": "clear:|;",
+			"cl:n": "clear:none;",
+			"cl:l": "clear:left;",
+			"cl:r": "clear:right;",
+			"cl:b": "clear:both;",
+			"d": "display:|;",
+			"d:n": "display:none;",
+			"d:b": "display:block;",
+			"d:i": "display:inline;",
+			"d:ib": "display:inline-block;",
+			"d:li": "display:list-item;",
+			"d:ri": "display:run-in;",
+			"d:cp": "display:compact;",
+			"d:tb": "display:table;",
+			"d:itb": "display:inline-table;",
+			"d:tbcp": "display:table-caption;",
+			"d:tbcl": "display:table-column;",
+			"d:tbclg": "display:table-column-group;",
+			"d:tbhg": "display:table-header-group;",
+			"d:tbfg": "display:table-footer-group;",
+			"d:tbr": "display:table-row;",
+			"d:tbrg": "display:table-row-group;",
+			"d:tbc": "display:table-cell;",
+			"d:rb": "display:ruby;",
+			"d:rbb": "display:ruby-base;",
+			"d:rbbg": "display:ruby-base-group;",
+			"d:rbt": "display:ruby-text;",
+			"d:rbtg": "display:ruby-text-group;",
+			"v": "visibility:|;",
+			"v:v": "visibility:visible;",
+			"v:h": "visibility:hidden;",
+			"v:c": "visibility:collapse;",
+			"ov": "overflow:|;",
+			"ov:v": "overflow:visible;",
+			"ov:h": "overflow:hidden;",
+			"ov:s": "overflow:scroll;",
+			"ov:a": "overflow:auto;",
+			"ovx": "overflow-x:|;",
+			"ovx:v": "overflow-x:visible;",
+			"ovx:h": "overflow-x:hidden;",
+			"ovx:s": "overflow-x:scroll;",
+			"ovx:a": "overflow-x:auto;",
+			"ovy": "overflow-y:|;",
+			"ovy:v": "overflow-y:visible;",
+			"ovy:h": "overflow-y:hidden;",
+			"ovy:s": "overflow-y:scroll;",
+			"ovy:a": "overflow-y:auto;",
+			"ovs": "overflow-style:|;",
+			"ovs:a": "overflow-style:auto;",
+			"ovs:s": "overflow-style:scrollbar;",
+			"ovs:p": "overflow-style:panner;",
+			"ovs:m": "overflow-style:move;",
+			"ovs:mq": "overflow-style:marquee;",
+			"zoo": "zoom:1;",
+			"cp": "clip:|;",
+			"cp:a": "clip:auto;",
+			"cp:r": "clip:rect(|);",
+			"bxz": "box-sizing:|;",
+			"bxz:cb": "box-sizing:content-box;",
+			"bxz:bb": "box-sizing:border-box;",
+			"bxsh": "box-shadow:|;",
+			"bxsh:n": "box-shadow:none;",
+			"bxsh:w": "-webkit-box-shadow:0 0 0 #000;",
+			"bxsh:m": "-moz-box-shadow:0 0 0 0 #000;",
+			"m": "margin:|;",
+			"m:a": "margin:auto;",
+			"m:0": "margin:0;",
+			"m:2": "margin:0 0;",
+			"m:3": "margin:0 0 0;",
+			"m:4": "margin:0 0 0 0;",
+			"mt": "margin-top:|;",
+			"mt:a": "margin-top:auto;",
+			"mr": "margin-right:|;",
+			"mr:a": "margin-right:auto;",
+			"mb": "margin-bottom:|;",
+			"mb:a": "margin-bottom:auto;",
+			"ml": "margin-left:|;",
+			"ml:a": "margin-left:auto;",
+			"p": "padding:|;",
+			"p:0": "padding:0;",
+			"p:2": "padding:0 0;",
+			"p:3": "padding:0 0 0;",
+			"p:4": "padding:0 0 0 0;",
+			"pt": "padding-top:|;",
+			"pr": "padding-right:|;",
+			"pb": "padding-bottom:|;",
+			"pl": "padding-left:|;",
+			"w": "width:|;",
+			"w:a": "width:auto;",
+			"h": "height:|;",
+			"h:a": "height:auto;",
+			"maw": "max-width:|;",
+			"maw:n": "max-width:none;",
+			"mah": "max-height:|;",
+			"mah:n": "max-height:none;",
+			"miw": "min-width:|;",
+			"mih": "min-height:|;",
+			"o": "outline:|;",
+			"o:n": "outline:none;",
+			"oo": "outline-offset:|;",
+			"ow": "outline-width:|;",
+			"os": "outline-style:|;",
+			"oc": "outline-color:#000;",
+			"oc:i": "outline-color:invert;",
+			"bd": "border:|;",
+			"bd+": "border:1px solid #000;",
+			"bd:n": "border:none;",
+			"bdbk": "border-break:|;",
+			"bdbk:c": "border-break:close;",
+			"bdcl": "border-collapse:|;",
+			"bdcl:c": "border-collapse:collapse;",
+			"bdcl:s": "border-collapse:separate;",
+			"bdc": "border-color:#000;",
+			"bdi": "border-image:url(|);",
+			"bdi:n": "border-image:none;",
+			"bdi:w": "-webkit-border-image:url(|) 0 0 0 0 stretch stretch;",
+			"bdi:m": "-moz-border-image:url(|) 0 0 0 0 stretch stretch;",
+			"bdti": "border-top-image:url(|);",
+			"bdti:n": "border-top-image:none;",
+			"bdri": "border-right-image:url(|);",
+			"bdri:n": "border-right-image:none;",
+			"bdbi": "border-bottom-image:url(|);",
+			"bdbi:n": "border-bottom-image:none;",
+			"bdli": "border-left-image:url(|);",
+			"bdli:n": "border-left-image:none;",
+			"bdci": "border-corner-image:url(|);",
+			"bdci:n": "border-corner-image:none;",
+			"bdci:c": "border-corner-image:continue;",
+			"bdtli": "border-top-left-image:url(|);",
+			"bdtli:n": "border-top-left-image:none;",
+			"bdtli:c": "border-top-left-image:continue;",
+			"bdtri": "border-top-right-image:url(|);",
+			"bdtri:n": "border-top-right-image:none;",
+			"bdtri:c": "border-top-right-image:continue;",
+			"bdbri": "border-bottom-right-image:url(|);",
+			"bdbri:n": "border-bottom-right-image:none;",
+			"bdbri:c": "border-bottom-right-image:continue;",
+			"bdbli": "border-bottom-left-image:url(|);",
+			"bdbli:n": "border-bottom-left-image:none;",
+			"bdbli:c": "border-bottom-left-image:continue;",
+			"bdf": "border-fit:|;",
+			"bdf:c": "border-fit:clip;",
+			"bdf:r": "border-fit:repeat;",
+			"bdf:sc": "border-fit:scale;",
+			"bdf:st": "border-fit:stretch;",
+			"bdf:ow": "border-fit:overwrite;",
+			"bdf:of": "border-fit:overflow;",
+			"bdf:sp": "border-fit:space;",
+			"bdl": "border-length:|;",
+			"bdl:a": "border-length:auto;",
+			"bdsp": "border-spacing:|;",
+			"bds": "border-style:|;",
+			"bds:n": "border-style:none;",
+			"bds:h": "border-style:hidden;",
+			"bds:dt": "border-style:dotted;",
+			"bds:ds": "border-style:dashed;",
+			"bds:s": "border-style:solid;",
+			"bds:db": "border-style:double;",
+			"bds:dtds": "border-style:dot-dash;",
+			"bds:dtdtds": "border-style:dot-dot-dash;",
+			"bds:w": "border-style:wave;",
+			"bds:g": "border-style:groove;",
+			"bds:r": "border-style:ridge;",
+			"bds:i": "border-style:inset;",
+			"bds:o": "border-style:outset;",
+			"bdw": "border-width:|;",
+			"bdt": "border-top:|;",
+			"bdt+": "border-top:1px solid #000;",
+			"bdt:n": "border-top:none;",
+			"bdtw": "border-top-width:|;",
+			"bdts": "border-top-style:|;",
+			"bdts:n": "border-top-style:none;",
+			"bdtc": "border-top-color:#000;",
+			"bdr": "border-right:|;",
+			"bdr+": "border-right:1px solid #000;",
+			"bdr:n": "border-right:none;",
+			"bdrw": "border-right-width:|;",
+			"bdrs": "border-right-style:|;",
+			"bdrs:n": "border-right-style:none;",
+			"bdrc": "border-right-color:#000;",
+			"bdb": "border-bottom:|;",
+			"bdb+": "border-bottom:1px solid #000;",
+			"bdb:n": "border-bottom:none;",
+			"bdbw": "border-bottom-width:|;",
+			"bdbs": "border-bottom-style:|;",
+			"bdbs:n": "border-bottom-style:none;",
+			"bdbc": "border-bottom-color:#000;",
+			"bdl": "border-left:|;",
+			"bdl+": "border-left:1px solid #000;",
+			"bdl:n": "border-left:none;",
+			"bdlw": "border-left-width:|;",
+			"bdls": "border-left-style:|;",
+			"bdls:n": "border-left-style:none;",
+			"bdlc": "border-left-color:#000;",
+			"bdrs": "border-radius:|;",
+			"bdtrrs": "border-top-right-radius:|;",
+			"bdtlrs": "border-top-left-radius:|;",
+			"bdbrrs": "border-bottom-right-radius:|;",
+			"bdblrs": "border-bottom-left-radius:|;",
+			"bg": "background:|;",
+			"bg+": "background:#FFF url(|) 0 0 no-repeat;",
+			"bg:n": "background:none;",
+			"bg:ie": "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1:x}.png',sizingMethod='${2:crop}');",
+			"bgc": "background-color:#FFF;",
+			"bgi": "background-image:url(|);",
+			"bgi:n": "background-image:none;",
+			"bgr": "background-repeat:|;",
+			"bgr:n": "background-repeat:no-repeat;",
+			"bgr:x": "background-repeat:repeat-x;",
+			"bgr:y": "background-repeat:repeat-y;",
+			"bga": "background-attachment:|;",
+			"bga:f": "background-attachment:fixed;",
+			"bga:s": "background-attachment:scroll;",
+			"bgp": "background-position:0 0;",
+			"bgpx": "background-position-x:|;",
+			"bgpy": "background-position-y:|;",
+			"bgbk": "background-break:|;",
+			"bgbk:bb": "background-break:bounding-box;",
+			"bgbk:eb": "background-break:each-box;",
+			"bgbk:c": "background-break:continuous;",
+			"bgcp": "background-clip:|;",
+			"bgcp:bb": "background-clip:border-box;",
+			"bgcp:pb": "background-clip:padding-box;",
+			"bgcp:cb": "background-clip:content-box;",
+			"bgcp:nc": "background-clip:no-clip;",
+			"bgo": "background-origin:|;",
+			"bgo:pb": "background-origin:padding-box;",
+			"bgo:bb": "background-origin:border-box;",
+			"bgo:cb": "background-origin:content-box;",
+			"bgz": "background-size:|;",
+			"bgz:a": "background-size:auto;",
+			"bgz:ct": "background-size:contain;",
+			"bgz:cv": "background-size:cover;",
+			"c": "color:#000;",
+			"tbl": "table-layout:|;",
+			"tbl:a": "table-layout:auto;",
+			"tbl:f": "table-layout:fixed;",
+			"cps": "caption-side:|;",
+			"cps:t": "caption-side:top;",
+			"cps:b": "caption-side:bottom;",
+			"ec": "empty-cells:|;",
+			"ec:s": "empty-cells:show;",
+			"ec:h": "empty-cells:hide;",
+			"lis": "list-style:|;",
+			"lis:n": "list-style:none;",
+			"lisp": "list-style-position:|;",
+			"lisp:i": "list-style-position:inside;",
+			"lisp:o": "list-style-position:outside;",
+			"list": "list-style-type:|;",
+			"list:n": "list-style-type:none;",
+			"list:d": "list-style-type:disc;",
+			"list:c": "list-style-type:circle;",
+			"list:s": "list-style-type:square;",
+			"list:dc": "list-style-type:decimal;",
+			"list:dclz": "list-style-type:decimal-leading-zero;",
+			"list:lr": "list-style-type:lower-roman;",
+			"list:ur": "list-style-type:upper-roman;",
+			"lisi": "list-style-image:|;",
+			"lisi:n": "list-style-image:none;",
+			"q": "quotes:|;",
+			"q:n": "quotes:none;",
+			"q:ru": "quotes:'\00AB' '\00BB' '\201E' '\201C';",
+			"q:en": "quotes:'\201C' '\201D' '\2018' '\2019';",
+			"ct": "content:|;",
+			"ct:n": "content:normal;",
+			"ct:oq": "content:open-quote;",
+			"ct:noq": "content:no-open-quote;",
+			"ct:cq": "content:close-quote;",
+			"ct:ncq": "content:no-close-quote;",
+			"ct:a": "content:attr(|);",
+			"ct:c": "content:counter(|);",
+			"ct:cs": "content:counters(|);",
+			"coi": "counter-increment:|;",
+			"cor": "counter-reset:|;",
+			"va": "vertical-align:|;",
+			"va:sup": "vertical-align:super;",
+			"va:t": "vertical-align:top;",
+			"va:tt": "vertical-align:text-top;",
+			"va:m": "vertical-align:middle;",
+			"va:bl": "vertical-align:baseline;",
+			"va:b": "vertical-align:bottom;",
+			"va:tb": "vertical-align:text-bottom;",
+			"va:sub": "vertical-align:sub;",
+			"ta": "text-align:|;",
+			"ta:l": "text-align:left;",
+			"ta:c": "text-align:center;",
+			"ta:r": "text-align:right;",
+			"tal": "text-align-last:|;",
+			"tal:a": "text-align-last:auto;",
+			"tal:l": "text-align-last:left;",
+			"tal:c": "text-align-last:center;",
+			"tal:r": "text-align-last:right;",
+			"td": "text-decoration:|;",
+			"td:n": "text-decoration:none;",
+			"td:u": "text-decoration:underline;",
+			"td:o": "text-decoration:overline;",
+			"td:l": "text-decoration:line-through;",
+			"te": "text-emphasis:|;",
+			"te:n": "text-emphasis:none;",
+			"te:ac": "text-emphasis:accent;",
+			"te:dt": "text-emphasis:dot;",
+			"te:c": "text-emphasis:circle;",
+			"te:ds": "text-emphasis:disc;",
+			"te:b": "text-emphasis:before;",
+			"te:a": "text-emphasis:after;",
+			"th": "text-height:|;",
+			"th:a": "text-height:auto;",
+			"th:f": "text-height:font-size;",
+			"th:t": "text-height:text-size;",
+			"th:m": "text-height:max-size;",
+			"ti": "text-indent:|;",
+			"ti:-": "text-indent:-9999px;",
+			"tj": "text-justify:|;",
+			"tj:a": "text-justify:auto;",
+			"tj:iw": "text-justify:inter-word;",
+			"tj:ii": "text-justify:inter-ideograph;",
+			"tj:ic": "text-justify:inter-cluster;",
+			"tj:d": "text-justify:distribute;",
+			"tj:k": "text-justify:kashida;",
+			"tj:t": "text-justify:tibetan;",
+			"to": "text-outline:|;",
+			"to+": "text-outline:0 0 #000;",
+			"to:n": "text-outline:none;",
+			"tr": "text-replace:|;",
+			"tr:n": "text-replace:none;",
+			"tt": "text-transform:|;",
+			"tt:n": "text-transform:none;",
+			"tt:c": "text-transform:capitalize;",
+			"tt:u": "text-transform:uppercase;",
+			"tt:l": "text-transform:lowercase;",
+			"tw": "text-wrap:|;",
+			"tw:n": "text-wrap:normal;",
+			"tw:no": "text-wrap:none;",
+			"tw:u": "text-wrap:unrestricted;",
+			"tw:s": "text-wrap:suppress;",
+			"tsh": "text-shadow:|;",
+			"tsh+": "text-shadow:0 0 0 #000;",
+			"tsh:n": "text-shadow:none;",
+			"lh": "line-height:|;",
+			"whs": "white-space:|;",
+			"whs:n": "white-space:normal;",
+			"whs:p": "white-space:pre;",
+			"whs:nw": "white-space:nowrap;",
+			"whs:pw": "white-space:pre-wrap;",
+			"whs:pl": "white-space:pre-line;",
+			"whsc": "white-space-collapse:|;",
+			"whsc:n": "white-space-collapse:normal;",
+			"whsc:k": "white-space-collapse:keep-all;",
+			"whsc:l": "white-space-collapse:loose;",
+			"whsc:bs": "white-space-collapse:break-strict;",
+			"whsc:ba": "white-space-collapse:break-all;",
+			"wob": "word-break:|;",
+			"wob:n": "word-break:normal;",
+			"wob:k": "word-break:keep-all;",
+			"wob:l": "word-break:loose;",
+			"wob:bs": "word-break:break-strict;",
+			"wob:ba": "word-break:break-all;",
+			"wos": "word-spacing:|;",
+			"wow": "word-wrap:|;",
+			"wow:nm": "word-wrap:normal;",
+			"wow:n": "word-wrap:none;",
+			"wow:u": "word-wrap:unrestricted;",
+			"wow:s": "word-wrap:suppress;",
+			"lts": "letter-spacing:|;",
+			"f": "font:|;",
+			"f+": "font:1em Arial,sans-serif;",
+			"fw": "font-weight:|;",
+			"fw:n": "font-weight:normal;",
+			"fw:b": "font-weight:bold;",
+			"fw:br": "font-weight:bolder;",
+			"fw:lr": "font-weight:lighter;",
+			"fs": "font-style:|;",
+			"fs:n": "font-style:normal;",
+			"fs:i": "font-style:italic;",
+			"fs:o": "font-style:oblique;",
+			"fv": "font-variant:|;",
+			"fv:n": "font-variant:normal;",
+			"fv:sc": "font-variant:small-caps;",
+			"fz": "font-size:|;",
+			"fza": "font-size-adjust:|;",
+			"fza:n": "font-size-adjust:none;",
+			"ff": "font-family:|;",
+			"ff:s": "font-family:serif;",
+			"ff:ss": "font-family:sans-serif;",
+			"ff:c": "font-family:cursive;",
+			"ff:f": "font-family:fantasy;",
+			"ff:m": "font-family:monospace;",
+			"fef": "font-effect:|;",
+			"fef:n": "font-effect:none;",
+			"fef:eg": "font-effect:engrave;",
+			"fef:eb": "font-effect:emboss;",
+			"fef:o": "font-effect:outline;",
+			"fem": "font-emphasize:|;",
+			"femp": "font-emphasize-position:|;",
+			"femp:b": "font-emphasize-position:before;",
+			"femp:a": "font-emphasize-position:after;",
+			"fems": "font-emphasize-style:|;",
+			"fems:n": "font-emphasize-style:none;",
+			"fems:ac": "font-emphasize-style:accent;",
+			"fems:dt": "font-emphasize-style:dot;",
+			"fems:c": "font-emphasize-style:circle;",
+			"fems:ds": "font-emphasize-style:disc;",
+			"fsm": "font-smooth:|;",
+			"fsm:a": "font-smooth:auto;",
+			"fsm:n": "font-smooth:never;",
+			"fsm:aw": "font-smooth:always;",
+			"fst": "font-stretch:|;",
+			"fst:n": "font-stretch:normal;",
+			"fst:uc": "font-stretch:ultra-condensed;",
+			"fst:ec": "font-stretch:extra-condensed;",
+			"fst:c": "font-stretch:condensed;",
+			"fst:sc": "font-stretch:semi-condensed;",
+			"fst:se": "font-stretch:semi-expanded;",
+			"fst:e": "font-stretch:expanded;",
+			"fst:ee": "font-stretch:extra-expanded;",
+			"fst:ue": "font-stretch:ultra-expanded;",
+			"op": "opacity:|;",
+			"op:ie": "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);",
+			"op:ms": "-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';",
+			"rz": "resize:|;",
+			"rz:n": "resize:none;",
+			"rz:b": "resize:both;",
+			"rz:h": "resize:horizontal;",
+			"rz:v": "resize:vertical;",
+			"cur": "cursor:|;",
+			"cur:a": "cursor:auto;",
+			"cur:d": "cursor:default;",
+			"cur:c": "cursor:crosshair;",
+			"cur:ha": "cursor:hand;",
+			"cur:he": "cursor:help;",
+			"cur:m": "cursor:move;",
+			"cur:p": "cursor:pointer;",
+			"cur:t": "cursor:text;",
+			"pgbb": "page-break-before:|;",
+			"pgbb:au": "page-break-before:auto;",
+			"pgbb:al": "page-break-before:always;",
+			"pgbb:l": "page-break-before:left;",
+			"pgbb:r": "page-break-before:right;",
+			"pgbi": "page-break-inside:|;",
+			"pgbi:au": "page-break-inside:auto;",
+			"pgbi:av": "page-break-inside:avoid;",
+			"pgba": "page-break-after:|;",
+			"pgba:au": "page-break-after:auto;",
+			"pgba:al": "page-break-after:always;",
+			"pgba:l": "page-break-after:left;",
+			"pgba:r": "page-break-after:right;",
+			"orp": "orphans:|;",
+			"wid": "widows:|;"
+		}
+	},
+	
+	'html': {
+		'filters': 'html',
+		'snippets': {
+			'cc:ie6': '<!--[if lte IE 6]>\n\t${child}|\n<![endif]-->',
+			'cc:ie': '<!--[if IE]>\n\t${child}|\n<![endif]-->',
+			'cc:noie': '<!--[if !IE]><!-->\n\t${child}|\n<!--<![endif]-->',
+			'html:4t': '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\n' +
+					'<html lang="${lang}">\n' +
+					'<head>\n' +
+					'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}">\n' +
+					'	<title></title>\n' +
+					'</head>\n' +
+					'<body>\n\t${child}|\n</body>\n' +
+					'</html>',
+			
+			'html:4s': '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">\n' +
+					'<html lang="${lang}">\n' +
+					'<head>\n' +
+					'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}">\n' +
+					'	<title></title>\n' +
+					'</head>\n' +
+					'<body>\n\t${child}|\n</body>\n' +
+					'</html>',
+			
+			'html:xt': '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n' +
+					'<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">\n' +
+					'<head>\n' +
+					'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />\n' +
+					'	<title></title>\n' +
+					'</head>\n' +
+					'<body>\n\t${child}|\n</body>\n' +
+					'</html>',
+			
+			'html:xs': '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\n' +
+					'<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">\n' +
+					'<head>\n' +
+					'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />\n' +
+					'	<title></title>\n' +
+					'</head>\n' +
+					'<body>\n\t${child}|\n</body>\n' +
+					'</html>',
+			
+			'html:xxs': '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">\n' +
+					'<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">\n' +
+					'<head>\n' +
+					'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />\n' +
+					'	<title></title>\n' +
+					'</head>\n' +
+					'<body>\n\t${child}|\n</body>\n' +
+					'</html>',
+			
+			'html:5': '<!DOCTYPE HTML>\n' +
+					'<html lang="${locale}">\n' +
+					'<head>\n' +
+					'	<meta charset="${charset}">\n' +
+					'	<title></title>\n' +
+					'</head>\n' +
+					'<body>\n\t${child}|\n</body>\n' +
+					'</html>'
+		},
+		
+		'abbreviations': {
+			'a': '<a href="">',
+			'a:link': '<a href="http://|">',
+			'a:mail': '<a href="mailto:|">',
+			'abbr': '<abbr title="">',
+			'acronym': '<acronym title="">',
+			'base': '<base href="" />',
+			'bdo': '<bdo dir="">',
+			'bdo:r': '<bdo dir="rtl">',
+			'bdo:l': '<bdo dir="ltr">',
+			'link:css': '<link rel="stylesheet" type="text/css" href="${1:style}.css" media="all" />',
+			'link:print': '<link rel="stylesheet" type="text/css" href="|print.css" media="print" />',
+			'link:favicon': '<link rel="shortcut icon" type="image/x-icon" href="|favicon.ico" />',
+			'link:touch': '<link rel="apple-touch-icon" href="|favicon.png" />',
+			'link:rss': '<link rel="alternate" type="application/rss+xml" title="RSS" href="|rss.xml" />',
+			'link:atom': '<link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml" />',
+			'meta:utf': '<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />',
+			'meta:win': '<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />',
+			'meta:compat': '<meta http-equiv="X-UA-Compatible" content="IE=7" />',
+			'style': '<style type="text/css">',
+			'script': '<script type="text/javascript">',
+			'script:src': '<script type="text/javascript" src="">',
+			'img': '<img src="" alt="" />',
+			'iframe': '<iframe src="" frameborder="0">',
+			'embed': '<embed src="" type="" />',
+			'object': '<object data="" type="">',
+			'param': '<param name="" value="" />',
+			'map': '<map name="">',
+			'area': '<area shape="" coords="" href="" alt="" />',
+			'area:d': '<area shape="default" href="" alt="" />',
+			'area:c': '<area shape="circle" coords="" href="" alt="" />',
+			'area:r': '<area shape="rect" coords="" href="" alt="" />',
+			'area:p': '<area shape="poly" coords="" href="" alt="" />',
+			'link': '<link rel="stylesheet" href="" />',
+			'form': '<form action="">',
+			'form:get': '<form action="" method="get">',
+			'form:post': '<form action="" method="post">',
+			'label': '<label for="">',
+			'input': '<input type="" />',
+			'input:hidden': '<input type="hidden" name="" />',
+			'input:h': '<input type="hidden" name="" />',
+			'input:text': '<input type="text" name="" id="" />',
+			'input:t': '<input type="text" name="" id="" />',
+			'input:search': '<input type="search" name="" id="" />',
+			'input:email': '<input type="email" name="" id="" />',
+			'input:url': '<input type="url" name="" id="" />',
+			'input:password': '<input type="password" name="" id="" />',
+			'input:p': '<input type="password" name="" id="" />',
+			'input:datetime': '<input type="datetime" name="" id="" />',
+			'input:date': '<input type="date" name="" id="" />',
+			'input:datetime-local': '<input type="datetime-local" name="" id="" />',
+			'input:month': '<input type="month" name="" id="" />',
+			'input:week': '<input type="week" name="" id="" />',
+			'input:time': '<input type="time" name="" id="" />',
+			'input:number': '<input type="number" name="" id="" />',
+			'input:color': '<input type="color" name="" id="" />',
+			'input:checkbox': '<input type="checkbox" name="" id="" />',
+			'input:c': '<input type="checkbox" name="" id="" />',
+			'input:radio': '<input type="radio" name="" id="" />',
+			'input:r': '<input type="radio" name="" id="" />',
+			'input:range': '<input type="range" name="" id="" />',
+			'input:file': '<input type="file" name="" id="" />',
+			'input:f': '<input type="file" name="" id="" />',
+			'input:submit': '<input type="submit" value="" />',
+			'input:s': '<input type="submit" value="" />',
+			'input:image': '<input type="image" src="" alt="" />',
+			'input:i': '<input type="image" src="" alt="" />',
+			'input:reset': '<input type="reset" value="" />',
+			'input:button': '<input type="button" value="" />',
+			'input:b': '<input type="button" value="" />',
+			'select': '<select name="" id=""></select>',
+			'option': '<option value=""></option>',
+			'textarea': '<textarea name="" id="" cols="30" rows="10">',
+			'menu:context': '<menu type="context">',
+			'menu:c': '<menu type="context">',
+			'menu:toolbar': '<menu type="toolbar">',
+			'menu:t': '<menu type="toolbar">',
+			'video': '<video src="">',
+			'audio': '<audio src="">',
+			'html:xml': '<html xmlns="http://www.w3.org/1999/xhtml">',
+			'bq': '<blockquote>',
+			'acr': '<acronym>',
+			'fig': '<figure>',
+			'ifr': '<iframe>',
+			'emb': '<embed>',
+			'obj': '<object>',
+			'src': '<source>',
+			'cap': '<caption>',
+			'colg': '<colgroup>',
+			'fst': '<fieldset>',
+			'btn': '<button>',
+			'optg': '<optgroup>',
+			'opt': '<option>',
+			'tarea': '<textarea>',
+			'leg': '<legend>',
+			'sect': '<section>',
+			'art': '<article>',
+			'hdr': '<header>',
+			'ftr': '<footer>',
+			'adr': '<address>',
+			'dlg': '<dialog>',
+			'str': '<strong>',
+			'prog': '<progress>',
+			'fset': '<fieldset>',
+			'datag': '<datagrid>',
+			'datal': '<datalist>',
+			'kg': '<keygen>',
+			'out': '<output>',
+			'det': '<details>',
+			'cmd': '<command>',
+			
+			// expandos
+			'ol+': 'ol>li',
+			'ul+': 'ul>li',
+			'dl+': 'dl>dt+dd',
+			'map+': 'map>area',
+			'table+': 'table>tr>td',
+			'colgroup+': 'colgroup>col',
+			'colg+': 'colgroup>col',
+			'tr+': 'tr>td',
+			'select+': 'select>option',
+			'optgroup+': 'optgroup>option',
+			'optg+': 'optgroup>option'
+
+		},
+		
+		'element_types': {
+			'empty': 'area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed,keygen,command',
+			'block_level': 'address,applet,blockquote,button,center,dd,del,dir,div,dl,dt,fieldset,form,frameset,hr,iframe,ins,isindex,li,link,map,menu,noframes,noscript,object,ol,p,pre,script,table,tbody,td,tfoot,th,thead,tr,ul,h1,h2,h3,h4,h5,h6',
+			'inline_level': 'a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,select,small,span,strike,strong,sub,sup,textarea,tt,u,var'
+		}
+	},
+	
+	'xml': {
+		'extends': 'html',
+		'filters': 'html'
+	},
+	
+	'xsl': {
+		'extends': 'html',
+		'filters': 'html, xsl',
+		'abbreviations': {
+			'tm': '<xsl:template match="" mode="">',
+			'tmatch': 'tm',
+			'tn': '<xsl:template name="">',
+			'tname': 'tn',
+			'xsl:when': '<xsl:when test="">',
+			'wh': 'xsl:when',
+			'var': '<xsl:variable name="">',
+			'vare': '<xsl:variable name="" select=""/>',
+			'if': '<xsl:if test="">',
+			'call': '<xsl:call-template name=""/>',
+			'attr': '<xsl:attribute name="">',
+			'wp': '<xsl:with-param name="" select=""/>',
+			'par': '<xsl:param name="" select=""/>',
+			'val': '<xsl:value-of select=""/>',
+			'co': '<xsl:copy-of select=""/>',
+			'each': '<xsl:for-each select="">',
+			'for': 'each',
+			'ap': '<xsl:apply-templates select="" mode=""/>',
+			
+			//expandos
+			'choose+': 'xsl:choose>xsl:when+xsl:otherwise'
+		}
+	},
+	
+	'haml': {
+		'filters': 'haml',
+		'extends': 'html'
+	}
+};/**
+ * Parsed resources (snippets, abbreviations, variables, etc.) for Zen Coding.
+ * Contains convenient method to get access for snippets with respect of 
+ * inheritance. Also provides abilitity to store data in different vocabularies
+ * ('system' and 'user') for fast and safe resurce update
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ */
+var zen_resources = (function(){
+	var TYPE_ABBREVIATION = 'zen-tag',
+		TYPE_EXPANDO = 'zen-expando',
+	
+		/** Reference to another abbreviation or tag */
+		TYPE_REFERENCE = 'zen-reference',
+		
+		VOC_SYSTEM = 'system',
+		VOC_USER = 'user',
+		
+		/** Regular expression for XML tag matching */
+		re_tag = /^<(\w+\:?[\w\-]*)((?:\s+[\w\:\-]+\s*=\s*(['"]).*?\3)*)\s*(\/?)>/,
+		re_attrs = /([\w\-]+)\s*=\s*(['"])(.*?)\2/g,
+		
+		system_settings = {},
+		user_settings = {};
+		
+	/**
+	 * Trim whitespace from string
+	 * @param {String} text
+	 * @return {String}
+	 */
+	function trim(text) {
+		return (text || "").replace( /^\s+|\s+$/g, "" );
+	}
+		
+	/**
+	 * Check if specified resource is parsed by Zen Coding
+	 * @param {Object} obj
+	 * @return {Boolean}
+	 */
+	function isParsed(obj) {
+		return obj && obj.__zen_parsed__;
+	}
+	
+	/**
+	 * Marks object as parsed by Zen Coding
+	 * @param {Object}
+	 */
+	function setParsed(obj) {
+		obj.__zen_parsed__ = true;
+	}
+	
+	/**
+	 * Returns resource vocabulary by its name
+	 * @param {String} name Vocabulary name ('system' or 'user')
+	 */
+	function getVocabulary(name) {
+		return name == VOC_SYSTEM ? system_settings : user_settings;
+	}
+		
+	/**
+	 * Helper function that transforms string into hash
+	 * @return {Object}
+	 */
+	function stringToHash(str){
+		var obj = {}, items = str.split(",");
+		for ( var i = 0; i < items.length; i++ )
+			obj[ items[i] ] = true;
+		return obj;
+	}
+	
+	/**
+	 * Creates resource inheritance chain for lookups
+	 * @param {String} vocabulary Resource vocabulary
+	 * @param {String} syntax Syntax name
+	 * @param {String} name Resource name
+	 * @return {Array}
+	 */
+	function createResourceChain(vocabulary, syntax, name) {
+		var voc = getVocabulary(vocabulary),
+			result = [],
+			resource;
+		
+		if (voc && syntax in voc) {
+			resource = voc[syntax];
+			if (name in resource)
+				result.push(resource[name]);
+		}
+		
+		// get inheritance definition
+		// in case of user-defined vocabulary, resource dependency
+		// may be defined in system vocabulary only, so we have to correctly
+		// handle this case
+		var chain_source;
+		if (resource && 'extends' in resource)
+			chain_source = resource;
+		else if (vocabulary == VOC_USER && syntax in system_settings 
+			&& 'extends' in system_settings[syntax] )
+			chain_source = system_settings[syntax];
+			
+		if (chain_source) {
+			if (!isParsed(chain_source['extends'])) {
+				var ar = chain_source['extends'].split(',');
+				for (var i = 0; i < ar.length; i++) 
+					ar[i] = trim(ar[i]);
+				chain_source['extends'] = ar;
+				setParsed(chain_source['extends']);
+			}
+			
+			// find resource in ancestors
+			for (var i = 0; i < chain_source['extends'].length; i++) {
+				var type = chain_source['extends'][i];
+				if (voc[type] && voc[type][name])
+					result.push(voc[type][name]);
+			}
+		}
+		
+		return result;
+	}
+	
+	/**
+	 * Get resource collection from settings vocbulary for specified syntax. 
+	 * It follows inheritance chain if resource wasn't directly found in
+	 * syntax settings
+	 * @param {String} vocabulary Resource vocabulary
+	 * @param {String} syntax Syntax name
+	 * @param {String} name Resource name
+	 */
+	function getSubset(vocabulary, syntax, name) {
+		var chain = createResourceChain(vocabulary, syntax, name);
+		return chain[0];
+	}
+	
+	/**
+	 * Returns parsed item located in specified vocabulary by its syntax and
+	 * name
+	 * @param {String} vocabulary Resource vocabulary
+	 * @param {String} syntax Syntax name
+	 * @param {String} name Resource name ('abbreviation', 'snippet')
+	 * @param {String} item Abbreviation or snippet name
+	 * @return {Object|null}
+	 */
+	function getParsedItem(vocabulary, syntax, name, item) {
+		var chain = createResourceChain(vocabulary, syntax, name),
+			result = null,
+			res;
+			
+		for (var i = 0, il = chain.length; i < il; i++) {
+			res = chain[i];
+			if (item in res) {
+				if (name == 'abbreviations' && !isParsed(res[item])) {
+					// parse abbreviation
+					var value = res[item];
+					res[item] = parseAbbreviation(item, value);
+					res[item].__ref = value;
+					setParsed(res[item]);
+				}
+				
+				result = res[item];
+				break;
+			}
+		}
+		
+		return result;
+	}
+	
+	/**
+	 * Unified object for parsed data
+	 */
+	function entry(type, key, value) {
+		return {
+			type: type,
+			key: key,
+			value: value
+		};
+	}
+	
+	/**
+	 * Make expando from string
+	 * @param {String} key
+	 * @param {String} value
+	 * @return {Object}
+	 */
+	function makeExpando(key, value) {
+		return entry(TYPE_EXPANDO, key, value);
+	}
+	
+	/**
+	 * Make abbreviation from string
+	 * @param {String} key Abbreviation key
+	 * @param {String} tag_name Expanded element's tag name
+	 * @param {String} attrs Expanded element's attributes
+	 * @param {Boolean} is_empty Is expanded element empty or not
+	 * @return {Object}
+	 */
+	function makeAbbreviation(key, tag_name, attrs, is_empty) {
+		var result = {
+			name: tag_name,
+			is_empty: !!is_empty
+		};
+		
+		if (attrs) {
+			var m;
+			result.attributes = [];
+			while (m = re_attrs.exec(attrs)) {
+				result.attributes.push({
+					name: m[1],
+					value: m[3]
+				});
+			}
+		}
+		
+		return entry(TYPE_ABBREVIATION, key, result);
+	}
+	
+	/**
+	 * Parses single abbreviation
+	 * @param {String} key Abbreviation name
+	 * @param {String} value = Abbreviation value
+	 * @return {Object}
+	 */
+	function parseAbbreviation(key, value) {
+		key = trim(key);
+		var m;
+		if (key.substr(-1) == '+') {
+			// this is expando, leave 'value' as is
+			return makeExpando(key, value);
+		} else if (m = re_tag.exec(value)) {
+			return makeAbbreviation(key, m[1], m[2], m[4] == '/');
+		} else {
+			// assume it's reference to another abbreviation
+			return entry(TYPE_REFERENCE, key, value);
+		}
+	}
+	
+	return {
+		/**
+		 * Sets new unparsed data for specified settings vocabulary
+		 * @param {Object} data
+		 * @param {String} type Vocabulary type ('system' or 'user')
+		 */
+		setVocabulary: function(data, type) {
+			if (type == VOC_SYSTEM)
+				system_settings = data;
+			else
+				user_settings = data;
+		},
+		
+		/**
+		 * Get data from specified vocabulary. Can contain parsed entities
+		 * @param {String} name Vocabulary type ('system' or 'user')
+		 * @return {Object}
+		 */
+		getVocabulary: getVocabulary,
+		
+		/**
+		 * Returns resource value from data set with respect of inheritance
+		 * @param {String} syntax Resource syntax (html, css, ...)
+		 * @param {String} name Resource name ('snippets' or 'abbreviation')
+		 * @param {String} abbr Abbreviation name
+		 * @return {Object|null}
+		 */
+		getResource: function(syntax, name, item) {
+			return getParsedItem(VOC_USER, syntax, name, item) 
+				|| getParsedItem(VOC_SYSTEM, syntax, name, item);
+		},
+		
+		/**
+		 * Returns abbreviation value from data set
+		 * @param {String} type Resource type (html, css, ...)
+		 * @param {String} name Abbreviation name
+		 * @return {Object|null}
+		 */
+		getAbbreviation: function(type, name) {
+			return this.getResource(type, 'abbreviations', name) 
+				|| this.getResource(type, 'abbreviations', name.replace(/\-/g, ':'));
+		},
+		
+		/**
+		 * Returns snippet value from data set
+		 * @param {String} type Resource type (html, css, ...)
+		 * @param {String} name Snippet name
+		 * @return {Object|null}
+		 */
+		getSnippet: function(type, name) {
+			return this.getResource(type, 'snippets', name)
+				|| this.getResource(type, 'snippets', name.replace(/\-/g, ':'));
+		},
+		
+		/**
+		 * Returns variable value
+		 * @return {String}
+		 */
+		getVariable: function(name) {
+			return getSubset(VOC_USER, 'variables', name) 
+				|| getSubset(VOC_SYSTEM, 'variables', name);
+		},
+		
+		/**
+		 * Returns resource subset from settings vocabulary
+		 * @param {String} syntax Syntax name
+		 * @param {String} name Resource name
+		 * @return {Object}
+		 */
+		getSubset: function(syntax, name) {
+			return getSubset(VOC_USER, syntax, name) 
+				|| getSubset(VOC_SYSTEM, syntax, name);
+		},
+		
+		/**
+		 * Check if specified item exists in specified resource collection
+		 * (like 'empty', 'block_level')
+		 * @param {String} syntax 
+		 * @param {String} collection Collection name
+		 * @param {String} item Item name
+		 */
+		isItemInCollection: function(syntax, collection, item) {
+			return item in this.getElementsCollection(getVocabulary(VOC_USER)[syntax], collection)
+				|| item in this.getElementsCollection(getVocabulary(VOC_SYSTEM)[syntax], collection);
+		},
+		
+		/**
+		 * Returns specified elements collection (like 'empty', 'block_level') from
+		 * <code>resource</code>. If collections wasn't found, returns empty object
+		 * @param {Object} resource
+		 * @param {String} type
+		 * @return {Object}
+		 */
+		getElementsCollection: function(resource, type) {
+			if (resource && resource.element_types) {
+				// if it's not parsed yet – do it
+				var res = resource.element_types;
+				if (!isParsed(res)) {
+					for (var p in res) 
+						res[p] = stringToHash(res[p]);
+						
+					setParsed(res);
+				}
+				return res[type] || {}
+			}
+			else
+				return {};
+		},
+		
+		/**
+		 * Check if there are resources for specified syntax
+		 * @param {String} syntax
+		 * @return {Boolean}
+		 */
+		hasSyntax: function(syntax) {
+			return syntax in getVocabulary(VOC_USER) 
+				|| syntax in getVocabulary(VOC_SYSTEM);
+		}
+	}
+})();
+
+try {
+	zen_resources.setVocabulary(zen_settings, 'system');
+	zen_resources.setVocabulary(my_zen_settings, 'user');
+} catch(e) {}/**
+ * Class that parses abbreviation into tree with respect of groups, attributes
+ * and text nodes
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ * 
+ * @include "zen_coding.js"
+ */
+var zen_parser = (function(){
+	
+	var re_valid_name = /^[\w\d\-_\$\:@!]+\+?$/i;
+	
+	/**
+	 * @class
+	 */
+	function TreeNode(parent) {
+		this.abbreviation = '';
+		/** @type {TreeNode} */
+		this.parent = null;
+		this.children = [];
+		this.count = 1;
+		this.name = null;
+		this.text = null;
+		this.attributes = [];
+		this.is_repeating = false;
+		this.has_implict_name = false;
+	}
+	
+	TreeNode.prototype = {
+		/**
+		 * Adds passed or creates new child
+		 * @param {TreeNode} [child]
+		 * @return {TreeNode}
+		 */
+		addChild: function(child) {
+			child = child || new TreeNode;
+			child.parent = this;
+			this.children.push(child);
+			return child;
+		},
+		
+		/**
+		 * Replace current node in parent's child list with another node
+		 * @param {TreeNode} node
+		 */
+		replace: function(node) {
+			if (this.parent) {
+				var children = this.parent.children;
+				for (var i = 0, il = children.length; i < il; i++) {
+					if (children[i] === this) {
+						children[i] = node;
+						this.parent = null;
+						return;
+					}
+				}
+			}
+		},
+		
+		/**
+		 * Sets abbreviation that belongs to current node
+		 * @param {String} abbr
+		 */
+		setAbbreviation: function(abbr) {
+			this.abbreviation = abbr;
+			var m = abbr.match(/\*(\d+)?$/);
+			if (m) {
+				this.count = parseInt(m[1] || 1, 10);
+				this.is_repeating = !m[1];
+				abbr = abbr.substr(0, abbr.length - m[0].length);
+			}
+			
+			if (abbr) {
+				var name_text = splitExpression(abbr);
+				var name = name_text[0];
+				if (name_text.length == 2)
+					this.text = name_text[1];
+					
+				if (name) {
+					var attr_result = parseAttributes(name);
+					this.name = attr_result[0] || 'div';
+					this.has_implict_name = !attr_result[0];
+					this.attributes = attr_result[1];
+				}
+			}
+			
+			// validate name
+			if (this.name && !re_valid_name.test(this.name)) {
+				throw new Error('InvalidAbbreviation');
+			}
+		},
+		
+		/**
+		 * @return {String}
+		 */
+		getAbbreviation: function() {
+			return this.expr;
+		},
+		
+		/**
+		 * Dump current tree node into a foramtted string
+		 * @return {String}
+		 */
+		toString: function(level) {
+			level = level || 0;
+			var output = '(empty)';
+			if (this.abbreviation) {
+				output = '';
+				if (this.name)
+					output = this.name;
+					
+				if (this.text !== null)
+					output += (output ? ' ' : '') + '{text: "' + this.text + '"}';
+					
+				if (this.attributes.length) {
+					var attrs = [];
+					for (var i = 0, il = this.attributes.length; i < il; i++) {
+						attrs.push(this.attributes[i].name + '="' + this.attributes[i].value + '"'); 
+					}
+					output += ' [' + attrs.join(', ') + ']';
+				}
+			}
+			var result = zen_coding.repeatString('-', level)
+				+ output 
+				+ '\n';
+			for (var i = 0, il = this.children.length; i < il; i++) {
+				result += this.children[i].toString(level + 1);
+			}
+			
+			return result;
+		},
+		
+		/**
+		 * Check if current node contains children with empty <code>expr</code>
+		 * property
+		 * @return {Boolean}
+		 */
+		hasEmptyChildren: function() {
+			for (var i = 0, il = this.children.length; i < il; i++) {
+				if (this.children[i].isEmpty())
+					return true;
+			}
+			
+			return false;
+		},
+		
+		/**
+		 * @return {Boolean}
+		 */
+		isEmpty: function() {
+			return !this.abbreviation;
+		},
+		
+		/**
+		 * Check if current node is a text-only node
+		 * @return {Boolean}
+		 */
+		isTextNode: function() {
+			return !this.name && this.text;
+		}
+	};
+	
+	/**
+	 * Check if character is numeric
+	 * @requires {Stirng} ch
+	 * @return {Boolean}
+	 */
+	function isNumeric(ch) {
+		if (typeof(ch) == 'string')
+			ch = ch.charCodeAt(0);
+			
+		return (ch && ch > 47 && ch < 58);
+	}
+	
+	/**
+	 * Optimizes tree node: replaces empty nodes with their children
+	 * @param {TreeNode} node
+	 * @return {TreeNode}
+	 */
+	function squash(node) {
+		for (var i = node.children.length - 1; i >=0; i--) {
+			/** @type {TreeNode} */
+			var n = node.children[i];
+			if (n.isEmpty()) {
+				var args = [i, 1];
+				for (var j = 0, jl = n.children.length; j < jl; j++) {
+					args.push(n.children[j]);
+				}
+				
+				Array.prototype.splice.apply(node.children, args);
+			}
+		}
+		
+		return node;
+	}
+	
+	/**
+	 * Trim whitespace from string
+	 * @param {String} text
+	 * @return {String}
+	 */
+	function trim(text) {
+		return (text || "").replace( /^\s+|\s+$/g, "" );
+	}
+	
+	/**
+	 * Get word, starting at <code>ix</code> character of <code>str</code>
+	 */
+	function getWord(ix, str) {
+		var m = str.substring(ix).match(/^[\w\-:\$]+/);
+		return m ? m[0] : '';
+	}
+	
+	/**
+	 * Extract attributes and their values from attribute set 
+	 * @param {String} attr_set
+	 */
+	function extractAttributes(attr_set) {
+		attr_set = trim(attr_set);
+		var loop_count = 100, // endless loop protection
+			re_string = /^(["'])((?:(?!\1)[^\\]|\\.)*)\1/,
+			result = [],
+			attr;
+			
+		while (attr_set && loop_count--) {
+			var attr_name = getWord(0, attr_set);
+			attr = null;
+			if (attr_name) {
+				attr = {name: attr_name, value: ''};
+//				result[attr_name] = '';
+				// let's see if attribute has value
+				var ch = attr_set.charAt(attr_name.length);
+				switch (ch) {
+					case '=':
+						var ch2 = attr_set.charAt(attr_name.length + 1);
+						if (ch2 == '"' || ch2 == "'") {
+							// we have a quoted string
+							var m = attr_set.substring(attr_name.length + 1).match(re_string);
+							if (m) {
+								attr.value = m[2];
+								attr_set = trim(attr_set.substring(attr_name.length + m[0].length + 1));
+							} else {
+								// something wrong, break loop
+								attr_set = '';
+							}
+						} else {
+							// unquoted string
+							var m = attr_set.substring(attr_name.length + 1).match(/(.+?)(\s|$)/);
+							if (m) {
+								attr.value = m[1];
+								attr_set = trim(attr_set.substring(attr_name.length + m[1].length + 1));
+							} else {
+								// something wrong, break loop
+								attr_set = '';
+							}
+						}
+						break;
+					default:
+						attr_set = trim(attr_set.substring(attr_name.length));
+						break;
+				}
+			} else {
+				// something wrong, can't extract attribute name
+				break;
+			}
+			
+			if (attr) result.push(attr);
+		}
+		return result;
+	}
+	
+	/**
+	 * Parses tag attributes extracted from abbreviation
+	 * @param {String} str
+	 */
+	function parseAttributes(str) {
+		/*
+		 * Example of incoming data:
+		 * #header
+		 * .some.data
+		 * .some.data#header
+		 * [attr]
+		 * #item[attr=Hello other="World"].class
+		 */
+		var result = [],
+			name = '',
+			collect_name = true,
+			class_name,
+			char_map = {'#': 'id', '.': 'class'};
+		
+		// walk char-by-char
+		var i = 0,
+			il = str.length,
+			val;
+			
+		while (i < il) {
+			var ch = str.charAt(i);
+			switch (ch) {
+				case '#': // id
+					val = getWord(i, str.substring(1));
+					result.push({name: char_map[ch], value: val});
+					i += val.length + 1;
+					collect_name = false;
+					break;
+				case '.': // class
+					val = getWord(i, str.substring(1));
+					if (!class_name) {
+						// remember object pointer for value modification
+						class_name = {name: char_map[ch], value: ''};
+						result.push(class_name);
+					}
+					
+					class_name.value += ((class_name.value) ? ' ' : '') + val;
+					i += val.length + 1;
+					collect_name = false;
+					break;
+				case '[': //begin attribute set
+					// search for end of set
+					var end_ix = str.indexOf(']', i);
+					if (end_ix == -1) {
+						// invalid attribute set, stop searching
+						i = str.length;
+					} else {
+						var attrs = extractAttributes(str.substring(i + 1, end_ix));
+						for (var j = 0, jl = attrs.length; j < jl; j++) {
+							result.push(attrs[j]);
+						}
+						i = end_ix;
+					}
+					collect_name = false;
+					break;
+				default:
+					if (collect_name)
+						name += ch;
+					i++;
+			}
+		}
+		
+		return [name, result];
+	}
+	
+	/**
+	 * @param {TreeNode} node
+	 * @return {TreeNode}
+	 */
+	function optimizeTree(node) {
+		while (node.hasEmptyChildren())
+			squash(node);
+			
+		for (var i = 0, il = node.children.length; i < il; i++) {
+			optimizeTree(node.children[i]);
+		}
+		
+		return node;
+	}
+	
+	/**
+	 * Split expression by node name and its content, if exists. E.g. if we pass
+	 * <code>a{Text}</code> expression, it will be splitted into <code>a</code>
+	 * and <code>Text</code>
+	 * @param {String} expr
+	 * @return {Array} Result with one or two elements (if expression contains
+	 * text node)
+	 */
+	function splitExpression(expr) {
+		// fast test on text node
+		if (expr.indexOf('{') == -1)
+			return [expr];
+			
+		var attr_lvl = 0,
+			text_lvl = 0,
+			brace_stack = [],
+			i = 0,
+			il = expr.length,
+			ch;
+			
+		while (i < il) {
+			ch = expr.charAt(i);
+			switch (ch) {
+				case '[':
+					if (!text_lvl)
+						attr_lvl++;
+					break;
+				case ']':
+					if (!text_lvl)
+						attr_lvl--;
+					break;
+				case '{':
+					if (!attr_lvl) {
+						text_lvl++;
+						brace_stack.push(i);
+					}
+					break;
+				case '}':
+					if (!attr_lvl) {
+						text_lvl--;
+						var brace_start = brace_stack.pop();
+						if (text_lvl === 0) {
+							// found braces bounds
+							return [
+								expr.substring(0, brace_start),
+								expr.substring(brace_start + 1, i)
+							];
+						}
+					}
+					break;
+			}
+			i++;
+		}
+		
+		// if we are here, then no valid text node found
+		return [expr];
+	}
+	
+	
+	return {
+		/**
+		 * Parses abbreviation into tree with respect of groups, 
+		 * text nodes and attributes. Each node of the tree is a single 
+		 * abbreviation. Tree represents actual structure of the outputted 
+		 * result
+		 * @param {String} abbr Abbreviation to parse
+		 * @return {TreeNode}
+		 */
+		parse: function(abbr) {
+			var root = new TreeNode,
+				context = root.addChild(),
+				i = 0,
+				il = abbr.length,
+				text_lvl = 0,
+				attr_lvl = 0,
+				group_lvl = 0,
+				group_stack = [root],
+				ch, prev_ch,
+				token = '';
+				
+			group_stack.last = function() {
+				return this[this.length - 1];
+			};
+			
+			var dumpToken = function() {
+				if (token)
+					context.setAbbreviation(token);
+				token = '';
+			};
+				
+			while (i < il) {
+				ch = abbr.charAt(i);
+				prev_ch = i ? abbr.charAt(i - 1) : '';
+				switch (ch) {
+					case '{':
+						if (!attr_lvl)
+							text_lvl++;
+						token += ch;
+						break;
+					case '}':
+						if (!attr_lvl)
+							text_lvl--;
+						token += ch;
+						break;
+					case '[':
+						if (!text_lvl)
+							attr_lvl++;
+						token += ch;
+						break;
+					case ']':
+						if (!text_lvl)
+							attr_lvl--;
+						token += ch;
+						break;
+					case '(':
+						if (!text_lvl && !attr_lvl) {
+							// beginning of the new group
+							dumpToken();
+							
+							if (prev_ch != '+' && prev_ch != '>') {
+								// previous char is not an operator, assume it's
+								// a sibling
+								context = context.parent.addChild();
+							}
+							
+							group_stack.push(context);
+							context = context.addChild();
+						} else {
+							token += ch;
+						}
+						break;
+					case ')':
+						if (!text_lvl && !attr_lvl) {
+							// end of the group, pop stack
+							dumpToken();
+							context = group_stack.pop();
+							
+							if (i < il - 1 && abbr.charAt(i + 1) == '*') {
+								// group multiplication
+								var group_mul = '', n_ch;
+								for (var j = i + 2; j < il; j++) {
+									n_ch = abbr.charAt(j);
+									if (isNumeric(n_ch))
+										group_mul += n_ch;
+									else 
+										break;
+								}
+								
+								i += group_mul.length + 1;
+								group_mul = parseInt(group_mul || 1, 10);
+								while (1 < group_mul--)
+									context.parent.addChild(context);
+//									last_parent.addChild(cur_item);
+							}
+							
+						} else {
+							token += ch;
+						}
+						break;
+					case '+': // sibling operator
+						if (!text_lvl && !attr_lvl && i != il - 1 /* expando? */) {
+							dumpToken();
+							context = context.parent.addChild();
+						} else {
+							token += ch;
+						}
+						break;
+					case '>': // child operator
+						if (!text_lvl && !attr_lvl) {
+							dumpToken();
+							context = context.addChild();
+						} else {
+							token += ch;
+						}
+						break;
+					default:
+						token += ch;
+				}
+				
+				i++;
+			}
+			// put the final token
+			dumpToken();
+			
+			return optimizeTree(root);
+		},
+		
+		TreeNode: TreeNode,
+		optimizeTree: optimizeTree
+	}
+})();/**
+ * Core library that do all Zen Coding magic
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ * @include "settings.js"
+ * @include "zen_parser.js"
+ * @include "zen_resources.js"
+ */
+var zen_coding = (function(){
+	var re_tag = /<\/?[\w:\-]+(?:\s+[\w\-:]+(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*\s*(\/?)>$/,
+	
+		caret_placeholder = '{%::zen-caret::%}',
+		newline = '\n',
+		
+		/** List of registered filters */
+		filters = {},
+		/** Filters that will be applied for unknown syntax */
+		basic_filters = 'html',
+		
+		profiles = {},
+		default_profile = {
+			tag_case: 'lower',
+			attr_case: 'lower',
+			attr_quotes: 'double',
+			
+			// each tag on new line
+			tag_nl: 'decide',
+			
+			place_cursor: true,
+			
+			// indent tags
+			indent: true,
+			
+			// how many inline elements should be to force line break 
+			// (set to 0 to disable)
+			inline_break: 3,
+			
+			// use self-closing style for writing empty elements, e.g. <br /> or <br>
+			self_closing_tag: 'xhtml',
+			
+			// Profile-level output filters, re-defines syntax filters 
+			filters: ''
+		};
+	
+	function isNumeric(ch) {
+		if (typeof(ch) == 'string')
+			ch = ch.charCodeAt(0);
+			
+		return (ch && ch > 47 && ch < 58);
+	}
+	
+	/**
+	 * Проверяет, является ли символ допустимым в аббревиатуре
+	 * @param {String} ch
+	 * @return {Boolean}
+	 */
+	function isAllowedChar(ch) {
+		ch = String(ch); // convert Java object to JS
+		var char_code = ch.charCodeAt(0),
+			special_chars = '#.>+*:$-_!@[]()|';
+		
+		return (char_code > 64 && char_code < 91)       // uppercase letter
+				|| (char_code > 96 && char_code < 123)  // lowercase letter
+				|| isNumeric(ch)                        // number
+				|| special_chars.indexOf(ch) != -1;     // special character
+	}
+	
+	/**
+	 * Возвращает символ перевода строки, используемый в редакторе
+	 * @return {String}
+	 */
+	function getNewline() {
+		return zen_coding.getNewline();
+	}
+	
+	/**
+	 * Returns caret placeholder
+	 * @return {String}
+	 */
+	function getCaretPlaceholder() {
+		return (typeof(caret_placeholder) != 'string') 
+			? caret_placeholder()
+			: caret_placeholder
+	}
+	
+	/**
+	 * Split text into lines. Set <code>remove_empty</code> to true to filter
+	 * empty lines
+	 * @param {String} text
+	 * @param {Boolean} [remove_empty]
+	 * @return {Array}
+	 */
+	function splitByLines(text, remove_empty) {
+		// IE fails to split string by regexp, 
+		// need to normalize newlines first
+		// Also, Mozilla's Rhiho JS engine has a wierd newline bug
+		var nl = getNewline();
+		var lines = (text || '')
+			.replace(/\r\n/g, '\n')
+			.replace(/\n\r/g, '\n')
+			.replace(/\r/g, '\n')
+			.replace(/\n/g, nl)
+			.split(nl);
+		
+		if (remove_empty) {
+			for (var i = lines.length; i >= 0; i--) {
+				if (!trim(lines[i]))
+					lines.splice(i, 1);
+			}
+		}
+		
+		return lines;
+	}
+	
+	/**
+	 * Trim whitespace from string
+	 * @param {String} text
+	 * @return {String}
+	 */
+	function trim(text) {
+		return (text || "").replace( /^\s+|\s+$/g, "" );
+	}
+	
+	function createProfile(options) {
+		var result = {};
+		for (var p in default_profile)
+			result[p] = (p in options) ? options[p] : default_profile[p];
+		
+		return result;
+	}
+	
+	function setupProfile(name, options) {
+		profiles[name.toLowerCase()] = createProfile(options || {});
+	}
+	
+	/**
+	 * Repeats string <code>how_many</code> times
+	 * @param {String} str
+	 * @param {Number} how_many
+	 * @return {String}
+	 */
+	function repeatString(str, how_many) {
+		var result = '';
+		for (var i = 0; i < how_many; i++) 
+			result += str;
+			
+		return result;
+	}
+	
+	/**
+	 * Indents text with padding
+	 * @param {String} text Text to indent
+	 * @param {String|Number} pad Padding size (number) or padding itself (string)
+	 * @return {String}
+	 */
+	function padString(text, pad) {
+		var pad_str = (typeof(pad) == 'number') 
+				? repeatString(getIndentation(), pad) 
+				: pad, 
+			result = '';
+		
+		var lines = splitByLines(text),
+			nl = getNewline();
+			
+		result += lines[0];
+		for (var j = 1; j < lines.length; j++) 
+			result += nl + pad_str + lines[j];
+			
+		return result;
+	}
+	
+	/**
+	 * Class inheritance method
+	 * @param {Function} derived Derived class
+	 * @param {Function} from Base class
+	 */
+	function inherit(derived, from) {
+		var Inheritance = function(){};
+	
+		Inheritance.prototype = from.prototype;
+	
+		derived.prototype = new Inheritance();
+		derived.prototype.constructor = derived;
+		derived.baseConstructor = from;
+		derived.superClass = from.prototype;
+	};
+	
+	/**
+	 * Check if passed abbreviation is snippet
+	 * @param {String} abbr
+	 * @param {String} type
+	 * @return {Boolean}
+	 */
+	function isShippet(abbr, type) {
+		return getSnippet(type, filterNodeName(abbr)) ? true : false;
+	}
+	
+	/**
+	 * Test if passed string ends with XHTML tag. This method is used for testing
+	 * '>' character: it belongs to tag or it's a part of abbreviation? 
+	 * @param {String} str
+	 * @return {Boolean}
+	 */
+	function isEndsWithTag(str) {
+		return re_tag.test(str);
+	}
+	
+	/**
+	 * Replace variables like ${var} in string
+	 * @param {String} str
+	 * @param {Object|Function} [vars] Variable set (default is <code>zen_settings.variables</code>) 
+	 * @return {String}
+	 */
+	function replaceVariables(str, vars) {
+		var callback;
+		
+		if (typeof vars == 'function')
+			callback = vars;
+		else if (vars)
+			callback = function(str, p1) {
+				return (p1 in vars) ? vars[p1] : str;
+			};
+		else 
+			callback = function(str, p1) {
+				var v = getVariable(p1);
+				return (v !== null && typeof v != 'undefined') ? v : str;
+			}
+		
+		return str.replace(/\$\{([\w\-]+)\}/g, callback);
+	}
+	
+	/**
+	 * Removes any unnecessary characters from node name
+	 * @param {String} name
+	 * @return {String}
+	 */
+	function filterNodeName(name) {
+		return (name || '').replace(/(.+)\!$/, '$1');
+	}
+	
+	/**
+	 * Test if text contains output placeholder $#
+	 * @param {String} text
+	 * @return {Boolean}
+	 */
+	function hasOutputPlaceholder(/* String */ text) {
+		for (var i = 0, il = text.length; i < il; i++) {
+			var ch = text.charAt(i);
+			if (ch == '\\') { // escaped char
+				i++;
+				continue;
+			} else if (ch == '$' && text.charAt(i + 1) == '#') {
+				return true;
+			}
+		}
+		
+		return false;
+	}
+	
+	/**
+	 * Tag
+	 * @class
+	 * @param {zen_parser.TreeNode} node Parsed tree node
+	 * @param {String} type Tag type (html, xml)
+	 */
+	function Tag(node, type) {
+		type = type || 'html';
+		
+		var abbr = null;
+		if (node.name) {
+			abbr = getAbbreviation(type, filterNodeName(node.name));
+			if (abbr && abbr.type == 'zen-reference')
+				abbr = getAbbreviation(type, filterNodeName(abbr.value));
+		}
+		
+		this.name = (abbr) ? abbr.value.name : node.name;
+		this.real_name = node.name;
+		this.count = node.count || 1;
+		this._abbr = abbr;
+		this.syntax = type;
+		this._content = '';
+		this._paste_content = '';
+		this.repeat_by_lines = node.is_repeating;
+		this.is_repeating = node && node.count > 1;
+		this.parent = null;
+		this.has_implicit_name = node.has_implict_name;
+		
+		this.setContent(node.text);
+		
+		// add default attributes
+		if (this._abbr)
+			this.copyAttributes(this._abbr.value);
+		
+		this.copyAttributes(node);
+	}
+	
+	Tag.prototype = {
+		/**
+		 * Adds new child tag to current one
+		 * @param {Tag} tag
+		 */
+		addChild: function(tag) {
+			if (!this.children)
+				this.children = [];
+				
+			tag.parent = this;
+			this.children.push(tag);
+		},
+		
+		/**
+		 * Adds new attribute
+		 * @param {String} name Attribute's name
+		 * @param {String} value Attribute's value
+		 */
+		addAttribute: function(name, value) {
+			if (!this.attributes)
+				this.attributes = [];
+				
+			if (!this._attr_hash)
+				this._attr_hash = {};
+			
+			// escape pipe (caret) character with internal placeholder
+			value = replaceUnescapedSymbol(value, '|', getCaretPlaceholder());
+			
+			var a;
+			if (name in this._attr_hash) {
+				// attribute already exists, decide what to do
+				a = this._attr_hash[name];
+				if (name == 'class') {
+					// 'class' is a magic attribute
+					a.value += ((a.value) ? ' ' : '') + value;
+				} else {
+					a.value = value;
+				}
+			} else {
+				a = {name: name, value: value};
+				this._attr_hash[name] = a
+				this.attributes.push(a);
+			}
+		},
+		
+		/**
+		 * Copy attributes from parsed node
+		 */
+		copyAttributes: function(node) {
+			if (node && node.attributes)
+				for (var i = 0, il = node.attributes.length; i < il; i++) {
+					var attr = node.attributes[i];
+					this.addAttribute(attr.name, attr.value);
+				}
+		},
+		
+		/**
+		 * This function tests if current tags' content contains xHTML tags. 
+		 * This function is mostly used for output formatting
+		 */
+		hasTagsInContent: function() {
+			return this.getContent() && re_tag.test(this.getContent());
+		},
+		
+		/**
+		 * Set textual content for tag
+		 * @param {String} str Tag's content
+		 */
+		setContent: function(str) {
+			this._content = replaceUnescapedSymbol(str || '', '|', getCaretPlaceholder());
+		},
+		
+		/**
+		 * Returns tag's textual content
+		 * @return {String}
+		 */
+		getContent: function() {
+			return this._content || '';
+		},
+		
+		/**
+		 * Set content that should be pasted to the output
+		 * @param {String} val
+		 */
+		setPasteContent: function(val) {
+			this._paste_content = zen_coding.escapeText(val);
+		},
+		
+		/**
+		 * Get content that should be pasted to the output
+		 * @return {String}
+		 */
+		getPasteContent: function() {
+			return this._paste_content;
+		},
+		
+		/**
+		 * Search for deepest and latest child of current element
+		 * @return {Tag|null} Returns null if there's no children
+		 */
+		findDeepestChild: function() {
+			if (!this.children || !this.children.length)
+				return null;
+				
+			var deepest_child = this;
+			while (true) {
+				deepest_child = deepest_child.children[ deepest_child.children.length - 1 ];
+				if (!deepest_child.children || !deepest_child.children.length)
+					break;
+			}
+			
+			return deepest_child;
+		}
+	};
+	
+	/**
+	 * Snippet
+	 * @param {zen_parser.TreeNode} node
+	 * @param {String} type Tag type (html, xml)
+	 */
+	function Snippet(node, type) {
+		/** @type {String} */
+		this.name = filterNodeName(node.name);
+		this.real_name = node.name;
+		this.count = node.count;
+		this.children = [];
+		this._content = node.text || '';
+		this.repeat_by_lines = node.is_repeating;
+		this.is_repeating = node && node.count > 1;
+		this.attributes = [];
+		this.value = replaceUnescapedSymbol(getSnippet(type, this.name), '|', getCaretPlaceholder());
+		this.parent = null;
+		this.syntax = type;
+		
+		this.addAttribute('id', getCaretPlaceholder());
+		this.addAttribute('class', getCaretPlaceholder());
+		this.copyAttributes(node);
+	}
+	
+	inherit(Snippet, Tag);
+	
+	/**
+	 * Returns abbreviation value from data set
+	 * @param {String} type Resource type (html, css, ...)
+	 * @param {String} abbr Abbreviation name
+	 * @return {Object|null}
+	 */
+	function getAbbreviation(type, abbr) {
+		return zen_resources.getAbbreviation(type, abbr);
+	}
+	
+	/**
+	 * Returns snippet value from data set
+	 * @param {String} type Resource type (html, css, ...)
+	 * @param {String} snippet_name Snippet name
+	 * @return {Object|null}
+	 */
+	function getSnippet(type, snippet_name) {
+		return zen_resources.getSnippet(type, snippet_name);
+	}
+	
+	/**
+	 * Returns variable value
+	 * @return {String}
+	 */
+	function getVariable(name) {
+		return zen_resources.getVariable(name);
+	}
+	
+	/**
+	 * Returns indentation string
+	 * @return {String}
+	 */
+	function getIndentation() {
+		return getVariable('indentation');
+	}
+	
+	/**
+	 * @class
+	 * Creates simplified tag from Zen Coding tag
+	 * @param {Tag} tag
+	 */
+	function ZenNode(tag) {
+		this.type = (tag instanceof Snippet) ? 'snippet' : 'tag';
+		this.name = tag.name;
+		this.real_name = tag.real_name;
+		this.children = [];
+		this.counter = 1;
+		this.is_repeating = tag.is_repeating;
+		this.repeat_by_lines = tag.repeat_by_lines;
+		this.has_implicit_name = this.type == 'tag' && tag.has_implicit_name;
+		
+		// create deep copy of attribute list so we can change
+		// their values in runtime without affecting other nodes
+		// created from the same tag
+		this.attributes = [];
+		if (tag.attributes) {
+			for (var i = 0, il = tag.attributes.length; i < il; i++) {
+				var a =  tag.attributes[i];
+				this.attributes.push({
+					name: a.name,
+					value: a.value
+				});
+			}
+		}
+		
+		/** @type {Tag} Source element from which current tag was created */
+		this.source = tag;
+		
+		// relations
+		/** @type {ZenNode} */
+		this.parent = null;
+		/** @type {ZenNode} */
+		this.nextSibling = null;
+		/** @type {ZenNode} */
+		this.previousSibling = null;
+		
+		// output params
+		this.start = '';
+		this.end = '';
+		this.content = tag.getContent() || '';
+		this.padding = '';
+	}
+	
+	ZenNode.prototype = {
+		/**
+		 * @type {ZenNode} tag
+		 */
+		addChild: function(tag) {
+			tag.parent = this;
+			
+			// check for implicit name
+			if (tag.has_implicit_name && this.isInline())
+				tag.name = 'span';
+			
+			var last_child = this.children[this.children.length - 1];
+			if (last_child) {
+				tag.previousSibling = last_child;
+				last_child.nextSibling = tag;
+			}
+			
+			this.children.push(tag);
+		},
+		
+		/**
+		 * Get attribute's value.
+		 * @param {String} name
+		 * @return {String|null} Returns <code>null</code> if attribute wasn't found
+		 */
+		getAttribute: function(name) {
+			name = name.toLowerCase();
+			for (var i = 0, il = this.attributes.length; i < il; i++) {
+				if (this.attributes[i].name.toLowerCase() == name)
+					return this.attributes[i].value;
+			}
+			
+			return null;
+		},
+		
+		/**
+		 * Test if current tag is unary (no closing tag)
+		 * @return {Boolean}
+		 */
+		isUnary: function() {
+			if (this.type == 'snippet')
+				return false;
+				
+			return (this.source._abbr && this.source._abbr.value.is_empty) 
+				|| zen_resources.isItemInCollection(this.source.syntax, 'empty', this.name);
+		},
+		
+		/**
+		 * Test if current tag is inline-level (like &lt;strong&gt;, &lt;img&gt;)
+		 * @return {Boolean}
+		 */
+		isInline: function() {
+			return this.type == 'text' 
+				|| zen_resources.isItemInCollection(this.source.syntax, 'inline_level', this.name);
+		},
+		
+		/**
+		 * Test if current element is block-level
+		 * @return {Boolean}
+		 */
+		isBlock: function() {
+			return this.type == 'snippet' || !this.isInline();
+		},
+		
+		/**
+		 * This function tests if current tags' content contains xHTML tags. 
+		 * This function is mostly used for output formatting
+		 */
+		hasTagsInContent: function() {
+			return this.content && re_tag.test(this.content);
+		},
+		
+		/**
+		 * Check if tag has child elements
+		 * @return {Boolean}
+		 */
+		hasChildren: function() {
+			return !!this.children.length;
+		},
+		
+		/**
+		 * Test if current tag contains block-level children
+		 * @return {Boolean}
+		 */
+		hasBlockChildren: function() {
+			if (this.hasTagsInContent() && this.isBlock()) {
+				return true;
+			}
+			
+			for (var i = 0; i < this.children.length; i++) {
+				if (this.children[i].isBlock())
+					return true;
+			}
+			
+			return false;
+		},
+		
+		/**
+		 * Search for deepest and latest child of current element
+		 * @return {ZenNode|null} Returns <code>null</code> if there's no children
+		 */
+		findDeepestChild: function() {
+			if (!this.children.length)
+				return null;
+				
+			var deepest_child = this;
+			while (true) {
+				deepest_child = deepest_child.children[ deepest_child.children.length - 1 ];
+				if (!deepest_child.children.length)
+					break;
+			}
+			
+			return deepest_child;
+		},
+		
+		/**
+		 * @return {String}
+		 */
+		toString: function() {
+			var content = '';
+			for (var i = 0, il = this.children.length; i < il; i++) {
+				content += this.children[i].toString();
+			}
+			
+			return this.start + this.content + content + this.end;
+		},
+		
+		/**
+		 * Test if current element contains output placeholder (aka $#)
+		 * @return {Boolean}
+		 */
+		hasOutputPlaceholder: function() {
+			if (hasOutputPlaceholder(this.content)) {
+				return true;
+			} else {
+				// search inside attributes
+				for (var i = 0, il = this.attributes.length; i < il; i++) {
+					if (hasOutputPlaceholder(this.attributes[i].value))
+						return true;
+				}
+			}
+			
+			return false;
+		},
+		
+		/**
+		 * Recursively search for elements with output placeholders (aka $#)
+		 * inside current element (not included in result)
+		 * @param {Array} _arr
+		 * @return {Array} Array of elements with output placeholders.  
+		 */
+		findElementsWithOutputPlaceholder: function(_arr) {
+			_arr = _arr || [];
+			for (var i = 0, il = this.children.length; i < il; i++) {
+				if (this.children[i].hasOutputPlaceholder()) {
+					_arr.push(this.children[i]);
+				}
+				this.children[i].findElementsWithOutputPlaceholder(_arr);
+			}
+			return _arr;
+		},
+		
+		/**
+		 * Paste content in context of current node. Pasting is a special case
+		 * of recursive adding content in node. 
+		 * This function will try to find $# placeholder inside node's 
+		 * attributes and text content and replace in with <code>text</code>.
+		 * If it doesn't find $# placeholder, it will put <code>text</code>
+		 * value as the deepest child content
+		 * @param {String} text Text to paste
+		 */
+		pasteContent: function(text) {
+			var symbol = '$#',
+				r = [symbol, text],
+				replace_fn = function() {return r;},
+				/** @type {ZenNode[]} */
+				items = [];
+				
+			if (this.hasOutputPlaceholder())
+				items.push(this);
+				
+			items = items.concat(this.findElementsWithOutputPlaceholder());
+			
+			if (items.length) {
+				for (var i = 0, il = items.length; i < il; i++) {
+					/** @type {ZenNode} */
+					var item = items[i];
+					item.content = replaceUnescapedSymbol(item.content, symbol, replace_fn);
+					for (var j = 0, jl = item.attributes.length; j < jl; j++) {
+						var a = item.attributes[j];
+						a.value = replaceUnescapedSymbol(a.value, symbol, replace_fn);
+					}
+				}
+			} else {
+				// no placeholders found, add content to the deepest child
+				var child = this.findDeepestChild() || this;
+				child.content += text;
+			}
+		}
+	};
+	
+	/**
+	 * Roll outs basic Zen Coding tree into simplified, DOM-like tree.
+	 * The simplified tree, for example, represents each multiplied element 
+	 * as a separate element sets with its own content, if exists.
+	 * 
+	 * The simplified tree element contains some meta info (tag name, attributes, 
+	 * etc.) as well as output strings, which are exactly what will be outputted
+	 * after expanding abbreviation. This tree is used for <i>filtering</i>:
+	 * you can apply filters that will alter output strings to get desired look
+	 * of expanded abbreviation.
+	 * 
+	 * @param {Tag} tree
+	 * @param {ZenNode} [parent]
+	 */
+	function rolloutTree(tree, parent) {
+		parent = parent || new ZenNode(tree);
+		
+		var how_many = 1,
+			tag_content = '';
+			
+		if (tree.children) {
+			for (var i = 0, il = tree.children.length; i < il; i++) {
+				/** @type {Tag} */
+				var child = tree.children[i];
+				how_many = child.count;
+				
+				if (child.repeat_by_lines) {
+					// it's a repeating element
+					tag_content = splitByLines(child.getPasteContent(), true);
+					how_many = Math.max(tag_content.length, 1);
+				} else {
+					tag_content = child.getPasteContent();
+				}
+				
+				for (var j = 0; j < how_many; j++) {
+					var tag = new ZenNode(child);
+					parent.addChild(tag);
+					tag.counter = j + 1;
+					
+					if (child.children && child.children.length)
+						rolloutTree(child, tag);
+						
+					if (tag_content) {
+						var text = (typeof(tag_content) == 'string') 
+							? tag_content 
+							: (tag_content[j] || '');
+						tag.pasteContent(trim(text));
+					}
+				}
+			}
+		}
+		
+		return parent;
+	}
+	
+	/**
+	 * Runs filters on tree
+	 * @param {ZenNode} tree
+	 * @param {String|Object} profile
+	 * @param {String[]|String} filter_list
+	 * @return {ZenNode}
+	 */
+	function runFilters(tree, profile, filter_list) {
+		profile = processProfile(profile);
+		
+		if (typeof(filter_list) == 'string')
+			filter_list = filter_list.split(/[\|,]/g);
+			
+		for (var i = 0, il = filter_list.length; i < il; i++) {
+			var name = trim(filter_list[i].toLowerCase());
+			if (name && name in filters) {
+				tree = filters[name](tree, profile);
+			}
+		}
+		
+		return tree;
+	}
+	
+	/**
+	 * Transforms abbreviation into a primary internal tree. This tree should'n 
+	 * be used ouside of this scope
+	 * @param {zen_parser.TreeNode} node Parsed tree node
+	 * @param {String} [type] Document type (xsl, html, etc.)
+	 * @return {Tag}
+	 */
+	function transformTreeNode(node, type) {
+		type = type || 'html';
+		if (node.isEmpty()) return null;
+		
+		return isShippet(node.name, type) 
+				? new Snippet(node, type)
+				: new Tag(node, type);
+	}
+	
+	/**
+	 * Process single tree node: expand it and its children 
+	 * @param {zen_parser.TreeNode} node
+	 * @param {String} type
+	 * @param {Tag} parent
+	 */
+	function processParsedNode(node, type, parent) {
+		var t_node = transformTreeNode(node, type);
+		parent.addChild(t_node);
+			
+		// set repeating element to the topmost node
+		var root = parent;
+		while (root.parent)
+			root = root.parent;
+		
+		root.last = t_node;
+		if (t_node.repeat_by_lines)
+			root.multiply_elem = t_node;
+			
+		// process child groups
+		for (var j = 0, jl = node.children.length; j < jl; j++) {
+			processParsedNode(node.children[j], type, t_node);
+		}
+	}
+	
+	/**
+	 * Replaces expando nodes by its parsed content
+	 * @param {zen_parser.TreeNode} node
+	 * @param {String} type
+	 */
+	function replaceExpandos(node, type) {
+		for (var i = 0, il = node.children.length; i < il; i++) {
+			var n = node.children[i];
+			if (!n.isEmpty() && !n.isTextNode() && n.name.indexOf('+') != -1) {
+				// it's expando
+				var a = getAbbreviation(type, n.name);
+				if (a)
+					node.children[i] = zen_parser.parse(a.value);
+			}
+			replaceExpandos(node.children[i], type);
+		}
+	}
+	
+	/**
+	 * Replaces expandos and optimizes tree structure by removing empty nodes
+	 * @param {zen_parser.TreeNode} tree
+	 * @param {String} type
+	 */
+	function preprocessParsedTree(tree, type) {
+		replaceExpandos(tree, type);
+		return zen_parser.optimizeTree(tree);
+	}
+	
+	/**
+	 * Pad string with zeroes
+	 * @param {String} str
+	 * @param {Number} pad
+	 */
+	function zeroPadString(str, pad) {
+		var padding = '', 
+			il = str.length;
+			
+		while (pad > il++) padding += '0';
+		return padding + str; 
+	}
+	
+	/**
+	 * Replaces unescaped symbols in <code>str</code>. For example, the '$' symbol
+	 * will be replaced in 'item$count', but not in 'item\$count'.
+	 * @param {String} str Original string
+	 * @param {String} symbol Symbol to replace
+	 * @param {String|Function} replace Symbol replacement
+	 * @return {String}
+	 */
+	function replaceUnescapedSymbol(str, symbol, replace) {
+		var i = 0,
+			il = str.length,
+			sl = symbol.length,
+			match_count = 0;
+			
+		while (i < il) {
+			if (str.charAt(i) == '\\') {
+				// escaped symbol, skip next character
+				i += sl + 1;
+			} else if (str.substr(i, sl) == symbol) {
+				// have match
+				var cur_sl = sl;
+				match_count++;
+				var new_value = replace;
+				if (typeof(replace) !== 'string') {
+					var replace_data = replace(str, symbol, i, match_count);
+					if (replace_data) {
+						cur_sl = replace_data[0].length;
+						new_value = replace_data[1];
+					} else {
+						new_value = false;
+					}
+				}
+				
+				if (new_value === false) { // skip replacement
+					i++;
+					continue;
+				}
+				
+				str = str.substring(0, i) + new_value + str.substring(i + cur_sl);
+				// adjust indexes
+				il = str.length;
+				i += new_value.length;
+			} else {
+				i++;
+			}
+		}
+		
+		return str;
+	}
+	
+	/**
+	 * Processes profile argument, returning, if possible, profile object
+	 */
+	function processProfile(profile) {
+		var _profile = profile;
+		if (typeof(profile) == 'string' && profile in profiles)
+			_profile = profiles[profile];
+		
+		if (!_profile)
+			_profile = profiles['plain'];
+			
+		return _profile;
+	}
+	
+	// create default profiles
+	setupProfile('xhtml');
+	setupProfile('html', {self_closing_tag: false});
+	setupProfile('xml', {self_closing_tag: true, tag_nl: true});
+	setupProfile('plain', {tag_nl: false, indent: false, place_cursor: false});
+	
+	
+	return {
+		/** Hash of all available actions */
+		actions: {},
+		
+		/**
+		 * Adds new Zen Coding action. This action will be available in
+		 * <code>zen_settings.actions</code> object.
+		 * @param {String} name Action's name
+		 * @param {Function} fn Action itself. The first argument should be
+		 * <code>zen_editor</code> instance.
+		 */
+		registerAction: function(name, fn) {
+			this.actions[name.toLowerCase()] = fn;
+		},
+		
+		/**
+		 * Runs Zen Coding action. For list of available actions and their
+		 * arguments see <code>zen_actions.js</code> file.
+		 * @param {String} name Action name 
+		 * @param {Array} args Additional arguments. It may be array of arguments
+		 * or inline arguments. The first argument should be <code>zen_editor</code> instance
+		 * @example
+		 * zen_coding.runActions('expand_abbreviation', zen_editor);  
+		 * zen_coding.runActions('wrap_with_abbreviation', [zen_editor, 'div']);  
+		 */
+		runAction: function(name, args) {
+			if (!(args instanceof Array))
+				args = Array.prototype.slice.call(arguments, 1);
+				
+			name = name.toLowerCase();
+			if (name in this.actions)
+				return this.actions[name].apply(this, args);
+//			try {
+//			} catch(e){
+//				if (window && window.console)
+//					console.error(e);
+//				return false; 
+//			}
+		},
+		
+		expandAbbreviation: function(abbr, type, profile) {
+			type = type || 'html';
+			var parsed_tree = this.parseIntoTree(abbr, type);
+			
+			if (parsed_tree) {
+				var tree = rolloutTree(parsed_tree);
+				this.applyFilters(tree, type, profile, parsed_tree.filters);
+				return replaceVariables(tree.toString());
+			}
+			
+			return '';
+		},
+		
+		/**
+		 * Extracts abbreviations from text stream, starting from the end
+		 * @param {String} str
+		 * @return {String} Abbreviation or empty string
+		 */
+		extractAbbreviation: function(str) {
+			var cur_offset = str.length,
+				start_index = -1,
+				group_count = 0,
+				brace_count = 0,
+				text_count = 0;
+			
+			while (true) {
+				cur_offset--;
+				if (cur_offset < 0) {
+					// moved to the beginning of the line
+					start_index = 0;
+					break;
+				}
+				
+				var ch = str.charAt(cur_offset);
+				
+				if (ch == ']') {
+					brace_count++;
+				} else if (ch == '[') {
+					if (!brace_count) { // unexpected brace
+						start_index = cur_offset + 1;
+						break;
+					}
+					brace_count--;
+				} else if (ch == '}') {
+					text_count++;
+				} else if (ch == '{') {
+					if (!text_count) { // unexpected brace
+						start_index = cur_offset + 1;
+						break;
+					}
+					text_count--;
+				} else if (ch == ')') {
+					group_count++;
+				} else if (ch == '(') {
+					if (!group_count) { // unexpected brace
+						start_index = cur_offset + 1;
+						break;
+					}
+					group_count--;
+				} else {
+					if (brace_count || text_count) 
+						// respect all characters inside attribute sets or text nodes
+						continue;
+					else if (!isAllowedChar(ch) || (ch == '>' && isEndsWithTag(str.substring(0, cur_offset + 1)))) {
+						// found stop symbol
+						start_index = cur_offset + 1;
+						break;
+					}
+				}
+			}
+			
+			if (start_index != -1 && !text_count && !brace_count && !group_count) 
+				// found something, return abbreviation
+				return str.substring(start_index);
+			else
+				return '';
+		},
+		
+		/**
+		 * Parses abbreviation into a node set
+		 * @param {String} abbr Abbreviation
+		 * @param {String} type Document type (xsl, html, etc.)
+		 * @return {Tag}
+		 */
+		parseIntoTree: function(abbr, type) {
+			type = type || 'html';
+			// remove filters from abbreviation
+			var filter_list = '';
+			abbr = abbr.replace(/\|([\w\|\-]+)$/, function(str, p1){
+				filter_list = p1;
+				return '';
+			});
+			
+			// try to parse abbreviation
+			try {
+				var abbr_tree = zen_parser.parse(abbr),
+					tree_root = new Tag({}, type);
+					
+				abbr_tree = preprocessParsedTree(abbr_tree, type);
+			} catch(e) {
+				if (e.message == "InvalidAbbreviation")
+					return null;
+			}
+				
+			// then recursively expand each group item
+			for (var i = 0, il = abbr_tree.children.length; i < il; i++) {
+				processParsedNode(abbr_tree.children[i], type, tree_root);
+			}
+			
+			tree_root.filters = filter_list;
+			return tree_root;
+		},
+		
+		/**
+		 * Indents text with padding
+		 * @param {String} text Text to indent
+		 * @param {String|Number} pad Padding size (number) or padding itself (string)
+		 * @return {String}
+		 */
+		padString: padString,
+		setupProfile: setupProfile,
+		getNewline: function(){
+			return newline;
+		},
+		
+		setNewline: function(str) {
+			newline = str;
+			this.setVariable('newline', str);
+			this.setVariable('nl', str);
+		},
+		
+		/**
+		 * Wraps passed text with abbreviation. Text will be placed inside last
+		 * expanded element
+		 * @param {String} abbr Abbreviation
+		 * @param {String} text Text to wrap
+		 * @param {String} [type] Document type (html, xml, etc.). Default is 'html'
+		 * @param {String} [profile] Output profile's name. Default is 'plain'
+		 * @return {String}
+		 */
+		wrapWithAbbreviation: function(abbr, text, type, profile) {
+			type = type || 'html';
+			var tree_root = this.parseIntoTree(abbr, type),
+				pasted = false;
+				
+			if (tree_root) {
+				if (tree_root.multiply_elem) {
+					// we have a repeating element, put content in
+					tree_root.multiply_elem.setPasteContent(text);
+					tree_root.multiply_elem.repeat_by_lines = pasted = true;
+				}
+				
+				var tree = rolloutTree(tree_root);
+				
+				if (!pasted) 
+					tree.pasteContent(text);
+				
+				this.applyFilters(tree, type, profile, tree_root.filters);
+				return replaceVariables(tree.toString());
+			}
+			
+			return null;
+		},
+		
+		splitByLines: splitByLines,
+		
+		/**
+		 * Check if cursor is placed inside xHTML tag
+		 * @param {String} html Contents of the document
+		 * @param {Number} cursor_pos Current caret position inside tag
+		 * @return {Boolean}
+		 */
+		isInsideTag: function(html, cursor_pos) {
+			var re_tag = /^<\/?\w[\w\:\-]*.*?>/;
+			
+			// search left to find opening brace
+			var pos = cursor_pos;
+			while (pos > -1) {
+				if (html.charAt(pos) == '<') 
+					break;
+				pos--;
+			}
+			
+			if (pos != -1) {
+				var m = re_tag.exec(html.substring(pos));
+				if (m && cursor_pos > pos && cursor_pos < pos + m[0].length)
+					return true;
+			}
+			
+			return false;
+		},
+		
+		/**
+		 * Returns caret placeholder
+		 * @return {String}
+		 */
+		getCaretPlaceholder: getCaretPlaceholder,
+		
+		/**
+		 * Set caret placeholder: a string (like '|') or function.
+		 * You may use a function as a placeholder generator. For example,
+		 * TextMate uses ${0}, ${1}, ..., ${n} natively for quick Tab-switching
+		 * between them.
+		 * @param {String|Function} value
+		 */
+		setCaretPlaceholder: function(value) {
+			caret_placeholder = value;
+		},
+		
+		rolloutTree: rolloutTree,
+		
+		/**
+		 * Register new filter
+		 * @param {String} name Filter name
+		 * @param {Function} fn Filter function
+		 */
+		registerFilter: function(name, fn) {
+			filters[name] = fn;
+		},
+		
+		/**
+		 * Factory method that produces <code>ZenNode</code> instance
+		 * @param {String} name Node name
+		 * @param {Array} [attrs] Array of attributes as key/value objects  
+		 * @return {ZenNode}
+		 */
+		nodeFactory: function(name, attrs) {
+			return new ZenNode({name: name, attributes: attrs || []});
+		},
+		
+		/**
+		 * Applies filters to tree according to syntax
+		 * @param {ZenNode} tree Tag tree to apply filters to
+		 * @param {String} syntax Syntax name ('html', 'css', etc.)
+		 * @param {String|Object} profile Profile or profile's name
+		 * @param {String|Array} [additional_filters] List or pipe-separated 
+		 * string of additional filters to apply
+		 * 
+		 * @return {ZenNode}
+		 */
+		applyFilters: function(tree, syntax, profile, additional_filters) {
+			profile = processProfile(profile);
+			var _filters = profile.filters;
+			if (!_filters)
+				_filters = zen_resources.getSubset(syntax, 'filters') || basic_filters;
+				
+			if (additional_filters)
+				_filters += '|' + ((typeof(additional_filters) == 'string') 
+					? additional_filters 
+					: additional_filters.join('|'));
+				
+			if (!_filters)
+				// looks like unknown syntax, apply basic filters
+				_filters = basic_filters;
+				
+			return runFilters(tree, profile, _filters);
+		},
+		
+		runFilters: runFilters,
+		
+		repeatString: repeatString,
+		getVariable: getVariable,
+		/**
+		 * Store runtime variable in user storage
+		 * @param {String} name Variable name
+		 * @param {String} value Variable value
+		 */
+		setVariable: function(name, value){
+			var voc = zen_resources.getVocabulary('user') || {};
+			if (!('varaibles' in voc))
+				voc.variables = {};
+				
+			voc.variables[name] = value;
+			zen_resources.setVocabulary(voc, 'user');
+		},
+		replaceVariables: replaceVariables,
+		
+		/**
+		 * Escapes special characters used in Zen Coding, like '$', '|', etc.
+		 * Use this method before passing to actions like "Wrap with Abbreviation"
+		 * to make sure that existing spacial characters won't be altered
+		 * @param {String} text
+		 * @return {String}
+		 */
+		escapeText: function(text) {
+			return text.replace(/([\$\|\\])/g, '\\$1');
+		},
+		
+		/**
+		 * Unescapes special characters used in Zen Coding, like '$', '|', etc.
+		 * @param {String} text
+		 * @return {String}
+		 */
+		unescapeText: function(text) {
+			return text.replace(/\\(.)/g, '$1');
+		},
+		
+		/**
+		 * Replaces '$' character in string assuming it might be escaped with '\'
+		 * @param {String} str
+		 * @param {String|Number} value
+		 * @return {String}
+		 */
+		replaceCounter: function(str, value) {
+			var symbol = '$';
+			value = String(value);
+			return replaceUnescapedSymbol(str, symbol, function(str, symbol, pos, match_num){
+				if (str.charAt(pos + 1) == '{' || isNumeric(str.charAt(pos + 1)) ) {
+					// it's a variable, skip it
+					return false;
+				}
+				
+				// replace sequense of $ symbols with padded number  
+				var j = pos + 1;
+				while(str.charAt(j) == '$' && str.charAt(j + 1) != '{') j++;
+				return [str.substring(pos, j), zeroPadString(value, j - pos)];
+			});
+		},
+		
+		isNumeric: isNumeric,
+		
+		/**
+		 * Upgrades tabstops in zen node in order to prevent naming conflicts
+		 * @param {ZenNode} node
+		 * @param {Number} offset Tab index offset
+		 * @returns {Number} Maximum tabstop index in element
+		 */
+		upgradeTabstops: function(node, offset) {
+			var max_num = 0,
+				props = ['start', 'end', 'content'],
+				escape_fn = function(ch){ return '\\' + ch; },
+				tabstop_fn = function(i, num, value) {
+					num = parseInt(num);
+					if (num > max_num) max_num = num;
+						
+					if (value)
+						return '${' + (num + offset) + ':' + value + '}';
+					else
+						return '$' + (num + offset);
+				};
+				
+			for (var i = 0, il = props.length; i < il; i++)
+				node[props[i]] = this.processTextBeforePaste(node[props[i]], escape_fn, tabstop_fn);
+			
+			return max_num;
+		},
+		
+		/**
+		 * Get profile by it's name. If profile wasn't found, returns 'plain'
+		 * profile
+		 */
+		getProfile: function(name) {
+			return (name in profiles) ? profiles[name] : profiles['plain'];
+		},
+		
+		/**
+		 * Gets image size from image byte stream.
+		 * @author http://romeda.org/rePublish/
+		 * @param {String} stream Image byte stream (use <code>zen_file.read()</code>)
+		 * @return {Object} Object with <code>width</code> and <code>height</code> properties
+		 */
+		getImageSize: function(stream) {
+			var pngMagicNum = "\211PNG\r\n\032\n",
+				jpgMagicNum = "\377\330",
+				gifMagicNum = "GIF8",
+				nextByte = function() {
+					return stream.charCodeAt(pos++);
+				};
+		
+			if (stream.substr(0, 8) === pngMagicNum) {
+				// PNG. Easy peasy.
+				var pos = stream.indexOf('IHDR') + 4;
+			
+				return { width:  (nextByte() << 24) | (nextByte() << 16) |
+								 (nextByte() <<  8) | nextByte(),
+						 height: (nextByte() << 24) | (nextByte() << 16) |
+								 (nextByte() <<  8) | nextByte() };
+			
+			} else if (stream.substr(0, 4) === gifMagicNum) {
+				pos = 6;
+			
+				return {
+					width:  nextByte() | (nextByte() << 8),
+					height: nextByte() | (nextByte() << 8)
+				};
+			
+			} else if (stream.substr(0, 2) === jpgMagicNum) {
+				// TODO need testing
+				pos = 2;
+			
+				var l = stream.length;
+				while (pos < l) {
+					if (nextByte() != 0xFF) return;
+				
+					var marker = nextByte();
+					if (marker == 0xDA) break;
+				
+					var size = (nextByte() << 8) | nextByte();
+				
+					if (marker >= 0xC0 && marker <= 0xCF && !(marker & 0x4) && !(marker & 0x8)) {
+						pos += 1;
+						return { height:  (nextByte() << 8) | nextByte(),
+								 width: (nextByte() << 8) | nextByte() };
+				
+					} else {
+						pos += size - 2;
+					}
+				}
+			}
+		},
+		
+		/**
+		 * Returns context-aware node counter
+		 * @param {node} ZenNode
+		 * @return {Number}
+		 */
+		getCounterForNode: function(node) {
+			// find nearest repeating parent
+			var counter = node.counter;
+			if (!node.is_repeating && !node.repeat_by_lines) {
+				while (node = node.parent) {
+					if (node.is_repeating || node.repeat_by_lines)
+						return node.counter;
+				}
+			}
+			
+			return counter;
+		},
+		
+		/**
+		 * Process text that should be pasted into editor: clear escaped text and
+		 * handle tabstops
+		 * @param {String} text
+		 * @param {Function} escape_fn Handle escaped character. Must return
+		 * replaced value
+		 * @param {Function} tabstop_fn Callback function that will be called on every
+		 * tabstob occurance, passing <b>index</b>, <code>number</code> and 
+		 * <b>value</b> (if exists) arguments. This function must return 
+		 * replacement value
+		 * @return {String} 
+		 */
+		processTextBeforePaste: function(text, escape_fn, tabstop_fn) {
+			var i = 0, il = text.length, start_ix, _i,
+				str_builder = [];
+				
+			var nextWhile = function(ix, fn) {
+				while (ix < il) if (!fn(text.charAt(ix++))) break;
+				return ix - 1;
+			};
+			
+			while (i < il) {
+				var ch = text.charAt(i);
+				if (ch == '\\' && i + 1 < il) {
+					// handle escaped character
+					str_builder.push(escape_fn(text.charAt(i + 1)));
+					i += 2;
+					continue;
+				} else if (ch == '$') {
+					// looks like a tabstop
+					var next_ch = text.charAt(i + 1) || '';
+					_i = i;
+					if (this.isNumeric(next_ch)) {
+						// $N placeholder
+						start_ix = i + 1;
+						i = nextWhile(start_ix, this.isNumeric);
+						if (start_ix < i) {
+							str_builder.push(tabstop_fn(_i, text.substring(start_ix, i)));
+							continue;
+						}
+					} else if (next_ch == '{') {
+						// ${N:value} or ${N} placeholder
+						var brace_count = 1;
+						start_ix = i + 2;
+						i = nextWhile(start_ix, this.isNumeric);
+						
+						if (i > start_ix) {
+							if (text.charAt(i) == '}') {
+								str_builder.push(tabstop_fn(_i, text.substring(start_ix, i)));
+								i++; // handle closing brace
+								continue;
+							} else if (text.charAt(i) == ':') {
+								var val_start = i + 2;
+								i = nextWhile(val_start, function(c) {
+									if (c == '{') brace_count++;
+									else if (c == '}') brace_count--;
+									return !!brace_count;
+								});
+								str_builder.push(tabstop_fn(_i, text.substring(start_ix, val_start - 2), text.substring(val_start - 1, i)));
+								i++; // handle closing brace
+								continue;
+							}
+						}
+					}
+					i = _i;
+				}
+				
+				// push current character to stack
+				str_builder.push(ch);
+				i++;
+			}
+			
+			return str_builder.join('');
+		}
+	}
+})();/**
+ * Middleware layer that communicates between editor and Zen Coding.
+ * This layer describes all available Zen Coding actions, like 
+ * "Expand Abbreviation".
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ * 
+ * @include "zen_editor.js"
+ * @include "html_matcher.js"
+ * @include "zen_coding.js"
+ * @include "zen_file.js"
+ * @include "base64.js"
+ */
+
+/**
+ * Search for abbreviation in editor from current caret position
+ * @param {zen_editor} editor Editor instance
+ * @return {String|null}
+ */
+function findAbbreviation(editor) {
+	var range = editor.getSelectionRange(),
+		content = String(editor.getContent());
+	if (range.start != range.end) {
+		// abbreviation is selected by user
+		return content.substring(range.start, range.end);
+	}
+	
+	// search for new abbreviation from current caret position
+	var cur_line = editor.getCurrentLineRange();
+	return zen_coding.extractAbbreviation(content.substring(cur_line.start, range.start));
+}
+
+/**
+ * Find from current caret position and expand abbreviation in editor
+ * @param {zen_editor} editor Editor instance
+ * @param {String} [syntax] Syntax type (html, css, etc.)
+ * @param {String} [profile_name] Output profile name (html, xml, xhtml)
+ * @return {Boolean} Returns <code>true</code> if abbreviation was expanded 
+ * successfully
+ */
+function expandAbbreviation(editor, syntax, profile_name) {
+	syntax = String(syntax || editor.getSyntax());
+	profile_name = String(profile_name || editor.getProfileName());
+	
+	var caret_pos = editor.getSelectionRange().end,
+		abbr,
+		content = '';
+		
+	if ( (abbr = findAbbreviation(editor)) ) {
+		content = zen_coding.expandAbbreviation(abbr, syntax, profile_name);
+		if (content) {
+			editor.replaceContent(content, caret_pos - abbr.length, caret_pos);
+			return true;
+		}
+	}
+	
+	return false;
+}
+
+/**
+ * A special version of <code>expandAbbreviation</code> function: if it can't
+ * find abbreviation, it will place Tab character at caret position
+ * @param {zen_editor} editor Editor instance
+ * @param {String} syntax Syntax type (html, css, etc.)
+ * @param {String} profile_name Output profile name (html, xml, xhtml)
+ */
+function expandAbbreviationWithTab(editor, syntax, profile_name) {
+	syntax = String(syntax || editor.getSyntax());
+	profile_name = String(profile_name || editor.getProfileName());
+	if (!expandAbbreviation(editor, syntax, profile_name))
+		editor.replaceContent(zen_coding.getVariable('indentation'), editor.getCaretPos());
+}
+
+/**
+ * Find and select HTML tag pair
+ * @param {zen_editor} editor Editor instance
+ * @param {String} [direction] Direction of pair matching: 'in' or 'out'. 
+ * Default is 'out'
+ */
+function matchPair(editor, direction, syntax) {
+	direction = String((direction || 'out').toLowerCase());
+	syntax = String(syntax || editor.getProfileName());
+	
+	var range = editor.getSelectionRange(),
+		cursor = range.end,
+		range_start = range.start, 
+		range_end = range.end,
+//		content = zen_coding.splitByLines(editor.getContent()).join('\n'),
+		content = String(editor.getContent()),
+		range = null,
+		_r,
+	
+		old_open_tag = zen_coding.html_matcher.last_match['opening_tag'],
+		old_close_tag = zen_coding.html_matcher.last_match['closing_tag'];
+		
+	if (direction == 'in' && old_open_tag && range_start != range_end) {
+//		user has previously selected tag and wants to move inward
+		if (!old_close_tag) {
+//			unary tag was selected, can't move inward
+			return false;
+		} else if (old_open_tag.start == range_start) {
+			if (content.charAt(old_open_tag.end) == '<') {
+//				test if the first inward tag matches the entire parent tag's content
+				_r = zen_coding.html_matcher.find(content, old_open_tag.end + 1, syntax);
+				if (_r[0] == old_open_tag.end && _r[1] == old_close_tag.start) {
+					range = zen_coding.html_matcher(content, old_open_tag.end + 1, syntax);
+				} else {
+					range = [old_open_tag.end, old_close_tag.start];
+				}
+			} else {
+				range = [old_open_tag.end, old_close_tag.start];
+			}
+		} else {
+			var new_cursor = content.substring(0, old_close_tag.start).indexOf('<', old_open_tag.end);
+			var search_pos = new_cursor != -1 ? new_cursor + 1 : old_open_tag.end;
+			range = zen_coding.html_matcher(content, search_pos, syntax);
+		}
+	} else {
+		range = zen_coding.html_matcher(content, cursor, syntax);
+	}
+	
+	if (range !== null && range[0] != -1) {
+		editor.createSelection(range[0], range[1]);
+		return true;
+	} else {
+		return false;
+	}
+}
+
+/**
+ * Narrow down text indexes, adjusting selection to non-space characters
+ * @param {String} text
+ * @param {Number} start
+ * @param {Number} end
+ * @return {Array}
+ */
+function narrowToNonSpace(text, start, end) {
+	// narrow down selection until first non-space character
+	var re_space = /\s|\n|\r/;
+	function isSpace(ch) {
+		return re_space.test(ch);
+	}
+	
+	while (start < end) {
+		if (!isSpace(text.charAt(start)))
+			break;
+			
+		start++;
+	}
+	
+	while (end > start) {
+		end--;
+		if (!isSpace(text.charAt(end))) {
+			end++;
+			break;
+		}
+	}
+	
+	return [start, end];
+}
+
+/**
+ * Wraps content with abbreviation
+ * @param {zen_editor} Editor instance
+ * @param {String} abbr Abbreviation to wrap with
+ * @param {String} [syntax] Syntax type (html, css, etc.)
+ * @param {String} [profile_name] Output profile name (html, xml, xhtml)
+ */
+function wrapWithAbbreviation(editor, abbr, syntax, profile_name) {
+	syntax = String(syntax || editor.getSyntax());
+	profile_name = String(profile_name || editor.getProfileName());
+	abbr = abbr || editor.prompt("Enter abbreviation");
+	
+	var range = editor.getSelectionRange(),
+		start_offset = range.start,
+		end_offset = range.end,
+		content = String(editor.getContent());
+		
+	if (!abbr || typeof abbr == 'undefined')
+		return null; 
+		
+	abbr = String(abbr);
+	
+	if (start_offset == end_offset) {
+		// no selection, find tag pair
+		range = zen_coding.html_matcher(content, start_offset, profile_name);
+		
+		if (!range || range[0] == -1) // nothing to wrap
+			return null;
+		
+		var narrowed_sel = narrowToNonSpace(content, range[0], range[1]);
+		
+		start_offset = narrowed_sel[0];
+		end_offset = narrowed_sel[1];
+	}
+	
+	var new_content = zen_coding.escapeText(content.substring(start_offset, end_offset)),
+		result = zen_coding.wrapWithAbbreviation(abbr, unindent(editor, new_content), syntax, profile_name);
+	
+	if (result) {
+		editor.setCaretPos(end_offset);
+		editor.replaceContent(result, start_offset, end_offset);
+	}
+}
+
+/**
+ * Unindent content, thus preparing text for tag wrapping
+ * @param {zen_editor} editor Editor instance
+ * @param {String} text
+ * @return {String}
+ */
+function unindent(editor, text) {
+	return unindentText(text, getCurrentLinePadding(editor));
+}
+
+/**
+ * Removes padding at the beginning of each text's line
+ * @param {String} text
+ * @param {String} pad
+ */
+function unindentText(text, pad) {
+	var lines = zen_coding.splitByLines(text);
+	for (var i = 0; i < lines.length; i++) {
+		if (lines[i].search(pad) == 0)
+			lines[i] = lines[i].substr(pad.length);
+	}
+	
+	return lines.join(zen_coding.getNewline());
+}
+
+/**
+ * Returns padding of current editor's line
+ * @param {zen_editor} Editor instance
+ * @return {String}
+ */
+function getCurrentLinePadding(editor) {
+	return getLinePadding(editor.getCurrentLine());
+}
+
+/**
+ * Returns line padding
+ * @param {String} line
+ * @return {String}
+ */
+function getLinePadding(line) {
+	return (line.match(/^(\s+)/) || [''])[0];
+}
+
+/**
+ * Search for new caret insertion point
+ * @param {zen_editor} editor Editor instance
+ * @param {Number} inc Search increment: -1 — search left, 1 — search right
+ * @param {Number} offset Initial offset relative to current caret position
+ * @return {Number} Returns -1 if insertion point wasn't found
+ */
+function findNewEditPoint(editor, inc, offset) {
+	inc = inc || 1;
+	offset = offset || 0;
+	var cur_point = editor.getCaretPos() + offset,
+		content = String(editor.getContent()),
+		max_len = content.length,
+		next_point = -1,
+		re_empty_line = /^\s+$/;
+	
+	function ch(ix) {
+		return content.charAt(ix);
+	}
+	
+	function getLine(ix) {
+		var start = ix;
+		while (start >= 0) {
+			var c = ch(start);
+			if (c == '\n' || c == '\r')
+				break;
+			start--;
+		}
+		
+		return content.substring(start, ix);
+	}
+		
+	while (cur_point < max_len && cur_point > 0) {
+		cur_point += inc;
+		var cur_char = ch(cur_point),
+			next_char = ch(cur_point + 1),
+			prev_char = ch(cur_point - 1);
+			
+		switch (cur_char) {
+			case '"':
+			case '\'':
+				if (next_char == cur_char && prev_char == '=') {
+					// empty attribute
+					next_point = cur_point + 1;
+				}
+				break;
+			case '>':
+				if (next_char == '<') {
+					// between tags
+					next_point = cur_point + 1;
+				}
+				break;
+			case '\n':
+			case '\r':
+				// empty line
+				if (re_empty_line.test(getLine(cur_point - 1))) {
+					next_point = cur_point;
+				}
+				break;
+		}
+		
+		if (next_point != -1)
+			break;
+	}
+	
+	return next_point;
+}
+
+/**
+ * Move caret to previous edit point
+ * @param {zen_editor} editor Editor instance
+ */
+function prevEditPoint(editor) {
+	var cur_pos = editor.getCaretPos(),
+		new_point = findNewEditPoint(editor, -1);
+		
+	if (new_point == cur_pos)
+		// we're still in the same point, try searching from the other place
+		new_point = findNewEditPoint(editor, -1, -2);
+	
+	if (new_point != -1) 
+		editor.setCaretPos(new_point);
+}
+
+/**
+ * Move caret to next edit point
+ * @param {zen_editor} editor Editor instance
+ */
+function nextEditPoint(editor) {
+	var new_point = findNewEditPoint(editor, 1);
+	if (new_point != -1)
+		editor.setCaretPos(new_point);
+}
+
+/**
+ * Inserts newline character with proper indentation in specific positions only.
+ * @param {zen_editor} editor
+ * @return {Boolean} Returns <code>true</code> if line break was inserted 
+ */
+function insertFormattedNewlineOnly(editor) {
+	var caret_pos = editor.getCaretPos(),
+		content = String(editor.getContent()),
+		nl = zen_coding.getNewline(),
+		pad = zen_coding.getVariable('indentation'),
+		syntax = String(editor.getSyntax());
+		
+	if (syntax == 'html') {
+		// let's see if we're breaking newly created tag
+		var pair = zen_coding.html_matcher.getTags(content, caret_pos, String(editor.getProfileName()));
+		
+		if (pair[0] && pair[1] && pair[0].type == 'tag' && pair[0].end == caret_pos && pair[1].start == caret_pos) {
+			editor.replaceContent(nl + pad + zen_coding.getCaretPlaceholder() + nl, caret_pos);
+			return true;
+		}
+	} else if (syntax == 'css') {
+		if (caret_pos && content.charAt(caret_pos - 1) == '{') {
+			// look ahead for a closing brace
+			for (var i = caret_pos, il = content.length, ch; i < il; i++) {
+				ch = content.charAt(i);
+				if (ch == '}') return false;
+				if (ch == '{') break;
+			}
+			
+			// defining rule set
+			var ins_value = nl + pad + zen_coding.getCaretPlaceholder() + nl,
+				has_close_brace = caret_pos < content.length && content.charAt(caret_pos) == '}';
+				
+			var user_close_brace = zen_coding.getVariable('close_css_brace');
+			if (user_close_brace) {
+				// user defined how close brace should look like
+				ins_value += zen_coding.replaceVariables(user_close_brace);
+			} else if (!has_close_brace) {
+				ins_value += '}';
+			}
+			
+			editor.replaceContent(ins_value, caret_pos, caret_pos + (has_close_brace ? 1 : 0));
+			return true;
+		}
+	}
+		
+	return false;
+}
+
+/**
+ * Inserts newline character with proper indentation. This action is used in
+ * editors that doesn't have indentation control (like textarea element) to 
+ * provide proper indentation
+ * @param {zen_editor} editor Editor instance
+ */
+function insertFormattedNewline(editor) {
+	if (!insertFormattedNewlineOnly(editor)) {
+		var cur_padding = getCurrentLinePadding(editor),
+			content = String(editor.getContent()),
+			caret_pos = editor.getCaretPos(),
+			c_len = content.length,
+			nl = zen_coding.getNewline();
+			
+		// check out next line padding
+		var line_range = editor.getCurrentLineRange(),
+			next_padding = '';
+			
+		for (var i = line_range.end + 1, ch; i < c_len; i++) {
+			ch = content.charAt(i);
+			if (ch == ' ' || ch == '\t')
+				next_padding += ch;
+			else
+				break;
+		}
+		
+		if (next_padding.length > cur_padding.length)
+			editor.replaceContent(nl + next_padding, caret_pos, caret_pos, true);
+		else
+			editor.replaceContent(nl, caret_pos);
+	}
+}
+
+/**
+ * Select line under cursor
+ * @param {zen_editor} editor Editor instance
+ */
+function selectLine(editor) {
+	var range = editor.getCurrentLineRange();
+	editor.createSelection(range.start, range.end);
+}
+
+/**
+ * Moves caret to matching opening or closing tag
+ * @param {zen_editor} editor
+ */
+function goToMatchingPair(editor) {
+	var content = String(editor.getContent()),
+		caret_pos = editor.getCaretPos();
+	
+	if (content.charAt(caret_pos) == '<') 
+		// looks like caret is outside of tag pair  
+		caret_pos++;
+		
+	var tags = zen_coding.html_matcher.getTags(content, caret_pos, String(editor.getProfileName()));
+		
+	if (tags && tags[0]) {
+		// match found
+		var open_tag = tags[0],
+			close_tag = tags[1];
+			
+		if (close_tag) { // exclude unary tags
+			if (open_tag.start <= caret_pos && open_tag.end >= caret_pos)
+				editor.setCaretPos(close_tag.start);
+			else if (close_tag.start <= caret_pos && close_tag.end >= caret_pos)
+				editor.setCaretPos(open_tag.start);
+		}
+	}
+}
+
+/**
+ * Merge lines spanned by user selection. If there's no selection, tries to find
+ * matching tags and use them as selection
+ * @param {zen_editor} editor
+ */
+function mergeLines(editor) {
+	var selection = editor.getSelectionRange();
+	if (selection.start == selection.end) {
+		// find matching tag
+		var pair = zen_coding.html_matcher(String(editor.getContent()), editor.getCaretPos(), String(editor.getProfileName()));
+		if (pair) {
+			selection.start = pair[0];
+			selection.end = pair[1];
+		}
+	}
+	
+	if (selection.start != selection.end) {
+		// got range, merge lines
+		var text = String(editor.getContent()).substring(selection.start, selection.end),
+			old_length = text.length;
+		var lines =  zen_coding.splitByLines(text);
+		
+		for (var i = 1; i < lines.length; i++) {
+			lines[i] = lines[i].replace(/^\s+/, '');
+		}
+		
+		text = lines.join('').replace(/\s{2,}/, ' ');
+		editor.replaceContent(text, selection.start, selection.end);
+		editor.createSelection(selection.start, selection.start + text.length);
+	}
+}
+
+/**
+ * Toggle comment on current editor's selection or HTML tag/CSS rule
+ * @param {zen_editor} editor
+ */
+function toggleComment(editor) {
+	var syntax = String(editor.getSyntax());
+	if (syntax == 'css') {
+		// in case out editor is good enough and can recognize syntax from 
+		// current token, we have to make sure that cursor is not inside
+		// 'style' attribute of html element
+		var caret_pos = editor.getCaretPos();
+		var pair = zen_coding.html_matcher.getTags(String(editor.getContent()), caret_pos);
+		if (pair && pair[0] && pair[0].type == 'tag' && 
+				pair[0].start <= caret_pos && pair[0].end >= caret_pos) {
+			syntax = 'html';
+		}
+	}
+	
+	switch (syntax) {
+		case 'css':
+			return toggleCSSComment(editor);
+		default:
+			return toggleHTMLComment(editor);
+	}
+}
+
+/**
+ * Toggle HTML comment on current selection or tag
+ * @param {zen_editor} editor
+ * @return {Boolean} Returns <code>true</code> if comment was toggled
+ */
+function toggleHTMLComment(editor) {
+	var rng = editor.getSelectionRange(),
+		content = String(editor.getContent());
+		
+	if (rng.start == rng.end) {
+		// no selection, find matching tag
+		var pair = zen_coding.html_matcher.getTags(content, editor.getCaretPos(), String(editor.getProfileName()));
+		if (pair && pair[0]) { // found pair
+			rng.start = pair[0].start;
+			rng.end = pair[1] ? pair[1].end : pair[0].end;
+		}
+	}
+	
+	return genericCommentToggle(editor, '<!--', '-->', rng.start, rng.end);
+}
+
+/**
+ * Simple CSS commenting
+ * @param {zen_editor} editor
+ * @return {Boolean} Returns <code>true</code> if comment was toggled
+ */
+function toggleCSSComment(editor) {
+	var rng = editor.getSelectionRange();
+		
+	if (rng.start == rng.end) {
+		// no selection, get current line
+		rng = editor.getCurrentLineRange();
+
+		// adjust start index till first non-space character
+		var _r = narrowToNonSpace(String(editor.getContent()), rng.start, rng.end);
+		rng.start = _r[0];
+		rng.end = _r[1];
+	}
+	
+	return genericCommentToggle(editor, '/*', '*/', rng.start, rng.end);
+}
+
+/**
+ * Search for nearest comment in <code>str</code>, starting from index <code>from</code>
+ * @param {String} text Where to search
+ * @param {Number} from Search start index
+ * @param {String} start_token Comment start string
+ * @param {String} end_token Comment end string
+ * @return {Array|null} Returns null if comment wasn't found
+ */
+function searchComment(text, from, start_token, end_token) {
+	var start_ch = start_token.charAt(0),
+		end_ch = end_token.charAt(0),
+		comment_start = -1,
+		comment_end = -1;
+	
+	function hasMatch(str, start) {
+		return text.substr(start, str.length) == str;
+	}
+		
+	// search for comment start
+	while (from--) {
+		if (text.charAt(from) == start_ch && hasMatch(start_token, from)) {
+			comment_start = from;
+			break;
+		}
+	}
+	
+	if (comment_start != -1) {
+		// search for comment end
+		from = comment_start;
+		var content_len = text.length;
+		while (content_len >= from++) {
+			if (text.charAt(from) == end_ch && hasMatch(end_token, from)) {
+				comment_end = from + end_token.length;
+				break;
+			}
+		}
+	}
+	
+	return (comment_start != -1 && comment_end != -1) 
+		? [comment_start, comment_end] 
+		: null;
+}
+
+/**
+ * Escape special regexp chars in string, making it usable for creating dynamic
+ * regular expressions
+ * @param {String} str
+ * @return {String}
+ */
+function escapeForRegexp(str) {
+  var specials = new RegExp("[.*+?|()\\[\\]{}\\\\]", "g"); // .*+?|()[]{}\
+  return str.replace(specials, "\\$&");
+}
+
+/**
+ * Generic comment toggling routine
+ * @param {zen_editor} editor
+ * @param {String} comment_start Comment start token
+ * @param {String} comment_end Comment end token
+ * @param {Number} range_start Start selection range
+ * @param {Number} range_end End selection range
+ * @return {Boolean}
+ */
+function genericCommentToggle(editor, comment_start, comment_end, range_start, range_end) {
+	var content = String(editor.getContent()),
+		caret_pos = editor.getCaretPos(),
+		new_content = null;
+		
+	/**
+	 * Remove comment markers from string
+	 * @param {Sting} str
+	 * @return {String}
+	 */
+	function removeComment(str) {
+		return str
+			.replace(new RegExp('^' + escapeForRegexp(comment_start) + '\\s*'), function(str){
+				caret_pos -= str.length;
+				return '';
+			}).replace(new RegExp('\\s*' + escapeForRegexp(comment_end) + '$'), '');
+	}
+	
+	function hasMatch(str, start) {
+		return content.substr(start, str.length) == str;
+	}
+		
+	// first, we need to make sure that this substring is not inside 
+	// comment
+	var comment_range = searchComment(content, caret_pos, comment_start, comment_end);
+	
+	if (comment_range && comment_range[0] <= range_start && comment_range[1] >= range_end) {
+		// we're inside comment, remove it
+		range_start = comment_range[0];
+		range_end = comment_range[1];
+		
+		new_content = removeComment(content.substring(range_start, range_end));
+	} else {
+		// should add comment
+		// make sure that there's no comment inside selection
+		new_content = comment_start + ' ' + 
+			content.substring(range_start, range_end)
+				.replace(new RegExp(escapeForRegexp(comment_start) + '\\s*|\\s*' + escapeForRegexp(comment_end), 'g'), '') +
+			' ' + comment_end;
+			
+		// adjust caret position
+		caret_pos += comment_start.length + 1;
+	}
+
+	// replace editor content
+	if (new_content !== null) {
+		editor.setCaretPos(range_start);
+		editor.replaceContent(unindent(editor, new_content), range_start, range_end);
+		editor.setCaretPos(caret_pos);
+		return true;
+	}
+	
+	return false;
+}
+
+/**
+ * Splits or joins tag, e.g. transforms it into a short notation and vice versa:<br>
+ * &lt;div&gt;&lt;/div&gt; → &lt;div /&gt; : join<br>
+ * &lt;div /&gt; → &lt;div&gt;&lt;/div&gt; : split
+ * @param {zen_editor} editor Editor instance
+ * @param {String} [profile_name] Profile name
+ */
+function splitJoinTag(editor, profile_name) {
+	var caret_pos = editor.getCaretPos(),
+		profile = zen_coding.getProfile(String(profile_name || editor.getProfileName())),
+		caret = zen_coding.getCaretPlaceholder();
+
+	// find tag at current position
+	var pair = zen_coding.html_matcher.getTags(String(editor.getContent()), caret_pos, String(editor.getProfileName()));
+	if (pair && pair[0]) {
+		var new_content = pair[0].full_tag;
+		
+		if (pair[1]) { // join tag
+			var closing_slash = ' /';
+			if (profile.self_closing_tag === true)
+				closing_slash = '/';
+				
+			new_content = new_content.replace(/\s*>$/, closing_slash + '>');
+			
+			// add caret placeholder
+			if (new_content.length + pair[0].start < caret_pos)
+				new_content += caret;
+			else {
+				var d = caret_pos - pair[0].start;
+				new_content = new_content.substring(0, d) + caret + new_content.substring(d);
+			}
+			
+			editor.replaceContent(new_content, pair[0].start, pair[1].end);
+		} else { // split tag
+			var nl = zen_coding.getNewline(),
+				pad = zen_coding.getVariable('indentation');
+			
+			// define tag content depending on profile
+			var tag_content = (profile.tag_nl === true)
+					? nl + pad +caret + nl
+					: caret;
+					
+			new_content = new_content.replace(/\s*\/>$/, '>') + tag_content + '</' + pair[0].name + '>';
+			editor.replaceContent(new_content, pair[0].start, pair[0].end);
+		}
+		
+		return true;
+	} else {
+		return false;
+	}
+}
+
+/**
+ * Returns line bounds for specific character position
+ * @param {String} text
+ * @param {Number} from Where to start searching
+ * @return {Object}
+ */
+function getLineBounds(text, from) {
+	var len = text.length,
+		start = 0,
+		end = len - 1;
+	
+	// search left
+	for (var i = from - 1; i > 0; i--) {
+		var ch = text.charAt(i);
+		if (ch == '\n' || ch == '\r') {
+			start = i + 1;
+			break;
+		}
+	}
+	// search right
+	for (var j = from; j < len; j++) {
+		var ch = text.charAt(j);
+		if (ch == '\n' || ch == '\r') {
+			end = j;
+			break;
+		}
+	}
+	
+	return {start: start, end: end};
+}
+
+/**
+ * Gracefully removes tag under cursor
+ * @param {zen_editor} editor
+ */
+function removeTag(editor) {
+	var caret_pos = editor.getCaretPos(),
+		content = String(editor.getContent());
+		
+	// search for tag
+	var pair = zen_coding.html_matcher.getTags(content, caret_pos, String(editor.getProfileName()));
+	if (pair && pair[0]) {
+		if (!pair[1]) {
+			// simply remove unary tag
+			editor.replaceContent(zen_coding.getCaretPlaceholder(), pair[0].start, pair[0].end);
+		} else {
+			var tag_content_range = narrowToNonSpace(content, pair[0].end, pair[1].start),
+				start_line_bounds = getLineBounds(content, tag_content_range[0]),
+				start_line_pad = getLinePadding(content.substring(start_line_bounds.start, start_line_bounds.end)),
+				tag_content = content.substring(tag_content_range[0], tag_content_range[1]);
+				
+			tag_content = unindentText(tag_content, start_line_pad);
+			editor.replaceContent(zen_coding.getCaretPlaceholder() + tag_content, pair[0].start, pair[1].end);
+		}
+		
+		return true;
+	} else {
+		return false;
+	}
+}
+
+/**
+ * Test if <code>text</code> starts with <code>token</code> at <code>pos</code>
+ * position. If <code>pos</code> is ommited, search from beginning of text 
+ * @param {String} token Token to test
+ * @param {String} text Where to search
+ * @param {Number} pos Position where to start search
+ * @return {Boolean}
+ * @since 0.65
+ */
+function startsWith(token, text, pos) {
+	pos = pos || 0;
+	return text.charAt(pos) == token.charAt(0) && text.substr(pos, token.length) == token;
+}
+
+/**
+ * Encodes/decodes image under cursor to/from base64
+ * @param {zen_editor} editor
+ * @since 0.65
+ */
+function encodeDecodeBase64(editor) {
+	var data = String(editor.getSelection()),
+		caret_pos = editor.getCaretPos();
+		
+	if (!data) {
+		// no selection, try to find image bounds from current caret position
+		var text = String(editor.getContent()),
+			ch, 
+			m;
+		while (caret_pos-- >= 0) {
+			if (startsWith('src=', text, caret_pos)) { // found <img src="">
+				if (m = text.substr(caret_pos).match(/^(src=(["'])?)([^'"<>\s]+)\1?/)) {
+					data = m[3];
+					caret_pos += m[1].length;
+				}
+				break;
+			} else if (startsWith('url(', text, caret_pos)) { // found CSS url() pattern
+				if (m = text.substr(caret_pos).match(/^(url\((['"])?)([^'"\)\s]+)\1?/)) {
+					data = m[3];
+					caret_pos += m[1].length;
+				}
+				break;
+			}
+		}
+	}
+	
+	if (data) {
+		if (startsWith('data:', data))
+			return decodeFromBase64(editor, data, caret_pos);
+		else
+			return encodeToBase64(editor, data, caret_pos);
+	} else {
+		return false;
+	}
+}
+
+/**
+ * Encodes image to base64
+ * @requires zen_file
+ * 
+ * @param {zen_editor} editor
+ * @param {String} img_path Path to image
+ * @param {Number} pos Caret position where image is located in the editor
+ * @return {Boolean}
+ */
+function encodeToBase64(editor, img_path, pos) {
+	var editor_file = editor.getFilePath(),
+		default_mime_type = 'application/octet-stream';
+		
+	if (editor_file === null) {
+		throw "You should save your file before using this action";
+	}
+	
+	// locate real image path
+	var real_img_path = zen_file.locateFile(editor_file, img_path);
+	if (real_img_path === null) {
+		throw "Can't find " + img_path + ' file';
+	}
+	
+	var b64 = base64.encode(String(zen_file.read(real_img_path)));
+	if (!b64) {
+		throw "Can't encode file content to base64";
+	}
+	
+	b64 = 'data:' + (base64.mime_types[String(zen_file.getExt(real_img_path))] || default_mime_type) +
+		';base64,' + b64;
+		
+	editor.replaceContent('$0' + b64, pos, pos + img_path.length);
+	return true;
+}
+
+/**
+ * Decodes base64 string back to file.
+ * @requires zen_editor.prompt
+ * @requires zen_file
+ * 
+ * @param {zen_editor} editor
+ * @param {String} data Base64-encoded file content
+ * @param {Number} pos Caret position where image is located in the editor
+ */
+function decodeFromBase64(editor, data, pos) {
+	// ask user to enter path to file
+	var file_path = String(editor.prompt('Enter path to file (absolute or relative)'));
+	if (!file_path)
+		return false;
+		
+	var abs_path = zen_file.createPath(editor.getFilePath(), file_path);
+	if (!abs_path) {
+		throw "Can't save file";
+	}
+	
+	zen_file.save(abs_path, base64.decode( data.replace(/^data\:.+?;.+?,/, '') ));
+	editor.replaceContent('$0' + file_path, pos, pos + data.length);
+	return true;
+}
+
+/**
+ * Make decimal number look good: convert it to fixed precision end remove
+ * traling zeroes 
+ * @param {Number} num
+ * @param {Number} [fracion] Fraction numbers (default is 2)
+ * @return {String}
+ */
+function prettifyNumber(num, fraction) {
+	return num.toFixed(typeof fraction == 'undefined' ? 2 : fraction).replace(/\.?0+$/, '');
+}
+
+/**
+ * Find expression bounds in current editor at caret position. 
+ * On each character a <code>fn</code> function will be caller which must 
+ * return <code>true</code> if current character meets requirements, 
+ * <code>false</code> otherwise
+ * @param {zen_editor} editor
+ * @param {Function} fn Function to test each character of expression
+ * @return {Array} If expression found, returns array with start and end 
+ * positions 
+ */
+function findExpressionBounds(editor, fn) {
+	var content = String(editor.getContent()),
+		il = content.length,
+		expr_start = editor.getCaretPos() - 1,
+		expr_end = expr_start + 1;
+		
+	// start by searching left
+	while (expr_start >= 0 && fn(content.charAt(expr_start), expr_start, content)) expr_start--;
+	
+	// then search right
+	while (expr_end < il && fn(content.charAt(expr_end), expr_end, content)) expr_end++;
+	
+	return expr_end > expr_start ? [++expr_start, expr_end] : null;
+}
+
+/**
+ * Extract number from current caret position of the <code>editor</code> and
+ * increment it by <code>step</code>
+ * @param {zen_editor} editor
+ * @param {Number} step Increment step (may be negative)
+ */
+function incrementNumber(editor, step) {
+	var content = String(editor.getContent()),
+		has_sign = false,
+		has_decimal = false;
+		
+	var r = findExpressionBounds(editor, function(ch) {
+		if (zen_coding.isNumeric(ch))
+			return true;
+		if (ch == '.')
+			return has_decimal ? false : has_decimal = true;
+		if (ch == '-')
+			return has_sign ? false : has_sign = true;
+			
+		return false;
+	});
+		
+	if (r) {
+		var num = parseFloat(content.substring(r[0], r[1]));
+		if (!isNaN(num)) {
+			num = prettifyNumber(num + step);
+			editor.replaceContent(num, r[0], r[1]);
+			editor.createSelection(r[0], r[0] + num.length);
+			return true;
+		}
+	}
+	
+	return false;
+}
+
+/**
+ * Evaluates simple math expresison under caret
+ * @param {zen_editor} editor
+ */
+function evaluateMathExpression(editor) {
+	var content = String(editor.getContent()),
+		chars = '.+-*/\\';
+		
+	var r = findExpressionBounds(editor, function(ch) {
+		return zen_coding.isNumeric(ch) || chars.indexOf(ch) != -1;
+	});
+		
+	if (r) {
+		var expr = content.substring(r[0], r[1]);
+		
+		// replace integral division: 11\2 => Math.round(11/2) 
+		expr = expr.replace(/([\d\.\-]+)\\([\d\.\-]+)/g, 'Math.round($1/$2)');
+		
+		try {
+			var result = new Function('return ' + expr)();
+			result = prettifyNumber(result);
+			editor.replaceContent(result, r[0], r[1]);
+			editor.setCaretPos(r[0] + result.length);
+			return true;
+		} catch (e) {}
+	}
+	
+	return false;
+}
+
+// register all actions
+zen_coding.registerAction('expand_abbreviation', expandAbbreviation);
+zen_coding.registerAction('expand_abbreviation_with_tab', expandAbbreviationWithTab);
+zen_coding.registerAction('match_pair', matchPair);
+zen_coding.registerAction('match_pair_inward', function(editor){
+	matchPair(editor, 'in');
+});
+
+zen_coding.registerAction('match_pair_outward', function(editor){
+	matchPair(editor, 'out');
+});
+zen_coding.registerAction('wrap_with_abbreviation', wrapWithAbbreviation);
+zen_coding.registerAction('prev_edit_point', prevEditPoint);
+zen_coding.registerAction('next_edit_point', nextEditPoint);
+zen_coding.registerAction('insert_formatted_line_break', insertFormattedNewline);
+zen_coding.registerAction('insert_formatted_line_break_only', insertFormattedNewlineOnly);
+zen_coding.registerAction('select_line', selectLine);
+zen_coding.registerAction('matching_pair', goToMatchingPair);
+zen_coding.registerAction('merge_lines', mergeLines);
+zen_coding.registerAction('toggle_comment', toggleComment);
+zen_coding.registerAction('split_join_tag', splitJoinTag);
+zen_coding.registerAction('remove_tag', removeTag);
+zen_coding.registerAction('encode_decode_data_url', encodeDecodeBase64);
+//zen_coding.registerAction('update_image_size', updateImageSize);
+
+zen_coding.registerAction('increment_number_by_1', function(editor) {
+	return incrementNumber(editor, 1);
+});
+
+zen_coding.registerAction('decrement_number_by_1', function(editor) {
+	return incrementNumber(editor, -1);
+});
+
+zen_coding.registerAction('increment_number_by_10', function(editor) {
+	return incrementNumber(editor, 10);
+});
+
+zen_coding.registerAction('decrement_number_by_10', function(editor) {
+	return incrementNumber(editor, -10);
+});
+
+zen_coding.registerAction('increment_number_by_01', function(editor) {
+	return incrementNumber(editor, 0.1);
+});
+
+zen_coding.registerAction('decrement_number_by_01', function(editor) {
+	return incrementNumber(editor, -0.1);
+});
+
+zen_coding.registerAction('evaluate_math_expression', evaluateMathExpression);
+/**
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ */
+(function(){
+	// Regular Expressions for parsing tags and attributes
+	var start_tag = /^<([\w\:\-]+)((?:\s+[\w\-:]+(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/,
+		end_tag = /^<\/([\w\:\-]+)[^>]*>/,
+		attr = /([\w\-:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g;
+		
+	// Empty Elements - HTML 4.01
+	var empty = makeMap("area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed");
+
+	// Block Elements - HTML 4.01
+	var block = makeMap("address,applet,blockquote,button,center,dd,dir,div,dl,dt,fieldset,form,frameset,hr,iframe,isindex,li,map,menu,noframes,noscript,object,ol,p,pre,script,table,tbody,td,tfoot,th,thead,tr,ul");
+
+	// Inline Elements - HTML 4.01
+	var inline = makeMap("a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,select,small,span,strike,strong,sub,sup,textarea,tt,u,var");
+
+	// Elements that you can, intentionally, leave open
+	// (and which close themselves)
+	var close_self = makeMap("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr");
+	
+	/** Current matching mode */
+	var cur_mode = 'xhtml';
+	
+	/** Last matched HTML pair */
+	var last_match = {
+		opening_tag: null, // tag() or comment() object
+		closing_tag: null, // tag() or comment() object
+		start_ix: -1,
+		end_ix: -1
+	};
+	
+	function setMode(new_mode) {
+		if (!new_mode || new_mode != 'html')
+			new_mode = 'xhtml';
+			
+		cur_mode = new_mode;
+	}
+	
+	function tag(match, ix) {
+		var name = match[1].toLowerCase();
+		return  {
+			name: name,
+			full_tag: match[0],
+			start: ix,
+			end: ix + match[0].length,
+			unary: Boolean(match[3]) || (name in empty && cur_mode == 'html'),
+			has_close: Boolean(match[3]),
+			type: 'tag',
+			close_self: (name in close_self && cur_mode == 'html')
+		};
+	}
+	
+	function comment(start, end) {
+		return {
+			start: start,
+			end: end,
+			type: 'comment'
+		};
+	}
+	
+	function makeMap(str){
+		var obj = {}, items = str.split(",");
+		for ( var i = 0; i < items.length; i++ )
+			obj[ items[i] ] = true;
+		return obj;
+	}
+	
+	/**
+	 * Makes selection ranges for matched tag pair
+	 * @param {tag} opening_tag
+	 * @param {tag} closing_tag
+	 * @param {Number} ix
+	 */
+	function makeRange(opening_tag, closing_tag, ix) {
+		ix = ix || 0;
+		
+		var start_ix = -1, 
+			end_ix = -1;
+		
+		if (opening_tag && !closing_tag) { // unary element
+			start_ix = opening_tag.start;
+			end_ix = opening_tag.end;
+		} else if (opening_tag && closing_tag) { // complete element
+			if (
+				(opening_tag.start < ix && opening_tag.end > ix) || 
+				(closing_tag.start <= ix && closing_tag.end > ix)
+			) {
+				start_ix = opening_tag.start;
+				end_ix = closing_tag.end;
+			} else {
+				start_ix = opening_tag.end;
+				end_ix = closing_tag.start;
+			}
+		}
+		
+		return [start_ix, end_ix];
+	}
+	
+	/**
+	 * Save matched tag for later use and return found indexes
+	 * @param {tag} opening_tag
+	 * @param {tag} closing_tag
+	 * @param {Number} ix
+	 * @return {Array}
+	 */
+	function saveMatch(opening_tag, closing_tag, ix) {
+		ix = ix || 0;
+		last_match.opening_tag = opening_tag; 
+		last_match.closing_tag = closing_tag;
+		
+		var range = makeRange(opening_tag, closing_tag, ix);
+		last_match.start_ix = range[0];
+		last_match.end_ix = range[1];
+		
+		return last_match.start_ix != -1 ? [last_match.start_ix, last_match.end_ix] : null;
+	}
+	
+	/**
+	 * Handle unary tag: find closing tag if needed
+	 * @param {String} text
+	 * @param {Number} ix
+	 * @param {tag} open_tag
+	 * @return {tag|null} Closing tag (or null if not found) 
+	 */
+	function handleUnaryTag(text, ix, open_tag) {
+		if (open_tag.has_close)
+			return null;
+		else {
+			// TODO finish this method
+		}
+	}
+	
+	/**
+	 * Search for matching tags in <code>html</code>, starting from 
+	 * <code>start_ix</code> position
+	 * @param {String} html Code to search
+	 * @param {Number} start_ix Character index where to start searching pair 
+	 * (commonly, current caret position)
+	 * @param {Function} action Function that creates selection range
+	 * @return {Array|null}
+	 */
+	function findPair(html, start_ix, mode, action) {
+		action = action || makeRange;
+		setMode(mode);
+		
+		var forward_stack = [],
+			backward_stack = [],
+			/** @type {tag()} */
+			opening_tag = null,
+			/** @type {tag()} */
+			closing_tag = null,
+			range = null,
+			html_len = html.length,
+			m,
+			ix,
+			tmp_tag;
+			
+		forward_stack.last = backward_stack.last = function() {
+			return this[this.length - 1];
+		}
+		
+		function hasMatch(str, start) {
+			if (arguments.length == 1)
+				start = ix;
+			return html.substr(start, str.length) == str;
+		}
+		
+		function searchCommentStart(from) {
+			while (from--) {
+				if (html.charAt(from) == '<' && hasMatch('<!--', from))
+					break;
+			}
+			
+			return from;
+		}
+		
+		// find opening tag
+		ix = start_ix;
+		while (ix-- && ix >= 0) {
+			var ch = html.charAt(ix);
+			if (ch == '<') {
+				var check_str = html.substring(ix, html_len);
+				
+				if ( (m = check_str.match(end_tag)) ) { // found closing tag
+					tmp_tag = tag(m, ix);
+					if (tmp_tag.start < start_ix && tmp_tag.end > start_ix) // direct hit on searched closing tag
+						closing_tag = tmp_tag;
+					else
+						backward_stack.push(tmp_tag);
+				} else if ( (m = check_str.match(start_tag)) ) { // found opening tag
+					tmp_tag = tag(m, ix);
+					
+					if (tmp_tag.unary) {
+						if (tmp_tag.start < start_ix && tmp_tag.end > start_ix) // exact match
+							// TODO handle unary tag 
+							return action(tmp_tag, null, start_ix);
+					} else if (backward_stack.last() && backward_stack.last().name == tmp_tag.name) {
+						backward_stack.pop();
+					} else { // found nearest unclosed tag
+						opening_tag = tmp_tag;
+						break;
+					}
+				} else if (check_str.indexOf('<!--') == 0) { // found comment start
+					var end_ix = check_str.search('-->') + ix + 3;
+					if (ix < start_ix && end_ix >= start_ix)
+						return action( comment(ix, end_ix) );
+				}
+			} else if (ch == '-' && hasMatch('-->')) { // found comment end
+				// search left until comment start is reached
+				ix = searchCommentStart(ix);
+			}
+		}
+		
+		if (!opening_tag)
+			return action(null);
+		
+		// find closing tag
+		if (!closing_tag) {
+			for (ix = start_ix; ix < html_len; ix++) {
+				var ch = html.charAt(ix);
+				if (ch == '<') {
+					var check_str = html.substring(ix, html_len);
+					
+					if ( (m = check_str.match(start_tag)) ) { // found opening tag
+						tmp_tag = tag(m, ix);
+						if (!tmp_tag.unary)
+							forward_stack.push( tmp_tag );
+					} else if ( (m = check_str.match(end_tag)) ) { // found closing tag
+						var tmp_tag = tag(m, ix);
+						if (forward_stack.last() && forward_stack.last().name == tmp_tag.name)
+							forward_stack.pop();
+						else { // found matched closing tag
+							closing_tag = tmp_tag;
+							break;
+						}
+					} else if (hasMatch('<!--')) { // found comment
+						ix += check_str.search('-->') + 2;
+					}
+				} else if (ch == '-' && hasMatch('-->')) {
+					// looks like cursor was inside comment with invalid HTML
+					if (!forward_stack.last() || forward_stack.last().type != 'comment') {
+						var end_ix = ix + 3;
+						return action(comment( searchCommentStart(ix), end_ix ));
+					}
+				}
+			}
+		}
+		
+		return action(opening_tag, closing_tag, start_ix);
+	}
+	
+	/**
+	 * Search for matching tags in <code>html</code>, starting 
+	 * from <code>start_ix</code> position. The result is automatically saved in 
+	 * <code>last_match</code> property
+	 * 
+	 * @return {Array|null}
+	 */
+	var HTMLPairMatcher = function(/* String */ html, /* Number */ start_ix, /*  */ mode){
+		return findPair(html, start_ix, mode, saveMatch);
+	}
+	
+	HTMLPairMatcher.start_tag = start_tag;
+	HTMLPairMatcher.end_tag = end_tag;
+	
+	/**
+	 * Search for matching tags in <code>html</code>, starting from 
+	 * <code>start_ix</code> position. The difference between 
+	 * <code>HTMLPairMatcher</code> function itself is that <code>find</code> 
+	 * method doesn't save matched result in <code>last_match</code> property.
+	 * This method is generally used for lookups 
+	 */
+	HTMLPairMatcher.find = function(html, start_ix, mode) {
+		return findPair(html, start_ix, mode);
+	};
+	
+	/**
+	 * Search for matching tags in <code>html</code>, starting from 
+	 * <code>start_ix</code> position. The difference between 
+	 * <code>HTMLPairMatcher</code> function itself is that <code>getTags</code> 
+	 * method doesn't save matched result in <code>last_match</code> property 
+	 * and returns array of opening and closing tags
+	 * This method is generally used for lookups 
+	 */
+	HTMLPairMatcher.getTags = function(html, start_ix, mode) {
+		return findPair(html, start_ix, mode, function(opening_tag, closing_tag){
+			return [opening_tag, closing_tag];
+		});
+	};
+	
+	HTMLPairMatcher.last_match = last_match;
+	
+	try {
+		zen_coding.html_matcher = HTMLPairMatcher;
+	} catch(e){}
+	
+})();/**
+ * Comment important tags (with 'id' and 'class' attributes)
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ */
+(function(){
+	/**
+	 * Add comments to tag
+	 * @param {ZenNode} node
+	 */
+	function addComments(node, i) {
+		var id_attr = node.getAttribute('id'),
+			class_attr = node.getAttribute('class'),
+			nl = zen_coding.getNewline();
+			
+		if (id_attr || class_attr) {
+			var comment_str = '',
+				padding = (node.parent) ? node.parent.padding : '';
+			if (id_attr) comment_str += '#' + id_attr;
+			if (class_attr) comment_str += '.' + class_attr;
+			
+			node.start = node.start.replace(/</, '<!-- ' + comment_str + ' -->' + nl + padding + '<');
+			node.end = node.end.replace(/>/, '>' + nl + padding + '<!-- /' + comment_str + ' -->');
+			
+			// replace counters
+			var counter = zen_coding.getCounterForNode(node);
+			node.start = zen_coding.replaceCounter(node.start, counter);
+			node.end = zen_coding.replaceCounter(node.end, counter);
+		}
+	}
+	
+	function process(tree, profile) {
+		if (profile.tag_nl === false)
+			return tree;
+			
+		for (var i = 0, il = tree.children.length; i < il; i++) {
+			/** @type {ZenNode} */
+			var item = tree.children[i];
+			
+			if (item.isBlock())
+				addComments(item, i);
+			
+			process(item, profile);
+		}
+		
+		return tree;
+	}
+	
+	zen_coding.registerFilter('c', process);
+})();/**
+ * Process CSS properties: replaces snippets, augumented with ! char, with 
+ * <em>!important</em> suffix 
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ */
+(function(){
+	var re_important = /(.+)\!$/;
+	function process(tree, profile) {
+		for (var i = 0, il = tree.children.length; i < il; i++) {
+			/** @type {ZenNode} */
+			var item = tree.children[i];
+			
+			// CSS properties are always snippets
+			if (item.type == 'snippet' && re_important.test(item.real_name)) {
+				item.start = item.start.replace(/(;?)$/, ' !important$1');
+			}
+			
+			process(item, profile);
+		}
+		
+		return tree;
+	}
+	
+	zen_coding.registerFilter('css', process);
+})();/**
+ * Filter for escaping unsafe XML characters: <, >, &
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ */
+(function(){
+	var char_map = {
+		'<': '&lt;',
+		'>': '&gt;',
+		'&': '&amp;'
+	}
+	
+	function escapeChars(str) {
+		return str.replace(/([<>&])/g, function(str, p1){
+			return char_map[p1];
+		});
+	}
+	
+	function process(tree, profile, level) {
+		for (var i = 0, il = tree.children.length; i < il; i++) {
+			/** @type {ZenNode} */
+			var item = tree.children[i];
+			
+			item.start = escapeChars(item.start);
+			item.end = escapeChars(item.end);
+			
+			process(item);
+		}
+		
+		return tree;
+	}
+	
+	zen_coding.registerFilter('e', process);
+})();/**
+ * Format CSS properties: add space after property name:
+ * padding:0; → padding: 0;
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ */
+(function(){
+	function process(tree, profile) {
+		for (var i = 0, il = tree.children.length; i < il; i++) {
+			/** @type {ZenNode} */
+			var item = tree.children[i];
+			
+			// CSS properties are always snippets 
+			if (item.type == 'snippet') {
+				item.start = item.start.replace(/([\w\-]+\s*:)(?!:)\s*/, '$1 ');
+			}
+			
+			process(item, profile);
+		}
+		
+		return tree;
+	}
+	
+	zen_coding.registerFilter('fc', process);
+})();/**
+ * Generic formatting filter: creates proper indentation for each tree node,
+ * placing "%s" placeholder where the actual output should be. You can use
+ * this filter to preformat tree and then replace %s placeholder to whatever you
+ * need. This filter should't be called directly from editor as a part 
+ * of abbreviation.
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ * 
+ * @include "../zen_coding.js"
+ */
+(function(){
+	var child_token = '${child}',
+		placeholder = '%s';
+	
+	function getNewline() {
+		return zen_coding.getNewline();
+	}
+	
+	function getIndentation() {
+		return zen_resources.getVariable('indentation');
+	}
+	
+	/**
+	 * Test if passed node has block-level sibling element
+	 * @param {ZenNode} item
+	 * @return {Boolean}
+	 */
+	function hasBlockSibling(item) {
+		return (item.parent && item.parent.hasBlockChildren());
+	}
+	
+	/**
+	 * Test if passed itrem is very first child of the whole tree
+	 * @param {ZenNode} tree
+	 */
+	function isVeryFirstChild(item) {
+		return item.parent && !item.parent.parent && !item.previousSibling;
+	}
+	
+	/**
+	 * Need to add line break before element
+	 * @param {ZenNode} node
+	 * @param {Object} profile
+	 * @return {Boolean}
+	 */
+	function shouldBreakLine(node, profile) {
+		if (!profile.inline_break)
+			return false;
+			
+		// find toppest non-inline sibling
+		while (node.previousSibling && node.previousSibling.isInline())
+			node = node.previousSibling;
+		
+		if (!node.isInline())
+			return false;
+			
+		// calculate how many inline siblings we have
+		var node_count = 1;
+		while (node = node.nextSibling) {
+			if (node.type == 'text' || !node.isInline())
+				node_count = 0;
+			else if (node.isInline())
+				node_count++;
+		}
+		
+		return node_count >= profile.inline_break;
+	}
+	
+	/**
+	 * Need to add newline because <code>item</code> has too many inline children
+	 * @param {ZenNode} node
+	 * @param {Object} profile
+	 */
+	function shouldBreakChild(node, profile) {
+		// we need to test only one child element, because 
+		// hasBlockChildren() method will do the rest
+		return (node.children.length && shouldBreakLine(node.children[0], profile));
+	}
+	
+	/**
+	 * Processes element with <code>snippet</code> type
+	 * @param {ZenNode} item
+	 * @param {Object} profile
+	 * @param {Number} [level] Depth level
+	 */
+	function processSnippet(item, profile, level) {
+		var data = item.source.value;
+			
+		if (!data)
+			// snippet wasn't found, process it as tag
+			return processTag(item, profile, level);
+			
+		item.start = item.end = placeholder;
+		
+		var padding = (item.parent) 
+			? item.parent.padding
+			: zen_coding.repeatString(getIndentation(), level);
+		
+		if (!isVeryFirstChild(item)) {
+			item.start = getNewline() + padding + item.start;
+		}
+		
+		// adjust item formatting according to last line of <code>start</code> property
+		var parts = data.split(child_token),
+			lines = zen_coding.splitByLines(parts[0] || ''),
+			padding_delta = getIndentation();
+			
+		if (lines.length > 1) {
+			var m = lines[lines.length - 1].match(/^(\s+)/);
+			if (m)
+				padding_delta = m[1];
+		}
+		
+		item.padding = padding + padding_delta;
+		
+		return item;
+	}
+	
+	/**
+	 * Processes element with <code>tag</code> type
+	 * @param {ZenNode} item
+	 * @param {Object} profile
+	 * @param {Number} [level] Depth level
+	 */
+	function processTag(item, profile, level) {
+		if (!item.name)
+			// looks like it's a root element
+			return item;
+		
+		item.start = item.end = placeholder;
+		
+		var is_unary = (item.isUnary() && !item.children.length);
+			
+		// formatting output
+		if (profile.tag_nl !== false) {
+			var padding = (item.parent) 
+					? item.parent.padding
+					: zen_coding.repeatString(getIndentation(), level),
+				force_nl = (profile.tag_nl === true),
+				should_break = shouldBreakLine(item, profile);
+			
+			// formatting block-level elements
+			if (item.type != 'text') {
+				if (( (item.isBlock() || should_break) && item.parent) || force_nl) {
+					// snippet children should take different formatting
+					if (!item.parent || (item.parent.type != 'snippet' && !isVeryFirstChild(item)))
+						item.start = getNewline() + padding + item.start;
+						
+					if (item.hasBlockChildren() || shouldBreakChild(item, profile) || (force_nl && !is_unary))
+						item.end = getNewline() + padding + item.end;
+						
+					if (item.hasTagsInContent() || (force_nl && !item.hasChildren() && !is_unary))
+						item.start += getNewline() + padding + getIndentation();
+					
+				} else if (item.isInline() && hasBlockSibling(item) && !isVeryFirstChild(item)) {
+					item.start = getNewline() + padding + item.start;
+				} else if (item.isInline() && item.hasBlockChildren()) {
+					item.end = getNewline() + padding + item.end;
+				}
+				
+				item.padding = padding + getIndentation();
+			}
+		}
+		
+		return item;
+	}
+	
+	/**
+	 * Processes simplified tree, making it suitable for output as HTML structure
+	 * @param {ZenNode} tree
+	 * @param {Object} profile
+	 * @param {Number} [level] Depth level
+	 */
+	function process(tree, profile, level) {
+		level = level || 0;
+		
+		for (var i = 0, il = tree.children.length; i < il; i++) {
+			/** @type {ZenNode} */
+			var item = tree.children[i];
+			item = (item.type == 'tag') 
+				? processTag(item, profile, level) 
+				: processSnippet(item, profile, level);
+				
+			if (item.content)
+				item.content = zen_coding.padString(item.content, item.padding);
+				
+			process(item, profile, level + 1);
+		}
+		
+		return tree;
+	}
+	
+	zen_coding.registerFilter('_format', process);
+})();/**
+ * Filter that produces HAML tree
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ * 
+ * @include "../zen_coding.js"
+ */
+(function(){
+	var child_token = '${child}';
+	
+	/**
+	 * Creates HTML attributes string from tag according to profile settings
+	 * @param {ZenNode} tag
+	 * @param {default_profile} profile
+	 */
+	function makeAttributesString(tag, profile) {
+		// make attribute string
+		var attrs = '',
+			attr_quote = profile.attr_quotes == 'single' ? "'" : '"',
+			cursor = profile.place_cursor ? zen_coding.getCaretPlaceholder() : '',
+			attr_name, 
+			i,
+			a;
+			
+		// use short notation for ID and CLASS attributes
+		for (i = 0; i < tag.attributes.length; i++) {
+			a = tag.attributes[i];
+			switch (a.name.toLowerCase()) {
+				case 'id':
+					attrs += '#' + (a.value || cursor);
+					break;
+				case 'class':
+					attrs += '.' + (a.value || cursor);
+					break;
+			}
+		}
+		
+		var other_attrs = [];
+		
+		// process other attributes
+		for (i = 0; i < tag.attributes.length; i++) {
+			a = tag.attributes[i];
+			var attr_name_lower = a.name.toLowerCase();
+			if (attr_name_lower != 'id' && attr_name_lower != 'class') {
+				attr_name = (profile.attr_case == 'upper') ? a.name.toUpperCase() : attr_name_lower;
+				other_attrs.push(':' +attr_name + ' => ' + attr_quote + (a.value || cursor) + attr_quote);
+			}
+		}
+		
+		if (other_attrs.length)
+			attrs += '{' + other_attrs.join(', ') + '}';
+		
+		return attrs;
+	}
+	
+	/**
+	 * Processes element with <code>snippet</code> type
+	 * @param {ZenNode} item
+	 * @param {Object} profile
+	 * @param {Number} [level] Depth level
+	 */
+	function processSnippet(item, profile, level) {
+		var data = item.source.value;
+			
+		if (!data)
+			// snippet wasn't found, process it as tag
+			return processTag(item, profile, level);
+			
+		var parts = data.split(child_token),
+			start = parts[0] || '',
+			end = parts[1] || '',
+			padding = item.parent ? item.parent.padding : '';
+			
+		item.start = item.start.replace('%s', zen_coding.padString(start, padding));
+		item.end = item.end.replace('%s', zen_coding.padString(end, padding));
+		
+		// replace variables ID and CLASS
+		var cb = function(str, var_name) {
+			if (var_name == 'id' || var_name == 'class')
+				return item.getAttribute(var_name);
+			else
+				return str;
+		};
+		item.start = zen_coding.replaceVariables(item.start, cb);
+		item.end = zen_coding.replaceVariables(item.end, cb);
+		
+		return item;
+	}
+	
+	/**
+	 * Test if passed node has block-level sibling element
+	 * @param {ZenNode} item
+	 * @return {Boolean}
+	 */
+	function hasBlockSibling(item) {
+		return (item.parent && item.parent.hasBlockChildren());
+	}
+	
+	/**
+	 * Processes element with <code>tag</code> type
+	 * @param {ZenNode} item
+	 * @param {Object} profile
+	 * @param {Number} [level] Depth level
+	 */
+	function processTag(item, profile, level) {
+		if (!item.name)
+			// looks like it's root element
+			return item;
+		
+		var attrs = makeAttributesString(item, profile), 
+			content = '', 
+			cursor = profile.place_cursor ? zen_coding.getCaretPlaceholder() : '',
+			self_closing = '',
+			is_unary = (item.isUnary() && !item.children.length),
+			start= '',
+			end = '';
+		
+		if (profile.self_closing_tag && is_unary)
+			self_closing = '/';
+			
+		// define tag name
+		var tag_name = '%' + ((profile.tag_case == 'upper') ? item.name.toUpperCase() : item.name.toLowerCase());
+		if (tag_name.toLowerCase() == '%div' && attrs && attrs.indexOf('{') == -1)
+			// omit div tag
+			tag_name = '';
+			
+		item.end = '';
+		start = tag_name + attrs + self_closing;
+		
+		var placeholder = '%s';
+		// We can't just replace placeholder with new value because
+		// JavaScript will treat double $ character as a single one, assuming
+		// we're using RegExp literal. 
+		var pos = item.start.indexOf(placeholder);
+		item.start = item.start.substring(0, pos) + start + item.start.substring(pos + placeholder.length);
+		
+		if (!item.children.length && !is_unary)
+			item.start += cursor;
+		
+		return item;
+	}
+	
+	/**
+	 * Processes simplified tree, making it suitable for output as HTML structure
+	 * @param {ZenNode} tree
+	 * @param {Object} profile
+	 * @param {Number} [level] Depth level
+	 */
+	function process(tree, profile, level) {
+		level = level || 0;
+		if (level == 0)
+			// preformat tree
+			tree = zen_coding.runFilters(tree, profile, '_format');
+		
+		for (var i = 0, il = tree.children.length; i < il; i++) {
+			/** @type {ZenNode} */
+			var item = tree.children[i];
+			item = (item.type == 'tag') 
+				? processTag(item, profile, level) 
+				: processSnippet(item, profile, level);
+			
+			// replace counters
+			var counter = zen_coding.getCounterForNode(item);
+			item.start = zen_coding.unescapeText(zen_coding.replaceCounter(item.start, counter));
+			item.end = zen_coding.unescapeText(zen_coding.replaceCounter(item.end, counter));
+			
+			process(item, profile, level + 1);
+		}
+		
+		return tree;
+	}
+	
+	zen_coding.registerFilter('haml', process);
+})();/**
+ * Filter that produces HTML tree
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ * 
+ * @include "../zen_coding.js"
+ */
+(function(){
+	var child_token = '${child}',
+		tabstops = 0;
+		
+	/**
+	 * Returns proper string case, depending on profile value
+	 * @param {String} val String to process
+	 * @param {String} case_param Profile's case value ('lower', 'upper', 'leave')
+	 */
+	function processStringCase(val, case_param) {
+		switch (String(case_param || '').toLowerCase()) {
+			case 'lower':
+				return val.toLowerCase();
+			case 'upper':
+				return val.toUpperCase();
+		}
+		
+		return val;
+	}
+	
+	/**
+	 * Creates HTML attributes string from tag according to profile settings
+	 * @param {ZenNode} tag
+	 * @param {default_profile} profile
+	 */
+	function makeAttributesString(tag, profile) {
+		// make attribute string
+		var attrs = '',
+			attr_quote = profile.attr_quotes == 'single' ? "'" : '"',
+			cursor = profile.place_cursor ? zen_coding.getCaretPlaceholder() : '',
+			attr_name;
+			
+		for (var i = 0; i < tag.attributes.length; i++) {
+			var a = tag.attributes[i];
+			attr_name = processStringCase(a.name, profile.attr_case);
+			attrs += ' ' + attr_name + '=' + attr_quote + (a.value || cursor) + attr_quote;
+		}
+		
+		return attrs;
+	}
+	
+	/**
+	 * Processes element with <code>snippet</code> type
+	 * @param {ZenNode} item
+	 * @param {Object} profile
+	 * @param {Number} [level] Depth level
+	 */
+	function processSnippet(item, profile, level) {
+		var data = item.source.value;
+			
+		if (!data)
+			// snippet wasn't found, process it as tag
+			return processTag(item, profile, level);
+			
+		var parts = data.split(child_token),
+			start = parts[0] || '',
+			end = parts[1] || '',
+			padding = item.parent ? item.parent.padding : '';
+			
+			
+		item.start = item.start.replace('%s', zen_coding.padString(start, padding));
+		item.end = item.end.replace('%s', zen_coding.padString(end, padding));
+		
+		// replace variables ID and CLASS
+		var cb = function(str, var_name) {
+			if (var_name == 'id' || var_name == 'class')
+				return item.getAttribute(var_name);
+			else
+				return str;
+		};
+		item.start = zen_coding.replaceVariables(item.start, cb);
+		item.end = zen_coding.replaceVariables(item.end, cb);
+		
+		return item;
+	}
+	
+	/**
+	 * Test if passed node has block-level sibling element
+	 * @param {ZenNode} item
+	 * @return {Boolean}
+	 */
+	function hasBlockSibling(item) {
+		return (item.parent && item.parent.hasBlockChildren());
+	}
+	
+	/**
+	 * Processes element with <code>tag</code> type
+	 * @param {ZenNode} item
+	 * @param {Object} profile
+	 * @param {Number} [level] Depth level
+	 */
+	function processTag(item, profile, level) {
+		if (!item.name)
+			// looks like it's root element
+			return item;
+		
+		var attrs = makeAttributesString(item, profile), 
+			content = '', 
+			cursor = profile.place_cursor ? zen_coding.getCaretPlaceholder() : '',
+			self_closing = '',
+			is_unary = (item.isUnary() && !item.children.length),
+			start= '',
+			end = '';
+		
+		if (profile.self_closing_tag == 'xhtml')
+			self_closing = ' /';
+		else if (profile.self_closing_tag === true)
+			self_closing = '/';
+			
+		// define opening and closing tags
+		if (item.type != 'text') {
+			var tag_name = processStringCase(item.name, profile.tag_case);
+			if (is_unary) {
+				start = '<' + tag_name + attrs + self_closing + '>';
+				item.end = '';
+			} else {
+				start = '<' + tag_name + attrs + '>';
+				end = '</' + tag_name + '>';
+			}
+		}
+		
+		var placeholder = '%s';
+		// We can't just replace placeholder with new value because
+		// JavaScript will treat double $ character as a single one, assuming
+		// we're using RegExp literal. 
+		var pos = item.start.indexOf(placeholder);
+		item.start = item.start.substring(0, pos) + start + item.start.substring(pos + placeholder.length);
+		
+		pos = item.end.indexOf(placeholder);
+		item.end = item.end.substring(0, pos) + end + item.end.substring(pos + placeholder.length);
+		
+		if (!item.children.length && !is_unary && item.content.indexOf(cursor) == -1)
+			item.start += cursor;
+		
+		return item;
+	}
+	
+	/**
+	 * Processes simplified tree, making it suitable for output as HTML structure
+	 * @param {ZenNode} tree
+	 * @param {Object} profile
+	 * @param {Number} [level] Depth level
+	 */
+	function process(tree, profile, level) {
+		level = level || 0;
+		if (level == 0) {
+			tree = zen_coding.runFilters(tree, profile, '_format');
+			tabstops = 0;
+		}
+		
+		for (var i = 0, il = tree.children.length; i < il; i++) {
+			/** @type {ZenNode} */
+	
+			var item = tree.children[i];
+			item = (item.type == 'tag') 
+				? processTag(item, profile, level) 
+				: processSnippet(item, profile, level);
+			
+			// replace counters
+			var counter = zen_coding.getCounterForNode(item);
+			item.start = zen_coding.unescapeText(zen_coding.replaceCounter(item.start, counter));
+			item.end = zen_coding.unescapeText(zen_coding.replaceCounter(item.end, counter));
+			item.content = zen_coding.unescapeText(zen_coding.replaceCounter(item.content, counter));
+			
+			tabstops += zen_coding.upgradeTabstops(item, tabstops) + 1;
+			
+			process(item, profile, level + 1);
+		}
+		
+		return tree;
+	}
+	
+	zen_coding.registerFilter('html', process);
+})();/**
+ * Output abbreviation on a single line (i.e. no line breaks)
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ */
+(function(){
+	function process(tree, profile, level) {
+		for (var i = 0, il = tree.children.length; i < il; i++) {
+			/** @type {ZenNode} */
+			var item = tree.children[i];
+			if (item.type == 'tag') {
+				// remove padding from item 
+				var re_pad = /^\s+/;
+				item.start = item.start.replace(re_pad, '');
+				item.end = item.end.replace(re_pad, '');
+			}
+			
+			// remove newlines 
+			var re_nl = /[\n\r]/g;
+			item.start = item.start.replace(re_nl, '');
+			item.end = item.end.replace(re_nl, '');
+			item.content = item.content.replace(re_nl, '');
+			
+			process(item);
+		}
+		
+		return tree;
+	}
+	
+	zen_coding.registerFilter('s', process);
+})();
+/**
+ * Trim filter: removes characters at the beginning of the text
+ *  content that indicates lists: numbers, #, *, -, etc.
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ */
+(function(){
+	function process(tree, profile, level) {
+		for (var i = 0, il = tree.children.length; i < il; i++) {
+			/** @type {ZenNode} */
+			var item = tree.children[i];
+			
+			if (item.content)
+				item.content = item.content.replace(/^([\s|\u00a0])?[\d|#|\-|\*|\u2022]+\.?\s*/, '$1');
+			
+			process(item);
+		}
+		
+		return tree;
+	}
+	
+	zen_coding.registerFilter('t', process);
+})();
+/**
+ * Filter for trimming "select" attributes from some tags that contains
+ * child elements
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ */
+(function(){
+	var tags = {
+		'xsl:variable': 1,
+		'xsl:with-param': 1
+	};
+	
+	/**
+	 * Removes "select" attribute from node
+	 * @param {ZenNode} node
+	 */
+	function trimAttribute(node) {
+		node.start = node.start.replace(/\s+select\s*=\s*(['"]).*?\1/, '');
+	}
+	
+	function process(tree) {
+		for (var i = 0, il = tree.children.length; i < il; i++) {
+			/** @type {ZenNode} */
+			var item = tree.children[i];
+			if (item.type == 'tag' && item.name.toLowerCase() in tags && item.children.length)
+				trimAttribute(item);
+			process(item);
+		}
+	}
+	
+	zen_coding.registerFilter('xsl', process);
+})();/**
+ * Tests if passed keydown/keypress event corresponds to defied shortcut 
+ * 
+ * Based on http://www.openjs.com/scripts/events/keyboard_shortcuts/
+ * By Binny V A
+ * License : BSD
+ */
+var shortcut = (function(){
+	var is_opera = !!window.opera,
+		is_mac = /mac\s+os/i.test(navigator.userAgent),
+		//Work around for stupid Shift key bug created by using lowercase - as a result the shift+num combination was broken
+		shift_nums = {
+			"`":"~",
+			"1":"!",
+			"2":"@",
+			"3":"#",
+			"4":"$",
+			"5":"%",
+			"6":"^",
+			"7":"&",
+			"8":"*",
+			"9":"(",
+			"0":")",
+			"-":"_",
+			"=":"+",
+			";":":",
+			"'":"\"",
+			",":"<",
+			".":">",
+			"/":"?",
+			"\\":"|"
+		},
+		
+		//Special Keys - and their codes
+		special_keys = {
+			'esc':27,
+			'escape':27,
+			'tab':9,
+			'space':32,
+			'return':13,
+			'enter':13,
+			'backspace':8,
+
+			'scrolllock':145,
+			'scroll_lock':145,
+			'scroll':145,
+			'capslock':20,
+			'caps_lock':20,
+			'caps':20,
+			'numlock':144,
+			'num_lock':144,
+			'num':144,
+			
+			'pause':19,
+			'break':19,
+			
+			'insert':45,
+			'home':36,
+			'delete':46,
+			'end':35,
+			
+			'pageup':33,
+			'page_up':33,
+			'pu':33,
+
+			'pagedown':34,
+			'page_down':34,
+			'pd':34,
+			
+			'plus': 187,
+			'minus': 189,
+
+			'left':37,
+			'up':38,
+			'right':39,
+			'down':40,
+
+			'f1':112,
+			'f2':113,
+			'f3':114,
+			'f4':115,
+			'f5':116,
+			'f6':117,
+			'f7':118,
+			'f8':119,
+			'f9':120,
+			'f10':121,
+			'f11':122,
+			'f12':123
+		},
+		
+		mac_char_map = {
+			'ctrl': '⌃',
+			'control': '⌃',
+			'meta': '⌘',
+			'shift': '⇧',
+			'alt': '⌥',
+			'enter': '⏎',
+			'tab': '⇥',
+			'left': '←',
+			'right': '→',
+			'up': '↑',
+			'down': '↓'
+		},
+		
+		pc_char_map = {
+			'meta': 'Ctrl',
+			'control': 'Ctrl',
+			'left': '←',
+			'right': '→',
+			'up': '↑',
+			'down': '↓'
+		},
+		
+		MODIFIERS = {
+			SHIFT: 1,
+			CTRL:  2,
+			ALT:   4,
+			META:  8
+		};
+		
+	/**
+	 * Makes first letter of string in uppercase
+	 * @param {String} str
+	 */
+	function capitalize(str) {
+		return str.charAt().toUpperCase() + str.substring(1);
+	}
+		
+	return {
+		/**
+		 * Compile keyboard combination for faster tests
+		 * @param {String|Object} combination
+		 */
+		compile: function(combination) {
+			if (typeof combination != 'string') //already compiled
+				return combination;
+				
+			var mask = 0,
+				keys = combination.toLowerCase().split('+'), 
+				key,
+				k;
+				
+			for(var i = 0, il = keys.length; i < il; i++) {
+				k = keys[i];
+				// Due to stupid Opera bug I have to swap Ctrl and Meta keys
+				if (is_mac && is_opera) {
+					if (k == 'ctrl' || k == 'control')
+						k = 'meta';
+					else if (k == 'meta')
+						k = 'ctrl';
+				} else if (!is_mac && k == 'meta') {
+					k = 'ctrl';
+				}
+				
+				//Modifiers
+				if(k == 'ctrl' || k == 'control')
+					mask |= MODIFIERS.CTRL;
+				else if (k == 'shift')
+					mask |= MODIFIERS.SHIFT;
+				else if (k == 'alt')
+					mask |= MODIFIERS.ALT;
+				else if (k == 'meta')
+					mask |= MODIFIERS.META;
+				else
+					key = k;
+			}
+			
+			return {
+				mask: mask,
+				key: key
+			};
+		},
+		
+		/**
+		 * Test shortcut combination against event
+		 * @param {String} combination Keyboard shortcut
+		 * @param {Event} evt
+		 */
+		test: function(combination, evt) {
+			var mask = 0,
+				ccomb = this.compile(combination);
+			
+			if (evt.ctrlKey)  mask |= MODIFIERS.CTRL;
+			if (evt.shiftKey) mask |= MODIFIERS.SHIFT;
+			if (evt.altKey)   mask |= MODIFIERS.ALT;
+			if (evt.metaKey)  mask |= MODIFIERS.META;
+			
+			var code = evt.keyCode ? evt.keyCode : evt.which,
+				character = String.fromCharCode(code).toLowerCase();
+			
+			// if mask doesn't match, no need to test further
+			if (mask !== ccomb.mask) return false;
+			
+			if (ccomb.key.length > 1) { //If it is a special key
+				return special_keys[ccomb.key] == code;
+			} else { //The special keys did not match
+				if(code == 188) character = ","; //If the user presses , when the type is onkeydown
+				if(code == 190) character = ".";
+				if(code == 191) character = "/";
+				
+				if (character == ccomb.key) return true;
+				if (evt.shiftKey && shift_nums[character]) //Stupid Shift key bug created by using lowercase
+					return shift_nums[character] == ccomb.key;
+			}
+			
+			return false;
+		},
+		
+		/**
+		 * Format keystroke for better readability, considering current platform
+		 * mnemonics
+		 * @param {String} keystroke
+		 * @return {String}
+		 */
+		format: function(keystroke) {
+			var char_map = is_mac ? mac_char_map : pc_char_map,
+				glue = is_mac ? '' : '+',
+				keys = keystroke.toLowerCase().split('+'),
+				ar = [],
+				key;
+				
+			for (var i = 0; i < keys.length; i++) {
+				key = keys[i];
+				ar.push(key in char_map ? char_map[key] : capitalize(key));
+			}
+			
+			return ar.join(glue);
+		}
+	};
+})();/**
+ * High-level editor interface that communicates with underlying editor (like 
+ * TinyMCE, CKEditor, etc.) or browser.
+ * Basically, you should call <code>zen_editor.setContext(obj)</code> method to
+ * set up undelying editor context before using any other method.
+ * 
+ * This interface is used by <i>zen_actions.js</i> for performing different 
+ * actions like <b>Expand abbreviation</b>  
+ * 
+ * @example
+ * var textarea = document.getElemenetsByTagName('textarea')[0];
+ * zen_editor.setContext(textarea);
+ * //now you are ready to use editor object
+ * zen_editor.getSelectionRange();
+ * 
+ * @author Sergey Chikuyonok (serge.che@gmail.com)
+ * @link http://chikuyonok.ru
+ */
+var zen_editor = (function(){
+	/** @type {CodeMirror} */
+	var mirror,
+		
+		/** Actions aliases */
+		aliases = {
+			balance_tag_inward: 'match_pair_inward',
+			balance_tag_outward: 'match_pair_outward',
+			previous_edit_point: 'prev_edit_point',
+			pretty_break: 'insert_formatted_line_break'
+		},
+		
+		shortcuts = {};
+	
+	/**
+	 * Returns whitrespace padding of string
+	 * @param {String} str String line
+	 * @return {String}
+	 */
+	function getStringPadding(str) {
+		return (str.match(/^(\s+)/) || [''])[0];
+	}
+	
+	/**
+	 * Handle tab-stops (like $1 or ${1:label}) inside text: find first tab-stop,
+	 * marks it as selection, remove the rest. If tab-stop wasn't found, search
+	 * for caret placeholder and use it as selection
+	 * @param {String} text
+	 * @return {Array} Array with new text and selection indexes (['...', -1,-1] 
+	 * if there's no selection)
+	 */
+	function handleTabStops(text) {
+		var selection_len = 0,
+			caret_pos = text.indexOf(zen_coding.getCaretPlaceholder()),
+			placeholders = {};
+			
+		// find caret position
+		if (caret_pos != -1) {
+			text = text.split(zen_coding.getCaretPlaceholder()).join('');
+		} else {
+			caret_pos = text.length;
+		}
+		
+		text = zen_coding.processTextBeforePaste(text, 
+			function(ch){ return ch; }, 
+			function(i, num, val) {
+				if (val) placeholders[num] = val;
+				
+				if (i < caret_pos) {
+					caret_pos = i;
+					if (val)
+						selection_len = val.length;
+				}
+					
+				return placeholders[num] || '';
+			});
+		
+		return [text, caret_pos, caret_pos + selection_len];
+	}
+	
+	function keysFilter(evt) {
+		// test if occured event corresponds to one of the defined shortcut
+		var sh, name, result;
+		for (var s in shortcuts) if (shortcuts.hasOwnProperty(s)) {
+			sh = shortcuts[s];
+			if (shortcut.test(sh.compiled, evt)) {
+				evt.preventDefault ? evt.preventDefault() : evt.returnValue = false;
+				//evt.preventDefault();
+				name = aliases[sh.action] || sh.action;
+				result = zen_coding.runAction(name, [zen_editor]);
+				return (name == 'expand_abbreviation') ? result : true;
+			}
+		}
+		
+		return false;
+	}
+	
+	/**
+	 * Returns normalized action name
+	 * @param {String} name Action name (like 'Expand Abbreviation')
+	 * @return Normalized name for coding (like 'expand_abbreviation')
+	 */
+	function normalizeActionName(name) {
+		return name
+			.replace(/(^\s+|\s+$)/g, '') // remove trailing spaces
+			.replace(/[\s\\\/]+/g, '_')
+			.replace(/\./g, '')
+			.toLowerCase();
+	}
+	
+	/**
+	 * Bind shortcut to Zen Coding action
+	 * @param {String} keystroke
+	 * @param {String} label
+	 * @param {String} action_name
+	 */
+	function addShortcut(keystroke, label, action_name) {
+		shortcuts[keystroke.toLowerCase()] = {
+			compiled: shortcut.compile(keystroke),
+			label: label,
+			action: normalizeActionName(action_name || label)
+		};
+	}
+	
+	// add default shortcuts
+	addShortcut('Meta+E', 'Expand Abbreviation');
+	addShortcut('Tab', 'Expand Abbreviation');
+	addShortcut('Meta+D', 'Balance Tag Outward');
+	addShortcut('Shift+Meta+D', 'Balance Tag inward');
+	addShortcut('Shift+Meta+A', 'Wrap with Abbreviation');
+	addShortcut('Ctrl+Alt+RIGHT', 'Next Edit Point');
+	addShortcut('Ctrl+Alt+LEFT', 'Previous Edit Point');
+	addShortcut('Meta+L', 'Select Line');
+	addShortcut('Meta+Shift+M', 'Merge Lines');
+	addShortcut('Meta+/', 'Toggle Comment');
+	addShortcut('Meta+J', 'Split/Join Tag');
+	addShortcut('Meta+K', 'Remove Tag');
+	addShortcut('Meta+Y', 'Evaluate Math Expression');
+	
+	addShortcut('Ctrl+UP', 'Increment number by 1');
+	addShortcut('Ctrl+DOWN', 'Decrement number by 1');
+	addShortcut('Alt+UP', 'Increment number by 0.1');
+	addShortcut('Alt+DOWN', 'Decrement number by 0.1');
+	addShortcut('Ctrl+Alt+UP', 'Increment number by 10');
+	addShortcut('Ctrl+Alt+DOWN', 'Decrement number by 10');
+	
+	addShortcut('Meta+.', 'Select Next Item');
+	addShortcut('Meta+,', 'Select Previous Item');
+	addShortcut('Meta+B', 'Reflect CSS Value');
+	
+	return {
+		/**
+		 * Key handle for CodeMirror key events. You should pass this method as
+		 * <code>onKeyEvent</code> handler in order to add Zen Coding 
+		 * functionality to CodeMirror editor instance
+		 */
+		handleKeyEvent: function(editor, evt) {
+			if (evt.type == 'keydown') {
+				this.setContext(editor);
+				return keysFilter(evt);
+			}
+		},
+		
+		/**
+		 * Setup underlying editor context. You should call this method 
+		 * <code>before</code> using any Zen Coding action.
+		 * @param {CodeMirror} context
+		 */
+		setContext: function(context) {
+			mirror = context;
+			zen_coding.setVariable('indentation', zen_coding.repeatString(' ', mirror.getOption('indentUnit')));
+		},
+		
+		/**
+		 * Returns character indexes of selected text: object with <code>start</code>
+		 * and <code>end</code> properties. If there's no selection, should return 
+		 * object with <code>start</code> and <code>end</code> properties referring
+		 * to current caret position
+		 * @return {Object}
+		 * @example
+		 * var selection = zen_editor.getSelectionRange();
+		 * alert(selection.start + ', ' + selection.end); 
+		 */
+		getSelectionRange: function() {
+			var caret_pos = this.getCaretPos();
+			return {
+				start: caret_pos,
+				end: caret_pos + this.getSelection().length
+			};
+		},
+		
+		/**
+		 * Creates selection from <code>start</code> to <code>end</code> character
+		 * indexes. If <code>end</code> is ommited, this method should place caret 
+		 * and <code>start</code> index
+		 * @param {Number} start
+		 * @param {Number} [end]
+		 * @example
+		 * zen_editor.createSelection(10, 40);
+		 * 
+		 * //move caret to 15th character
+		 * zen_editor.createSelection(15);
+		 */
+		createSelection: function(start, end) {
+			if (start == end) {
+				mirror.setCursor(mirror.posFromIndex(start));
+			} else {
+				mirror.setSelection(mirror.posFromIndex(start), mirror.posFromIndex(end));
+			}
+		},
+		
+		/**
+		 * Returns current line's start and end indexes as object with <code>start</code>
+		 * and <code>end</code> properties
+		 * @return {Object}
+		 * @example
+		 * var range = zen_editor.getCurrentLineRange();
+		 * alert(range.start + ', ' + range.end);
+		 */
+		getCurrentLineRange: function() {
+			var caret = mirror.getCursor(true);
+			
+			return {
+				start: mirror.indexFromPos({line: caret.line, ch: 0}),
+				end: mirror.indexFromPos({line: caret.line, ch: mirror.getLine(caret.line).length})
+			};
+		},
+		
+		/**
+		 * Returns current caret position
+		 * @return {Number|null}
+		 */
+		getCaretPos: function(){
+			return mirror.indexFromPos(mirror.getCursor(true));
+		},
+		
+		/**
+		 * Set new caret position
+		 * @param {Number} pos Caret position
+		 */
+		setCaretPos: function(pos){
+//			mirror.setCursor(mirror.posFromIndex(pos));
+			this.createSelection(pos, pos);
+		},
+		
+		/**
+		 * Returns content of current line
+		 * @return {String}
+		 */
+		getCurrentLine: function() {
+			return mirror.getLine( mirror.getCursor(true).line ) || '';
+		},
+		
+		/**
+		 * Replace editor's content or it's part (from <code>start</code> to 
+		 * <code>end</code> index). If <code>value</code> contains 
+		 * <code>caret_placeholder</code>, the editor will put caret into 
+		 * this position. If you skip <code>start</code> and <code>end</code>
+		 * arguments, the whole target's content will be replaced with 
+		 * <code>value</code>. 
+		 * 
+		 * If you pass <code>start</code> argument only,
+		 * the <code>value</code> will be placed at <code>start</code> string 
+		 * index of current content. 
+		 * 
+		 * If you pass <code>start</code> and <code>end</code> arguments,
+		 * the corresponding substring of current target's content will be 
+		 * replaced with <code>value</code>. 
+		 * @param {String} value Content you want to paste
+		 * @param {Number} [start] Start index of editor's content
+		 * @param {Number} [end] End index of editor's content
+		 */
+		replaceContent: function(value, start, end) {
+			var caret_pos = this.getCaretPos(),
+				start = typeof(start) !== 'undefined' ? start : 0,
+				end = typeof(end) !== 'undefined' ? end : this.getContent().length;
+				
+			// indent new value
+			value = zen_coding.padString(value, getStringPadding(this.getCurrentLine()));
+			
+//			if (mirror.win.asEditorLines) {
+//				value = mirror.win.asEditorLines(value).join(zen_coding.getNewline());
+//			}
+			
+			// find new caret position
+			var tabstop_res = handleTabStops(value);
+			value = tabstop_res[0];
+			
+			start = start || 0;
+			if (tabstop_res[1] !== -1) {
+				tabstop_res[1] += start;
+				tabstop_res[2] += start;
+			} else {
+				tabstop_res[1] = tabstop_res[2] = value.length + start;
+			}
+			
+			try {
+				this.createSelection(start, end);
+				mirror.replaceSelection(value);
+				this.createSelection(tabstop_res[1], tabstop_res[2]);
+			} catch(e){}
+		},
+		
+		/**
+		 * Returns editor's content
+		 * @return {String}
+		 */
+		getContent: function(){
+			return mirror.getValue();
+		},
+		
+		/**
+		 * Returns current editor's syntax mode
+		 * @return {String}
+		 */
+		getSyntax: function() {
+			var syntax = mirror.getOption('syntax') ||  '',
+				caret_pos = this.getCaretPos();
+				
+			if (!zen_resources.hasSyntax(syntax))
+				syntax = 'html';
+				
+			if (syntax == 'html') {
+				// get the context tag
+				var pair = zen_coding.html_matcher.getTags(this.getContent(), caret_pos);
+				if (pair && pair[0] && pair[0].type == 'tag' && pair[0].name.toLowerCase() == 'style') {
+					// check that we're actually inside the tag
+					if (pair[0].end <= caret_pos && pair[1].start >= caret_pos)
+						syntax = 'css';
+				}
+			}
+			
+			return syntax;
+		},
+		
+		/**
+		 * Returns current output profile name (@see zen_coding#setupProfile)
+		 * @return {String}
+		 */
+		getProfileName: function() {
+			if (mirror.getOption('profile'))
+				return mirror.getOption('profile');
+				
+			switch(this.getSyntax()) {
+				 case 'xml':
+				 case 'xsl':
+				 	return 'xml';
+				 case 'html':
+				 	var profile = zen_coding.getVariable('profile');
+				 	if (!profile) { // no forced profile, guess from content
+					 	// html or xhtml?
+				 		profile = this.getContent().search(/<!DOCTYPE[^>]+XHTML/) != -1 ? 'xhtml': 'html';
+				 	}
+				 	
+				 	return profile;
+			}
+			
+			return 'xhtml';
+		},
+		
+		/**
+		 * Ask user to enter something
+		 * @param {String} title Dialog title
+		 * @return {String} Entered data
+		 * @since 0.65
+		 */
+		prompt: function(title) {
+			return prompt(title);
+		},
+		
+		/**
+		 * Returns current selection
+		 * @return {String}
+		 * @since 0.65
+		 */
+		getSelection: function() {
+			return mirror.getSelection() || '';
+		},
+		
+		/**
+		 * Returns current editor's file path
+		 * @return {String}
+		 * @since 0.65 
+		 */
+		getFilePath: function() {
+			return location.href;
+		},
+		
+		shortcut: addShortcut,
+		
+		/**
+		 * Removes shortcut binding
+		 * @param {String} keystroke
+		 */
+		unbindShortcut: function(keystroke) {
+			keystroke = keystroke.toLowerCase();
+			if (keystroke in shortcuts)
+				delete shortcuts[keystroke];
+		},
+				
+		/**
+		 * Returns array of binded actions and their keystrokes
+		 * @return {Array}
+		 */
+		getShortcuts: function() {
+			var result = [], lp;
+			
+			for (var p in shortcuts) if (shortcuts.hasOwnProperty(p)) {
+				lp = p.toLowerCase();
+				
+				// skip some internal bindings
+				if (lp == 'tab' || lp == 'enter')
+					continue;
+					
+				result.push({
+					keystroke: shortcut.format(p), 
+					compiled: shortcuts[p].compiled,
+					label: shortcuts[p].label,
+					action: shortcuts[p].action
+				});
+			}
+			
+			return result;
+		},
+		
+		getInfo: function() {
+			var message = 'This CodeMirror editor is powered by Zen Coding project: ' +
+					'a set of tools for fast HTML coding.\n\n' +
+					'Available shortcuts:\n';
+					
+			var sh = this.getShortcuts(),
+				actions = [];
+				
+			for (var i = 0; i < sh.length; i++) {
+				actions.push(sh[i].keystroke + ' — ' + sh[i].label)
+			}
+			
+			message += actions.join('\n') + '\n\n';
+			message += 'More info on http://code.google.com/p/zen-coding/';
+			
+			return message;
+		},
+		
+		/**
+		 * Show info window about Zen Coding
+		 */
+		showInfo: function() {
+			alert(this.getInfo());
+		},
+		
+		// expose some core Zen Coding objects
+		
+		/**
+		 * Returns core Zen Codind object
+		 */
+		getCore: function() {
+			return zen_coding;
+		},
+		
+		/**
+		 * Returns Zen Coding resource manager. You can add new snippets and 
+		 * abbreviations with this manager, as well as modify ones.<br><br>
+		 * 
+		 * Zen Coding stores settings in two separate vocabularies: 'system' 
+		 * and 'user'. The ultimate solution to add new abbreviations and
+		 * snippets is to setup a 'user' vocabulary, like this:
+		 * 
+		 * @example
+		 * var my_settings = {
+		 * 	html: {
+		 * 		abbreviations: {
+		 * 			'tag': '<div class="mytag">'
+		 * 		}
+		 * 	}
+		 * };
+		 * zen_editor.getResourceManager().setVocabulary(my_settings, 'user')
+		 * 
+		 * @see zen_resources.js
+		 */
+		getResourceManager: function() {
+			return zen_resources;
+		}
+	}
+})();return zen_editor;	
+})();
\ No newline at end of file
diff --git a/src/main/webapp/codemirror/addon/zen/zen_codemirror.min.js b/src/main/webapp/codemirror/addon/zen/zen_codemirror.min.js
new file mode 100644
index 00000000..0c2e49f5
--- /dev/null
+++ b/src/main/webapp/codemirror/addon/zen/zen_codemirror.min.js
@@ -0,0 +1,12 @@
+var zen_editor=(function(){var b={"variables":{"lang":"ko","locale":"ko","charset":"UTF-8","indentation":"\t","newline":"\n","nl":"\n"},"css":{"filters":"html,css","snippets":{"@i":"@import url(|);","@m":"@media print {\n\t|\n}","@f":"@font-face {\n\tfont-family:|;\n\tsrc:url(|);\n}","!":"!important","pos":"position:|;","pos:s":"position:static;","pos:a":"position:absolute;","pos:r":"position:relative;","pos:f":"position:fixed;","t":"top:|;","t:a":"top:auto;","r":"right:|;","r:a":"right:auto;","b":"bottom:|;","b:a":"bottom:auto;","brad":"-webkit-border-radius: ${1:radius};\n-moz-border-radius: $1;\n-ms-border-radius: $1;\nborder-radius: $1;","bsha":"-webkit-box-shadow: ${1:hoff} ${2:voff} ${3:blur} ${4:rgba(0,0,0,0.5)};\n-moz-box-shadow: $1 $2 $3 $4;\n-ms-box-shadow: $1 $2 $3 $4;\nbox-shadow: $1 $2 $3 $4;","l":"left:|;","l:a":"left:auto;","z":"z-index:|;","z:a":"z-index:auto;","fl":"float:|;","fl:n":"float:none;","fl:l":"float:left;","fl:r":"float:right;","cl":"clear:|;","cl:n":"clear:none;","cl:l":"clear:left;","cl:r":"clear:right;","cl:b":"clear:both;","d":"display:|;","d:n":"display:none;","d:b":"display:block;","d:i":"display:inline;","d:ib":"display:inline-block;","d:li":"display:list-item;","d:ri":"display:run-in;","d:cp":"display:compact;","d:tb":"display:table;","d:itb":"display:inline-table;","d:tbcp":"display:table-caption;","d:tbcl":"display:table-column;","d:tbclg":"display:table-column-group;","d:tbhg":"display:table-header-group;","d:tbfg":"display:table-footer-group;","d:tbr":"display:table-row;","d:tbrg":"display:table-row-group;","d:tbc":"display:table-cell;","d:rb":"display:ruby;","d:rbb":"display:ruby-base;","d:rbbg":"display:ruby-base-group;","d:rbt":"display:ruby-text;","d:rbtg":"display:ruby-text-group;","v":"visibility:|;","v:v":"visibility:visible;","v:h":"visibility:hidden;","v:c":"visibility:collapse;","ov":"overflow:|;","ov:v":"overflow:visible;","ov:h":"overflow:hidden;","ov:s":"overflow:scroll;","ov:a":"overflow:auto;","ovx":"overflow-x:|;","ovx:v":"overflow-x:visible;","ovx:h":"overflow-x:hidden;","ovx:s":"overflow-x:scroll;","ovx:a":"overflow-x:auto;","ovy":"overflow-y:|;","ovy:v":"overflow-y:visible;","ovy:h":"overflow-y:hidden;","ovy:s":"overflow-y:scroll;","ovy:a":"overflow-y:auto;","ovs":"overflow-style:|;","ovs:a":"overflow-style:auto;","ovs:s":"overflow-style:scrollbar;","ovs:p":"overflow-style:panner;","ovs:m":"overflow-style:move;","ovs:mq":"overflow-style:marquee;","zoo":"zoom:1;","cp":"clip:|;","cp:a":"clip:auto;","cp:r":"clip:rect(|);","bxz":"box-sizing:|;","bxz:cb":"box-sizing:content-box;","bxz:bb":"box-sizing:border-box;","bxsh":"box-shadow:|;","bxsh:n":"box-shadow:none;","bxsh:w":"-webkit-box-shadow:0 0 0 #000;","bxsh:m":"-moz-box-shadow:0 0 0 0 #000;","m":"margin:|;","m:a":"margin:auto;","m:0":"margin:0;","m:2":"margin:0 0;","m:3":"margin:0 0 0;","m:4":"margin:0 0 0 0;","mt":"margin-top:|;","mt:a":"margin-top:auto;","mr":"margin-right:|;","mr:a":"margin-right:auto;","mb":"margin-bottom:|;","mb:a":"margin-bottom:auto;","ml":"margin-left:|;","ml:a":"margin-left:auto;","p":"padding:|;","p:0":"padding:0;","p:2":"padding:0 0;","p:3":"padding:0 0 0;","p:4":"padding:0 0 0 0;","pt":"padding-top:|;","pr":"padding-right:|;","pb":"padding-bottom:|;","pl":"padding-left:|;","w":"width:|;","w:a":"width:auto;","h":"height:|;","h:a":"height:auto;","maw":"max-width:|;","maw:n":"max-width:none;","mah":"max-height:|;","mah:n":"max-height:none;","miw":"min-width:|;","mih":"min-height:|;","o":"outline:|;","o:n":"outline:none;","oo":"outline-offset:|;","ow":"outline-width:|;","os":"outline-style:|;","oc":"outline-color:#000;","oc:i":"outline-color:invert;","bd":"border:|;","bd+":"border:1px solid #000;","bd:n":"border:none;","bdbk":"border-break:|;","bdbk:c":"border-break:close;","bdcl":"border-collapse:|;","bdcl:c":"border-collapse:collapse;","bdcl:s":"border-collapse:separate;","bdc":"border-color:#000;","bdi":"border-image:url(|);","bdi:n":"border-image:none;","bdi:w":"-webkit-border-image:url(|) 0 0 0 0 stretch stretch;","bdi:m":"-moz-border-image:url(|) 0 0 0 0 stretch stretch;","bdti":"border-top-image:url(|);","bdti:n":"border-top-image:none;","bdri":"border-right-image:url(|);","bdri:n":"border-right-image:none;","bdbi":"border-bottom-image:url(|);","bdbi:n":"border-bottom-image:none;","bdli":"border-left-image:url(|);","bdli:n":"border-left-image:none;","bdci":"border-corner-image:url(|);","bdci:n":"border-corner-image:none;","bdci:c":"border-corner-image:continue;","bdtli":"border-top-left-image:url(|);","bdtli:n":"border-top-left-image:none;","bdtli:c":"border-top-left-image:continue;","bdtri":"border-top-right-image:url(|);","bdtri:n":"border-top-right-image:none;","bdtri:c":"border-top-right-image:continue;","bdbri":"border-bottom-right-image:url(|);","bdbri:n":"border-bottom-right-image:none;","bdbri:c":"border-bottom-right-image:continue;","bdbli":"border-bottom-left-image:url(|);","bdbli:n":"border-bottom-left-image:none;","bdbli:c":"border-bottom-left-image:continue;","bdf":"border-fit:|;","bdf:c":"border-fit:clip;","bdf:r":"border-fit:repeat;","bdf:sc":"border-fit:scale;","bdf:st":"border-fit:stretch;","bdf:ow":"border-fit:overwrite;","bdf:of":"border-fit:overflow;","bdf:sp":"border-fit:space;","bdl":"border-length:|;","bdl:a":"border-length:auto;","bdsp":"border-spacing:|;","bds":"border-style:|;","bds:n":"border-style:none;","bds:h":"border-style:hidden;","bds:dt":"border-style:dotted;","bds:ds":"border-style:dashed;","bds:s":"border-style:solid;","bds:db":"border-style:double;","bds:dtds":"border-style:dot-dash;","bds:dtdtds":"border-style:dot-dot-dash;","bds:w":"border-style:wave;","bds:g":"border-style:groove;","bds:r":"border-style:ridge;","bds:i":"border-style:inset;","bds:o":"border-style:outset;","bdw":"border-width:|;","bdt":"border-top:|;","bdt+":"border-top:1px solid #000;","bdt:n":"border-top:none;","bdtw":"border-top-width:|;","bdts":"border-top-style:|;","bdts:n":"border-top-style:none;","bdtc":"border-top-color:#000;","bdr":"border-right:|;","bdr+":"border-right:1px solid #000;","bdr:n":"border-right:none;","bdrw":"border-right-width:|;","bdrs":"border-right-style:|;","bdrs:n":"border-right-style:none;","bdrc":"border-right-color:#000;","bdb":"border-bottom:|;","bdb+":"border-bottom:1px solid #000;","bdb:n":"border-bottom:none;","bdbw":"border-bottom-width:|;","bdbs":"border-bottom-style:|;","bdbs:n":"border-bottom-style:none;","bdbc":"border-bottom-color:#000;","bdl":"border-left:|;","bdl+":"border-left:1px solid #000;","bdl:n":"border-left:none;","bdlw":"border-left-width:|;","bdls":"border-left-style:|;","bdls:n":"border-left-style:none;","bdlc":"border-left-color:#000;","bdrs":"border-radius:|;","bdtrrs":"border-top-right-radius:|;","bdtlrs":"border-top-left-radius:|;","bdbrrs":"border-bottom-right-radius:|;","bdblrs":"border-bottom-left-radius:|;","bg":"background:|;","bg+":"background:#FFF url(|) 0 0 no-repeat;","bg:n":"background:none;","bg:ie":"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1:x}.png',sizingMethod='${2:crop}');","bgc":"background-color:#FFF;","bgi":"background-image:url(|);","bgi:n":"background-image:none;","bgr":"background-repeat:|;","bgr:n":"background-repeat:no-repeat;","bgr:x":"background-repeat:repeat-x;","bgr:y":"background-repeat:repeat-y;","bga":"background-attachment:|;","bga:f":"background-attachment:fixed;","bga:s":"background-attachment:scroll;","bgp":"background-position:0 0;","bgpx":"background-position-x:|;","bgpy":"background-position-y:|;","bgbk":"background-break:|;","bgbk:bb":"background-break:bounding-box;","bgbk:eb":"background-break:each-box;","bgbk:c":"background-break:continuous;","bgcp":"background-clip:|;","bgcp:bb":"background-clip:border-box;","bgcp:pb":"background-clip:padding-box;","bgcp:cb":"background-clip:content-box;","bgcp:nc":"background-clip:no-clip;","bgo":"background-origin:|;","bgo:pb":"background-origin:padding-box;","bgo:bb":"background-origin:border-box;","bgo:cb":"background-origin:content-box;","bgz":"background-size:|;","bgz:a":"background-size:auto;","bgz:ct":"background-size:contain;","bgz:cv":"background-size:cover;","c":"color:#000;","tbl":"table-layout:|;","tbl:a":"table-layout:auto;","tbl:f":"table-layout:fixed;","cps":"caption-side:|;","cps:t":"caption-side:top;","cps:b":"caption-side:bottom;","ec":"empty-cells:|;","ec:s":"empty-cells:show;","ec:h":"empty-cells:hide;","lis":"list-style:|;","lis:n":"list-style:none;","lisp":"list-style-position:|;","lisp:i":"list-style-position:inside;","lisp:o":"list-style-position:outside;","list":"list-style-type:|;","list:n":"list-style-type:none;","list:d":"list-style-type:disc;","list:c":"list-style-type:circle;","list:s":"list-style-type:square;","list:dc":"list-style-type:decimal;","list:dclz":"list-style-type:decimal-leading-zero;","list:lr":"list-style-type:lower-roman;","list:ur":"list-style-type:upper-roman;","lisi":"list-style-image:|;","lisi:n":"list-style-image:none;","q":"quotes:|;","q:n":"quotes:none;","q:ru":"quotes:'\00AB' '\00BB' '\201E' '\201C';","q:en":"quotes:'\201C' '\201D' '\2018' '\2019';","ct":"content:|;","ct:n":"content:normal;","ct:oq":"content:open-quote;","ct:noq":"content:no-open-quote;","ct:cq":"content:close-quote;","ct:ncq":"content:no-close-quote;","ct:a":"content:attr(|);","ct:c":"content:counter(|);","ct:cs":"content:counters(|);","coi":"counter-increment:|;","cor":"counter-reset:|;","va":"vertical-align:|;","va:sup":"vertical-align:super;","va:t":"vertical-align:top;","va:tt":"vertical-align:text-top;","va:m":"vertical-align:middle;","va:bl":"vertical-align:baseline;","va:b":"vertical-align:bottom;","va:tb":"vertical-align:text-bottom;","va:sub":"vertical-align:sub;","ta":"text-align:|;","ta:l":"text-align:left;","ta:c":"text-align:center;","ta:r":"text-align:right;","tal":"text-align-last:|;","tal:a":"text-align-last:auto;","tal:l":"text-align-last:left;","tal:c":"text-align-last:center;","tal:r":"text-align-last:right;","td":"text-decoration:|;","td:n":"text-decoration:none;","td:u":"text-decoration:underline;","td:o":"text-decoration:overline;","td:l":"text-decoration:line-through;","te":"text-emphasis:|;","te:n":"text-emphasis:none;","te:ac":"text-emphasis:accent;","te:dt":"text-emphasis:dot;","te:c":"text-emphasis:circle;","te:ds":"text-emphasis:disc;","te:b":"text-emphasis:before;","te:a":"text-emphasis:after;","th":"text-height:|;","th:a":"text-height:auto;","th:f":"text-height:font-size;","th:t":"text-height:text-size;","th:m":"text-height:max-size;","ti":"text-indent:|;","ti:-":"text-indent:-9999px;","tj":"text-justify:|;","tj:a":"text-justify:auto;","tj:iw":"text-justify:inter-word;","tj:ii":"text-justify:inter-ideograph;","tj:ic":"text-justify:inter-cluster;","tj:d":"text-justify:distribute;","tj:k":"text-justify:kashida;","tj:t":"text-justify:tibetan;","to":"text-outline:|;","to+":"text-outline:0 0 #000;","to:n":"text-outline:none;","tr":"text-replace:|;","tr:n":"text-replace:none;","tt":"text-transform:|;","tt:n":"text-transform:none;","tt:c":"text-transform:capitalize;","tt:u":"text-transform:uppercase;","tt:l":"text-transform:lowercase;","tw":"text-wrap:|;","tw:n":"text-wrap:normal;","tw:no":"text-wrap:none;","tw:u":"text-wrap:unrestricted;","tw:s":"text-wrap:suppress;","tsh":"text-shadow:|;","tsh+":"text-shadow:0 0 0 #000;","tsh:n":"text-shadow:none;","lh":"line-height:|;","whs":"white-space:|;","whs:n":"white-space:normal;","whs:p":"white-space:pre;","whs:nw":"white-space:nowrap;","whs:pw":"white-space:pre-wrap;","whs:pl":"white-space:pre-line;","whsc":"white-space-collapse:|;","whsc:n":"white-space-collapse:normal;","whsc:k":"white-space-collapse:keep-all;","whsc:l":"white-space-collapse:loose;","whsc:bs":"white-space-collapse:break-strict;","whsc:ba":"white-space-collapse:break-all;","wob":"word-break:|;","wob:n":"word-break:normal;","wob:k":"word-break:keep-all;","wob:l":"word-break:loose;","wob:bs":"word-break:break-strict;","wob:ba":"word-break:break-all;","wos":"word-spacing:|;","wow":"word-wrap:|;","wow:nm":"word-wrap:normal;","wow:n":"word-wrap:none;","wow:u":"word-wrap:unrestricted;","wow:s":"word-wrap:suppress;","lts":"letter-spacing:|;","f":"font:|;","f+":"font:1em Arial,sans-serif;","fw":"font-weight:|;","fw:n":"font-weight:normal;","fw:b":"font-weight:bold;","fw:br":"font-weight:bolder;","fw:lr":"font-weight:lighter;","fs":"font-style:|;","fs:n":"font-style:normal;","fs:i":"font-style:italic;","fs:o":"font-style:oblique;","fv":"font-variant:|;","fv:n":"font-variant:normal;","fv:sc":"font-variant:small-caps;","fz":"font-size:|;","fza":"font-size-adjust:|;","fza:n":"font-size-adjust:none;","ff":"font-family:|;","ff:s":"font-family:serif;","ff:ss":"font-family:sans-serif;","ff:c":"font-family:cursive;","ff:f":"font-family:fantasy;","ff:m":"font-family:monospace;","fef":"font-effect:|;","fef:n":"font-effect:none;","fef:eg":"font-effect:engrave;","fef:eb":"font-effect:emboss;","fef:o":"font-effect:outline;","fem":"font-emphasize:|;","femp":"font-emphasize-position:|;","femp:b":"font-emphasize-position:before;","femp:a":"font-emphasize-position:after;","fems":"font-emphasize-style:|;","fems:n":"font-emphasize-style:none;","fems:ac":"font-emphasize-style:accent;","fems:dt":"font-emphasize-style:dot;","fems:c":"font-emphasize-style:circle;","fems:ds":"font-emphasize-style:disc;","fsm":"font-smooth:|;","fsm:a":"font-smooth:auto;","fsm:n":"font-smooth:never;","fsm:aw":"font-smooth:always;","fst":"font-stretch:|;","fst:n":"font-stretch:normal;","fst:uc":"font-stretch:ultra-condensed;","fst:ec":"font-stretch:extra-condensed;","fst:c":"font-stretch:condensed;","fst:sc":"font-stretch:semi-condensed;","fst:se":"font-stretch:semi-expanded;","fst:e":"font-stretch:expanded;","fst:ee":"font-stretch:extra-expanded;","fst:ue":"font-stretch:ultra-expanded;","op":"opacity:|;","op:ie":"filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);","op:ms":"-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';","rz":"resize:|;","rz:n":"resize:none;","rz:b":"resize:both;","rz:h":"resize:horizontal;","rz:v":"resize:vertical;","cur":"cursor:|;","cur:a":"cursor:auto;","cur:d":"cursor:default;","cur:c":"cursor:crosshair;","cur:ha":"cursor:hand;","cur:he":"cursor:help;","cur:m":"cursor:move;","cur:p":"cursor:pointer;","cur:t":"cursor:text;","pgbb":"page-break-before:|;","pgbb:au":"page-break-before:auto;","pgbb:al":"page-break-before:always;","pgbb:l":"page-break-before:left;","pgbb:r":"page-break-before:right;","pgbi":"page-break-inside:|;","pgbi:au":"page-break-inside:auto;","pgbi:av":"page-break-inside:avoid;","pgba":"page-break-after:|;","pgba:au":"page-break-after:auto;","pgba:al":"page-break-after:always;","pgba:l":"page-break-after:left;","pgba:r":"page-break-after:right;","orp":"orphans:|;","wid":"widows:|;"}},"html":{"filters":"html","snippets":{"cc:ie6":"<!--[if lte IE 6]>\n\t${child}|\n<![endif]-->","cc:ie":"<!--[if IE]>\n\t${child}|\n<![endif]-->","cc:noie":"<!--[if !IE]><!-->\n\t${child}|\n<!--<![endif]-->","html:4t":'<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\n'+'<html lang="${lang}">\n'+"<head>\n"+'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}">\n'+"	<title></title>\n"+"</head>\n"+"<body>\n\t${child}|\n</body>\n"+"</html>","html:4s":'<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">\n'+'<html lang="${lang}">\n'+"<head>\n"+'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}">\n'+"	<title></title>\n"+"</head>\n"+"<body>\n\t${child}|\n</body>\n"+"</html>","html:xt":'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n'+'<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">\n'+"<head>\n"+'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />\n'+"	<title></title>\n"+"</head>\n"+"<body>\n\t${child}|\n</body>\n"+"</html>","html:xs":'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\n'+'<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">\n'+"<head>\n"+'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />\n'+"	<title></title>\n"+"</head>\n"+"<body>\n\t${child}|\n</body>\n"+"</html>","html:xxs":'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">\n'+'<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">\n'+"<head>\n"+'	<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />\n'+"	<title></title>\n"+"</head>\n"+"<body>\n\t${child}|\n</body>\n"+"</html>","html:5":"<!DOCTYPE HTML>\n"+'<html lang="${locale}">\n'+"<head>\n"+'	<meta charset="${charset}">\n'+"	<title></title>\n"+"</head>\n"+"<body>\n\t${child}|\n</body>\n"+"</html>"},"abbreviations":{"a":'<a href="">',"a:link":'<a href="http://|">',"a:mail":'<a href="mailto:|">',"abbr":'<abbr title="">',"acronym":'<acronym title="">',"base":'<base href="" />',"bdo":'<bdo dir="">',"bdo:r":'<bdo dir="rtl">',"bdo:l":'<bdo dir="ltr">',"link:css":'<link rel="stylesheet" type="text/css" href="${1:style}.css" media="all" />',"link:print":'<link rel="stylesheet" type="text/css" href="|print.css" media="print" />',"link:favicon":'<link rel="shortcut icon" type="image/x-icon" href="|favicon.ico" />',"link:touch":'<link rel="apple-touch-icon" href="|favicon.png" />',"link:rss":'<link rel="alternate" type="application/rss+xml" title="RSS" href="|rss.xml" />',"link:atom":'<link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml" />',"meta:utf":'<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />',"meta:win":'<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />',"meta:compat":'<meta http-equiv="X-UA-Compatible" content="IE=7" />',"style":'<style type="text/css">',"script":'<script type="text/javascript">',"script:src":'<script type="text/javascript" src="">',"img":'<img src="" alt="" />',"iframe":'<iframe src="" frameborder="0">',"embed":'<embed src="" type="" />',"object":'<object data="" type="">',"param":'<param name="" value="" />',"map":'<map name="">',"area":'<area shape="" coords="" href="" alt="" />',"area:d":'<area shape="default" href="" alt="" />',"area:c":'<area shape="circle" coords="" href="" alt="" />',"area:r":'<area shape="rect" coords="" href="" alt="" />',"area:p":'<area shape="poly" coords="" href="" alt="" />',"link":'<link rel="stylesheet" href="" />',"form":'<form action="">',"form:get":'<form action="" method="get">',"form:post":'<form action="" method="post">',"label":'<label for="">',"input":'<input type="" />',"input:hidden":'<input type="hidden" name="" />',"input:h":'<input type="hidden" name="" />',"input:text":'<input type="text" name="" id="" />',"input:t":'<input type="text" name="" id="" />',"input:search":'<input type="search" name="" id="" />',"input:email":'<input type="email" name="" id="" />',"input:url":'<input type="url" name="" id="" />',"input:password":'<input type="password" name="" id="" />',"input:p":'<input type="password" name="" id="" />',"input:datetime":'<input type="datetime" name="" id="" />',"input:date":'<input type="date" name="" id="" />',"input:datetime-local":'<input type="datetime-local" name="" id="" />',"input:month":'<input type="month" name="" id="" />',"input:week":'<input type="week" name="" id="" />',"input:time":'<input type="time" name="" id="" />',"input:number":'<input type="number" name="" id="" />',"input:color":'<input type="color" name="" id="" />',"input:checkbox":'<input type="checkbox" name="" id="" />',"input:c":'<input type="checkbox" name="" id="" />',"input:radio":'<input type="radio" name="" id="" />',"input:r":'<input type="radio" name="" id="" />',"input:range":'<input type="range" name="" id="" />',"input:file":'<input type="file" name="" id="" />',"input:f":'<input type="file" name="" id="" />',"input:submit":'<input type="submit" value="" />',"input:s":'<input type="submit" value="" />',"input:image":'<input type="image" src="" alt="" />',"input:i":'<input type="image" src="" alt="" />',"input:reset":'<input type="reset" value="" />',"input:button":'<input type="button" value="" />',"input:b":'<input type="button" value="" />',"select":'<select name="" id=""></select>',"option":'<option value=""></option>',"textarea":'<textarea name="" id="" cols="30" rows="10">',"menu:context":'<menu type="context">',"menu:c":'<menu type="context">',"menu:toolbar":'<menu type="toolbar">',"menu:t":'<menu type="toolbar">',"video":'<video src="">',"audio":'<audio src="">',"html:xml":'<html xmlns="http://www.w3.org/1999/xhtml">',"bq":"<blockquote>","acr":"<acronym>","fig":"<figure>","ifr":"<iframe>","emb":"<embed>","obj":"<object>","src":"<source>","cap":"<caption>","colg":"<colgroup>","fst":"<fieldset>","btn":"<button>","optg":"<optgroup>","opt":"<option>","tarea":"<textarea>","leg":"<legend>","sect":"<section>","art":"<article>","hdr":"<header>","ftr":"<footer>","adr":"<address>","dlg":"<dialog>","str":"<strong>","prog":"<progress>","fset":"<fieldset>","datag":"<datagrid>","datal":"<datalist>","kg":"<keygen>","out":"<output>","det":"<details>","cmd":"<command>","ol+":"ol>li","ul+":"ul>li","dl+":"dl>dt+dd","map+":"map>area","table+":"table>tr>td","colgroup+":"colgroup>col","colg+":"colgroup>col","tr+":"tr>td","select+":"select>option","optgroup+":"optgroup>option","optg+":"optgroup>option"},"element_types":{"empty":"area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed,keygen,command","block_level":"address,applet,blockquote,button,center,dd,del,dir,div,dl,dt,fieldset,form,frameset,hr,iframe,ins,isindex,li,link,map,menu,noframes,noscript,object,ol,p,pre,script,table,tbody,td,tfoot,th,thead,tr,ul,h1,h2,h3,h4,h5,h6","inline_level":"a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,select,small,span,strike,strong,sub,sup,textarea,tt,u,var"}},"xml":{"extends":"html","filters":"html"},"xsl":{"extends":"html","filters":"html, xsl","abbreviations":{"tm":'<xsl:template match="" mode="">',"tmatch":"tm","tn":'<xsl:template name="">',"tname":"tn","xsl:when":'<xsl:when test="">',"wh":"xsl:when","var":'<xsl:variable name="">',"vare":'<xsl:variable name="" select=""/>',"if":'<xsl:if test="">',"call":'<xsl:call-template name=""/>',"attr":'<xsl:attribute name="">',"wp":'<xsl:with-param name="" select=""/>',"par":'<xsl:param name="" select=""/>',"val":'<xsl:value-of select=""/>',"co":'<xsl:copy-of select=""/>',"each":'<xsl:for-each select="">',"for":"each","ap":'<xsl:apply-templates select="" mode=""/>',"choose+":"xsl:choose>xsl:when+xsl:otherwise"}},"haml":{"filters":"haml","extends":"html"}};
+var K=(function(){var ad="zen-tag",Y="zen-expando",ah="zen-reference",ab="system",af="user",X=/^<(\w+\:?[\w\-]*)((?:\s+[\w\:\-]+\s*=\s*(['"]).*?\3)*)\s*(\/?)>/,ac=/([\w\-]+)\s*=\s*(['"])(.*?)\2/g,ai={},Z={};function ae(al){return(al||"").replace(/^\s+|\s+$/g,"");}function ak(al){return al&&al.__zen_parsed__;}function S(al){al.__zen_parsed__=true;}function T(al){return al==ab?ai:Z;}function ag(ao){var an={},al=ao.split(",");for(var am=0;am<al.length;am++){an[al[am]]=true;}return an;}function U(am,ao,al){var av=T(am),aw=[],an;if(av&&ao in av){an=av[ao];if(al in an){aw.push(an[al]);}}var at;if(an&&"extends" in an){at=an;}else{if(am==af&&ao in ai&&"extends" in ai[ao]){at=ai[ao];}}if(at){if(!ak(at["extends"])){var ap=at["extends"].split(",");for(var aq=0;aq<ap.length;aq++){ap[aq]=ae(ap[aq]);}at["extends"]=ap;S(at["extends"]);}for(var aq=0;aq<at["extends"].length;aq++){var au=at["extends"][aq];if(av[au]&&av[au][al]){aw.push(av[au][al]);}}}return aw;}function V(ao,al,am){var an=U(ao,al,am);return an[0];}function aj(an,ao,am,au){var al=U(an,ao,am),av=null,aq;for(var ap=0,ar=al.length;ap<ar;ap++){aq=al[ap];if(au in aq){if(am=="abbreviations"&&!ak(aq[au])){var at=aq[au];aq[au]=e(au,at);aq[au].__ref=at;S(aq[au]);}av=aq[au];break;}}return av;}function R(am,al,an){return{type:am,key:al,value:an};}function W(al,am){return R(Y,al,am);}function aa(ap,aq,ao,an){var am={name:aq,is_empty:!!an};if(ao){var al;am.attributes=[];while(al=ac.exec(ao)){am.attributes.push({name:al[1],value:al[3]});}}return R(ad,ap,am);}function e(am,an){am=ae(am);var al;if(am.substr(-1)=="+"){return W(am,an);}else{if(al=X.exec(an)){return aa(am,al[1],al[2],al[4]=="/");}else{return R(ah,am,an);}}}return{setVocabulary:function(am,al){if(al==ab){ai=am;}else{Z=am;}},getVocabulary:T,getResource:function(al,am,an){return aj(af,al,am,an)||aj(ab,al,am,an);},getAbbreviation:function(am,al){return this.getResource(am,"abbreviations",al)||this.getResource(am,"abbreviations",al.replace(/\-/g,":"));},getSnippet:function(am,al){return this.getResource(am,"snippets",al)||this.getResource(am,"snippets",al.replace(/\-/g,":"));},getVariable:function(al){return V(af,"variables",al)||V(ab,"variables",al);},getSubset:function(al,am){return V(af,al,am)||V(ab,al,am);},isItemInCollection:function(al,an,am){return am in this.getElementsCollection(T(af)[al],an)||am in this.getElementsCollection(T(ab)[al],an);},getElementsCollection:function(an,am){if(an&&an.element_types){var al=an.element_types;if(!ak(al)){for(var ao in al){al[ao]=ag(al[ao]);}S(al);}return al[am]||{};}else{return{};}},hasSyntax:function(al){return al in T(af)||al in T(ab);}};})();try{K.setVocabulary(b,"system");K.setVocabulary(my_zen_settings,"user");}catch(N){}var F=(function(){var T=/^[\w\d\-_\$\:@!]+\+?$/i;function Y(aa){this.abbreviation="";this.parent=null;this.children=[];this.count=1;this.name=null;this.text=null;this.attributes=[];this.is_repeating=false;this.has_implict_name=false;}Y.prototype={addChild:function(aa){aa=aa||new Y;aa.parent=this;this.children.push(aa);return aa;},replace:function(ad){if(this.parent){var ac=this.parent.children;for(var ab=0,aa=ac.length;ab<aa;ab++){if(ac[ab]===this){ac[ab]=ad;this.parent=null;return;}}}},setAbbreviation:function(ad){this.abbreviation=ad;var aa=ad.match(/\*(\d+)?$/);if(aa){this.count=parseInt(aa[1]||1,10);this.is_repeating=!aa[1];ad=ad.substr(0,ad.length-aa[0].length);}if(ad){var ae=X(ad);var ac=ae[0];if(ae.length==2){this.text=ae[1];}if(ac){var ab=Z(ac);this.name=ab[0]||"div";this.has_implict_name=!ab[0];this.attributes=ab[1];}}if(this.name&&!T.test(this.name)){throw new Error("InvalidAbbreviation");}},getAbbreviation:function(){return this.expr;},toString:function(af){af=af||0;var ac="(empty)";if(this.abbreviation){ac="";if(this.name){ac=this.name;}if(this.text!==null){ac+=(ac?" ":"")+'{text: "'+this.text+'"}';}if(this.attributes.length){var ad=[];for(var ae=0,ab=this.attributes.length;ae<ab;ae++){ad.push(this.attributes[ae].name+'="'+this.attributes[ae].value+'"');}ac+=" ["+ad.join(", ")+"]";}}var aa=I.repeatString("-",af)+ac+"\n";for(var ae=0,ab=this.children.length;ae<ab;ae++){aa+=this.children[ae].toString(af+1);}return aa;},hasEmptyChildren:function(){for(var ab=0,aa=this.children.length;ab<aa;ab++){if(this.children[ab].isEmpty()){return true;}}return false;},isEmpty:function(){return !this.abbreviation;},isTextNode:function(){return !this.name&&this.text;}};function e(aa){if(typeof(aa)=="string"){aa=aa.charCodeAt(0);}return(aa&&aa>47&&aa<58);}function W(ae){for(var ad=ae.children.length-1;ad>=0;ad--){var af=ae.children[ad];if(af.isEmpty()){var ab=[ad,1];for(var aa=0,ac=af.children.length;aa<ac;aa++){ab.push(af.children[aa]);}Array.prototype.splice.apply(ae.children,ab);}}return ae;}function S(aa){return(aa||"").replace(/^\s+|\s+$/g,"");}function R(ab,ac){var aa=ac.substring(ab).match(/^[\w\-:\$]+/);return aa?aa[0]:"";}function V(ae){ae=S(ae);var ag=100,ac=/^(["'])((?:(?!\1)[^\\]|\\.)*)\1/,ai=[],af;while(ae&&ag--){var ah=R(0,ae);af=null;if(ah){af={name:ah,value:""};
+var aa=ae.charAt(ah.length);switch(aa){case"=":var ab=ae.charAt(ah.length+1);if(ab=='"'||ab=="'"){var ad=ae.substring(ah.length+1).match(ac);if(ad){af.value=ad[2];ae=S(ae.substring(ah.length+ad[0].length+1));}else{ae="";}}else{var ad=ae.substring(ah.length+1).match(/(.+?)(\s|$)/);if(ad){af.value=ad[1];ae=S(ae.substring(ah.length+ad[1].length+1));}else{ae="";}}break;default:ae=S(ae.substring(ah.length));break;}}else{break;}if(af){ai.push(af);}}return ai;}function Z(aj){var an=[],ab="",ai=true,af,ak={"#":"id",".":"class"};var ah=0,al=aj.length,ac;while(ah<al){var aa=aj.charAt(ah);switch(aa){case"#":ac=R(ah,aj.substring(1));an.push({name:ak[aa],value:ac});ah+=ac.length+1;ai=false;break;case".":ac=R(ah,aj.substring(1));if(!af){af={name:ak[aa],value:""};an.push(af);}af.value+=((af.value)?" ":"")+ac;ah+=ac.length+1;ai=false;break;case"[":var ad=aj.indexOf("]",ah);if(ad==-1){ah=aj.length;}else{var am=V(aj.substring(ah+1,ad));for(var ae=0,ag=am.length;ae<ag;ae++){an.push(am[ae]);}ah=ad;}ai=false;break;default:if(ai){ab+=aa;}ah++;}}return[ab,an];}function U(ac){while(ac.hasEmptyChildren()){W(ac);}for(var ab=0,aa=ac.children.length;ab<aa;ab++){U(ac.children[ab]);}return ac;}function X(ag){if(ag.indexOf("{")==-1){return[ag];}var af=0,ah=0,ac=[],ad=0,ab=ag.length,ae;while(ad<ab){ae=ag.charAt(ad);switch(ae){case"[":if(!ah){af++;}break;case"]":if(!ah){af--;}break;case"{":if(!af){ah++;ac.push(ad);}break;case"}":if(!af){ah--;var aa=ac.pop();if(ah===0){return[ag.substring(0,aa),ag.substring(aa+1,ad)];}}break;}ad++;}return[ag];}return{parse:function(ao){var ak=new Y,ac=ak.addChild(),ag=0,am=ao.length,aj=0,ad=0,ah=0,ai=[ak],ab,al,ae="";ai.last=function(){return this[this.length-1];};var an=function(){if(ae){ac.setAbbreviation(ae);}ae="";};while(ag<am){ab=ao.charAt(ag);al=ag?ao.charAt(ag-1):"";switch(ab){case"{":if(!ad){aj++;}ae+=ab;break;case"}":if(!ad){aj--;}ae+=ab;break;case"[":if(!aj){ad++;}ae+=ab;break;case"]":if(!aj){ad--;}ae+=ab;break;case"(":if(!aj&&!ad){an();if(al!="+"&&al!=">"){ac=ac.parent.addChild();}ai.push(ac);ac=ac.addChild();}else{ae+=ab;}break;case")":if(!aj&&!ad){an();ac=ai.pop();if(ag<am-1&&ao.charAt(ag+1)=="*"){var aa="",ap;for(var af=ag+2;af<am;af++){ap=ao.charAt(af);if(e(ap)){aa+=ap;}else{break;}}ag+=aa.length+1;aa=parseInt(aa||1,10);while(1<aa--){ac.parent.addChild(ac);}}}else{ae+=ab;}break;case"+":if(!aj&&!ad&&ag!=am-1){an();ac=ac.parent.addChild();}else{ae+=ab;}break;case">":if(!aj&&!ad){an();ac=ac.addChild();}else{ae+=ab;}break;default:ae+=ab;}ag++;}an();return U(ak);},TreeNode:Y,optimizeTree:U};})();var I=(function(){var R=/<\/?[\w:\-]+(?:\s+[\w\-:]+(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*\s*(\/?)>$/,au="{%::zen-caret::%}",T="\n",ae={},aD="html",az={},V={tag_case:"lower",attr_case:"lower",attr_quotes:"double",tag_nl:"decide",place_cursor:true,indent:true,inline_break:3,self_closing_tag:"xhtml",filters:""};function ah(aE){if(typeof(aE)=="string"){aE=aE.charCodeAt(0);}return(aE&&aE>47&&aE<58);}function ax(aG){aG=String(aG);var aF=aG.charCodeAt(0),aE="#.>+*:$-_!@[]()|";return(aF>64&&aF<91)||(aF>96&&aF<123)||ah(aG)||aE.indexOf(aG)!=-1;}function ak(){return I.getNewline();}function aA(){return(typeof(au)!="string")?au():au;}function W(aI,aH){var aF=ak();var aE=(aI||"").replace(/\r\n/g,"\n").replace(/\n\r/g,"\n").replace(/\r/g,"\n").replace(/\n/g,aF).split(aF);if(aH){for(var aG=aE.length;aG>=0;aG--){if(!e(aE[aG])){aE.splice(aG,1);}}}return aE;}function e(aE){return(aE||"").replace(/^\s+|\s+$/g,"");}function ai(aF){var aE={};for(var aG in V){aE[aG]=(aG in aF)?aF[aG]:V[aG];}return aE;}function ay(aF,aE){az[aF.toLowerCase()]=ai(aE||{});}function ag(aH,aF){var aE="";for(var aG=0;aG<aF;aG++){aE+=aH;}return aE;}function Z(aK,aJ){var aI=(typeof(aJ)=="number")?ag(ab(),aJ):aJ,aE="";var aG=W(aK),aF=ak();aE+=aG[0];for(var aH=1;aH<aG.length;aH++){aE+=aF+aI+aG[aH];}return aE;}function ac(aE,aG){var aF=function(){};aF.prototype=aG.prototype;aE.prototype=new aF();aE.prototype.constructor=aE;aE.baseConstructor=aG;aE.superClass=aG.prototype;}function av(aE,aF){return ao(aF,aB(aE))?true:false;}function S(aE){return R.test(aE);}function aC(aF,aE){var aG;if(typeof aE=="function"){aG=aE;}else{if(aE){aG=function(aI,aH){return(aH in aE)?aE[aH]:aI;};}else{aG=function(aJ,aI){var aH=ap(aI);return(aH!==null&&typeof aH!="undefined")?aH:aJ;};}}return aF.replace(/\$\{([\w\-]+)\}/g,aG);}function aB(aE){return(aE||"").replace(/(.+)\!$/,"$1");}function Y(aH){for(var aF=0,aE=aH.length;aF<aE;aF++){var aG=aH.charAt(aF);if(aG=="\\"){aF++;continue;}else{if(aG=="$"&&aH.charAt(aF+1)=="#"){return true;}}}return false;}function an(aG,aF){aF=aF||"html";var aE=null;if(aG.name){aE=aq(aF,aB(aG.name));if(aE&&aE.type=="zen-reference"){aE=aq(aF,aB(aE.value));}}this.name=(aE)?aE.value.name:aG.name;this.real_name=aG.name;this.count=aG.count||1;this._abbr=aE;this.syntax=aF;this._content="";this._paste_content="";this.repeat_by_lines=aG.is_repeating;this.is_repeating=aG&&aG.count>1;this.parent=null;this.has_implicit_name=aG.has_implict_name;this.setContent(aG.text);
+if(this._abbr){this.copyAttributes(this._abbr.value);}this.copyAttributes(aG);}an.prototype={addChild:function(aE){if(!this.children){this.children=[];}aE.parent=this;this.children.push(aE);},addAttribute:function(aF,aG){if(!this.attributes){this.attributes=[];}if(!this._attr_hash){this._attr_hash={};}aG=ad(aG,"|",aA());var aE;if(aF in this._attr_hash){aE=this._attr_hash[aF];if(aF=="class"){aE.value+=((aE.value)?" ":"")+aG;}else{aE.value=aG;}}else{aE={name:aF,value:aG};this._attr_hash[aF]=aE;this.attributes.push(aE);}},copyAttributes:function(aH){if(aH&&aH.attributes){for(var aG=0,aF=aH.attributes.length;aG<aF;aG++){var aE=aH.attributes[aG];this.addAttribute(aE.name,aE.value);}}},hasTagsInContent:function(){return this.getContent()&&R.test(this.getContent());},setContent:function(aE){this._content=ad(aE||"","|",aA());},getContent:function(){return this._content||"";},setPasteContent:function(aE){this._paste_content=I.escapeText(aE);},getPasteContent:function(){return this._paste_content;},findDeepestChild:function(){if(!this.children||!this.children.length){return null;}var aE=this;while(true){aE=aE.children[aE.children.length-1];if(!aE.children||!aE.children.length){break;}}return aE;}};function U(aF,aE){this.name=aB(aF.name);this.real_name=aF.name;this.count=aF.count;this.children=[];this._content=aF.text||"";this.repeat_by_lines=aF.is_repeating;this.is_repeating=aF&&aF.count>1;this.attributes=[];this.value=ad(ao(aE,this.name),"|",aA());this.parent=null;this.syntax=aE;this.addAttribute("id",aA());this.addAttribute("class",aA());this.copyAttributes(aF);}ac(U,an);function aq(aF,aE){return K.getAbbreviation(aF,aE);}function ao(aF,aE){return K.getSnippet(aF,aE);}function ap(aE){return K.getVariable(aE);}function ab(){return ap("indentation");}function aw(aE){this.type=(aE instanceof U)?"snippet":"tag";this.name=aE.name;this.real_name=aE.real_name;this.children=[];this.counter=1;this.is_repeating=aE.is_repeating;this.repeat_by_lines=aE.repeat_by_lines;this.has_implicit_name=this.type=="tag"&&aE.has_implicit_name;this.attributes=[];if(aE.attributes){for(var aH=0,aG=aE.attributes.length;aH<aG;aH++){var aF=aE.attributes[aH];this.attributes.push({name:aF.name,value:aF.value});}}this.source=aE;this.parent=null;this.nextSibling=null;this.previousSibling=null;this.start="";this.end="";this.content=aE.getContent()||"";this.padding="";}aw.prototype={addChild:function(aE){aE.parent=this;if(aE.has_implicit_name&&this.isInline()){aE.name="span";}var aF=this.children[this.children.length-1];if(aF){aE.previousSibling=aF;aF.nextSibling=aE;}this.children.push(aE);},getAttribute:function(aF){aF=aF.toLowerCase();for(var aG=0,aE=this.attributes.length;aG<aE;aG++){if(this.attributes[aG].name.toLowerCase()==aF){return this.attributes[aG].value;}}return null;},isUnary:function(){if(this.type=="snippet"){return false;}return(this.source._abbr&&this.source._abbr.value.is_empty)||K.isItemInCollection(this.source.syntax,"empty",this.name);},isInline:function(){return this.type=="text"||K.isItemInCollection(this.source.syntax,"inline_level",this.name);},isBlock:function(){return this.type=="snippet"||!this.isInline();},hasTagsInContent:function(){return this.content&&R.test(this.content);},hasChildren:function(){return !!this.children.length;},hasBlockChildren:function(){if(this.hasTagsInContent()&&this.isBlock()){return true;}for(var aE=0;aE<this.children.length;aE++){if(this.children[aE].isBlock()){return true;}}return false;},findDeepestChild:function(){if(!this.children.length){return null;}var aE=this;while(true){aE=aE.children[aE.children.length-1];if(!aE.children.length){break;}}return aE;},toString:function(){var aG="";for(var aF=0,aE=this.children.length;aF<aE;aF++){aG+=this.children[aF].toString();}return this.start+this.content+aG+this.end;},hasOutputPlaceholder:function(){if(Y(this.content)){return true;}else{for(var aF=0,aE=this.attributes.length;aF<aE;aF++){if(Y(this.attributes[aF].value)){return true;}}}return false;},findElementsWithOutputPlaceholder:function(aE){aE=aE||[];for(var aG=0,aF=this.children.length;aG<aF;aG++){if(this.children[aG].hasOutputPlaceholder()){aE.push(this.children[aG]);}this.children[aG].findElementsWithOutputPlaceholder(aE);}return aE;},pasteContent:function(aO){var aH="$#",aE=[aH,aO],aG=function(){return aE;},aL=[];if(this.hasOutputPlaceholder()){aL.push(this);}aL=aL.concat(this.findElementsWithOutputPlaceholder());if(aL.length){for(var aK=0,aN=aL.length;aK<aN;aK++){var aP=aL[aK];aP.content=ad(aP.content,aH,aG);for(var aI=0,aJ=aP.attributes.length;aI<aJ;aI++){var aM=aP.attributes[aI];aM.value=ad(aM.value,aH,aG);}}}else{var aF=this.findDeepestChild()||this;aF.content+=aO;}}};function al(aN,aJ){aJ=aJ||new aw(aN);var aK=1,aH="";if(aN.children){for(var aG=0,aI=aN.children.length;aG<aI;aG++){var aE=aN.children[aG];aK=aE.count;if(aE.repeat_by_lines){aH=W(aE.getPasteContent(),true);aK=Math.max(aH.length,1);}else{aH=aE.getPasteContent();}for(var aF=0;aF<aK;aF++){var aM=new aw(aE);aJ.addChild(aM);aM.counter=aF+1;
+if(aE.children&&aE.children.length){al(aE,aM);}if(aH){var aL=(typeof(aH)=="string")?aH:(aH[aF]||"");aM.pasteContent(e(aL));}}}}return aJ;}function aj(aE,aJ,aG){aJ=at(aJ);if(typeof(aG)=="string"){aG=aG.split(/[\|,]/g);}for(var aI=0,aF=aG.length;aI<aF;aI++){var aH=e(aG[aI].toLowerCase());if(aH&&aH in ae){aE=ae[aH](aE,aJ);}}return aE;}function am(aF,aE){aE=aE||"html";if(aF.isEmpty()){return null;}return av(aF.name,aE)?new U(aF,aE):new an(aF,aE);}function aa(aK,aJ,aI){var aE=am(aK,aJ);aI.addChild(aE);var aF=aI;while(aF.parent){aF=aF.parent;}aF.last=aE;if(aE.repeat_by_lines){aF.multiply_elem=aE;}for(var aG=0,aH=aK.children.length;aG<aH;aG++){aa(aK.children[aG],aJ,aE);}}function X(aI,aH){for(var aG=0,aF=aI.children.length;aG<aF;aG++){var aJ=aI.children[aG];if(!aJ.isEmpty()&&!aJ.isTextNode()&&aJ.name.indexOf("+")!=-1){var aE=aq(aH,aJ.name);if(aE){aI.children[aG]=F.parse(aE.value);}}X(aI.children[aG],aH);}}function ar(aE,aF){X(aE,aF);return F.optimizeTree(aE);}function af(aH,aG){var aF="",aE=aH.length;while(aG>aE++){aF+="0";}return aF+aH;}function ad(aJ,aF,aE){var aH=0,aM=aJ.length,aG=aF.length,aL=0;while(aH<aM){if(aJ.charAt(aH)=="\\"){aH+=aG+1;}else{if(aJ.substr(aH,aG)==aF){var aI=aG;aL++;var aN=aE;if(typeof(aE)!=="string"){var aK=aE(aJ,aF,aH,aL);if(aK){aI=aK[0].length;aN=aK[1];}else{aN=false;}}if(aN===false){aH++;continue;}aJ=aJ.substring(0,aH)+aN+aJ.substring(aH+aI);aM=aJ.length;aH+=aN.length;}else{aH++;}}}return aJ;}function at(aF){var aE=aF;if(typeof(aF)=="string"&&aF in az){aE=az[aF];}if(!aE){aE=az["plain"];}return aE;}ay("xhtml");ay("html",{self_closing_tag:false});ay("xml",{self_closing_tag:true,tag_nl:true});ay("plain",{tag_nl:false,indent:false,place_cursor:false});return{actions:{},registerAction:function(aE,aF){this.actions[aE.toLowerCase()]=aF;},runAction:function(aF,aE){if(!(aE instanceof Array)){aE=Array.prototype.slice.call(arguments,1);}aF=aF.toLowerCase();if(aF in this.actions){return this.actions[aF].apply(this,aE);}},expandAbbreviation:function(aF,aH,aG){aH=aH||"html";var aI=this.parseIntoTree(aF,aH);if(aI){var aE=al(aI);this.applyFilters(aE,aH,aG,aI.filters);return aC(aE.toString());}return"";},extractAbbreviation:function(aK){var aG=aK.length,aE=-1,aI=0,aJ=0,aF=0;while(true){aG--;if(aG<0){aE=0;break;}var aH=aK.charAt(aG);if(aH=="]"){aJ++;}else{if(aH=="["){if(!aJ){aE=aG+1;break;}aJ--;}else{if(aH=="}"){aF++;}else{if(aH=="{"){if(!aF){aE=aG+1;break;}aF--;}else{if(aH==")"){aI++;}else{if(aH=="("){if(!aI){aE=aG+1;break;}aI--;}else{if(aJ||aF){continue;}else{if(!ax(aH)||(aH==">"&&S(aK.substring(0,aG+1)))){aE=aG+1;break;}}}}}}}}}if(aE!=-1&&!aF&&!aJ&&!aI){return aK.substring(aE);}else{return"";}},parseIntoTree:function(aG,aJ){aJ=aJ||"html";var aF="";aG=aG.replace(/\|([\w\|\-]+)$/,function(aN,aM){aF=aM;return"";});try{var aI=F.parse(aG),aL=new an({},aJ);aI=ar(aI,aJ);}catch(aK){if(aK.message=="InvalidAbbreviation"){return null;}}for(var aH=0,aE=aI.children.length;aH<aE;aH++){aa(aI.children[aH],aJ,aL);}aL.filters=aF;return aL;},padString:Z,setupProfile:ay,getNewline:function(){return T;},setNewline:function(aE){T=aE;this.setVariable("newline",aE);this.setVariable("nl",aE);},wrapWithAbbreviation:function(aF,aK,aH,aG){aH=aH||"html";var aJ=this.parseIntoTree(aF,aH),aI=false;if(aJ){if(aJ.multiply_elem){aJ.multiply_elem.setPasteContent(aK);aJ.multiply_elem.repeat_by_lines=aI=true;}var aE=al(aJ);if(!aI){aE.pasteContent(aK);}this.applyFilters(aE,aH,aG,aJ.filters);return aC(aE.toString());}return null;},splitByLines:W,isInsideTag:function(aH,aG){var aF=/^<\/?\w[\w\:\-]*.*?>/;var aI=aG;while(aI>-1){if(aH.charAt(aI)=="<"){break;}aI--;}if(aI!=-1){var aE=aF.exec(aH.substring(aI));if(aE&&aG>aI&&aG<aI+aE[0].length){return true;}}return false;},getCaretPlaceholder:aA,setCaretPlaceholder:function(aE){au=aE;},rolloutTree:al,registerFilter:function(aE,aF){ae[aE]=aF;},nodeFactory:function(aF,aE){return new aw({name:aF,attributes:aE||[]});},applyFilters:function(aE,aF,aH,aI){aH=at(aH);var aG=aH.filters;if(!aG){aG=K.getSubset(aF,"filters")||aD;}if(aI){aG+="|"+((typeof(aI)=="string")?aI:aI.join("|"));}if(!aG){aG=aD;}return aj(aE,aH,aG);},runFilters:aj,repeatString:ag,getVariable:ap,setVariable:function(aF,aG){var aE=K.getVocabulary("user")||{};if(!("varaibles" in aE)){aE.variables={};}aE.variables[aF]=aG;K.setVocabulary(aE,"user");},replaceVariables:aC,escapeText:function(aE){return aE.replace(/([\$\|\\])/g,"\\$1");},unescapeText:function(aE){return aE.replace(/\\(.)/g,"$1");},replaceCounter:function(aG,aF){var aE="$";aF=String(aF);return ad(aG,aE,function(aK,aJ,aL,aH){if(aK.charAt(aL+1)=="{"||ah(aK.charAt(aL+1))){return false;}var aI=aL+1;while(aK.charAt(aI)=="$"&&aK.charAt(aI+1)!="{"){aI++;}return[aK.substring(aL,aI),af(aF,aI-aL)];});},isNumeric:ah,upgradeTabstops:function(aK,aL){var aG=0,aJ=["start","end","content"],aE=function(aM){return"\\"+aM;},aI=function(aN,aM,aO){aM=parseInt(aM);if(aM>aG){aG=aM;}if(aO){return"${"+(aM+aL)+":"+aO+"}";}else{return"$"+(aM+aL);}};for(var aH=0,aF=aJ.length;aH<aF;aH++){aK[aJ[aH]]=this.processTextBeforePaste(aK[aJ[aH]],aE,aI);
+}return aG;},getProfile:function(aE){return(aE in az)?az[aE]:az["plain"];},getImageSize:function(aL){var aH="\211PNG\r\n\032\n",aK="\377\330",aF="GIF8",aE=function(){return aL.charCodeAt(aJ++);};if(aL.substr(0,8)===aH){var aJ=aL.indexOf("IHDR")+4;return{width:(aE()<<24)|(aE()<<16)|(aE()<<8)|aE(),height:(aE()<<24)|(aE()<<16)|(aE()<<8)|aE()};}else{if(aL.substr(0,4)===aF){aJ=6;return{width:aE()|(aE()<<8),height:aE()|(aE()<<8)};}else{if(aL.substr(0,2)===aK){aJ=2;var aG=aL.length;while(aJ<aG){if(aE()!=255){return;}var aI=aE();if(aI==218){break;}var aM=(aE()<<8)|aE();if(aI>=192&&aI<=207&&!(aI&4)&&!(aI&8)){aJ+=1;return{height:(aE()<<8)|aE(),width:(aE()<<8)|aE()};}else{aJ+=aM-2;}}}}}},getCounterForNode:function(aF){var aE=aF.counter;if(!aF.is_repeating&&!aF.repeat_by_lines){while(aF=aF.parent){if(aF.is_repeating||aF.repeat_by_lines){return aF.counter;}}}return aE;},processTextBeforePaste:function(aQ,aO,aL){var aI=0,aN=aQ.length,aM,aH,aF=[];var aG=function(aR,aS){while(aR<aN){if(!aS(aQ.charAt(aR++))){break;}}return aR-1;};while(aI<aN){var aE=aQ.charAt(aI);if(aE=="\\"&&aI+1<aN){aF.push(aO(aQ.charAt(aI+1)));aI+=2;continue;}else{if(aE=="$"){var aK=aQ.charAt(aI+1)||"";aH=aI;if(this.isNumeric(aK)){aM=aI+1;aI=aG(aM,this.isNumeric);if(aM<aI){aF.push(aL(aH,aQ.substring(aM,aI)));continue;}}else{if(aK=="{"){var aP=1;aM=aI+2;aI=aG(aM,this.isNumeric);if(aI>aM){if(aQ.charAt(aI)=="}"){aF.push(aL(aH,aQ.substring(aM,aI)));aI++;continue;}else{if(aQ.charAt(aI)==":"){var aJ=aI+2;aI=aG(aJ,function(aR){if(aR=="{"){aP++;}else{if(aR=="}"){aP--;}}return !!aP;});aF.push(aL(aH,aQ.substring(aM,aJ-2),aQ.substring(aJ-1,aI)));aI++;continue;}}}}}aI=aH;}}aF.push(aE);aI++;}return aF.join("");}};})();function m(S){var e=S.getSelectionRange(),T=String(S.getContent());if(e.start!=e.end){return T.substring(e.start,e.end);}var R=S.getCurrentLineRange();return I.extractAbbreviation(T.substring(R.start,e.start));}function C(T,R,V){R=String(R||T.getSyntax());V=String(V||T.getProfileName());var e=T.getSelectionRange().end,S,U="";if((S=m(T))){U=I.expandAbbreviation(S,R,V);if(U){T.replaceContent(U,e-S.length,e);return true;}}return false;}function z(R,e,S){e=String(e||R.getSyntax());S=String(S||R.getProfileName());if(!C(R,e,S)){R.replaceContent(I.getVariable("indentation"),R.getCaretPos());}}function g(V,Y,S){Y=String((Y||"out").toLowerCase());S=String(S||V.getProfileName());var T=V.getSelectionRange(),ab=T.end,R=T.start,aa=T.end,X=String(V.getContent()),T=null,ac,U=I.html_matcher.last_match["opening_tag"],Z=I.html_matcher.last_match["closing_tag"];if(Y=="in"&&U&&R!=aa){if(!Z){return false;}else{if(U.start==R){if(X.charAt(U.end)=="<"){ac=I.html_matcher.find(X,U.end+1,S);if(ac[0]==U.end&&ac[1]==Z.start){T=I.html_matcher(X,U.end+1,S);}else{T=[U.end,Z.start];}}else{T=[U.end,Z.start];}}else{var e=X.substring(0,Z.start).indexOf("<",U.end);var W=e!=-1?e+1:U.end;T=I.html_matcher(X,W,S);}}}else{T=I.html_matcher(X,ab,S);}if(T!==null&&T[0]!=-1){V.createSelection(T[0],T[1]);return true;}else{return false;}}function u(T,U,e){var R=/\s|\n|\r/;function S(V){return R.test(V);}while(U<e){if(!S(T.charAt(U))){break;}U++;}while(e>U){e--;if(!S(T.charAt(e))){e++;break;}}return[U,e];}function r(V,Z,R,U){R=String(R||V.getSyntax());U=String(U||V.getProfileName());Z=Z||V.prompt("Enter abbreviation");var T=V.getSelectionRange(),X=T.start,e=T.end,W=String(V.getContent());if(!Z||typeof Z=="undefined"){return null;}Z=String(Z);if(X==e){T=I.html_matcher(W,X,U);if(!T||T[0]==-1){return null;}var S=u(W,T[0],T[1]);X=S[0];e=S[1];}var Y=I.escapeText(W.substring(X,e)),aa=I.wrapWithAbbreviation(Z,B(V,Y),R,U);if(aa){V.setCaretPos(e);V.replaceContent(aa,X,e);}}function B(e,R){return o(R,c(e));}function o(T,S){var e=I.splitByLines(T);for(var R=0;R<e.length;R++){if(e[R].search(S)==0){e[R]=e[R].substr(S.length);}}return e.join(I.getNewline());}function c(e){return Q(e.getCurrentLine());}function Q(e){return(e.match(/^(\s+)/)||[""])[0];}function h(X,T,V){T=T||1;V=V||0;var Z=X.getCaretPos()+V,Y=String(X.getContent()),S=Y.length,R=-1,U=/^\s+$/;function e(ad){return Y.charAt(ad);}function ac(ad){var af=ad;while(af>=0){var ae=e(af);if(ae=="\n"||ae=="\r"){break;}af--;}return Y.substring(af,ad);}while(Z<S&&Z>0){Z+=T;var W=e(Z),ab=e(Z+1),aa=e(Z-1);switch(W){case'"':case"'":if(ab==W&&aa=="="){R=Z+1;}break;case">":if(ab=="<"){R=Z+1;}break;case"\n":case"\r":if(U.test(ac(Z-1))){R=Z;}break;}if(R!=-1){break;}}return R;}function p(R){var e=R.getCaretPos(),S=h(R,-1);if(S==e){S=h(R,-1,-2);}if(S!=-1){R.setCaretPos(S);}}function G(e){var R=h(e,1);if(R!=-1){e.setCaretPos(R);}}function v(X){var ac=X.getCaretPos(),Y=String(X.getContent()),R=I.getNewline(),T=I.getVariable("indentation"),U=String(X.getSyntax());if(U=="html"){var V=I.html_matcher.getTags(Y,ac,String(X.getProfileName()));if(V[0]&&V[1]&&V[0].type=="tag"&&V[0].end==ac&&V[1].start==ac){X.replaceContent(R+T+I.getCaretPlaceholder()+R,ac);return true;}}else{if(U=="css"){if(ac&&Y.charAt(ac-1)=="{"){for(var W=ac,Z=Y.length,e;W<Z;W++){e=Y.charAt(W);if(e=="}"){return false;
+}if(e=="{"){break;}}var ab=R+T+I.getCaretPlaceholder()+R,aa=ac<Y.length&&Y.charAt(ac)=="}";var S=I.getVariable("close_css_brace");if(S){ab+=I.replaceVariables(S);}else{if(!aa){ab+="}";}}X.replaceContent(ab,ac,ac+(aa?1:0));return true;}}}return false;}function D(W){if(!v(W)){var U=c(W),Y=String(W.getContent()),Z=W.getCaretPos(),S=Y.length,R=I.getNewline();var X=W.getCurrentLineRange(),T="";for(var V=X.end+1,e;V<S;V++){e=Y.charAt(V);if(e==" "||e=="\t"){T+=e;}else{break;}}if(T.length>U.length){W.replaceContent(R+T,Z,Z,true);}else{W.replaceContent(R,Z);}}}function a(R){var e=R.getCurrentLineRange();R.createSelection(e.start,e.end);}function j(T){var V=String(T.getContent()),R=T.getCaretPos();if(V.charAt(R)=="<"){R++;}var S=I.html_matcher.getTags(V,R,String(T.getProfileName()));if(S&&S[0]){var e=S[0],U=S[1];if(U){if(e.start<=R&&e.end>=R){T.setCaretPos(U.start);}else{if(U.start<=R&&U.end>=R){T.setCaretPos(e.start);}}}}}function s(U){var T=U.getSelectionRange();if(T.start==T.end){var W=I.html_matcher(String(U.getContent()),U.getCaretPos(),String(U.getProfileName()));if(W){T.start=W[0];T.end=W[1];}}if(T.start!=T.end){var V=String(U.getContent()).substring(T.start,T.end),e=V.length;var R=I.splitByLines(V);for(var S=1;S<R.length;S++){R[S]=R[S].replace(/^\s+/,"");}V=R.join("").replace(/\s{2,}/," ");U.replaceContent(V,T.start,T.end);U.createSelection(T.start,T.start+V.length);}}function P(S){var R=String(S.getSyntax());if(R=="css"){var e=S.getCaretPos();var T=I.html_matcher.getTags(String(S.getContent()),e);if(T&&T[0]&&T[0].type=="tag"&&T[0].start<=e&&T[0].end>=e){R="html";}}switch(R){case"css":return q(S);default:return x(S);}}function x(R){var e=R.getSelectionRange(),S=String(R.getContent());if(e.start==e.end){var T=I.html_matcher.getTags(S,R.getCaretPos(),String(R.getProfileName()));if(T&&T[0]){e.start=T[0].start;e.end=T[1]?T[1].end:T[0].end;}}return y(R,"<!--","-->",e.start,e.end);}function q(R){var e=R.getSelectionRange();if(e.start==e.end){e=R.getCurrentLineRange();var S=u(String(R.getContent()),e.start,e.end);e.start=S[0];e.end=S[1];}return y(R,"/*","*/",e.start,e.end);}function O(Z,Y,T,V){var U=T.charAt(0),e=V.charAt(0),S=-1,R=-1;function X(aa,ab){return Z.substr(ab,aa.length)==aa;}while(Y--){if(Z.charAt(Y)==U&&X(T,Y)){S=Y;break;}}if(S!=-1){Y=S;var W=Z.length;while(W>=Y++){if(Z.charAt(Y)==e&&X(V,Y)){R=Y+V.length;break;}}}return(S!=-1&&R!=-1)?[S,R]:null;}function M(R){var e=new RegExp("[.*+?|()\\[\\]{}\\\\]","g");return R.replace(e,"\\$&");}function y(T,S,R,e,Z){var V=String(T.getContent()),aa=T.getCaretPos(),X=null;function Y(ab){return ab.replace(new RegExp("^"+M(S)+"\\s*"),function(ac){aa-=ac.length;return"";}).replace(new RegExp("\\s*"+M(R)+"$"),"");}function U(ab,ac){return V.substr(ac,ab.length)==ab;}var W=O(V,aa,S,R);if(W&&W[0]<=e&&W[1]>=Z){e=W[0];Z=W[1];X=Y(V.substring(e,Z));}else{X=S+" "+V.substring(e,Z).replace(new RegExp(M(S)+"\\s*|\\s*"+M(R),"g"),"")+" "+R;aa+=S.length+1;}if(X!==null){T.setCaretPos(e);T.replaceContent(B(T,X),e,Z);T.setCaretPos(aa);return true;}return false;}function w(W,V){var ab=W.getCaretPos(),S=I.getProfile(String(V||W.getProfileName())),Y=I.getCaretPlaceholder();var T=I.html_matcher.getTags(String(W.getContent()),ab,String(W.getProfileName()));if(T&&T[0]){var aa=T[0].full_tag;if(T[1]){var Z=" /";if(S.self_closing_tag===true){Z="/";}aa=aa.replace(/\s*>$/,Z+">");if(aa.length+T[0].start<ab){aa+=Y;}else{var X=ab-T[0].start;aa=aa.substring(0,X)+Y+aa.substring(X);}W.replaceContent(aa,T[0].start,T[1].end);}else{var e=I.getNewline(),R=I.getVariable("indentation");var U=(S.tag_nl===true)?e+R+Y+e:Y;aa=aa.replace(/\s*\/>$/,">")+U+"</"+T[0].name+">";W.replaceContent(aa,T[0].start,T[0].end);}return true;}else{return false;}}function H(V,X){var e=V.length,W=0,R=e-1;for(var T=X-1;T>0;T--){var U=V.charAt(T);if(U=="\n"||U=="\r"){W=T+1;break;}}for(var S=X;S<e;S++){var U=V.charAt(S);if(U=="\n"||U=="\r"){R=S;break;}}return{start:W,end:R};}function A(U){var e=U.getCaretPos(),V=String(U.getContent());var W=I.html_matcher.getTags(V,e,String(U.getProfileName()));if(W&&W[0]){if(!W[1]){U.replaceContent(I.getCaretPlaceholder(),W[0].start,W[0].end);}else{var S=u(V,W[0].end,W[1].start),T=H(V,S[0]),X=Q(V.substring(T.start,T.end)),R=V.substring(S[0],S[1]);R=o(R,X);U.replaceContent(I.getCaretPlaceholder()+R,W[0].start,W[1].end);}return true;}else{return false;}}function i(e,R,S){S=S||0;return R.charAt(S)==e.charAt(0)&&R.substr(S,e.length)==e;}function n(T){var U=String(T.getSelection()),R=T.getCaretPos();if(!U){var V=String(T.getContent()),S,e;while(R-->=0){if(i("src=",V,R)){if(e=V.substr(R).match(/^(src=(["'])?)([^'"<>\s]+)\1?/)){U=e[3];R+=e[1].length;}break;}else{if(i("url(",V,R)){if(e=V.substr(R).match(/^(url\((['"])?)([^'"\)\s]+)\1?/)){U=e[3];R+=e[1].length;}break;}}}}if(U){if(i("data:",U)){return E(T,U,R);}else{return f(T,U,R);}}else{return false;}}function f(T,U,W){var e=T.getFilePath(),R="application/octet-stream";if(e===null){throw"You should save your file before using this action";}var V=zen_file.locateFile(e,U);
+if(V===null){throw"Can't find "+U+" file";}var S=base64.encode(String(zen_file.read(V)));if(!S){throw"Can't encode file content to base64";}S="data:"+(base64.mime_types[String(zen_file.getExt(V))]||R)+";base64,"+S;T.replaceContent("$0"+S,W,W+U.length);return true;}function E(S,T,U){var R=String(S.prompt("Enter path to file (absolute or relative)"));if(!R){return false;}var e=zen_file.createPath(S.getFilePath(),R);if(!e){throw"Can't save file";}zen_file.save(e,base64.decode(T.replace(/^data\:.+?;.+?,/,"")));S.replaceContent("$0"+R,U,U+T.length);return true;}function l(e,R){return e.toFixed(typeof R=="undefined"?2:R).replace(/\.?0+$/,"");}function L(T,S){var U=String(T.getContent()),R=U.length,e=T.getCaretPos()-1,V=e+1;while(e>=0&&S(U.charAt(e),e,U)){e--;}while(V<R&&S(U.charAt(V),V,U)){V++;}return V>e?[++e,V]:null;}function t(T,W){var V=String(T.getContent()),e=false,S=false;var U=L(T,function(X){if(I.isNumeric(X)){return true;}if(X=="."){return S?false:S=true;}if(X=="-"){return e?false:e=true;}return false;});if(U){var R=parseFloat(V.substring(U[0],U[1]));if(!isNaN(R)){R=l(R+W);T.replaceContent(R,U[0],U[1]);T.createSelection(U[0],U[0]+R.length);return true;}}return false;}function J(S){var V=String(S.getContent()),U=".+-*/\\";var T=L(S,function(e){return I.isNumeric(e)||U.indexOf(e)!=-1;});if(T){var X=V.substring(T[0],T[1]);X=X.replace(/([\d\.\-]+)\\([\d\.\-]+)/g,"Math.round($1/$2)");try{var R=new Function("return "+X)();R=l(R);S.replaceContent(R,T[0],T[1]);S.setCaretPos(T[0]+R.length);return true;}catch(W){}}return false;}I.registerAction("expand_abbreviation",C);I.registerAction("expand_abbreviation_with_tab",z);I.registerAction("match_pair",g);I.registerAction("match_pair_inward",function(e){g(e,"in");});I.registerAction("match_pair_outward",function(e){g(e,"out");});I.registerAction("wrap_with_abbreviation",r);I.registerAction("prev_edit_point",p);I.registerAction("next_edit_point",G);I.registerAction("insert_formatted_line_break",D);I.registerAction("insert_formatted_line_break_only",v);I.registerAction("select_line",a);I.registerAction("matching_pair",j);I.registerAction("merge_lines",s);I.registerAction("toggle_comment",P);I.registerAction("split_join_tag",w);I.registerAction("remove_tag",A);I.registerAction("encode_decode_data_url",n);I.registerAction("increment_number_by_1",function(e){return t(e,1);});I.registerAction("decrement_number_by_1",function(e){return t(e,-1);});I.registerAction("increment_number_by_10",function(e){return t(e,10);});I.registerAction("decrement_number_by_10",function(e){return t(e,-10);});I.registerAction("increment_number_by_01",function(e){return t(e,0.1);});I.registerAction("decrement_number_by_01",function(e){return t(e,-0.1);});I.registerAction("evaluate_math_expression",J);(function(){var V=/^<([\w\:\-]+)((?:\s+[\w\-:]+(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/,ah=/^<\/([\w\:\-]+)[^>]*>/,ae=/([\w\-:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g;var Z=ac("area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed");var Y=ac("address,applet,blockquote,button,center,dd,dir,div,dl,dt,fieldset,form,frameset,hr,iframe,isindex,li,map,menu,noframes,noscript,object,ol,p,pre,script,table,tbody,td,tfoot,th,thead,tr,ul");var W=ac("a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,select,small,span,strike,strong,sub,sup,textarea,tt,u,var");var aa=ac("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr");var R="xhtml";var af={opening_tag:null,closing_tag:null,start_ix:-1,end_ix:-1};function ag(e){if(!e||e!="html"){e="xhtml";}R=e;}function aj(al,e){var ak=al[1].toLowerCase();return{name:ak,full_tag:al[0],start:e,end:e+al[0].length,unary:Boolean(al[3])||(ak in Z&&R=="html"),has_close:Boolean(al[3]),type:"tag",close_self:(ak in aa&&R=="html")};}function S(ak,e){return{start:ak,end:e,type:"comment"};}function ac(am){var al={},e=am.split(",");for(var ak=0;ak<e.length;ak++){al[e[ak]]=true;}return al;}function ad(am,an,e){e=e||0;var al=-1,ak=-1;if(am&&!an){al=am.start;ak=am.end;}else{if(am&&an){if((am.start<e&&am.end>e)||(an.start<=e&&an.end>e)){al=am.start;ak=an.end;}else{al=am.end;ak=an.start;}}}return[al,ak];}function ab(al,am,e){e=e||0;af.opening_tag=al;af.closing_tag=am;var ak=ad(al,am,e);af.start_ix=ak[0];af.end_ix=ak[1];return af.start_ix!=-1?[af.start_ix,af.end_ix]:null;}function U(al,ak,e){if(e.has_close){return null;}else{}}function X(an,ak,ar,ay){ay=ay||ad;ag(ar);var aw=[],ax=[],aq=null,ao=null,at=null,am=an.length,av,al,e;aw.last=ax.last=function(){return this[this.length-1];};function aA(aC,aD){if(arguments.length==1){aD=al;}return an.substr(aD,aC.length)==aC;}function au(aC){while(aC--){if(an.charAt(aC)=="<"&&aA("<!--",aC)){break;}}return aC;}al=ak;while(al--&&al>=0){var ap=an.charAt(al);if(ap=="<"){var aB=an.substring(al,am);if((av=aB.match(ah))){e=aj(av,al);if(e.start<ak&&e.end>ak){ao=e;}else{ax.push(e);}}else{if((av=aB.match(V))){e=aj(av,al);
+if(e.unary){if(e.start<ak&&e.end>ak){return ay(e,null,ak);}}else{if(ax.last()&&ax.last().name==e.name){ax.pop();}else{aq=e;break;}}}else{if(aB.indexOf("<!--")==0){var az=aB.search("-->")+al+3;if(al<ak&&az>=ak){return ay(S(al,az));}}}}}else{if(ap=="-"&&aA("-->")){al=au(al);}}}if(!aq){return ay(null);}if(!ao){for(al=ak;al<am;al++){var ap=an.charAt(al);if(ap=="<"){var aB=an.substring(al,am);if((av=aB.match(V))){e=aj(av,al);if(!e.unary){aw.push(e);}}else{if((av=aB.match(ah))){var e=aj(av,al);if(aw.last()&&aw.last().name==e.name){aw.pop();}else{ao=e;break;}}else{if(aA("<!--")){al+=aB.search("-->")+2;}}}}else{if(ap=="-"&&aA("-->")){if(!aw.last()||aw.last().type!="comment"){var az=al+3;return ay(S(au(al),az));}}}}}return ay(aq,ao,ak);}var T=function(ak,e,al){return X(ak,e,al,ab);};T.start_tag=V;T.end_tag=ah;T.find=function(ak,e,al){return X(ak,e,al);};T.getTags=function(ak,e,al){return X(ak,e,al,function(am,an){return[am,an];});};T.last_match=af;try{I.html_matcher=T;}catch(ai){}})();(function(){function e(W,V){var Y=W.getAttribute("id"),U=W.getAttribute("class"),T=I.getNewline();if(Y||U){var Z="",X=(W.parent)?W.parent.padding:"";if(Y){Z+="#"+Y;}if(U){Z+="."+U;}W.start=W.start.replace(/</,"<!-- "+Z+" -->"+T+X+"<");W.end=W.end.replace(/>/,">"+T+X+"<!-- /"+Z+" -->");var S=I.getCounterForNode(W);W.start=I.replaceCounter(W.start,S);W.end=I.replaceCounter(W.end,S);}}function R(S,V){if(V.tag_nl===false){return S;}for(var U=0,T=S.children.length;U<T;U++){var W=S.children[U];if(W.isBlock()){e(W,U);}R(W,V);}return S;}I.registerFilter("c",R);})();(function(){var e=/(.+)\!$/;function R(S,V){for(var U=0,T=S.children.length;U<T;U++){var W=S.children[U];if(W.type=="snippet"&&e.test(W.real_name)){W.start=W.start.replace(/(;?)$/," !important$1");}R(W,V);}return S;}I.registerFilter("css",R);})();(function(){var R={"<":"&lt;",">":"&gt;","&":"&amp;"};function e(T){return T.replace(/([<>&])/g,function(V,U){return R[U];});}function S(T,W,Y){for(var V=0,U=T.children.length;V<U;V++){var X=T.children[V];X.start=e(X.start);X.end=e(X.end);S(X);}return T;}I.registerFilter("e",S);})();(function(){function e(R,U){for(var T=0,S=R.children.length;T<S;T++){var V=R.children[T];if(V.type=="snippet"){V.start=V.start.replace(/([\w\-]+\s*:)(?!:)\s*/,"$1 ");}e(V,U);}return R;}I.registerFilter("fc",e);})();(function(){var V="${child}",W="%s";function S(){return I.getNewline();}function X(){return K.getVariable("indentation");}function e(ab){return(ab.parent&&ab.parent.hasBlockChildren());}function aa(ab){return ab.parent&&!ab.parent.parent&&!ab.previousSibling;}function U(ac,ab){if(!ab.inline_break){return false;}while(ac.previousSibling&&ac.previousSibling.isInline()){ac=ac.previousSibling;}if(!ac.isInline()){return false;}var ad=1;while(ac=ac.nextSibling){if(ac.type=="text"||!ac.isInline()){ad=0;}else{if(ac.isInline()){ad++;}}}return ad>=ab.inline_break;}function Y(ac,ab){return(ac.children.length&&U(ac.children[0],ab));}function Z(ai,ad,ab){var af=ai.source.value;if(!af){return T(ai,ad,ab);}ai.start=ai.end=W;var ag=(ai.parent)?ai.parent.padding:I.repeatString(X(),ab);if(!aa(ai)){ai.start=S()+ag+ai.start;}var ae=af.split(V),aj=I.splitByLines(ae[0]||""),ah=X();if(aj.length>1){var ac=aj[aj.length-1].match(/^(\s+)/);if(ac){ah=ac[1];}}ai.padding=ag+ah;return ai;}function T(ad,ac,ah){if(!ad.name){return ad;}ad.start=ad.end=W;var af=(ad.isUnary()&&!ad.children.length);if(ac.tag_nl!==false){var ae=(ad.parent)?ad.parent.padding:I.repeatString(X(),ah),ag=(ac.tag_nl===true),ab=U(ad,ac);if(ad.type!="text"){if(((ad.isBlock()||ab)&&ad.parent)||ag){if(!ad.parent||(ad.parent.type!="snippet"&&!aa(ad))){ad.start=S()+ae+ad.start;}if(ad.hasBlockChildren()||Y(ad,ac)||(ag&&!af)){ad.end=S()+ae+ad.end;}if(ad.hasTagsInContent()||(ag&&!ad.hasChildren()&&!af)){ad.start+=S()+ae+X();}}else{if(ad.isInline()&&e(ad)&&!aa(ad)){ad.start=S()+ae+ad.start;}else{if(ad.isInline()&&ad.hasBlockChildren()){ad.end=S()+ae+ad.end;}}}ad.padding=ae+X();}}return ad;}function R(ab,ae,ag){ag=ag||0;for(var ad=0,ac=ab.children.length;ad<ac;ad++){var af=ab.children[ad];af=(af.type=="tag")?T(af,ae,ag):Z(af,ae,ag);if(af.content){af.content=I.padString(af.content,af.padding);}R(af,ae,ag+1);}return ab;}I.registerFilter("_format",R);})();(function(){var e="${child}";function T(af,W){var ac="",Y=W.attr_quotes=="single"?"'":'"',ad=W.place_cursor?I.getCaretPlaceholder():"",ae,Z,ab;for(Z=0;Z<af.attributes.length;Z++){ab=af.attributes[Z];switch(ab.name.toLowerCase()){case"id":ac+="#"+(ab.value||ad);break;case"class":ac+="."+(ab.value||ad);break;}}var X=[];for(Z=0;Z<af.attributes.length;Z++){ab=af.attributes[Z];var aa=ab.name.toLowerCase();if(aa!="id"&&aa!="class"){ae=(W.attr_case=="upper")?ab.name.toUpperCase():aa;X.push(":"+ae+" => "+Y+(ab.value||ad)+Y);}}if(X.length){ac+="{"+X.join(", ")+"}";}return ac;}function R(ae,Y,W){var ac=ae.source.value;if(!ac){return V(ae,Y,W);}var ab=ac.split(e),X=ab[0]||"",aa=ab[1]||"",ad=ae.parent?ae.parent.padding:"";ae.start=ae.start.replace("%s",I.padString(X,ad));ae.end=ae.end.replace("%s",I.padString(aa,ad));
+var Z=function(ag,af){if(af=="id"||af=="class"){return ae.getAttribute(af);}else{return ag;}};ae.start=I.replaceVariables(ae.start,Z);ae.end=I.replaceVariables(ae.end,Z);return ae;}function S(W){return(W.parent&&W.parent.hasBlockChildren());}function V(ai,ab,W){if(!ai.name){return ai;}var ag=T(ai,ab),ad="",ah=ab.place_cursor?I.getCaretPlaceholder():"",aa="",X=(ai.isUnary()&&!ai.children.length),Y="",ac="";if(ab.self_closing_tag&&X){aa="/";}var Z="%"+((ab.tag_case=="upper")?ai.name.toUpperCase():ai.name.toLowerCase());if(Z.toLowerCase()=="%div"&&ag&&ag.indexOf("{")==-1){Z="";}ai.end="";Y=Z+ag+aa;var af="%s";var ae=ai.start.indexOf(af);ai.start=ai.start.substring(0,ae)+Y+ai.start.substring(ae+af.length);if(!ai.children.length&&!X){ai.start+=ah;}return ai;}function U(W,aa,ac){ac=ac||0;if(ac==0){W=I.runFilters(W,aa,"_format");}for(var Z=0,Y=W.children.length;Z<Y;Z++){var ab=W.children[Z];ab=(ab.type=="tag")?V(ab,aa,ac):R(ab,aa,ac);var X=I.getCounterForNode(ab);ab.start=I.unescapeText(I.replaceCounter(ab.start,X));ab.end=I.unescapeText(I.replaceCounter(ab.end,X));U(ab,aa,ac+1);}return W;}I.registerFilter("haml",U);})();(function(){var e="${child}",W=0;function U(Z,Y){switch(String(Y||"").toLowerCase()){case"lower":return Z.toLowerCase();case"upper":return Z.toUpperCase();}return Z;}function T(Y,ad){var ab="",aa=ad.attr_quotes=="single"?"'":'"',af=ad.place_cursor?I.getCaretPlaceholder():"",ae;for(var ac=0;ac<Y.attributes.length;ac++){var Z=Y.attributes[ac];ae=U(Z.name,ad.attr_case);ab+=" "+ae+"="+aa+(Z.value||af)+aa;}return ab;}function R(ag,aa,Y){var ae=ag.source.value;if(!ae){return X(ag,aa,Y);}var ad=ae.split(e),Z=ad[0]||"",ac=ad[1]||"",af=ag.parent?ag.parent.padding:"";ag.start=ag.start.replace("%s",I.padString(Z,af));ag.end=ag.end.replace("%s",I.padString(ac,af));var ab=function(ai,ah){if(ah=="id"||ah=="class"){return ag.getAttribute(ah);}else{return ai;}};ag.start=I.replaceVariables(ag.start,ab);ag.end=I.replaceVariables(ag.end,ab);return ag;}function S(Y){return(Y.parent&&Y.parent.hasBlockChildren());}function X(ak,ad,Y){if(!ak.name){return ak;}var ai=T(ak,ad),af="",aj=ad.place_cursor?I.getCaretPlaceholder():"",ac="",Z=(ak.isUnary()&&!ak.children.length),aa="",ae="";if(ad.self_closing_tag=="xhtml"){ac=" /";}else{if(ad.self_closing_tag===true){ac="/";}}if(ak.type!="text"){var ab=U(ak.name,ad.tag_case);if(Z){aa="<"+ab+ai+ac+">";ak.end="";}else{aa="<"+ab+ai+">";ae="</"+ab+">";}}var ah="%s";var ag=ak.start.indexOf(ah);ak.start=ak.start.substring(0,ag)+aa+ak.start.substring(ag+ah.length);ag=ak.end.indexOf(ah);ak.end=ak.end.substring(0,ag)+ae+ak.end.substring(ag+ah.length);if(!ak.children.length&&!Z&&ak.content.indexOf(aj)==-1){ak.start+=aj;}return ak;}function V(Y,ac,ae){ae=ae||0;if(ae==0){Y=I.runFilters(Y,ac,"_format");W=0;}for(var ab=0,aa=Y.children.length;ab<aa;ab++){var ad=Y.children[ab];ad=(ad.type=="tag")?X(ad,ac,ae):R(ad,ac,ae);var Z=I.getCounterForNode(ad);ad.start=I.unescapeText(I.replaceCounter(ad.start,Z));ad.end=I.unescapeText(I.replaceCounter(ad.end,Z));ad.content=I.unescapeText(I.replaceCounter(ad.content,Z));W+=I.upgradeTabstops(ad,W)+1;V(ad,ac,ae+1);}return Y;}I.registerFilter("html",V);})();(function(){function e(R,V,Y){for(var U=0,T=R.children.length;U<T;U++){var W=R.children[U];if(W.type=="tag"){var X=/^\s+/;W.start=W.start.replace(X,"");W.end=W.end.replace(X,"");}var S=/[\n\r]/g;W.start=W.start.replace(S,"");W.end=W.end.replace(S,"");W.content=W.content.replace(S,"");e(W);}return R;}I.registerFilter("s",e);})();(function(){function e(R,U,W){for(var T=0,S=R.children.length;T<S;T++){var V=R.children[T];if(V.content){V.content=V.content.replace(/^([\s|\u00a0])?[\d|#|\-|\*|\u2022]+\.?\s*/,"$1");}e(V);}return R;}I.registerFilter("t",e);})();(function(){var R={"xsl:variable":1,"xsl:with-param":1};function e(T){T.start=T.start.replace(/\s+select\s*=\s*(['"]).*?\1/,"");}function S(T){for(var V=0,U=T.children.length;V<U;V++){var W=T.children[V];if(W.type=="tag"&&W.name.toLowerCase() in R&&W.children.length){e(W);}S(W);}}I.registerFilter("xsl",S);})();var d=(function(){var U=!!window.opera,T=/mac\s+os/i.test(navigator.userAgent),V={"`":"~","1":"!","2":"@","3":"#","4":"$","5":"%","6":"^","7":"&","8":"*","9":"(","0":")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},S={"esc":27,"escape":27,"tab":9,"space":32,"return":13,"enter":13,"backspace":8,"scrolllock":145,"scroll_lock":145,"scroll":145,"capslock":20,"caps_lock":20,"caps":20,"numlock":144,"num_lock":144,"num":144,"pause":19,"break":19,"insert":45,"home":36,"delete":46,"end":35,"pageup":33,"page_up":33,"pu":33,"pagedown":34,"page_down":34,"pd":34,"plus":187,"minus":189,"left":37,"up":38,"right":39,"down":40,"f1":112,"f2":113,"f3":114,"f4":115,"f5":116,"f6":117,"f7":118,"f8":119,"f9":120,"f10":121,"f11":122,"f12":123},R={"ctrl":"⌃","control":"⌃","meta":"⌘","shift":"⇧","alt":"⌥","enter":"⏎","tab":"⇥","left":"←","right":"→","up":"↑","down":"↓"},X={"meta":"Ctrl","control":"Ctrl","left":"←","right":"→","up":"↑","down":"↓"},W={SHIFT:1,CTRL:2,ALT:4,META:8};
+function e(Y){return Y.charAt().toUpperCase()+Y.substring(1);}return{compile:function(ad){if(typeof ad!="string"){return ad;}var Y=0,ae=ad.toLowerCase().split("+"),ac,aa;for(var ab=0,Z=ae.length;ab<Z;ab++){aa=ae[ab];if(T&&U){if(aa=="ctrl"||aa=="control"){aa="meta";}else{if(aa=="meta"){aa="ctrl";}}}else{if(!T&&aa=="meta"){aa="ctrl";}}if(aa=="ctrl"||aa=="control"){Y|=W.CTRL;}else{if(aa=="shift"){Y|=W.SHIFT;}else{if(aa=="alt"){Y|=W.ALT;}else{if(aa=="meta"){Y|=W.META;}else{ac=aa;}}}}}return{mask:Y,key:ac};},test:function(aa,Z){var Y=0,ab=this.compile(aa);if(Z.ctrlKey){Y|=W.CTRL;}if(Z.shiftKey){Y|=W.SHIFT;}if(Z.altKey){Y|=W.ALT;}if(Z.metaKey){Y|=W.META;}var ac=Z.keyCode?Z.keyCode:Z.which,ad=String.fromCharCode(ac).toLowerCase();if(Y!==ab.mask){return false;}if(ab.key.length>1){return S[ab.key]==ac;}else{if(ac==188){ad=",";}if(ac==190){ad=".";}if(ac==191){ad="/";}if(ad==ab.key){return true;}if(Z.shiftKey&&V[ad]){return V[ad]==ab.key;}}return false;},format:function(ae){var ad=T?R:X,ac=T?"":"+",ab=ae.toLowerCase().split("+"),Y=[],aa;for(var Z=0;Z<ab.length;Z++){aa=ab[Z];Y.push(aa in ad?ad[aa]:e(aa));}return Y.join(ac);}};})();var k=(function(){var W,R={balance_tag_inward:"match_pair_inward",balance_tag_outward:"match_pair_outward",previous_edit_point:"prev_edit_point",pretty_break:"insert_formatted_line_break"},e={};function X(Y){return(Y.match(/^(\s+)/)||[""])[0];}function U(ab){var aa=0,Y=ab.indexOf(I.getCaretPlaceholder()),Z={};if(Y!=-1){ab=ab.split(I.getCaretPlaceholder()).join("");}else{Y=ab.length;}ab=I.processTextBeforePaste(ab,function(ac){return ac;},function(ad,ac,ae){if(ae){Z[ac]=ae;}if(ad<Y){Y=ad;if(ae){aa=ae.length;}}return Z[ac]||"";});return[ab,Y,Y+aa];}function T(Z){var ab,aa,Y;for(var ac in e){if(e.hasOwnProperty(ac)){ab=e[ac];if(d.test(ab.compiled,Z)){Z.preventDefault?Z.preventDefault():Z.returnValue=false;aa=R[ab.action]||ab.action;Y=I.runAction(aa,[k]);return(aa=="expand_abbreviation")?Y:true;}}}return false;}function S(Y){return Y.replace(/(^\s+|\s+$)/g,"").replace(/[\s\\\/]+/g,"_").replace(/\./g,"").toLowerCase();}function V(aa,Y,Z){e[aa.toLowerCase()]={compiled:d.compile(aa),label:Y,action:S(Z||Y)};}V("Meta+E","Expand Abbreviation");V("Tab","Expand Abbreviation");V("Meta+D","Balance Tag Outward");V("Shift+Meta+D","Balance Tag inward");V("Shift+Meta+A","Wrap with Abbreviation");V("Ctrl+Alt+RIGHT","Next Edit Point");V("Ctrl+Alt+LEFT","Previous Edit Point");V("Meta+L","Select Line");V("Meta+Shift+M","Merge Lines");V("Meta+/","Toggle Comment");V("Meta+J","Split/Join Tag");V("Meta+K","Remove Tag");V("Meta+Y","Evaluate Math Expression");V("Ctrl+UP","Increment number by 1");V("Ctrl+DOWN","Decrement number by 1");V("Alt+UP","Increment number by 0.1");V("Alt+DOWN","Decrement number by 0.1");V("Ctrl+Alt+UP","Increment number by 10");V("Ctrl+Alt+DOWN","Decrement number by 10");V("Meta+.","Select Next Item");V("Meta+,","Select Previous Item");V("Meta+B","Reflect CSS Value");return{handleKeyEvent:function(Z,Y){if(Y.type=="keydown"){this.setContext(Z);return T(Y);}},setContext:function(Y){W=Y;I.setVariable("indentation",I.repeatString(" ",W.getOption("indentUnit")));},getSelectionRange:function(){var Y=this.getCaretPos();return{start:Y,end:Y+this.getSelection().length};},createSelection:function(Z,Y){if(Z==Y){W.setCursor(W.posFromIndex(Z));}else{W.setSelection(W.posFromIndex(Z),W.posFromIndex(Y));}},getCurrentLineRange:function(){var Y=W.getCursor(true);return{start:W.indexFromPos({line:Y.line,ch:0}),end:W.indexFromPos({line:Y.line,ch:W.getLine(Y.line).length})};},getCaretPos:function(){return W.indexFromPos(W.getCursor(true));},setCaretPos:function(Y){this.createSelection(Y,Y);},getCurrentLine:function(){return W.getLine(W.getCursor(true).line)||"";},replaceContent:function(aa,ad,Z){var Y=this.getCaretPos(),ad=typeof(ad)!=="undefined"?ad:0,Z=typeof(Z)!=="undefined"?Z:this.getContent().length;aa=I.padString(aa,X(this.getCurrentLine()));var ac=U(aa);aa=ac[0];ad=ad||0;if(ac[1]!==-1){ac[1]+=ad;ac[2]+=ad;}else{ac[1]=ac[2]=aa.length+ad;}try{this.createSelection(ad,Z);W.replaceSelection(aa);this.createSelection(ac[1],ac[2]);}catch(ab){}},getContent:function(){return W.getValue();},getSyntax:function(){var Z=W.getOption("syntax")||"",Y=this.getCaretPos();if(!K.hasSyntax(Z)){Z="html";}if(Z=="html"){var aa=I.html_matcher.getTags(this.getContent(),Y);if(aa&&aa[0]&&aa[0].type=="tag"&&aa[0].name.toLowerCase()=="style"){if(aa[0].end<=Y&&aa[1].start>=Y){Z="css";}}}return Z;},getProfileName:function(){if(W.getOption("profile")){return W.getOption("profile");}switch(this.getSyntax()){case"xml":case"xsl":return"xml";case"html":var Y=I.getVariable("profile");if(!Y){Y=this.getContent().search(/<!DOCTYPE[^>]+XHTML/)!=-1?"xhtml":"html";}return Y;}return"xhtml";},prompt:function(Y){return prompt(Y);},getSelection:function(){return W.getSelection()||"";},getFilePath:function(){return location.href;},shortcut:V,unbindShortcut:function(Y){Y=Y.toLowerCase();if(Y in e){delete e[Y];}},getShortcuts:function(){var Y=[],Z;for(var aa in e){if(e.hasOwnProperty(aa)){Z=aa.toLowerCase();
+if(Z=="tab"||Z=="enter"){continue;}Y.push({keystroke:d.format(aa),compiled:e[aa].compiled,label:e[aa].label,action:e[aa].action});}}return Y;},getInfo:function(){var aa="This CodeMirror editor is powered by Zen Coding project: "+"a set of tools for fast HTML coding.\n\n"+"Available shortcuts:\n";var Z=this.getShortcuts(),ab=[];for(var Y=0;Y<Z.length;Y++){ab.push(Z[Y].keystroke+" — "+Z[Y].label);}aa+=ab.join("\n")+"\n\n";aa+="More info on http://code.google.com/p/zen-coding/";return aa;},showInfo:function(){alert(this.getInfo());},getCore:function(){return I;},getResourceManager:function(){return K;}};})();return k;})();
\ No newline at end of file
diff --git a/src/main/webapp/codemirror/bower.json b/src/main/webapp/codemirror/bower.json
new file mode 100644
index 00000000..66e049df
--- /dev/null
+++ b/src/main/webapp/codemirror/bower.json
@@ -0,0 +1,15 @@
+{
+  "name": "CodeMirror",
+  "main": ["lib/codemirror.js", "lib/codemirror.css"],
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "components",
+    "bin",
+    "demo",
+    "doc",
+    "test",
+    "index.html",
+    "package.json"
+  ]
+}
diff --git a/src/main/webapp/codemirror/doc/activebookmark.js b/src/main/webapp/codemirror/doc/activebookmark.js
new file mode 100644
index 00000000..69a126e8
--- /dev/null
+++ b/src/main/webapp/codemirror/doc/activebookmark.js
@@ -0,0 +1,42 @@
+(function() {
+  var pending = false, prevVal = null;
+
+  function updateSoon() {
+    if (!pending) {
+      pending = true;
+      setTimeout(update, 250);
+    }
+  }
+
+  function update() {
+    pending = false;
+    var marks = document.getElementById("nav").getElementsByTagName("a"), found;
+    for (var i = 0; i < marks.length; ++i) {
+      var mark = marks[i], m;
+      if (mark.getAttribute("data-default")) {
+        if (found == null) found = i;
+      } else if (m = mark.href.match(/#(.*)/)) {
+        var ref = document.getElementById(m[1]);
+        if (ref && ref.getBoundingClientRect().top < 50)
+          found = i;
+      }
+    }
+    if (found != null && found != prevVal) {
+      prevVal = found;
+      var lis = document.getElementById("nav").getElementsByTagName("li");
+      for (var i = 0; i < lis.length; ++i) lis[i].className = "";
+      for (var i = 0; i < marks.length; ++i) {
+        if (found == i) {
+          marks[i].className = "active";
+          for (var n = marks[i]; n; n = n.parentNode)
+            if (n.nodeName == "LI") n.className = "active";
+        } else {
+          marks[i].className = "";
+        }
+      }
+    }
+  }
+
+  window.addEventListener("scroll", updateSoon);
+  window.addEventListener("load", updateSoon);
+})();
diff --git a/src/main/webapp/codemirror/doc/compress.html b/src/main/webapp/codemirror/doc/compress.html
new file mode 100644
index 00000000..3f3bfb04
--- /dev/null
+++ b/src/main/webapp/codemirror/doc/compress.html
@@ -0,0 +1,234 @@
+<!doctype html>
+
+<title>CodeMirror: Compression Helper</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="docs.css">
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="logo.png"></a>
+
+  <ul>
+    <li><a href="../index.html">Home</a>
+    <li><a href="manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a class=active href="#">Compression helper</a>
+  </ul>
+</div>
+
+<article>
+
+<h2>Script compression helper</h2>
+
+    <p>To optimize loading CodeMirror, especially when including a
+    bunch of different modes, it is recommended that you combine and
+    minify (and preferably also gzip) the scripts. This page makes
+    those first two steps very easy. Simply select the version and
+    scripts you need in the form below, and
+    click <strong>Compress</strong> to download the minified script
+    file.</p>
+
+    <form id="form" action="http://marijnhaverbeke.nl/uglifyjs" method="post">
+      <input type="hidden" id="download" name="download" value="codemirror-compressed.js"/>
+      <p>Version: <select id="version" onchange="setVersion(this);" style="padding: 1px;">
+        <option value="http://codemirror.net/">HEAD</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=3.20.0;f=">3.20</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=3.19.0;f=">3.19</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=3.18.0;f=">3.18</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=3.16.0;f=">3.16</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=3.15.0;f=">3.15</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=3.14.0;f=">3.14</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=3.13.0;f=">3.13</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v3.12;f=">3.12</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v3.11;f=">3.11</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v3.1;f=">3.1</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v3.02;f=">3.02</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v3.01;f=">3.01</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v3.0;f=">3.0</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.38;f=">2.38</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.37;f=">2.37</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.36;f=">2.36</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.35;f=">2.35</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.34;f=">2.34</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.33;f=">2.33</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.32;f=">2.32</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.31;f=">2.31</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.3;f=">2.3</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.25;f=">2.25</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.24;f=">2.24</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.23;f=">2.23</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.22;f=">2.22</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.21;f=">2.21</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.2;f=">2.2</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.18;f=">2.18</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.16;f=">2.16</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.15;f=">2.15</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.13;f=">2.13</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.12;f=">2.12</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.11;f=">2.11</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.1;f=">2.1</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.02;f=">2.02</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.01;f=">2.01</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=v2.0;f=">2.0</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=beta2;f=">beta2</option>
+        <option value="http://marijnhaverbeke.nl/git/codemirror?a=blob_plain;hb=beta1;f=">beta1</option>
+      </select></p>
+
+      <select multiple="multiple" size="20" name="code_url" style="width: 40em;" class="field" id="files">
+        <optgroup label="CodeMirror Library">
+          <option value="http://codemirror.net/lib/codemirror.js" selected>codemirror.js</option>
+        </optgroup>
+        <optgroup label="Modes">
+          <option value="http://codemirror.net/mode/apl/apl.js">apl.js</option>
+          <option value="http://codemirror.net/mode/clike/clike.js">clike.js</option>
+          <option value="http://codemirror.net/mode/clojure/clojure.js">clojure.js</option>
+          <option value="http://codemirror.net/mode/cobol/cobol.js">cobol.js</option>
+          <option value="http://codemirror.net/mode/coffeescript/coffeescript.js">coffeescript.js</option>
+          <option value="http://codemirror.net/mode/commonlisp/commonlisp.js">commonlisp.js</option>
+          <option value="http://codemirror.net/mode/css/css.js">css.js</option>
+          <option value="http://codemirror.net/mode/d/d.js">d.js</option>
+          <option value="http://codemirror.net/mode/diff/diff.js">diff.js</option>
+          <option value="http://codemirror.net/mode/dtd/dtd.js">dtd.js</option>
+          <option value="http://codemirror.net/mode/ecl/ecl.js">ecl.js</option>
+          <option value="http://codemirror.net/mode/eiffel/eiffel.js">eiffel.js</option>
+          <option value="http://codemirror.net/mode/erlang/erlang.js">erlang.js</option>
+          <option value="http://codemirror.net/mode/fortran/fortran.js">fortran.js</option>
+          <option value="http://codemirror.net/mode/gfm/gfm.js">gfm.js</option>
+          <option value="http://codemirror.net/mode/gas/gas.js">gas.js</option>
+          <option value="http://codemirror.net/mode/gherkin/gherkin.js">gherkin.js</option>
+          <option value="http://codemirror.net/mode/go/go.js">go.js</option>
+          <option value="http://codemirror.net/mode/groovy/groovy.js">groovy.js</option>
+          <option value="http://codemirror.net/mode/haml/haml.js">haml.js</option>
+          <option value="http://codemirror.net/mode/haskell/haskell.js">haskell.js</option>
+          <option value="http://codemirror.net/mode/haxe/haxe.js">haxe.js</option>
+          <option value="http://codemirror.net/mode/htmlembedded/htmlembedded.js">htmlembedded.js</option>
+          <option value="http://codemirror.net/mode/htmlmixed/htmlmixed.js">htmlmixed.js</option>
+          <option value="http://codemirror.net/mode/http/http.js">http.js</option>
+          <option value="http://codemirror.net/mode/jade/jade.js">jade.js</option>
+          <option value="http://codemirror.net/mode/javascript/javascript.js">javascript.js</option>
+          <option value="http://codemirror.net/mode/jinja2/jinja2.js">jinja2.js</option>
+          <option value="http://codemirror.net/mode/julia/julia.js">jinja2.js</option>
+          <option value="http://codemirror.net/mode/less/less.js">less.js</option>
+          <option value="http://codemirror.net/mode/livescript/livescript.js">livescript.js</option>
+          <option value="http://codemirror.net/mode/lua/lua.js">lua.js</option>
+          <option value="http://codemirror.net/mode/markdown/markdown.js">markdown.js</option>
+          <option value="http://codemirror.net/mode/mirc/mirc.js">mirc.js</option>
+          <option value="http://codemirror.net/mode/nginx/nginx.js">nginx.js</option>
+          <option value="http://codemirror.net/mode/ntriples/ntriples.js">ntriples.js</option>
+          <option value="http://codemirror.net/mode/ocaml/ocaml.js">ocaml.js</option>
+          <option value="http://codemirror.net/mode/octave/octave.js">octave.js</option>
+          <option value="http://codemirror.net/mode/pascal/pascal.js">pascal.js</option>
+          <option value="http://codemirror.net/mode/pegjs/pegjs.js">pegjs.js</option>
+          <option value="http://codemirror.net/mode/perl/perl.js">perl.js</option>
+          <option value="http://codemirror.net/mode/php/php.js">php.js</option>
+          <option value="http://codemirror.net/mode/pig/pig.js">pig.js</option>
+          <option value="http://codemirror.net/mode/properties/properties.js">properties.js</option>
+          <option value="http://codemirror.net/mode/python/python.js">python.js</option>
+          <option value="http://codemirror.net/mode/q/q.js">q.js</option>
+          <option value="http://codemirror.net/mode/r/r.js">r.js</option>
+          <option value="http://codemirror.net/mode/rpm/changes/changes.js">rpm/changes.js</option>
+          <option value="http://codemirror.net/mode/rpm/spec/spec.js">rpm/spec.js</option>
+          <option value="http://codemirror.net/mode/rst/rst.js">rst.js</option>
+          <option value="http://codemirror.net/mode/ruby/ruby.js">ruby.js</option>
+          <option value="http://codemirror.net/mode/rust/rust.js">rust.js</option>
+          <option value="http://codemirror.net/mode/sass/sass.js">sass.js</option>
+          <option value="http://codemirror.net/mode/scala/scala.js">scala.js</option>
+          <option value="http://codemirror.net/mode/scheme/scheme.js">scheme.js</option>
+          <option value="http://codemirror.net/mode/shell/shell.js">shell.js</option>
+          <option value="http://codemirror.net/mode/sieve/sieve.js">sieve.js</option>
+          <option value="http://codemirror.net/mode/smalltalk/smalltalk.js">smalltalk.js</option>
+          <option value="http://codemirror.net/mode/smarty/smarty.js">smarty.js</option>
+          <option value="http://codemirror.net/mode/smartymixed/smartymixed.js">smartymixed.js</option>
+          <option value="http://codemirror.net/mode/sql/sql.js">sql.js</option>
+          <option value="http://codemirror.net/mode/sparql/sparql.js">sparql.js</option>
+          <option value="http://codemirror.net/mode/stex/stex.js">stex.js</option>
+          <option value="http://codemirror.net/mode/tcl/tcl.js">tcl.js</option>
+          <option value="http://codemirror.net/mode/tiddlywiki/tiddlywiki.js">tiddlywiki.js</option>
+          <option value="http://codemirror.net/mode/tiki/tiki.js">tiki.js</option>
+          <option value="http://codemirror.net/mode/toml/toml.js">toml.js</option>
+          <option value="http://codemirror.net/mode/turtle/turtle.js">turtle.js</option>
+          <option value="http://codemirror.net/mode/vb/vb.js">vb.js</option>
+          <option value="http://codemirror.net/mode/vbscript/vbscript.js">vbscript.js</option>
+          <option value="http://codemirror.net/mode/velocity/velocity.js">velocity.js</option>
+          <option value="http://codemirror.net/mode/verilog/verilog.js">verilog.js</option>
+          <option value="http://codemirror.net/mode/xml/xml.js">xml.js</option>
+          <option value="http://codemirror.net/mode/xquery/xquery.js">xquery.js</option>
+          <option value="http://codemirror.net/mode/yaml/yaml.js">yaml.js</option>
+          <option value="http://codemirror.net/mode/z80/z80.js">z80.js</option>
+        </optgroup>
+        <optgroup label="Add-ons">
+          <option value="http://codemirror.net/addon/selection/active-line.js">active-line.js</option>
+          <option value="http://codemirror.net/addon/fold/brace-fold.js">brace-fold.js</option>
+          <option value="http://codemirror.net/addon/edit/closebrackets.js">closebrackets.js</option>
+          <option value="http://codemirror.net/addon/edit/closetag.js">closetag.js</option>
+          <option value="http://codemirror.net/addon/runmode/colorize.js">colorize.js</option>
+          <option value="http://codemirror.net/addon/comment/comment.js">comment.js</option>
+          <option value="http://codemirror.net/addon/fold/comment-fold.js">comment-fold.js</option>
+          <option value="http://codemirror.net/addon/comment/continuecomment.js">continuecomment.js</option>
+          <option value="http://codemirror.net/addon/edit/continuelist.js">continuelist.js</option>
+          <option value="http://codemirror.net/addon/hint/css-hint.js">css-hint.js</option>
+          <option value="http://codemirror.net/addon/dialog/dialog.js">dialog.js</option>
+          <option value="http://codemirror.net/addon/fold/foldcode.js">foldcode.js</option>
+          <option value="http://codemirror.net/addon/fold/foldgutter.js">foldgutter.js</option>
+          <option value="http://codemirror.net/addon/display/fullscreen.js">fullscreen.js</option>
+          <option value="http://codemirror.net/addon/wrap/hardwrap.js">hardwrap.js</option>
+          <option value="http://codemirror.net/addon/hint/html-hint.js">html-hint.js</option>
+          <option value="http://codemirror.net/addon/fold/indent-fold.js">indent-fold.js</option>
+          <option value="http://codemirror.net/addon/hint/javascript-hint.js">javascript-hint.js</option>
+          <option value="http://codemirror.net/addon/lint/javascript-lint.js">javascript-lint.js</option>
+          <option value="http://codemirror.net/addon/lint/json-lint.js">json-lint.js</option>
+          <option value="http://codemirror.net/addon/lint/lint.js">lint.js</option>
+          <option value="http://codemirror.net/addon/mode/loadmode.js">loadmode.js</option>
+          <option value="http://codemirror.net/addon/selection/mark-selection.js">mark-selection.js</option>
+          <option value="http://codemirror.net/addon/search/match-highlighter.js">match-highlighter.js</option>
+          <option value="http://codemirror.net/addon/edit/matchbrackets.js">matchbrackets.js</option>
+          <option value="http://codemirror.net/addon/edit/matchtags.js">matchtags.js</option>
+          <option value="http://codemirror.net/addon/merge/merge.js">merge.js</option>
+          <option value="http://codemirror.net/addon/mode/multiplex.js">multiplex.js</option>
+          <option value="http://codemirror.net/addon/mode/overlay.js">overlay.js</option>
+          <option value="http://codemirror.net/addon/hint/pig-hint.js">pig-hint.js</option>
+          <option value="http://codemirror.net/addon/display/placeholder.js">placeholder.js</option>
+          <option value="http://codemirror.net/addon/hint/python-hint.js">python-hint.js</option>
+          <option value="http://codemirror.net/addon/runmode/runmode.js">runmode.js</option>
+          <option value="http://codemirror.net/addon/runmode/runmode.node.js">runmode.node.js</option>
+          <option value="http://codemirror.net/addon/runmode/runmode-standalone.js">runmode-standalone.js</option>
+          <option value="http://codemirror.net/addon/search/search.js">search.js</option>
+          <option value="http://codemirror.net/addon/search/searchcursor.js">searchcursor.js</option>
+          <option value="http://codemirror.net/addon/hint/show-hint.js">show-hint.js</option>
+          <option value="http://codemirror.net/addon/hint/sql-hint.js">sql-hint.js</option>
+          <option value="http://codemirror.net/addon/edit/trailingspace.js">trailingspace.js</option>
+          <option value="http://codemirror.net/addon/tern/tern.js">tern.js</option>
+          <option value="http://codemirror.net/addon/fold/xml-fold.js">xml-fold.js</option>
+          <option value="http://codemirror.net/addon/hint/xml-hint.js">xml-hint.js</option>
+        </optgroup>
+        <optgroup label="Keymaps">
+          <option value="http://codemirror.net/keymap/emacs.js">emacs.js</option>
+          <option value="http://codemirror.net/keymap/vim.js">vim.js</option>
+        </optgroup>
+      </select>
+
+      <p>
+        <button type="submit">Compress</button> with <a href="http://github.com/mishoo/UglifyJS/">UglifyJS</a>
+      </p>
+
+      <p>Custom code to add to the compressed file:<textarea name="js_code" style="width: 100%; height: 15em;" class="field"></textarea></p>
+    </form>
+
+    <script type="text/javascript">
+      function setVersion(ver) {
+        var urlprefix = ver.options[ver.selectedIndex].value;
+        var select = document.getElementById("files"), m;
+        for (var optgr = select.firstChild; optgr; optgr = optgr.nextSibling)
+          for (var opt = optgr.firstChild; opt; opt = opt.nextSibling) {
+            if (opt.nodeName != "OPTION")
+              continue;
+            else if (m = opt.value.match(/^http:\/\/codemirror.net\/(.*)$/))
+              opt.value = urlprefix + m[1];
+            else if (m = opt.value.match(/http:\/\/marijnhaverbeke.nl\/git\/codemirror\?a=blob_plain;hb=[^;]+;f=(.*)$/))
+              opt.value = urlprefix + m[1];
+          }
+       }
+    </script>
+
+</article>
diff --git a/src/main/webapp/codemirror/doc/docs.css b/src/main/webapp/codemirror/doc/docs.css
new file mode 100644
index 00000000..d2b0522e
--- /dev/null
+++ b/src/main/webapp/codemirror/doc/docs.css
@@ -0,0 +1,225 @@
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
+}
+
+body, html { margin: 0; padding: 0; height: 100%; }
+section, article { display: block; padding: 0; }
+
+body {
+  background: #f8f8f8;
+  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+}
+
+p { margin-top: 0; }
+
+h2, h3 {
+  font-weight: normal;
+  margin-bottom: .7em;
+}
+h2 { font-size: 120%; }
+h3 { font-size: 110%; }
+article > h2:first-child, section:first-child > h2 { margin-top: 0; }
+
+a, a:visited, a:link, .quasilink {
+  color: #A21313;
+  text-decoration: none;
+}
+
+em {
+  padding-right: 2px;
+}
+
+.quasilink {
+  cursor: pointer;
+}
+
+article {
+  max-width: 700px;
+  margin: 0 auto;
+  border-left: 2px solid #E30808;
+  border-right: 1px solid #ddd;
+  padding: 30px 50px 100px 50px;
+  background: white;
+  z-index: 2;
+  position: relative;
+  min-height: 100%;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+}
+
+#nav {
+  position: fixed;
+  top: 30px;
+  right: 50%;
+  padding-right: 350px;
+  text-align: right;
+  z-index: 1;
+}
+
+@media screen and (max-width: 1000px) {
+  article {
+    margin: 0 0 0 160px;
+  }
+  #nav {
+    left: 0; right: none;
+    width: 160px;
+  }
+}
+
+#nav ul {
+  display: block;
+  margin: 0; padding: 0;
+  margin-bottom: 32px;
+}
+
+#nav li {
+  display: block;
+  margin-bottom: 4px;
+}
+
+#nav li ul {
+  font-size: 80%;
+  margin-bottom: 0;
+  display: none;
+}
+
+#nav li.active ul {
+  display: block;
+}
+
+#nav li li a {
+  padding-right: 20px;
+}
+
+#nav ul a {
+  color: black;
+  padding: 0 7px 1px 11px;
+}
+
+#nav ul a.active, #nav ul a:hover {
+  border-bottom: 1px solid #E30808;
+  color: #E30808;
+}
+
+#logo {
+  border: 0;
+  margin-right: 7px;
+  margin-bottom: 25px;
+}
+
+section {
+  border-top: 1px solid #E30808;
+  margin: 1.5em 0;
+}
+
+section.first {
+  border: none;
+  margin-top: 0;
+}
+
+#demo {
+  position: relative;
+}
+
+#demolist {
+  position: absolute;
+  right: 5px;
+  top: 5px;
+  z-index: 25;
+}
+
+#bankinfo {
+  text-align: left;
+  display: none;
+  padding: 0 .5em;
+  position: absolute;
+  border: 2px solid #aaa;
+  border-radius: 5px;
+  background: #eee;
+  top: 10px;
+  left: 30px;
+}
+
+#bankinfo_close {
+  position: absolute;
+  top: 0; right: 6px;
+  font-weight: bold;
+  cursor: pointer;
+}
+
+.bigbutton {
+  cursor: pointer;
+  text-align: center;
+  padding: 0 1em;
+  display: inline-block;
+  color: white;
+  position: relative;
+  line-height: 1.9;
+  color: white !important;
+  background: #A21313;
+}
+
+.bigbutton.right {
+  border-bottom-left-radius: 100px;
+  border-top-left-radius: 100px;
+}
+
+.bigbutton.left {
+  border-bottom-right-radius: 100px;
+  border-top-right-radius: 100px;
+}
+
+.bigbutton:hover {
+  background: #E30808;
+}
+
+th {
+  text-decoration: underline;
+  font-weight: normal;
+  text-align: left;
+}
+
+#features ul {
+  list-style: none;
+  margin: 0 0 1em;
+  padding: 0 0 0 1.2em;
+}
+
+#features li:before {
+  content: "-";
+  width: 1em;
+  display: inline-block;
+  padding: 0;
+  margin: 0;
+  margin-left: -1em;
+}
+
+.rel {
+  margin-bottom: 0;
+}
+.rel-note {
+  margin-top: 0;
+  color: #555;
+}
+
+pre {
+  padding-left: 15px;
+  border-left: 2px solid #ddd;
+}
+
+code {
+  padding: 0 2px;
+}
+
+strong {
+  text-decoration: underline;
+  font-weight: normal;
+}
+
+.field {
+  border: 1px solid #A21313;
+}
diff --git a/src/main/webapp/codemirror/doc/internals.html b/src/main/webapp/codemirror/doc/internals.html
new file mode 100644
index 00000000..3f1b7de8
--- /dev/null
+++ b/src/main/webapp/codemirror/doc/internals.html
@@ -0,0 +1,503 @@
+<!doctype html>
+
+<title>CodeMirror: Internals</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="docs.css">
+<style>dl dl {margin: 0;} .update {color: #d40 !important}</style>
+<script src="activebookmark.js"></script>
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="logo.png"></a>
+
+  <ul>
+    <li><a href="../index.html">Home</a>
+    <li><a href="manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="#top">Introduction</a></li>
+    <li><a href="#approach">General Approach</a></li>
+    <li><a href="#input">Input</a></li>
+    <li><a href="#selection">Selection</a></li>
+    <li><a href="#update">Intelligent Updating</a></li>
+    <li><a href="#parse">Parsing</a></li>
+    <li><a href="#summary">What Gives?</a></li>
+    <li><a href="#btree">Content Representation</a></li>
+    <li><a href="#keymap">Key Maps</a></li>
+  </ul>
+</div>
+
+<article>
+
+<h2 id=top>(Re-) Implementing A Syntax-Highlighting Editor in JavaScript</h2>
+
+<p style="font-size: 85%" id="intro">
+  <strong>Topic:</strong> JavaScript, code editor implementation<br>
+  <strong>Author:</strong> Marijn Haverbeke<br>
+  <strong>Date:</strong> March 2nd 2011 (updated November 13th 2011)
+</p>
+
+<p style="padding: 0 3em 0 2em"><strong>Caution</strong>: this text was written briefly after
+version 2 was initially written. It no longer (even including the
+update at the bottom) fully represents the current implementation. I'm
+leaving it here as a historic document. For more up-to-date
+information, look at the entries
+tagged <a href="http://marijnhaverbeke.nl/blog/#cm-internals">cm-internals</a>
+on my blog.</p>
+
+<p>This is a followup to
+my <a href="http://codemirror.net/story.html">Brutal Odyssey to the
+Dark Side of the DOM Tree</a> story. That one describes the
+mind-bending process of implementing (what would become) CodeMirror 1.
+This one describes the internals of CodeMirror 2, a complete rewrite
+and rethink of the old code base. I wanted to give this piece another
+Hunter Thompson copycat subtitle, but somehow that would be out of
+place—the process this time around was one of straightforward
+engineering, requiring no serious mind-bending whatsoever.</p>
+
+<p>So, what is wrong with CodeMirror 1? I'd estimate, by mailing list
+activity and general search-engine presence, that it has been
+integrated into about a thousand systems by now. The most prominent
+one, since a few weeks,
+being <a href="http://googlecode.blogspot.com/2011/01/make-quick-fixes-quicker-on-google.html">Google
+code's project hosting</a>. It works, and it's being used widely.</p>
+
+<p>Still, I did not start replacing it because I was bored. CodeMirror
+1 was heavily reliant on <code>designMode</code>
+or <code>contentEditable</code> (depending on the browser). Neither of
+these are well specified (HTML5 tries
+to <a href="http://www.w3.org/TR/html5/editing.html#contenteditable">specify</a>
+their basics), and, more importantly, they tend to be one of the more
+obscure and buggy areas of browser functionality—CodeMirror, by using
+this functionality in a non-typical way, was constantly running up
+against browser bugs. WebKit wouldn't show an empty line at the end of
+the document, and in some releases would suddenly get unbearably slow.
+Firefox would show the cursor in the wrong place. Internet Explorer
+would insist on linkifying everything that looked like a URL or email
+address, a behaviour that can't be turned off. Some bugs I managed to
+work around (which was often a frustrating, painful process), others,
+such as the Firefox cursor placement, I gave up on, and had to tell
+user after user that they were known problems, but not something I
+could help.</p>
+
+<p>Also, there is the fact that <code>designMode</code> (which seemed
+to be less buggy than <code>contentEditable</code> in Webkit and
+Firefox, and was thus used by CodeMirror 1 in those browsers) requires
+a frame. Frames are another tricky area. It takes some effort to
+prevent getting tripped up by domain restrictions, they don't
+initialize synchronously, behave strangely in response to the back
+button, and, on several browsers, can't be moved around the DOM
+without having them re-initialize. They did provide a very nice way to
+namespace the library, though—CodeMirror 1 could freely pollute the
+namespace inside the frame.</p>
+
+<p>Finally, working with an editable document means working with
+selection in arbitrary DOM structures. Internet Explorer (8 and
+before) has an utterly different (and awkward) selection API than all
+of the other browsers, and even among the different implementations of
+<code>document.selection</code>, details about how exactly a selection
+is represented vary quite a bit. Add to that the fact that Opera's
+selection support tended to be very buggy until recently, and you can
+imagine why CodeMirror 1 contains 700 lines of selection-handling
+code.</p>
+
+<p>And that brings us to the main issue with the CodeMirror 1
+code base: The proportion of browser-bug-workarounds to real
+application code was getting dangerously high. By building on top of a
+few dodgy features, I put the system in a vulnerable position—any
+incompatibility and bugginess in these features, I had to paper over
+with my own code. Not only did I have to do some serious stunt-work to
+get it to work on older browsers (as detailed in the
+previous <a href="http://codemirror.net/story.html">story</a>), things
+also kept breaking in newly released versions, requiring me to come up
+with <em>new</em> scary hacks in order to keep up. This was starting
+to lose its appeal.</p>
+
+<section id=approach>
+  <h2>General Approach</h2>
+
+<p>What CodeMirror 2 does is try to sidestep most of the hairy hacks
+that came up in version 1. I owe a lot to the
+<a href="http://ace.ajax.org">ACE</a> editor for inspiration on how to
+approach this.</p>
+
+<p>I absolutely did not want to be completely reliant on key events to
+generate my input. Every JavaScript programmer knows that key event
+information is horrible and incomplete. Some people (most awesomely
+Mihai Bazon with <a href="http://ymacs.org">Ymacs</a>) have been able
+to build more or less functioning editors by directly reading key
+events, but it takes a lot of work (the kind of never-ending, fragile
+work I described earlier), and will never be able to properly support
+things like multi-keystoke international character
+input. <a href="#keymap" class="update">[see below for caveat]</a></p>
+
+<p>So what I do is focus a hidden textarea, and let the browser
+believe that the user is typing into that. What we show to the user is
+a DOM structure we built to represent his document. If this is updated
+quickly enough, and shows some kind of believable cursor, it feels
+like a real text-input control.</p>
+
+<p>Another big win is that this DOM representation does not have to
+span the whole document. Some CodeMirror 1 users insisted that they
+needed to put a 30 thousand line XML document into CodeMirror. Putting
+all that into the DOM takes a while, especially since, for some
+reason, an editable DOM tree is slower than a normal one on most
+browsers. If we have full control over what we show, we must only
+ensure that the visible part of the document has been added, and can
+do the rest only when needed. (Fortunately, the <code>onscroll</code>
+event works almost the same on all browsers, and lends itself well to
+displaying things only as they are scrolled into view.)</p>
+</section>
+<section id="input">
+  <h2>Input</h2>
+
+<p>ACE uses its hidden textarea only as a text input shim, and does
+all cursor movement and things like text deletion itself by directly
+handling key events. CodeMirror's way is to let the browser do its
+thing as much as possible, and not, for example, define its own set of
+key bindings. One way to do this would have been to have the whole
+document inside the hidden textarea, and after each key event update
+the display DOM to reflect what's in that textarea.</p>
+
+<p>That'd be simple, but it is not realistic. For even medium-sized
+document the editor would be constantly munging huge strings, and get
+terribly slow. What CodeMirror 2 does is put the current selection,
+along with an extra line on the top and on the bottom, into the
+textarea.</p>
+
+<p>This means that the arrow keys (and their ctrl-variations), home,
+end, etcetera, do not have to be handled specially. We just read the
+cursor position in the textarea, and update our cursor to match it.
+Also, copy and paste work pretty much for free, and people get their
+native key bindings, without any special work on my part. For example,
+I have emacs key bindings configured for Chrome and Firefox. There is
+no way for a script to detect this. <a class="update"
+href="#keymap">[no longer the case]</a></p>
+
+<p>Of course, since only a small part of the document sits in the
+textarea, keys like page up and ctrl-end won't do the right thing.
+CodeMirror is catching those events and handling them itself.</p>
+</section>
+<section id="selection">
+  <h2>Selection</h2>
+
+<p>Getting and setting the selection range of a textarea in modern
+browsers is trivial—you just use the <code>selectionStart</code>
+and <code>selectionEnd</code> properties. On IE you have to do some
+insane stuff with temporary ranges and compensating for the fact that
+moving the selection by a 'character' will treat \r\n as a single
+character, but even there it is possible to build functions that
+reliably set and get the selection range.</p>
+
+<p>But consider this typical case: When I'm somewhere in my document,
+press shift, and press the up arrow, something gets selected. Then, if
+I, still holding shift, press the up arrow again, the top of my
+selection is adjusted. The selection remembers where its <em>head</em>
+and its <em>anchor</em> are, and moves the head when we shift-move.
+This is a generally accepted property of selections, and done right by
+every editing component built in the past twenty years.</p>
+
+<p>But not something that the browser selection APIs expose.</p>
+
+<p>Great. So when someone creates an 'upside-down' selection, the next
+time CodeMirror has to update the textarea, it'll re-create the
+selection as an 'upside-up' selection, with the anchor at the top, and
+the next cursor motion will behave in an unexpected way—our second
+up-arrow press in the example above will not do anything, since it is
+interpreted in exactly the same way as the first.</p>
+
+<p>No problem. We'll just, ehm, detect that the selection is
+upside-down (you can tell by the way it was created), and then, when
+an upside-down selection is present, and a cursor-moving key is
+pressed in combination with shift, we quickly collapse the selection
+in the textarea to its start, allow the key to take effect, and then
+combine its new head with its old anchor to get the <em>real</em>
+selection.</p>
+
+<p>In short, scary hacks could not be avoided entirely in CodeMirror
+2.</p>
+
+<p>And, the observant reader might ask, how do you even know that a
+key combo is a cursor-moving combo, if you claim you support any
+native key bindings? Well, we don't, but we can learn. The editor
+keeps a set known cursor-movement combos (initialized to the
+predictable defaults), and updates this set when it observes that
+pressing a certain key had (only) the effect of moving the cursor.
+This, of course, doesn't work if the first time the key is used was
+for extending an inverted selection, but it works most of the
+time.</p>
+</section>
+<section id="update">
+  <h2>Intelligent Updating</h2>
+
+<p>One thing that always comes up when you have a complicated internal
+state that's reflected in some user-visible external representation
+(in this case, the displayed code and the textarea's content) is
+keeping the two in sync. The naive way is to just update the display
+every time you change your state, but this is not only error prone
+(you'll forget), it also easily leads to duplicate work on big,
+composite operations. Then you start passing around flags indicating
+whether the display should be updated in an attempt to be efficient
+again and, well, at that point you might as well give up completely.</p>
+
+<p>I did go down that road, but then switched to a much simpler model:
+simply keep track of all the things that have been changed during an
+action, and then, only at the end, use this information to update the
+user-visible display.</p>
+
+<p>CodeMirror uses a concept of <em>operations</em>, which start by
+calling a specific set-up function that clears the state and end by
+calling another function that reads this state and does the required
+updating. Most event handlers, and all the user-visible methods that
+change state are wrapped like this. There's a method
+called <code>operation</code> that accepts a function, and returns
+another function that wraps the given function as an operation.</p>
+
+<p>It's trivial to extend this (as CodeMirror does) to detect nesting,
+and, when an operation is started inside an operation, simply
+increment the nesting count, and only do the updating when this count
+reaches zero again.</p>
+
+<p>If we have a set of changed ranges and know the currently shown
+range, we can (with some awkward code to deal with the fact that
+changes can add and remove lines, so we're dealing with a changing
+coordinate system) construct a map of the ranges that were left
+intact. We can then compare this map with the part of the document
+that's currently visible (based on scroll offset and editor height) to
+determine whether something needs to be updated.</p>
+
+<p>CodeMirror uses two update algorithms—a full refresh, where it just
+discards the whole part of the DOM that contains the edited text and
+rebuilds it, and a patch algorithm, where it uses the information
+about changed and intact ranges to update only the out-of-date parts
+of the DOM. When more than 30 percent (which is the current heuristic,
+might change) of the lines need to be updated, the full refresh is
+chosen (since it's faster to do than painstakingly finding and
+updating all the changed lines), in the other case it does the
+patching (so that, if you scroll a line or select another character,
+the whole screen doesn't have to be
+re-rendered). <span class="update">[the full-refresh
+algorithm was dropped, it wasn't really faster than the patching
+one]</span></p>
+
+<p>All updating uses <code>innerHTML</code> rather than direct DOM
+manipulation, since that still seems to be by far the fastest way to
+build documents. There's a per-line function that combines the
+highlighting, <a href="manual.html#markText">marking</a>, and
+selection info for that line into a snippet of HTML. The patch updater
+uses this to reset individual lines, the refresh updater builds an
+HTML chunk for the whole visible document at once, and then uses a
+single <code>innerHTML</code> update to do the refresh.</p>
+</section>
+<section id="parse">
+  <h2>Parsers can be Simple</h2>
+
+<p>When I wrote CodeMirror 1, I
+thought <a href="http://codemirror.net/story.html#parser">interruptable
+parsers</a> were a hugely scary and complicated thing, and I used a
+bunch of heavyweight abstractions to keep this supposed complexity
+under control: parsers
+were <a href="http://bob.pythonmac.org/archives/2005/07/06/iteration-in-javascript/">iterators</a>
+that consumed input from another iterator, and used funny
+closure-resetting tricks to copy and resume themselves.</p>
+
+<p>This made for a rather nice system, in that parsers formed strictly
+separate modules, and could be composed in predictable ways.
+Unfortunately, it was quite slow (stacking three or four iterators on
+top of each other), and extremely intimidating to people not used to a
+functional programming style.</p>
+
+<p>With a few small changes, however, we can keep all those
+advantages, but simplify the API and make the whole thing less
+indirect and inefficient. CodeMirror
+2's <a href="manual.html#modeapi">mode API</a> uses explicit state
+objects, and makes the parser/tokenizer a function that simply takes a
+state and a character stream abstraction, advances the stream one
+token, and returns the way the token should be styled. This state may
+be copied, optionally in a mode-defined way, in order to be able to
+continue a parse at a given point. Even someone who's never touched a
+lambda in his life can understand this approach. Additionally, far
+fewer objects are allocated in the course of parsing now.</p>
+
+<p>The biggest speedup comes from the fact that the parsing no longer
+has to touch the DOM though. In CodeMirror 1, on an older browser, you
+could <em>see</em> the parser work its way through the document,
+managing some twenty lines in each 50-millisecond time slice it got. It
+was reading its input from the DOM, and updating the DOM as it went
+along, which any experienced JavaScript programmer will immediately
+spot as a recipe for slowness. In CodeMirror 2, the parser usually
+finishes the whole document in a single 100-millisecond time slice—it
+manages some 1500 lines during that time on Chrome. All it has to do
+is munge strings, so there is no real reason for it to be slow
+anymore.</p>
+</section>
+<section id="summary">
+  <h2>What Gives?</h2>
+
+<p>Given all this, what can you expect from CodeMirror 2?</p>
+
+<ul>
+
+<li><strong>Small.</strong> the base library is
+some <span class="update">45k</span> when minified
+now, <span class="update">17k</span> when gzipped. It's smaller than
+its own logo.</li>
+
+<li><strong>Lightweight.</strong> CodeMirror 2 initializes very
+quickly, and does almost no work when it is not focused. This means
+you can treat it almost like a textarea, have multiple instances on a
+page without trouble.</li>
+
+<li><strong>Huge document support.</strong> Since highlighting is
+really fast, and no DOM structure is being built for non-visible
+content, you don't have to worry about locking up your browser when a
+user enters a megabyte-sized document.</li>
+
+<li><strong>Extended API.</strong> Some things kept coming up in the
+mailing list, such as marking pieces of text or lines, which were
+extremely hard to do with CodeMirror 1. The new version has proper
+support for these built in.</li>
+
+<li><strong>Tab support.</strong> Tabs inside editable documents were,
+for some reason, a no-go. At least six different people announced they
+were going to add tab support to CodeMirror 1, none survived (I mean,
+none delivered a working version). CodeMirror 2 no longer removes tabs
+from your document.</li>
+
+<li><strong>Sane styling.</strong> <code>iframe</code> nodes aren't
+really known for respecting document flow. Now that an editor instance
+is a plain <code>div</code> element, it is much easier to size it to
+fit the surrounding elements. You don't even have to make it scroll if
+you do not <a href="../demo/resize.html">want to</a>.</li>
+
+</ul>
+
+<p>On the downside, a CodeMirror 2 instance is <em>not</em> a native
+editable component. Though it does its best to emulate such a
+component as much as possible, there is functionality that browsers
+just do not allow us to hook into. Doing select-all from the context
+menu, for example, is not currently detected by CodeMirror.</p>
+
+<p id="changes" style="margin-top: 2em;"><span style="font-weight:
+bold">[Updates from November 13th 2011]</span> Recently, I've made
+some changes to the codebase that cause some of the text above to no
+longer be current. I've left the text intact, but added markers at the
+passages that are now inaccurate. The new situation is described
+below.</p>
+</section>
+<section id="btree">
+  <h2>Content Representation</h2>
+
+<p>The original implementation of CodeMirror 2 represented the
+document as a flat array of line objects. This worked well—splicing
+arrays will require the part of the array after the splice to be
+moved, but this is basically just a simple <code>memmove</code> of a
+bunch of pointers, so it is cheap even for huge documents.</p>
+
+<p>However, I recently added line wrapping and code folding (line
+collapsing, basically). Once lines start taking up a non-constant
+amount of vertical space, looking up a line by vertical position
+(which is needed when someone clicks the document, and to determine
+the visible part of the document during scrolling) can only be done
+with a linear scan through the whole array, summing up line heights as
+you go. Seeing how I've been going out of my way to make big documents
+fast, this is not acceptable.</p>
+
+<p>The new representation is based on a B-tree. The leaves of the tree
+contain arrays of line objects, with a fixed minimum and maximum size,
+and the non-leaf nodes simply hold arrays of child nodes. Each node
+stores both the amount of lines that live below them and the vertical
+space taken up by these lines. This allows the tree to be indexed both
+by line number and by vertical position, and all access has
+logarithmic complexity in relation to the document size.</p>
+
+<p>I gave line objects and tree nodes parent pointers, to the node
+above them. When a line has to update its height, it can simply walk
+these pointers to the top of the tree, adding or subtracting the
+difference in height from each node it encounters. The parent pointers
+also make it cheaper (in complexity terms, the difference is probably
+tiny in normal-sized documents) to find the current line number when
+given a line object. In the old approach, the whole document array had
+to be searched. Now, we can just walk up the tree and count the sizes
+of the nodes coming before us at each level.</p>
+
+<p>I chose B-trees, not regular binary trees, mostly because they
+allow for very fast bulk insertions and deletions. When there is a big
+change to a document, it typically involves adding, deleting, or
+replacing a chunk of subsequent lines. In a regular balanced tree, all
+these inserts or deletes would have to be done separately, which could
+be really expensive. In a B-tree, to insert a chunk, you just walk
+down the tree once to find where it should go, insert them all in one
+shot, and then break up the node if needed. This breaking up might
+involve breaking up nodes further up, but only requires a single pass
+back up the tree. For deletion, I'm somewhat lax in keeping things
+balanced—I just collapse nodes into a leaf when their child count goes
+below a given number. This means that there are some weird editing
+patterns that may result in a seriously unbalanced tree, but even such
+an unbalanced tree will perform well, unless you spend a day making
+strangely repeating edits to a really big document.</p>
+</section>
+<section id="keymap">
+  <h2>Keymaps</h2>
+
+<p><a href="#approach">Above</a>, I claimed that directly catching key
+events for things like cursor movement is impractical because it
+requires some browser-specific kludges. I then proceeded to explain
+some awful <a href="#selection">hacks</a> that were needed to make it
+possible for the selection changes to be detected through the
+textarea. In fact, the second hack is about as bad as the first.</p>
+
+<p>On top of that, in the presence of user-configurable tab sizes and
+collapsed and wrapped lines, lining up cursor movement in the textarea
+with what's visible on the screen becomes a nightmare. Thus, I've
+decided to move to a model where the textarea's selection is no longer
+depended on.</p>
+
+<p>So I moved to a model where all cursor movement is handled by my
+own code. This adds support for a goal column, proper interaction of
+cursor movement with collapsed lines, and makes it possible for
+vertical movement to move through wrapped lines properly, instead of
+just treating them like non-wrapped lines.</p>
+
+<p>The key event handlers now translate the key event into a string,
+something like <code>Ctrl-Home</code> or <code>Shift-Cmd-R</code>, and
+use that string to look up an action to perform. To make keybinding
+customizable, this lookup goes through
+a <a href="manual.html#option_keyMap">table</a>, using a scheme that
+allows such tables to be chained together (for example, the default
+Mac bindings fall through to a table named 'emacsy', which defines
+basic Emacs-style bindings like <code>Ctrl-F</code>, and which is also
+used by the custom Emacs bindings).</p>
+
+<p>A new
+option <a href="manual.html#option_extraKeys"><code>extraKeys</code></a>
+allows ad-hoc keybindings to be defined in a much nicer way than what
+was possible with the
+old <a href="manual.html#option_onKeyEvent"><code>onKeyEvent</code></a>
+callback. You simply provide an object mapping key identifiers to
+functions, instead of painstakingly looking at raw key events.</p>
+
+<p>Built-in commands map to strings, rather than functions, for
+example <code>"goLineUp"</code> is the default action bound to the up
+arrow key. This allows new keymaps to refer to them without
+duplicating any code. New commands can be defined by assigning to
+the <code>CodeMirror.commands</code> object, which maps such commands
+to functions.</p>
+
+<p>The hidden textarea now only holds the current selection, with no
+extra characters around it. This has a nice advantage: polling for
+input becomes much, much faster. If there's a big selection, this text
+does not have to be read from the textarea every time—when we poll,
+just noticing that something is still selected is enough to tell us
+that no new text was typed.</p>
+
+<p>The reason that cheap polling is important is that many browsers do
+not fire useful events on IME (input method engine) input, which is
+the thing where people inputting a language like Japanese or Chinese
+use multiple keystrokes to create a character or sequence of
+characters. Most modern browsers fire <code>input</code> when the
+composing is finished, but many don't fire anything when the character
+is updated <em>during</em> composition. So we poll, whenever the
+editor is focused, to provide immediate updates of the display.</p>
+
+</article>
diff --git a/src/main/webapp/codemirror/doc/logo.png b/src/main/webapp/codemirror/doc/logo.png
new file mode 100644
index 00000000..2334f5e0
Binary files /dev/null and b/src/main/webapp/codemirror/doc/logo.png differ
diff --git a/src/main/webapp/codemirror/doc/logo.svg b/src/main/webapp/codemirror/doc/logo.svg
new file mode 100644
index 00000000..9783869c
--- /dev/null
+++ b/src/main/webapp/codemirror/doc/logo.svg
@@ -0,0 +1,147 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="744.09448819"
+   height="1052.3622047"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   inkscape:export-filename="/home/marijn/src/js/codemirror/doc/logo.png"
+   inkscape:export-xdpi="27.450405"
+   inkscape:export-ydpi="27.450405"
+   sodipodi:docname="logo.svg">
+  <defs
+     id="defs4">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath4138">
+      <path
+         transform="matrix(1.05,0,0,1,-290.76164,27.927128)"
+         d="m 705.08647,231.61324 a 70.710678,104.55079 0 1 1 -141.42135,0 70.710678,104.55079 0 1 1 141.42135,0 z"
+         sodipodi:ry="104.55079"
+         sodipodi:rx="70.710678"
+         sodipodi:cy="231.61324"
+         sodipodi:cx="634.37579"
+         id="path4140"
+         style="fill:#ffffff;fill-opacity:1;stroke:none"
+         sodipodi:type="arc" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="291.72812"
+     inkscape:cy="789.2497"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1600"
+     inkscape:window-height="875"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <text
+       xml:space="preserve"
+       style="font-size:15px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#a21313;fill-opacity:1;stroke:none;font-family:Ubuntu Mono;-inkscape-font-specification:Ubuntu Mono"
+       x="247.48738"
+       y="163.42795"
+       id="text4006"
+       sodipodi:linespacing="125%"
+       clip-path="url(#clipPath4138)"
+       transform="translate(0.50507287,0.50507595)"><tspan
+         sodipodi:role="line"
+         id="tspan4008"
+         x="247.48738"
+         y="163.42795">    if (unit == &quot;char&quot;) moveOnce();</tspan><tspan
+         sodipodi:role="line"
+         x="247.48738"
+         y="182.17795"
+         id="tspan4010">    else if (unit == &quot;column&quot;) moveOnce(true);</tspan><tspan
+         sodipodi:role="line"
+         x="247.48738"
+         y="200.92795"
+         id="tspan4012">    else if (unit == &quot;word&quot; || unit == &quot;group&quot;) {</tspan><tspan
+         sodipodi:role="line"
+         x="247.48738"
+         y="219.67795"
+         id="tspan4014">      var sawType = null, group = unit == &quot;group&quot;;</tspan><tspan
+         sodipodi:role="line"
+         x="247.48738"
+         y="238.42795"
+         id="tspan4016">      for (var first = true;; first = false) {</tspan><tspan
+         sodipodi:role="line"
+         x="247.48738"
+         y="257.17795"
+         id="tspan4018">        if (dir &lt; 0 &amp;&amp; !moveOnce(!first)) break;</tspan><tspan
+         sodipodi:role="line"
+         x="247.48738"
+         y="275.92795"
+         id="tspan4020">        var cur = lineObj.text.charAt(ch) || &quot;\n&quot;;</tspan><tspan
+         sodipodi:role="line"
+         x="247.48738"
+         y="294.67795"
+         id="tspan4022">        var type = isWordChar(cur) ? &quot;w&quot;</tspan><tspan
+         sodipodi:role="line"
+         x="247.48738"
+         y="313.42795"
+         id="tspan4024">          : !group ? null</tspan><tspan
+         sodipodi:role="line"
+         x="247.48738"
+         y="332.17795"
+         id="tspan4026">          : /\s/.test(cur) ? null</tspan><tspan
+         sodipodi:role="line"
+         x="247.48738"
+         y="350.92795"
+         id="tspan4028">          : &quot;p&quot;; // punctuation</tspan><tspan
+         sodipodi:role="line"
+         x="247.48738"
+         y="369.67795"
+         id="tspan4046">        if (sawType &amp;&amp; sawType</tspan></text>
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 374.84375 136.8125 C 371.96854 136.71001 368.64305 137.97919 365.15625 142.03125 C 361.97051 140.84608 359.22347 140.35622 356.84375 140.375 C 346.53162 140.4564 343.3125 149.71875 343.3125 149.71875 C 326.2234 146.67934 325.625 162.59375 325.625 162.59375 C 309.43195 163.37101 312.4375 177.375 312.4375 177.375 C 295.67899 180.15651 301.1875 194 301.1875 194 C 284.10838 199.04575 293.4375 212.46875 293.4375 212.46875 C 293.4375 212.46875 277.68174 220.31271 288.1875 232.25 C 288.1875 232.25 273.81776 243.63282 285.90625 253.34375 C 285.90625 253.34375 271.57897 263.97487 286.40625 275.03125 C 286.40625 275.03125 273.84147 285.48036 289.96875 295.3125 C 289.96875 295.3125 278.92374 306.07108 295.59375 314.65625 C 295.59375 314.65625 287.70844 329.01862 305.96875 335.125 C 305.96875 335.125 300.47495 348.88874 319.09375 351.46875 C 319.09375 351.46875 315.90162 357.19564 321.59375 361.15625 C 321.59375 361.15625 310.04416 364.78661 312.5625 374.40625 C 313.83361 379.26171 316.82684 380.49158 323.53125 380.1875 C 323.53125 380.1875 329.096 395.54812 350.46875 398.96875 L 353.125 402.59375 C 353.125 402.59375 342.80592 409.64088 359.125 421.5 C 359.125 421.5 354.16126 425.74314 363.28125 433.34375 C 363.28125 433.34375 357.54117 438.3362 365.75 442.625 C 365.75 442.625 361.35822 445.96166 366.09375 448.125 C 366.09375 448.125 370.88293 490.18262 355.40625 534.4375 C 355.40625 534.4375 341.28721 542.04782 350.1875 556.96875 C 350.1875 556.96875 331.59675 562.24093 345.09375 575.53125 C 345.09375 575.53125 342.0547 585.56155 349.375 585.78125 C 349.375 585.78125 346.16048 592.54552 354.4375 594.5625 C 354.4375 594.5625 353.17883 603.88113 364.09375 602.1875 C 369.44813 608.40994 378.92733 608.70518 385.21875 602.34375 C 396.13361 604.03738 394.875 594.71875 394.875 594.71875 C 403.15197 592.70177 399.9375 585.9375 399.9375 585.9375 C 407.25781 585.7178 404.21875 575.6875 404.21875 575.6875 C 417.71573 562.39718 399.125 557.09375 399.125 557.09375 C 408.0253 542.17282 393.90625 534.5625 393.90625 534.5625 C 378.42953 490.30762 383.21875 448.28125 383.21875 448.28125 C 387.95421 446.11791 383.5625 442.78125 383.5625 442.78125 C 391.77129 438.49245 386.03125 433.5 386.03125 433.5 C 395.15125 425.89939 390.1875 421.65625 390.1875 421.65625 C 406.5066 409.79713 396.1875 402.75 396.1875 402.75 L 398.84375 399.125 C 420.21649 395.70437 425.78125 380.34375 425.78125 380.34375 C 432.48566 380.64783 435.47889 379.41796 436.75 374.5625 C 439.26834 364.94286 427.75 361.3125 427.75 361.3125 C 433.44213 357.35188 430.21875 351.59375 430.21875 351.59375 C 448.83755 349.01373 443.34375 335.28125 443.34375 335.28125 C 461.60406 329.17487 453.71875 314.78125 453.71875 314.78125 C 470.38876 306.19608 459.34375 295.46875 459.34375 295.46875 C 475.47103 285.63661 462.90625 275.1875 462.90625 275.1875 C 477.73353 264.13112 463.40625 253.5 463.40625 253.5 C 475.49474 243.78907 461.15625 232.375 461.15625 232.375 C 471.66201 220.43771 455.875 212.625 455.875 212.625 C 455.875 212.625 465.20411 199.202 448.125 194.15625 C 448.125 194.15625 453.66476 180.31276 436.90625 177.53125 C 436.90625 177.53125 439.88054 163.52726 423.6875 162.75 C 423.6875 162.75 423.0891 146.8356 406 149.875 C 406 149.875 401.14687 135.83532 384.15625 142.15625 C 384.15625 142.15625 380.33279 137.00815 374.84375 136.8125 z M 375.34375 155 C 416.3488 155 449.59375 201.78944 449.59375 259.53125 C 449.59375 317.27306 416.3488 364.09375 375.34375 364.09375 C 334.3387 364.09375 301.09375 317.27306 301.09375 259.53125 C 301.09375 201.78944 334.3387 155 375.34375 155 z "
+       id="rect3058" />
+    <text
+       sodipodi:linespacing="125%"
+       id="text4207"
+       y="491.91403"
+       x="149.69542"
+       style="font-size:95px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#a21313;fill-opacity:1;stroke:none;font-family:Source Sans;-inkscape-font-specification:Source Sans"
+       xml:space="preserve"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90"><tspan
+         y="491.91403"
+         x="149.69542"
+         id="tspan4209"
+         sodipodi:role="line">Code  Mirror</tspan></text>
+  </g>
+</svg>
diff --git a/src/main/webapp/codemirror/doc/manual.html b/src/main/webapp/codemirror/doc/manual.html
new file mode 100644
index 00000000..a0c650e1
--- /dev/null
+++ b/src/main/webapp/codemirror/doc/manual.html
@@ -0,0 +1,2532 @@
+<!doctype html>
+
+<title>CodeMirror: User Manual</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="docs.css">
+<script src="activebookmark.js"></script>
+
+<script src="../lib/codemirror.js"></script>
+<link rel="stylesheet" href="../lib/codemirror.css">
+<script src="../addon/runmode/runmode.js"></script>
+<script src="../addon/runmode/colorize.js"></script>
+<script src="../mode/javascript/javascript.js"></script>
+<script src="../mode/xml/xml.js"></script>
+<script src="../mode/css/css.js"></script>
+<script src="../mode/htmlmixed/htmlmixed.js"></script>
+<style>
+  dt { text-indent: -2em; padding-left: 2em; margin-top: 1em; }
+  dd { margin-left: 1.5em; margin-bottom: 1em; }
+  dt {margin-top: 1em;}
+  dd dl, dd dt, dd dd, dd ul { margin-top: 0; margin-bottom: 0; }
+</style>
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="logo.png"></a>
+
+  <ul>
+    <li><a href="../index.html">Home</a>
+    <li><a href="#overview" class=active data-default="true">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="#usage">Basic Usage</a></li>
+    <li><a href="#config">Configuration</a></li>
+    <li><a href="#events">Events</a></li>
+    <li><a href="#keymaps">Keymaps</a></li>
+    <li><a href="#styling">Customized Styling</a></li>
+    <li><a href="#api">Programming API</a>
+      <ul>
+        <li><a href="#api_constructor">Constructor</a></li>
+        <li><a href="#api_content">Content manipulation</a></li>
+        <li><a href="#api_selection">Selection</a></li>
+        <li><a href="#api_configuration">Configuration</a></li>
+        <li><a href="#api_doc">Document management</a></li>
+        <li><a href="#api_history">History</a></li>
+        <li><a href="#api_marker">Text-marking</a></li>
+        <li><a href="#api_decoration">Widget, gutter, and decoration</a></li>
+        <li><a href="#api_sizing">Sizing, scrolling, and positioning</a></li>
+        <li><a href="#api_mode">Mode, state, and tokens</a></li>
+        <li><a href="#api_misc">Miscellaneous methods</a></li>
+        <li><a href="#api_static">Static properties</a></li>
+      </ul>
+    </li>
+    <li><a href="#addons">Addons</a></li>
+    <li><a href="#modeapi">Writing CodeMirror Modes</a></li>
+  </ul>
+</div>
+
+<article>
+
+<section class=first id=overview>
+    <h2>User manual and reference guide</h2>
+
+    <p>CodeMirror is a code-editor component that can be embedded in
+    Web pages. The core library provides <em>only</em> the editor
+    component, no accompanying buttons, auto-completion, or other IDE
+    functionality. It does provide a rich API on top of which such
+    functionality can be straightforwardly implemented. See
+    the <a href="#addons">addons</a> included in the distribution,
+    and the <a href="https://github.com/marijnh/CodeMirror/wiki/CodeMirror-addons">list
+    of externally hosted addons</a>, for reusable
+    implementations of extra features.</p>
+
+    <p>CodeMirror works with language-specific modes. Modes are
+    JavaScript programs that help color (and optionally indent) text
+    written in a given language. The distribution comes with a number
+    of modes (see the <a href="../mode/"><code>mode/</code></a>
+    directory), and it isn't hard to <a href="#modeapi">write new
+    ones</a> for other languages.</p>
+</section>
+
+<section id=usage>
+    <h2>Basic Usage</h2>
+
+    <p>The easiest way to use CodeMirror is to simply load the script
+    and style sheet found under <code>lib/</code> in the distribution,
+    plus a mode script from one of the <code>mode/</code> directories.
+    (See <a href="compress.html">the compression helper</a> for an
+    easy way to combine scripts.) For example:</p>
+
+    <pre data-lang="text/html">&lt;script src="lib/codemirror.js">&lt;/script>
+&lt;link rel="stylesheet" href="../lib/codemirror.css">
+&lt;script src="mode/javascript/javascript.js">&lt;/script></pre>
+
+    <p>Having done this, an editor instance can be created like
+    this:</p>
+
+    <pre data-lang="javascript">var myCodeMirror = CodeMirror(document.body);</pre>
+
+    <p>The editor will be appended to the document body, will start
+    empty, and will use the mode that we loaded. To have more control
+    over the new editor, a configuration object can be passed
+    to <a href="#CodeMirror"><code>CodeMirror</code></a> as a second
+    argument:</p>
+
+    <pre data-lang="javascript">var myCodeMirror = CodeMirror(document.body, {
+  value: "function myScript(){return 100;}\n",
+  mode:  "javascript"
+});</pre>
+
+    <p>This will initialize the editor with a piece of code already in
+    it, and explicitly tell it to use the JavaScript mode (which is
+    useful when multiple modes are loaded).
+    See <a href="#config">below</a> for a full discussion of the
+    configuration options that CodeMirror accepts.</p>
+
+    <p>In cases where you don't want to append the editor to an
+    element, and need more control over the way it is inserted, the
+    first argument to the <code>CodeMirror</code> function can also
+    be a function that, when given a DOM element, inserts it into the
+    document somewhere. This could be used to, for example, replace a
+    textarea with a real editor:</p>
+
+    <pre data-lang="javascript">var myCodeMirror = CodeMirror(function(elt) {
+  myTextArea.parentNode.replaceChild(elt, myTextArea);
+}, {value: myTextArea.value});</pre>
+
+    <p>However, for this use case, which is a common way to use
+    CodeMirror, the library provides a much more powerful
+    shortcut:</p>
+
+    <pre data-lang="javascript">var myCodeMirror = CodeMirror.fromTextArea(myTextArea);</pre>
+
+    <p>This will, among other things, ensure that the textarea's value
+    is updated with the editor's contents when the form (if it is part
+    of a form) is submitted. See the <a href="#fromTextArea">API
+    reference</a> for a full description of this method.</p>
+
+</section>
+<section id=config>
+    <h2>Configuration</h2>
+
+    <p>Both the <a href="#CodeMirror"><code>CodeMirror</code></a>
+    function and its <code>fromTextArea</code> method take as second
+    (optional) argument an object containing configuration options.
+    Any option not supplied like this will be taken
+    from <a href="#defaults"><code>CodeMirror.defaults</code></a>, an
+    object containing the default options. You can update this object
+    to change the defaults on your page.</p>
+
+    <p>Options are not checked in any way, so setting bogus option
+    values is bound to lead to odd errors.</p>
+
+    <p>These are the supported options:</p>
+
+    <dl>
+      <dt id="option_value"><code><strong>value</strong>: string|CodeMirror.Doc</code></dt>
+      <dd>The starting value of the editor. Can be a string, or
+      a <a href="#api_doc">document object</a>.</dd>
+
+      <dt id="option_mode"><code><strong>mode</strong>: string|object</code></dt>
+      <dd>The mode to use. When not given, this will default to the
+      first mode that was loaded. It may be a string, which either
+      simply names the mode or is
+      a <a href="http://en.wikipedia.org/wiki/MIME">MIME</a> type
+      associated with the mode. Alternatively, it may be an object
+      containing configuration options for the mode, with
+      a <code>name</code> property that names the mode (for
+      example <code>{name: "javascript", json: true}</code>). The demo
+      pages for each mode contain information about what configuration
+      parameters the mode supports. You can ask CodeMirror which modes
+      and MIME types have been defined by inspecting
+      the <code>CodeMirror.modes</code>
+      and <code>CodeMirror.mimeModes</code> objects. The first maps
+      mode names to their constructors, and the second maps MIME types
+      to mode specs.</dd>
+
+      <dt id="option_theme"><code><strong>theme</strong>: string</code></dt>
+      <dd>The theme to style the editor with. You must make sure the
+      CSS file defining the corresponding <code>.cm-s-[name]</code>
+      styles is loaded (see
+      the <a href="../theme/"><code>theme</code></a> directory in the
+      distribution). The default is <code>"default"</code>, for which
+      colors are included in <code>codemirror.css</code>. It is
+      possible to use multiple theming classes at once—for
+      example <code>"foo bar"</code> will assign both
+      the <code>cm-s-foo</code> and the <code>cm-s-bar</code> classes
+      to the editor.</dd>
+
+      <dt id="option_indentUnit"><code><strong>indentUnit</strong>: integer</code></dt>
+      <dd>How many spaces a block (whatever that means in the edited
+      language) should be indented. The default is 2.</dd>
+
+      <dt id="option_smartIndent"><code><strong>smartIndent</strong>: boolean</code></dt>
+      <dd>Whether to use the context-sensitive indentation that the
+      mode provides (or just indent the same as the line before).
+      Defaults to true.</dd>
+
+      <dt id="option_tabSize"><code><strong>tabSize</strong>: integer</code></dt>
+      <dd>The width of a tab character. Defaults to 4.</dd>
+
+      <dt id="option_indentWithTabs"><code><strong>indentWithTabs</strong>: boolean</code></dt>
+      <dd>Whether, when indenting, the first N*<code>tabSize</code>
+      spaces should be replaced by N tabs. Default is false.</dd>
+
+      <dt id="option_electricChars"><code><strong>electricChars</strong>: boolean</code></dt>
+      <dd>Configures whether the editor should re-indent the current
+      line when a character is typed that might change its proper
+      indentation (only works if the mode supports indentation).
+      Default is true.</dd>
+
+      <dt id="option_specialChars"><code><strong>specialChars</strong>: RegExp</code></dt>
+      <dd>A regular expression used to determine which characters
+      should be replaced by a
+      special <a href="#option_specialCharPlaceholder">placeholder</a>.
+      Mostly useful for non-printing special characters. The default
+      is <code>/[\u0000-\u0019\u00ad\u200b\u2028\u2029\ufeff]/</code>.</dd>
+      <dt id="option_specialCharPlaceholder"><code><strong>specialCharPlaceholder</strong>: function(char) → Element</code></dt>
+      <dd>A function that, given a special character identified by
+      the <a href="#option_specialChars"><code>specialChars</code></a>
+      option, produces a DOM node that is used to represent the
+      character. By default, a red dot (<span style="color: red">•</span>)
+      is shown, with a title tooltip to indicate the character code.</dd>
+
+      <dt id="option_rtlMoveVisually"><code><strong>rtlMoveVisually</strong>: boolean</code></dt>
+      <dd>Determines whether horizontal cursor movement through
+      right-to-left (Arabic, Hebrew) text is visual (pressing the left
+      arrow moves the cursor left) or logical (pressing the left arrow
+      moves to the next lower index in the string, which is visually
+      right in right-to-left text). The default is <code>false</code>
+      on Windows, and <code>true</code> on other platforms.</dd>
+
+      <dt id="option_keyMap"><code><strong>keyMap</strong>: string</code></dt>
+      <dd>Configures the keymap to use. The default
+      is <code>"default"</code>, which is the only keymap defined
+      in <code>codemirror.js</code> itself. Extra keymaps are found in
+      the <a href="../keymap/"><code>keymap</code></a> directory. See
+      the <a href="#keymaps">section on keymaps</a> for more
+      information.</dd>
+
+      <dt id="option_extraKeys"><code><strong>extraKeys</strong>: object</code></dt>
+      <dd>Can be used to specify extra keybindings for the editor,
+      alongside the ones defined
+      by <a href="#option_keyMap"><code>keyMap</code></a>. Should be
+      either null, or a valid <a href="#keymaps">keymap</a> value.</dd>
+
+      <dt id="option_lineWrapping"><code><strong>lineWrapping</strong>: boolean</code></dt>
+      <dd>Whether CodeMirror should scroll or wrap for long lines.
+      Defaults to <code>false</code> (scroll).</dd>
+
+      <dt id="option_lineNumbers"><code><strong>lineNumbers</strong>: boolean</code></dt>
+      <dd>Whether to show line numbers to the left of the editor.</dd>
+
+      <dt id="option_firstLineNumber"><code><strong>firstLineNumber</strong>: integer</code></dt>
+      <dd>At which number to start counting lines. Default is 1.</dd>
+
+      <dt id="option_lineNumberFormatter"><code><strong>lineNumberFormatter</strong>: function(line: integer) → string</code></dt>
+      <dd>A function used to format line numbers. The function is
+      passed the line number, and should return a string that will be
+      shown in the gutter.</dd>
+
+      <dt id="option_gutters"><code><strong>gutters</strong>: array&lt;string&gt;</code></dt>
+      <dd>Can be used to add extra gutters (beyond or instead of the
+      line number gutter). Should be an array of CSS class names, each
+      of which defines a <code>width</code> (and optionally a
+      background), and which will be used to draw the background of
+      the gutters. <em>May</em> include
+      the <code>CodeMirror-linenumbers</code> class, in order to
+      explicitly set the position of the line number gutter (it will
+      default to be to the right of all other gutters). These class
+      names are the keys passed
+      to <a href="#setGutterMarker"><code>setGutterMarker</code></a>.</dd>
+
+      <dt id="option_fixedGutter"><code><strong>fixedGutter</strong>: boolean</code></dt>
+      <dd>Determines whether the gutter scrolls along with the content
+      horizontally (false) or whether it stays fixed during horizontal
+      scrolling (true, the default).</dd>
+
+      <dt id="option_coverGutterNextToScrollbar"><code><strong>coverGutterNextToScrollbar</strong>: boolean</code></dt>
+      <dd>When <a href="#option_fixedGutter"><code>fixedGutter</code></a>
+      is on, and there is a horizontal scrollbar, by default the
+      gutter will be visible to the left of this scrollbar. If this
+      option is set to true, it will be covered by an element with
+      class <code>CodeMirror-gutter-filler</code>.</dd>
+
+      <dt id="option_readOnly"><code><strong>readOnly</strong>: boolean|string</code></dt>
+      <dd>This disables editing of the editor content by the user. If
+      the special value <code>"nocursor"</code> is given (instead of
+      simply <code>true</code>), focusing of the editor is also
+      disallowed.</dd>
+
+      <dt id="option_showCursorWhenSelecting"><code><strong>showCursorWhenSelecting</strong>: boolean</code></dt>
+      <dd>Whether the cursor should be drawn when a selection is
+      active. Defaults to false.</dd>
+
+      <dt id="option_undoDepth"><code><strong>undoDepth</strong>: integer</code></dt>
+      <dd>The maximum number of undo levels that the editor stores.
+      Defaults to 40.</dd>
+
+      <dt id="option_historyEventDelay"><code><strong>historyEventDelay</strong>: integer</code></dt>
+      <dd>The period of inactivity (in milliseconds) that will cause a
+      new history event to be started when typing or deleting.
+      Defaults to 500.</dd>
+
+      <dt id="option_tabindex"><code><strong>tabindex</strong>: integer</code></dt>
+      <dd>The <a href="http://www.w3.org/TR/html401/interact/forms.html#adef-tabindex">tab
+      index</a> to assign to the editor. If not given, no tab index
+      will be assigned.</dd>
+
+      <dt id="option_autofocus"><code><strong>autofocus</strong>: boolean</code></dt>
+      <dd>Can be used to make CodeMirror focus itself on
+      initialization. Defaults to off.
+      When <a href="#fromTextArea"><code>fromTextArea</code></a> is
+      used, and no explicit value is given for this option, it will be
+      set to true when either the source textarea is focused, or it
+      has an <code>autofocus</code> attribute and no other element is
+      focused.</dd>
+    </dl>
+
+    <p>Below this a few more specialized, low-level options are
+    listed. These are only useful in very specific situations, you
+    might want to skip them the first time you read this manual.</p>
+
+    <dl>
+      <dt id="option_dragDrop"><code><strong>dragDrop</strong>: boolean</code></dt>
+      <dd>Controls whether drag-and-drop is enabled. On by default.</dd>
+
+      <dt id="option_onDragEvent"><code><strong>onDragEvent</strong>: function(instance: CodeMirror, event: Event) → boolean</code></dt>
+      <dd><em>Deprecated! See <a href="#event_dom">these</a> event
+      handlers for the current recommended approach.</em><br>When given,
+      this will be called when the editor is handling
+      a <code>dragenter</code>, <code>dragover</code>,
+      or <code>drop</code> event. It will be passed the editor
+      instance and the event object as arguments. The callback can
+      choose to handle the event itself, in which case it should
+      return <code>true</code> to indicate that CodeMirror should not
+      do anything further.</dd>
+
+      <dt id="option_onKeyEvent"><code><strong>onKeyEvent</strong>: function(instance: CodeMirror, event: Event) → boolean</code></dt>
+      <dd><em>Deprecated! See <a href="#event_dom">these</a> event
+      handlers for the current recommended approach.</em><br>This
+      provides a rather low-level hook into CodeMirror's key handling.
+      If provided, this function will be called on
+      every <code>keydown</code>, <code>keyup</code>,
+      and <code>keypress</code> event that CodeMirror captures. It
+      will be passed two arguments, the editor instance and the key
+      event. This key event is pretty much the raw key event, except
+      that a <code>stop()</code> method is always added to it. You
+      could feed it to, for example, <code>jQuery.Event</code> to
+      further normalize it.<br>This function can inspect the key
+      event, and handle it if it wants to. It may return true to tell
+      CodeMirror to ignore the event. Be wary that, on some browsers,
+      stopping a <code>keydown</code> does not stop
+      the <code>keypress</code> from firing, whereas on others it
+      does. If you respond to an event, you should probably inspect
+      its <code>type</code> property and only do something when it
+      is <code>keydown</code> (or <code>keypress</code> for actions
+      that need character data).</dd>
+
+      <dt id="option_cursorBlinkRate"><code><strong>cursorBlinkRate</strong>: number</code></dt>
+      <dd>Half-period in milliseconds used for cursor blinking. The default blink
+      rate is 530ms. By setting this to zero, blinking can be disabled.</dd>
+
+      <dt id="option_cursorScrollMargin"><code><strong>cursorScrollMargin</strong>: number</code></dt>
+      <dd>How much extra space to always keep above and below the
+      cursor when approaching the top or bottom of the visible view in
+      a scrollable document. Default is 0.</dd>
+
+      <dt id="option_cursorHeight"><code><strong>cursorHeight</strong>: number</code></dt>
+      <dd>Determines the height of the cursor. Default is 1, meaning
+      it spans the whole height of the line. For some fonts (and by
+      some tastes) a smaller height (for example <code>0.85</code>),
+      which causes the cursor to not reach all the way to the bottom
+      of the line, looks better</dd>
+
+      <dt id="option_resetSelectionOnContextMenu"><code><strong>resetSelectionOnContextMenu</strong>: boolean</code></dt>
+      <dd>Controls whether, when the context menu is opened with a
+      click outside of the current selection, the cursor is moved to
+      the point of the click. Defaults to <code>true</code>.</dd>
+
+      <dt id="option_workTime"><code><strong>workTime</strong>, <strong>workDelay</strong>: number</code></dt>
+      <dd>Highlighting is done by a pseudo background-thread that will
+      work for <code>workTime</code> milliseconds, and then use
+      timeout to sleep for <code>workDelay</code> milliseconds. The
+      defaults are 200 and 300, you can change these options to make
+      the highlighting more or less aggressive.</dd>
+
+      <dt id="option_workDelay"><code><strong>workDelay</strong>: number</code></dt>
+      <dd>See <a href="#option_workTime"><code>workTime</code></a>.</dd>
+
+      <dt id="option_pollInterval"><code><strong>pollInterval</strong>: number</code></dt>
+      <dd>Indicates how quickly CodeMirror should poll its input
+      textarea for changes (when focused). Most input is captured by
+      events, but some things, like IME input on some browsers, don't
+      generate events that allow CodeMirror to properly detect it.
+      Thus, it polls. Default is 100 milliseconds.</dd>
+
+      <dt id="option_flattenSpans"><code><strong>flattenSpans</strong>: boolean</code></dt>
+      <dd>By default, CodeMirror will combine adjacent tokens into a
+      single span if they have the same class. This will result in a
+      simpler DOM tree, and thus perform better. With some kinds of
+      styling (such as rounded corners), this will change the way the
+      document looks. You can set this option to false to disable this
+      behavior.</dd>
+
+      <dt id="option_maxHighlightLength"><code><strong>maxHighlightLength</strong>: number</code></dt>
+      <dd>When highlighting long lines, in order to stay responsive,
+      the editor will give up and simply style the rest of the line as
+      plain text when it reaches a certain position. The default is
+      10 000. You can set this to <code>Infinity</code> to turn off
+      this behavior.</dd>
+
+      <dt id="option_crudeMeasuringFrom"><code><strong>crudeMeasuringFrom</strong>: number</code></dt>
+      <dd>When measuring the character positions in long lines, any
+      line longer than this number (default is 10 000),
+      when <a href="#option_lineWrapping">line wrapping</a>
+      is <strong>off</strong>, will simply be assumed to consist of
+      same-sized characters. This means that, on the one hand,
+      measuring will be inaccurate when characters of varying size,
+      right-to-left text, markers, or other irregular elements are
+      present. On the other hand, it means that having such a line
+      won't freeze the user interface because of the expensiveness of
+      the measurements.</dd>
+
+      <dt id="option_viewportMargin"><code><strong>viewportMargin</strong>: integer</code></dt>
+      <dd>Specifies the amount of lines that are rendered above and
+      below the part of the document that's currently scrolled into
+      view. This affects the amount of updates needed when scrolling,
+      and the amount of work that such an update does. You should
+      usually leave it at its default, 10. Can be set
+      to <code>Infinity</code> to make sure the whole document is
+      always rendered, and thus the browser's text search works on it.
+      This <em>will</em> have bad effects on performance of big
+      documents.</dd>
+    </dl>
+</section>
+
+<section id=events>
+    <h2>Events</h2>
+
+    <p>Various CodeMirror-related objects emit events, which allow
+    client code to react to various situations. Handlers for such
+    events can be registed with the <a href="#on"><code>on</code></a>
+    and <a href="#off"><code>off</code></a> methods on the objects
+    that the event fires on. To fire your own events,
+    use <code>CodeMirror.signal(target, name, args...)</code>,
+    where <code>target</code> is a non-DOM-node object.</p>
+
+    <p>An editor instance fires the following events.
+    The <code>instance</code> argument always refers to the editor
+    itself.</p>
+
+    <dl>
+      <dt id="event_change"><code><strong>"change"</strong> (instance: CodeMirror, changeObj: object)</code></dt>
+      <dd>Fires every time the content of the editor is changed.
+      The <code>changeObj</code> is a <code>{from, to, text, removed,
+      next}</code> object containing information about the changes
+      that occurred as second argument. <code>from</code>
+      and <code>to</code> are the positions (in the pre-change
+      coordinate system) where the change started and ended (for
+      example, it might be <code>{ch:0, line:18}</code> if the
+      position is at the beginning of line #19). <code>text</code> is
+      an array of strings representing the text that replaced the
+      changed range (split by line). <code>removed</code> is the text
+      that used to be between <code>from</code> and <code>to</code>,
+      which is overwritten by this change. If multiple changes
+      happened during a single operation, the object will have
+      a <code>next</code> property pointing to another change object
+      (which may point to another, etc).</dd>
+
+      <dt id="event_beforeChange"><code><strong>"beforeChange"</strong> (instance: CodeMirror, changeObj: object)</code></dt>
+      <dd>This event is fired before a change is applied, and its
+      handler may choose to modify or cancel the change.
+      The <code>changeObj</code> object
+      has <code>from</code>, <code>to</code>, and <code>text</code>
+      properties, as with
+      the <a href="#event_change"><code>"change"</code></a> event, but
+      never a <code>next</code> property, since this is fired for each
+      individual change, and not batched per operation. It also has
+      a <code>cancel()</code> method, which can be called to cancel
+      the change, and, <strong>if</strong> the change isn't coming
+      from an undo or redo event, an <code>update(from, to,
+      text)</code> method, which may be used to modify the change.
+      Undo or redo changes can't be modified, because they hold some
+      metainformation for restoring old marked ranges that is only
+      valid for that specific change. All three arguments
+      to <code>update</code> are optional, and can be left off to
+      leave the existing value for that field
+      intact. <strong>Note:</strong> you may not do anything from
+      a <code>"beforeChange"</code> handler that would cause changes
+      to the document or its visualization. Doing so will, since this
+      handler is called directly from the bowels of the CodeMirror
+      implementation, probably cause the editor to become
+      corrupted.</dd>
+
+      <dt id="event_cursorActivity"><code><strong>"cursorActivity"</strong> (instance: CodeMirror)</code></dt>
+      <dd>Will be fired when the cursor or selection moves, or any
+      change is made to the editor content.</dd>
+
+      <dt id="event_keyHandled"><code><strong>"keyHandled"</strong> (instance: CodeMirror, name: string, event: Event)</code></dt>
+      <dd>Fired after a key is handled through a
+      keymap. <code>name</code> is the name of the handled key (for
+      example <code>"Ctrl-X"</code> or <code>"'q'"</code>),
+      and <code>event</code> is the DOM <code>keydown</code>
+      or <code>keypress</code> event.</dd>
+
+      <dt id="event_inputRead"><code><strong>"inputRead"</strong> (instance: CodeMirror, changeObj: object)</code></dt>
+      <dd>Fired whenever new input is read from the hidden textarea
+      (typed or pasted by the user).</dd>
+
+      <dt id="event_beforeSelectionChange"><code><strong>"beforeSelectionChange"</strong> (instance: CodeMirror, selection: {head, anchor})</code></dt>
+      <dd>This event is fired before the selection is moved. Its
+      handler may modify the resulting selection head and anchor.
+      The <code>selection</code> parameter is an object
+      with <code>head</code> and <code>anchor</code> properties
+      holding <code>{line, ch}</code> objects, which the handler can
+      read and update. Handlers for this event have the same
+      restriction
+      as <a href="#event_beforeChange"><code>"beforeChange"</code></a>
+      handlers — they should not do anything to directly update the
+      state of the editor.</dd>
+
+      <dt id="event_viewportChange"><code><strong>"viewportChange"</strong> (instance: CodeMirror, from: number, to: number)</code></dt>
+      <dd>Fires whenever the <a href="#getViewport">view port</a> of
+      the editor changes (due to scrolling, editing, or any other
+      factor). The <code>from</code> and <code>to</code> arguments
+      give the new start and end of the viewport.</dd>
+
+      <dt id="event_swapDoc"><code><strong>"swapDoc"</strong> (instance: CodeMirror, oldDoc: Doc)</code></dt>
+      <dd>This is signalled when the editor's document is replaced
+      using the <a href="#swapDoc"><code>swapDoc</code></a>
+      method.</dd>
+
+      <dt id="event_gutterClick"><code><strong>"gutterClick"</strong> (instance: CodeMirror, line: integer, gutter: string, clickEvent: Event)</code></dt>
+      <dd>Fires when the editor gutter (the line-number area) is
+      clicked. Will pass the editor instance as first argument, the
+      (zero-based) number of the line that was clicked as second
+      argument, the CSS class of the gutter that was clicked as third
+      argument, and the raw <code>mousedown</code> event object as
+      fourth argument.</dd>
+
+      <dt id="event_gutterContextMenu"><code><strong>"gutterContextMenu"</strong> (instance: CodeMirror, line: integer, gutter: string, contextMenu: Event: Event)</code></dt>
+      <dd>Fires when the editor gutter (the line-number area)
+      receives a <code>contextmenu</code> event. Will pass the editor
+      instance as first argument, the (zero-based) number of the line
+      that was clicked as second argument, the CSS class of the
+      gutter that was clicked as third argument, and the raw
+      <code>contextmenu</code> mouse event object as fourth argument.
+      You can <code>preventDefault</code> the event, to signal that
+      CodeMirror should do no further handling.</dd>
+
+      <dt id="event_focus"><code><strong>"focus"</strong> (instance: CodeMirror)</code></dt>
+      <dd>Fires whenever the editor is focused.</dd>
+
+      <dt id="event_blur"><code><strong>"blur"</strong> (instance: CodeMirror)</code></dt>
+      <dd>Fires whenever the editor is unfocused.</dd>
+
+      <dt id="event_scroll"><code><strong>"scroll"</strong> (instance: CodeMirror)</code></dt>
+      <dd>Fires when the editor is scrolled.</dd>
+
+      <dt id="event_update"><code><strong>"update"</strong> (instance: CodeMirror)</code></dt>
+      <dd>Will be fired whenever CodeMirror updates its DOM display.</dd>
+
+      <dt id="event_renderLine"><code><strong>"renderLine"</strong> (instance: CodeMirror, line: LineHandle, element: Element)</code></dt>
+      <dd>Fired whenever a line is (re-)rendered to the DOM. Fired
+      right after the DOM element is built, <em>before</em> it is
+      added to the document. The handler may mess with the style of
+      the resulting element, or add event handlers, but
+      should <em>not</em> try to change the state of the editor.</dd>
+
+      <dt id="event_dom"><code><strong>"mousedown"</strong>,
+      <strong>"dblclick"</strong>, <strong>"contextmenu"</strong>, <strong>"keydown"</strong>, <strong>"keypress"</strong>,
+      <strong>"keyup"</strong>, <strong>"dragstart"</strong>, <strong>"dragenter"</strong>,
+      <strong>"dragover"</strong>, <strong>"drop"</strong>
+      (instance: CodeMirror, event: Event)</code></dt>
+      <dd>Fired when CodeMirror is handling a DOM event of this type.
+      You can <code>preventDefault</code> the event, or give it a
+      truthy <code>codemirrorIgnore</code> property, to signal that
+      CodeMirror should do no further handling.</dd>
+    </dl>
+
+    <p>Document objects (instances
+    of <a href="#Doc"><code>CodeMirror.Doc</code></a>) emit the
+    following events:</p>
+
+    <dl>
+      <dt id="event_doc_change"><code><strong>"change"</strong> (doc: CodeMirror.Doc, changeObj: object)</code></dt>
+      <dd>Fired whenever a change occurs to the
+      document. <code>changeObj</code> has a similar type as the
+      object passed to the
+      editor's <a href="#event_change"><code>"change"</code></a>
+      event, but it never has a <code>next</code> property, because
+      document change events are not batched (whereas editor change
+      events are).</dd>
+
+      <dt id="event_doc_beforeChange"><code><strong>"beforeChange"</strong> (doc: CodeMirror.Doc, change: object)</code></dt>
+      <dd>See the <a href="#event_beforeChange">description of the
+      same event</a> on editor instances.</dd>
+
+      <dt id="event_doc_cursorActivity"><code><strong>"cursorActivity"</strong> (doc: CodeMirror.Doc)</code></dt>
+      <dd>Fired whenever the cursor or selection in this document
+      changes.</dd>
+
+      <dt id="event_doc_beforeSelectionChange"><code><strong>"beforeSelectionChange"</strong> (doc: CodeMirror.Doc, selection: {head, anchor})</code></dt>
+      <dd>Equivalent to
+      the <a href="#event_beforeSelectionChange">event by the same
+      name</a> as fired on editor instances.</dd>
+    </dl>
+
+    <p>Line handles (as returned by, for
+    example, <a href="#getLineHandle"><code>getLineHandle</code></a>)
+    support these events:</p>
+
+    <dl>
+      <dt id="event_delete"><code><strong>"delete"</strong> ()</code></dt>
+      <dd>Will be fired when the line object is deleted. A line object
+      is associated with the <em>start</em> of the line. Mostly useful
+      when you need to find out when your <a href="#setGutterMarker">gutter
+      markers</a> on a given line are removed.</dd>
+      <dt id="event_line_change"><code><strong>"change"</strong> (line: LineHandle, changeObj: object)</code></dt>
+      <dd>Fires when the line's text content is changed in any way
+      (but the line is not deleted outright). The <code>change</code>
+      object is similar to the one passed
+      to <a href="#event_change">change event</a> on the editor
+      object.</dd>
+    </dl>
+
+    <p>Marked range handles (<code>CodeMirror.TextMarker</code>), as returned
+    by <a href="#markText"><code>markText</code></a>
+    and <a href="#setBookmark"><code>setBookmark</code></a>, emit the
+    following events:</p>
+
+    <dl>
+      <dt id="event_beforeCursorEnter"><code><strong>"beforeCursorEnter"</strong> ()</code></dt>
+      <dd>Fired when the cursor enters the marked range. From this
+      event handler, the editor state may be inspected
+      but <em>not</em> modified, with the exception that the range on
+      which the event fires may be cleared.</dd>
+      <dt id="event_clear"><code><strong>"clear"</strong> (from: {line, ch}, to: {line, ch})</code></dt>
+      <dd>Fired when the range is cleared, either through cursor
+      movement in combination
+      with <a href="#mark_clearOnEnter"><code>clearOnEnter</code></a>
+      or through a call to its <code>clear()</code> method. Will only
+      be fired once per handle. Note that deleting the range through
+      text editing does not fire this event, because an undo action
+      might bring the range back into existence. <code>from</code>
+      and <code>to</code> give the part of the document that the range
+      spanned when it was cleared.</dd>
+      <dt id="event_hide"><code><strong>"hide"</strong> ()</code></dt>
+      <dd>Fired when the last part of the marker is removed from the
+      document by editing operations.</dd>
+      <dt id="event_unhide"><code><strong>"unhide"</strong> ()</code></dt>
+      <dd>Fired when, after the marker was removed by editing, a undo
+      operation brought the marker back.</dd>
+    </dl>
+
+    <p>Line widgets (<code>CodeMirror.LineWidget</code>), returned
+    by <a href="#addLineWidget"><code>addLineWidget</code></a>, fire
+    these events:</p>
+
+    <dl>
+      <dt id="event_redraw"><code><strong>"redraw"</strong> ()</code></dt>
+      <dd>Fired whenever the editor re-adds the widget to the DOM.
+      This will happen once right after the widget is added (if it is
+      scrolled into view), and then again whenever it is scrolled out
+      of view and back in again, or when changes to the editor options
+      or the line the widget is on require the widget to be
+      redrawn.</dd>
+    </dl>
+</section>
+
+<section id=keymaps>
+    <h2>Keymaps</h2>
+
+    <p>Keymaps are ways to associate keys with functionality. A keymap
+    is an object mapping strings that identify the keys to functions
+    that implement their functionality.</p>
+
+    <p>Keys are identified either by name or by character.
+    The <code>CodeMirror.keyNames</code> object defines names for
+    common keys and associates them with their key codes. Examples of
+    names defined here are <code>Enter</code>, <code>F5</code>,
+    and <code>Q</code>. These can be prefixed
+    with <code>Shift-</code>, <code>Cmd-</code>, <code>Ctrl-</code>,
+    and <code>Alt-</code> (in that order!) to specify a modifier. So
+    for example, <code>Shift-Ctrl-Space</code> would be a valid key
+    identifier.</p>
+
+    <p>Common example: map the Tab key to insert spaces instead of a tab
+    character.</p>
+
+    <pre data-lang="javascript">
+{
+  Tab: function(cm) {
+    var spaces = Array(cm.getOption("indentUnit") + 1).join(" ");
+    cm.replaceSelection(spaces, "end", "+input");
+  }
+}</pre>
+
+    <p>Alternatively, a character can be specified directly by
+    surrounding it in single quotes, for example <code>'$'</code>
+    or <code>'q'</code>. Due to limitations in the way browsers fire
+    key events, these may not be prefixed with modifiers.</p>
+
+    <p>The <code>CodeMirror.keyMap</code> object associates keymaps
+    with names. User code and keymap definitions can assign extra
+    properties to this object. Anywhere where a keymap is expected, a
+    string can be given, which will be looked up in this object. It
+    also contains the <code>"default"</code> keymap holding the
+    default bindings.</p>
+
+    <p id="commands">The values of properties in keymaps can be either functions of
+    a single argument (the CodeMirror instance), strings, or
+    <code>false</code>. Such strings refer to properties of the
+    <code>CodeMirror.commands</code> object, which defines a number of
+    common commands that are used by the default keybindings, and maps
+    them to functions. If the property is set to <code>false</code>,
+    CodeMirror leaves handling of the key up to the browser. A key
+    handler function may return <code>CodeMirror.Pass</code> to indicate
+    that it has decided not to handle the key, and other handlers (or
+    the default behavior) should be given a turn.</p>
+
+    <p>Keys mapped to command names that start with the
+    characters <code>"go"</code> (which should be used for
+    cursor-movement actions) will be fired even when an
+    extra <code>Shift</code> modifier is present (i.e. <code>"Up":
+    "goLineUp"</code> matches both up and shift-up). This is used to
+    easily implement shift-selection.</p>
+
+    <p>Keymaps can defer to each other by defining
+    a <code>fallthrough</code> property. This indicates that when a
+    key is not found in the map itself, one or more other maps should
+    be searched. It can hold either a single keymap or an array of
+    keymaps.</p>
+
+    <p>When a keymap contains a <code>nofallthrough</code> property
+    set to <code>true</code>, keys matched against that map will be
+    ignored if they don't match any of the bindings in the map (no
+    further child maps will be tried). When
+    the <code>disableInput</code> property is set
+    to <code>true</code>, the default effect of inserting a character
+    will be suppressed when the keymap is active as the top-level
+    map.</p>
+</section>
+
+<section id=styling>
+    <h2>Customized Styling</h2>
+
+    <p>Up to a certain extent, CodeMirror's look can be changed by
+    modifying style sheet files. The style sheets supplied by modes
+    simply provide the colors for that mode, and can be adapted in a
+    very straightforward way. To style the editor itself, it is
+    possible to alter or override the styles defined
+    in <a href="../lib/codemirror.css"><code>codemirror.css</code></a>.</p>
+
+    <p>Some care must be taken there, since a lot of the rules in this
+    file are necessary to have CodeMirror function properly. Adjusting
+    colors should be safe, of course, and with some care a lot of
+    other things can be changed as well. The CSS classes defined in
+    this file serve the following roles:</p>
+
+    <dl>
+      <dt id="class_CodeMirror"><code><strong>CodeMirror</strong></code></dt>
+      <dd>The outer element of the editor. This should be used for the
+      editor width, height, borders and positioning. Can also be used
+      to set styles that should hold for everything inside the editor
+      (such as font and font size), or to set a background.</dd>
+
+      <dt id="class_CodeMirror_scroll"><code><strong>CodeMirror-scroll</strong></code></dt>
+      <dd>Whether the editor scrolls (<code>overflow: auto</code> +
+      fixed height). By default, it does. Setting
+      the <code>CodeMirror</code> class to have <code>height:
+      auto</code> and giving this class <code>overflow-x: auto;
+      overflow-y: hidden;</code> will cause the editor
+      to <a href="../demo/resize.html">resize to fit its
+      content</a>.</dd>
+
+      <dt id="class_CodeMirror_focused"><code><strong>CodeMirror-focused</strong></code></dt>
+      <dd>Whenever the editor is focused, the top element gets this
+      class. This is used to hide the cursor and give the selection a
+      different color when the editor is not focused.</dd>
+
+      <dt id="class_CodeMirror_gutters"><code><strong>CodeMirror-gutters</strong></code></dt>
+      <dd>This is the backdrop for all gutters. Use it to set the
+      default gutter background color, and optionally add a border on
+      the right of the gutters.</dd>
+
+      <dt id="class_CodeMirror_linenumbers"><code><strong>CodeMirror-linenumbers</strong></code></dt>
+      <dd>Use this for giving a background or width to the line number
+      gutter.</dd>
+
+      <dt id="class_CodeMirror_linenumber"><code><strong>CodeMirror-linenumber</strong></code></dt>
+      <dd>Used to style the actual individual line numbers. These
+      won't be children of the <code>CodeMirror-linenumbers</code>
+      (plural) element, but rather will be absolutely positioned to
+      overlay it. Use this to set alignment and text properties for
+      the line numbers.</dd>
+
+      <dt id="class_CodeMirror_lines"><code><strong>CodeMirror-lines</strong></code></dt>
+      <dd>The visible lines. This is where you specify vertical
+      padding for the editor content.</dd>
+
+      <dt id="class_CodeMirror_cursor"><code><strong>CodeMirror-cursor</strong></code></dt>
+      <dd>The cursor is a block element that is absolutely positioned.
+      You can make it look whichever way you want.</dd>
+
+      <dt id="class_CodeMirror_selected"><code><strong>CodeMirror-selected</strong></code></dt>
+      <dd>The selection is represented by <code>span</code> elements
+      with this class.</dd>
+
+      <dt id="class_CodeMirror_matchingbracket"><code><strong>CodeMirror-matchingbracket</strong></code>,
+        <code><strong>CodeMirror-nonmatchingbracket</strong></code></dt>
+      <dd>These are used to style matched (or unmatched) brackets.</dd>
+    </dl>
+
+    <p>If your page's style sheets do funky things to
+    all <code>div</code> or <code>pre</code> elements (you probably
+    shouldn't do that), you'll have to define rules to cancel these
+    effects out again for elements under the <code>CodeMirror</code>
+    class.</p>
+
+    <p>Themes are also simply CSS files, which define colors for
+    various syntactic elements. See the files in
+    the <a href="../theme/"><code>theme</code></a> directory.</p>
+</section>
+
+<section id=api>
+    <h2>Programming API</h2>
+
+    <p>A lot of CodeMirror features are only available through its
+    API. Thus, you need to write code (or
+    use <a href="#addons">addons</a>) if you want to expose them to
+    your users.</p>
+
+    <p>Whenever points in the document are represented, the API uses
+    objects with <code>line</code> and <code>ch</code> properties.
+    Both are zero-based. CodeMirror makes sure to 'clip' any positions
+    passed by client code so that they fit inside the document, so you
+    shouldn't worry too much about sanitizing your coordinates. If you
+    give <code>ch</code> a value of <code>null</code>, or don't
+    specify it, it will be replaced with the length of the specified
+    line.</p>
+
+    <p>Methods prefixed with <code>doc.</code> can, unless otherwise
+    specified, be called both on <code>CodeMirror</code> (editor)
+    instances and <code>CodeMirror.Doc</code> instances. Methods
+    prefixed with <code>cm.</code> are <em>only</em> available
+    on <code>CodeMirror</code> instances.</p>
+
+    <h3 id="api_constructor">Constructor</h3>
+
+    <p id="CodeMirror">Constructing an editor instance is done with
+    the <code><strong>CodeMirror</strong>(place: Element|fn(Element),
+    ?option: object)</code> constructor. If the <code>place</code>
+    argument is a DOM element, the editor will be appended to it. If
+    it is a function, it will be called, and is expected to place the
+    editor into the document. <code>options</code> may be an element
+    mapping <a href="#config">option names</a> to values. The options
+    that it doesn't explicitly specify (or all options, if it is not
+    passed) will be taken
+    from <a href="#defaults"><code>CodeMirror.defaults</code></a>.</p>
+
+    <p>Note that the options object passed to the constructor will be
+    mutated when the instance's options
+    are <a href="#setOption">changed</a>, so you shouldn't share such
+    objects between instances.</p>
+
+    <p>See <a href="#fromTextArea"><code>CodeMirror.fromTextArea</code></a>
+    for another way to construct an editor instance.</p>
+
+    <h3 id="api_content">Content manipulation methods</h3>
+
+    <dl>
+      <dt id="getValue"><code><strong>doc.getValue</strong>(?separator: string) → string</code></dt>
+      <dd>Get the current editor content. You can pass it an optional
+      argument to specify the string to be used to separate lines
+      (defaults to <code>"\n"</code>).</dd>
+      <dt id="setValue"><code><strong>doc.setValue</strong>(content: string)</code></dt>
+      <dd>Set the editor content.</dd>
+
+      <dt id="getRange"><code><strong>doc.getRange</strong>(from: {line, ch}, to: {line, ch}, ?separator: string) → string</code></dt>
+      <dd>Get the text between the given points in the editor, which
+      should be <code>{line, ch}</code> objects. An optional third
+      argument can be given to indicate the line separator string to
+      use (defaults to <code>"\n"</code>).</dd>
+      <dt id="replaceRange"><code><strong>doc.replaceRange</strong>(replacement: string, from: {line, ch}, to: {line, ch})</code></dt>
+      <dd>Replace the part of the document between <code>from</code>
+      and <code>to</code> with the given string. <code>from</code>
+      and <code>to</code> must be <code>{line, ch}</code>
+      objects. <code>to</code> can be left off to simply insert the
+      string at position <code>from</code>.</dd>
+
+      <dt id="getLine"><code><strong>doc.getLine</strong>(n: integer) → string</code></dt>
+      <dd>Get the content of line <code>n</code>.</dd>
+      <dt id="setLine"><code><strong>doc.setLine</strong>(n: integer, text: string)</code></dt>
+      <dd>Set the content of line <code>n</code>.</dd>
+      <dt id="removeLine"><code><strong>doc.removeLine</strong>(n: integer)</code></dt>
+      <dd>Remove the given line from the document.</dd>
+
+      <dt id="lineCount"><code><strong>doc.lineCount</strong>() → integer</code></dt>
+      <dd>Get the number of lines in the editor.</dd>
+      <dt id="firstLine"><code><strong>doc.firstLine</strong>() → integer</code></dt>
+      <dd>Get the first line of the editor. This will
+      usually be zero but for <a href="#linkedDoc_from">linked sub-views</a>,
+      or <a href="#api_doc">documents</a> instantiated with a non-zero
+      first line, it might return other values.</dd>
+      <dt id="lastLine"><code><strong>doc.lastLine</strong>() → integer</code></dt>
+      <dd>Get the last line of the editor. This will
+      usually be <code>doc.lineCount() - 1</code>,
+      but for <a href="#linkedDoc_from">linked sub-views</a>,
+      it might return other values.</dd>
+
+      <dt id="getLineHandle"><code><strong>doc.getLineHandle</strong>(num: integer) → LineHandle</code></dt>
+      <dd>Fetches the line handle for the given line number.</dd>
+      <dt id="getLineNumber"><code><strong>doc.getLineNumber</strong>(handle: LineHandle) → integer</code></dt>
+      <dd>Given a line handle, returns the current position of that
+      line (or <code>null</code> when it is no longer in the
+      document).</dd>
+      <dt id="eachLine"><code><strong>doc.eachLine</strong>(f: (line: LineHandle))</code></dt>
+      <dt><code><strong>doc.eachLine</strong>(start: integer, end: integer, f: (line: LineHandle))</code></dt>
+      <dd>Iterate over the whole document, or if <code>start</code>
+      and <code>end</code> line numbers are given, the range
+      from <code>start</code> up to (not including) <code>end</code>,
+      and call <code>f</code> for each line, passing the line handle.
+      This is a faster way to visit a range of line handlers than
+      calling <a href="#getLineHandle"><code>getLineHandle</code></a>
+      for each of them. Note that line handles have
+      a <code>text</code> property containing the line's content (as a
+      string).</dd>
+
+      <dt id="markClean"><code><strong>doc.markClean</strong>()</code></dt>
+      <dd>Set the editor content as 'clean', a flag that it will
+      retain until it is edited, and which will be set again when such
+      an edit is undone again. Useful to track whether the content
+      needs to be saved. This function is deprecated in favor
+      of <a href="#changeGeneration"><code>changeGeneration</code></a>,
+      which allows multiple subsystems to track different notions of
+      cleanness without interfering.</dd>
+      <dt id="changeGeneration"><code><strong>doc.changeGeneration</strong>() → integer</code></dt>
+      <dd>Returns a number that can later be passed
+      to <a href="#isClean"><code>isClean</code></a> to test whether
+      any edits were made (and not undone) in the meantime.</dd>
+      <dt id="isClean"><code><strong>doc.isClean</strong>(?generation: integer) → boolean</code></dt>
+      <dd>Returns whether the document is currently clean — not
+      modified since initialization or the last call
+      to <a href="#markClean"><code>markClean</code></a> if no
+      argument is passed, or since the matching call
+      to <a href="#changeGeneration"><code>changeGeneration</code></a>
+      if a generation value is given.</dd>
+    </dl>
+
+    <h3 id="api_selection">Cursor and selection methods</h3>
+
+    <dl>
+      <dt id="getSelection"><code><strong>doc.getSelection</strong>() → string</code></dt>
+      <dd>Get the currently selected code.</dd>
+      <dt id="replaceSelection"><code><strong>doc.replaceSelection</strong>(replacement: string, ?collapse: string)</code></dt>
+      <dd>Replace the selection with the given string. By default, the
+      new selection will span the inserted text. The
+      optional <code>collapse</code> argument can be used to change
+      this—passing <code>"start"</code> or <code>"end"</code> will
+      collapse the selection to the start or end of the inserted
+      text.</dd>
+
+      <dt id="getCursor"><code><strong>doc.getCursor</strong>(?start: string) → {line, ch}</code></dt>
+      <dd><code>start</code> is a an optional string indicating which
+      end of the selection to return. It may
+      be <code>"start"</code>, <code>"end"</code>, <code>"head"</code>
+      (the side of the selection that moves when you press
+      shift+arrow), or <code>"anchor"</code> (the fixed side of the
+      selection). Omitting the argument is the same as
+      passing <code>"head"</code>. A <code>{line, ch}</code> object
+      will be returned.</dd>
+      <dt id="somethingSelected"><code><strong>doc.somethingSelected</strong>() → boolean</code></dt>
+      <dd>Return true if any text is selected.</dd>
+      <dt id="setCursor"><code><strong>doc.setCursor</strong>(pos: {line, ch})</code></dt>
+      <dd>Set the cursor position. You can either pass a
+      single <code>{line, ch}</code> object, or the line and the
+      character as two separate parameters.</dd>
+      <dt id="setSelection"><code><strong>doc.setSelection</strong>(anchor: {line, ch}, ?head: {line, ch})</code></dt>
+      <dd>Set the selection range. <code>anchor</code>
+      and <code>head</code> should be <code>{line, ch}</code>
+      objects. <code>head</code> defaults to <code>anchor</code> when
+      not given.</dd>
+      <dt id="extendSelection"><code><strong>doc.extendSelection</strong>(from: {line, ch}, ?to: {line, ch})</code></dt>
+      <dd>Similar
+      to <a href="#setSelection"><code>setSelection</code></a>, but
+      will, if shift is held or
+      the <a href="#setExtending">extending</a> flag is set, move the
+      head of the selection while leaving the anchor at its current
+      place. <code>to</code> is optional, and can be passed to
+      ensure a region (for example a word or paragraph) will end up
+      selected (in addition to whatever lies between that region and
+      the current anchor).</dd>
+      <dt id="setExtending"><code><strong>doc.setExtending</strong>(value: boolean)</code></dt>
+      <dd>Sets or clears the 'extending' flag, which acts similar to
+      the shift key, in that it will cause cursor movement and calls
+      to <a href="#extendSelection"><code>extendSelection</code></a>
+      to leave the selection anchor in place.</dd>
+
+      <dt id="hasFocus"><code><strong>cm.hasFocus</strong>() → boolean</code></dt>
+      <dd>Tells you whether the editor currently has focus.</dd>
+
+      <dt id="findPosH"><code><strong>cm.findPosH</strong>(start: {line, ch}, amount: integer, unit: string, visually: boolean) → {line, ch, ?hitSide: boolean}</code></dt>
+      <dd>Used to find the target position for horizontal cursor
+      motion. <code>start</code> is a <code>{line, ch}</code>
+      object, <code>amount</code> an integer (may be negative),
+      and <code>unit</code> one of the
+      string <code>"char"</code>, <code>"column"</code>,
+      or <code>"word"</code>. Will return a position that is produced
+      by moving <code>amount</code> times the distance specified
+      by <code>unit</code>. When <code>visually</code> is true, motion
+      in right-to-left text will be visual rather than logical. When
+      the motion was clipped by hitting the end or start of the
+      document, the returned value will have a <code>hitSide</code>
+      property set to true.</dd>
+      <dt id="findPosV"><code><strong>cm.findPosV</strong>(start: {line, ch}, amount: integer, unit: string) → {line, ch, ?hitSide: boolean}</code></dt>
+      <dd>Similar to <a href="#findPosH"><code>findPosH</code></a>,
+      but used for vertical motion. <code>unit</code> may
+      be <code>"line"</code> or <code>"page"</code>. The other
+      arguments and the returned value have the same interpretation as
+      they have in <code>findPosH</code>.</dd>
+    </dl>
+
+    <h3 id="api_configuration">Configuration methods</h3>
+
+    <dl>
+      <dt id="setOption"><code><strong>cm.setOption</strong>(option: string, value: any)</code></dt>
+      <dd>Change the configuration of the editor. <code>option</code>
+      should the name of an <a href="#config">option</a>,
+      and <code>value</code> should be a valid value for that
+      option.</dd>
+      <dt id="getOption"><code><strong>cm.getOption</strong>(option: string) → any</code></dt>
+      <dd>Retrieves the current value of the given option for this
+      editor instance.</dd>
+
+      <dt id="addKeyMap"><code><strong>cm.addKeyMap</strong>(map: object, bottom: boolean)</code></dt>
+      <dd>Attach an additional <a href="#keymaps">keymap</a> to the
+      editor. This is mostly useful for addons that need to register
+      some key handlers without trampling on
+      the <a href="#option_extraKeys"><code>extraKeys</code></a>
+      option. Maps added in this way have a higher precedence than
+      the <code>extraKeys</code>
+      and <a href="#option_keyMap"><code>keyMap</code></a> options,
+      and between them, the maps added earlier have a lower precedence
+      than those added later, unless the <code>bottom</code> argument
+      was passed, in which case they end up below other keymaps added
+      with this method.</dd>
+      <dt id="removeKeyMap"><code><strong>cm.removeKeyMap</strong>(map: object)</code></dt>
+      <dd>Disable a keymap added
+      with <a href="#addKeyMap"><code>addKeyMap</code></a>. Either
+      pass in the keymap object itself, or a string, which will be
+      compared against the <code>name</code> property of the active
+      keymaps.</dd>
+
+      <dt id="addOverlay"><code><strong>cm.addOverlay</strong>(mode: string|object, ?options: object)</code></dt>
+      <dd>Enable a highlighting overlay. This is a stateless mini-mode
+      that can be used to add extra highlighting. For example,
+      the <a href="../demo/search.html">search addon</a> uses it to
+      highlight the term that's currently being
+      searched. <code>mode</code> can be a <a href="#option_mode">mode
+      spec</a> or a mode object (an object with
+      a <a href="#token"><code>token</code></a> method).
+      The <code>options</code> parameter is optional. If given, it
+      should be an object. Currently, only the <code>opaque</code>
+      option is recognized. This defaults to off, but can be given to
+      allow the overlay styling, when not <code>null</code>, to
+      override the styling of the base mode entirely, instead of the
+      two being applied together.</dd>
+      <dt id="removeOverlay"><code><strong>cm.removeOverlay</strong>(mode: string|object)</code></dt>
+      <dd>Pass this the exact value passed for the <code>mode</code>
+      parameter to <a href="#addOverlay"><code>addOverlay</code></a>,
+      or a string that corresponds to the <code>name</code> propery of
+      that value, to remove an overlay again.</dd>
+
+      <dt id="on"><code><strong>cm.on</strong>(type: string, func: (...args))</code></dt>
+      <dd>Register an event handler for the given event type (a
+      string) on the editor instance. There is also
+      a <code>CodeMirror.on(object, type, func)</code> version
+      that allows registering of events on any object.</dd>
+      <dt id="off"><code><strong>cm.off</strong>(type: string, func: (...args))</code></dt>
+      <dd>Remove an event handler on the editor instance. An
+      equivalent <code>CodeMirror.off(object, type,
+      func)</code> also exists.</dd>
+    </dl>
+
+    <h3 id="api_doc">Document management methods</h3>
+
+    <p id="Doc">Each editor is associated with an instance
+    of <code>CodeMirror.Doc</code>, its document. A document
+    represents the editor content, plus a selection, an undo history,
+    and a <a href="#option_mode">mode</a>. A document can only be
+    associated with a single editor at a time. You can create new
+    documents by calling the <code>CodeMirror.Doc(text, mode,
+    firstLineNumber)</code> constructor. The last two arguments are
+    optional and can be used to set a mode for the document and make
+    it start at a line number other than 0, respectively.</p>
+
+    <dl>
+      <dt id="getDoc"><code><strong>cm.getDoc</strong>() → Doc</code></dt>
+      <dd>Retrieve the currently active document from an editor.</dd>
+      <dt id="getEditor"><code><strong>doc.getEditor</strong>() → CodeMirror</code></dt>
+      <dd>Retrieve the editor associated with a document. May
+      return <code>null</code>.</dd>
+
+      <dt id="swapDoc"><code><strong>cm.swapDoc</strong>(doc: CodeMirror.Doc) → Doc</code></dt>
+      <dd>Attach a new document to the editor. Returns the old
+      document, which is now no longer associated with an editor.</dd>
+
+      <dt id="copy"><code><strong>doc.copy</strong>(copyHistory: boolean) → Doc</code></dt>
+      <dd>Create an identical copy of the given doc.
+      When <code>copyHistory</code> is true, the history will also be
+      copied. Can not be called directly on an editor.</dd>
+
+      <dt id="linkedDoc"><code><strong>doc.linkedDoc</strong>(options: object) → Doc</code></dt>
+      <dd>Create a new document that's linked to the target document.
+      Linked documents will stay in sync (changes to one are also
+      applied to the other) until <a href="#unlinkDoc">unlinked</a>.
+      These are the options that are supported:
+        <dl>
+          <dt id="linkedDoc_sharedHist"><code><strong>sharedHist</strong>: boolean</code></dt>
+          <dd>When turned on, the linked copy will share an undo
+          history with the original. Thus, something done in one of
+          the two can be undone in the other, and vice versa.</dd>
+          <dt id="linkedDoc_from"><code><strong>from</strong>: integer</code></dt>
+          <dt id="linkedDoc_to"><code><strong>to</strong>: integer</code></dt>
+          <dd>Can be given to make the new document a subview of the
+          original. Subviews only show a given range of lines. Note
+          that line coordinates inside the subview will be consistent
+          with those of the parent, so that for example a subview
+          starting at line 10 will refer to its first line as line 10,
+          not 0.</dd>
+          <dt id="linkedDoc_mode"><code><strong>mode</strong>: string|object</code></dt>
+          <dd>By default, the new document inherits the mode of the
+          parent. This option can be set to
+          a <a href="#option_mode">mode spec</a> to give it a
+          different mode.</dd>
+        </dl></dd>
+      <dt id="unlinkDoc"><code><strong>doc.unlinkDoc</strong>(doc: CodeMirror.Doc)</code></dt>
+      <dd>Break the link between two documents. After calling this,
+      changes will no longer propagate between the documents, and, if
+      they had a shared history, the history will become
+      separate.</dd>
+      <dt id="iterLinkedDocs"><code><strong>doc.iterLinkedDocs</strong>(function: (doc: CodeMirror.Doc, sharedHist: boolean))</code></dt>
+      <dd>Will call the given function for all documents linked to the
+      target document. It will be passed two arguments, the linked document
+      and a boolean indicating whether that document shares history
+      with the target.</dd>
+    </dl>
+
+    <h3 id="api_history">History-related methods</h3>
+
+    <dl>
+      <dt id="undo"><code><strong>doc.undo</strong>()</code></dt>
+      <dd>Undo one edit (if any undo events are stored).</dd>
+      <dt id="redo"><code><strong>doc.redo</strong>()</code></dt>
+      <dd>Redo one undone edit.</dd>
+
+      <dt id="historySize"><code><strong>doc.historySize</strong>() → {undo: integer, redo: integer}</code></dt>
+      <dd>Returns an object with <code>{undo, redo}</code> properties,
+      both of which hold integers, indicating the amount of stored
+      undo and redo operations.</dd>
+      <dt id="clearHistory"><code><strong>doc.clearHistory</strong>()</code></dt>
+      <dd>Clears the editor's undo history.</dd>
+      <dt id="getHistory"><code><strong>doc.getHistory</strong>() → object</code></dt>
+      <dd>Get a (JSON-serializeable) representation of the undo history.</dd>
+      <dt id="setHistory"><code><strong>doc.setHistory</strong>(history: object)</code></dt>
+      <dd>Replace the editor's undo history with the one provided,
+      which must be a value as returned
+      by <a href="#getHistory"><code>getHistory</code></a>. Note that
+      this will have entirely undefined results if the editor content
+      isn't also the same as it was when <code>getHistory</code> was
+      called.</dd>
+    </dl>
+
+    <h3 id="api_marker">Text-marking methods</h3>
+
+    <dl>
+      <dt id="markText"><code><strong>doc.markText</strong>(from: {line, ch}, to: {line, ch}, ?options: object) → TextMarker</code></dt>
+      <dd>Can be used to mark a range of text with a specific CSS
+      class name. <code>from</code> and <code>to</code> should
+      be <code>{line, ch}</code> objects. The <code>options</code>
+      parameter is optional. When given, it should be an object that
+      may contain the following configuration options:
+      <dl>
+        <dt id="mark_className"><code><strong>className</strong>: string</code></dt>
+        <dd>Assigns a CSS class to the marked stretch of text.</dd>
+        <dt id="mark_inclusiveLeft"><code><strong>inclusiveLeft</strong>: boolean</code></dt>
+        <dd>Determines whether
+        text inserted on the left of the marker will end up inside
+        or outside of it.</dd>
+        <dt id="mark_inclusiveRight"><code><strong>inclusiveRight</strong>: boolean</code></dt>
+        <dd>Like <code>inclusiveLeft</code>,
+        but for the right side.</dd>
+        <dt id="mark_atomic"><code><strong>atomic</strong>: boolean</code></dt>
+        <dd>Atomic ranges act as a single unit when cursor movement is
+        concerned—i.e. it is impossible to place the cursor inside of
+        them. In atomic ranges, <code>inclusiveLeft</code>
+        and <code>inclusiveRight</code> have a different meaning—they
+        will prevent the cursor from being placed respectively
+        directly before and directly after the range.</dd>
+        <dt id="mark_collapsed"><code><strong>collapsed</strong>: boolean</code></dt>
+        <dd>Collapsed ranges do not show up in the display. Setting a
+        range to be collapsed will automatically make it atomic.</dd>
+        <dt id="mark_clearOnEnter"><code><strong>clearOnEnter</strong>: boolean</code></dt>
+        <dd>When enabled, will cause the mark to clear itself whenever
+        the cursor enters its range. This is mostly useful for
+        text-replacement widgets that need to 'snap open' when the
+        user tries to edit them. The
+        <a href="#event_clear"><code>"clear"</code></a> event
+        fired on the range handle can be used to be notified when this
+        happens.</dd>
+        <dt id="mark_replacedWith"><code><strong>replacedWith</strong>: Element</code></dt>
+        <dd>Use a given node to display this range. Implies both
+        collapsed and atomic. The given DOM node <em>must</em> be an
+        inline element (as opposed to a block element).</dd>
+        <dt><code><strong>handleMouseEvents</strong>: boolean</code></dt>
+        <dd>When <code>replacedWith</code> is given, this determines
+        whether the editor will capture mouse and drag events
+        occurring in this widget. Default is false—the events will be
+        left alone for the default browser handler, or specific
+        handlers on the widget, to capture.</dd>
+        <dt id="mark_readOnly"><code><strong>readOnly</strong>: boolean</code></dt>
+        <dd>A read-only span can, as long as it is not cleared, not be
+        modified except by
+        calling <a href="#setValue"><code>setValue</code></a> to reset
+        the whole document. <em>Note:</em> adding a read-only span
+        currently clears the undo history of the editor, because
+        existing undo events being partially nullified by read-only
+        spans would corrupt the history (in the current
+        implementation).</dd>
+        <dt id="mark_addToHistory"><code><strong>addToHistory</strong>: boolean</code></dt>
+        <dd>When set to true (default is false), adding this marker
+        will create an event in the undo history that can be
+        individually undone (clearing the marker).</dd>
+        <dt id="mark_startStyle"><code><strong>startStyle</strong>: string</code></dt><dd>Can be used to specify
+        an extra CSS class to be applied to the leftmost span that
+        is part of the marker.</dd>
+        <dt id="mark_endStyle"><code><strong>endStyle</strong>: string</code></dt><dd>Equivalent
+        to <code>startStyle</code>, but for the rightmost span.</dd>
+        <dt id="mark_title"><code><strong>title</strong>:
+        string</code></dt><dd>When given, will give the nodes created
+        for this span a HTML <code>title</code> attribute with the
+        given value.</dd>
+        <dt id="mark_shared"><code><strong>shared</strong>: boolean</code></dt><dd>When the
+        target document is <a href="#linkedDoc">linked</a> to other
+        documents, you can set <code>shared</code> to true to make the
+        marker appear in all documents. By default, a marker appears
+        only in its target document.</dd>
+      </dl>
+      The method will return an object that represents the marker
+      (with constuctor <code>CodeMirror.TextMarker</code>), which
+      exposes three methods:
+      <code><strong>clear</strong>()</code>, to remove the mark,
+      <code><strong>find</strong>()</code>, which returns
+      a <code>{from, to}</code> object (both holding document
+      positions), indicating the current position of the marked range,
+      or <code>undefined</code> if the marker is no longer in the
+      document, and finally <code><strong>changed</strong>()</code>,
+      which you can call if you've done something that might change
+      the size of the marker (for example changing the content of
+      a <a href="#mark_replacedWith"><code>replacedWith</code></a>
+      node), and want to cheaply update the display.</dd>
+
+      <dt id="setBookmark"><code><strong>doc.setBookmark</strong>(pos: {line, ch}, ?options: object) → TextMarker</code></dt>
+      <dd>Inserts a bookmark, a handle that follows the text around it
+      as it is being edited, at the given position. A bookmark has two
+      methods <code>find()</code> and <code>clear()</code>. The first
+      returns the current position of the bookmark, if it is still in
+      the document, and the second explicitly removes the bookmark.
+      The options argument is optional. If given, the following
+      properties are recognized:
+      <dl>
+        <dt><code><strong>widget</strong>: Element</code></dt><dd>Can be used to display a DOM
+        node at the current location of the bookmark (analogous to
+        the <a href="#mark_replacedWith"><code>replacedWith</code></a>
+        option to <code>markText</code>).</dd>
+        <dt><code><strong>insertLeft</strong>: boolean</code></dt><dd>By default, text typed
+        when the cursor is on top of the bookmark will end up to the
+        right of the bookmark. Set this option to true to make it go
+        to the left instead.</dd>
+      </dl></dd>
+
+      <dt id="findMarksAt"><code><strong>doc.findMarksAt</strong>(pos: {line, ch}) → array&lt;TextMarker&gt;</code></dt>
+      <dd>Returns an array of all the bookmarks and marked ranges
+      present at the given position.</dd>
+      <dt id="getAllMarks"><code><strong>doc.getAllMarks</strong>() → array&lt;TextMarker&gt;</code></dt>
+      <dd>Returns an array containing all marked ranges in the document.</dd>
+    </dl>
+
+    <h3 id="api_decoration">Widget, gutter, and decoration methods</h3>
+
+    <dl>
+      <dt id="setGutterMarker"><code><strong>cm.setGutterMarker</strong>(line: integer|LineHandle, gutterID: string, value: Element) → LineHandle</code></dt>
+      <dd>Sets the gutter marker for the given gutter (identified by
+      its CSS class, see
+      the <a href="#option_gutters"><code>gutters</code></a> option)
+      to the given value. Value can be either <code>null</code>, to
+      clear the marker, or a DOM element, to set it. The DOM element
+      will be shown in the specified gutter next to the specified
+      line.</dd>
+
+      <dt id="clearGutter"><code><strong>cm.clearGutter</strong>(gutterID: string)</code></dt>
+      <dd>Remove all gutter markers in
+      the <a href="#option_gutters">gutter</a> with the given ID.</dd>
+
+      <dt id="addLineClass"><code><strong>cm.addLineClass</strong>(line: integer|LineHandle, where: string, class: string) → LineHandle</code></dt>
+      <dd>Set a CSS class name for the given line. <code>line</code>
+      can be a number or a line handle. <code>where</code> determines
+      to which element this class should be applied, can can be one
+      of <code>"text"</code> (the text element, which lies in front of
+      the selection), <code>"background"</code> (a background element
+      that will be behind the selection), or <code>"wrap"</code> (the
+      wrapper node that wraps all of the line's elements, including
+      gutter elements). <code>class</code> should be the name of the
+      class to apply.</dd>
+
+      <dt id="removeLineClass"><code><strong>cm.removeLineClass</strong>(line: integer|LineHandle, where: string, class: string) → LineHandle</code></dt>
+      <dd>Remove a CSS class from a line. <code>line</code> can be a
+      line handle or number. <code>where</code> should be one
+      of <code>"text"</code>, <code>"background"</code>,
+      or <code>"wrap"</code>
+      (see <a href="#addLineClass"><code>addLineClass</code></a>). <code>class</code>
+      can be left off to remove all classes for the specified node, or
+      be a string to remove only a specific class.</dd>
+
+      <dt id="lineInfo"><code><strong>cm.lineInfo</strong>(line: integer|LineHandle) → object</code></dt>
+      <dd>Returns the line number, text content, and marker status of
+      the given line, which can be either a number or a line handle.
+      The returned object has the structure <code>{line, handle, text,
+      gutterMarkers, textClass, bgClass, wrapClass, widgets}</code>,
+      where <code>gutterMarkers</code> is an object mapping gutter IDs
+      to marker elements, and <code>widgets</code> is an array
+      of <a href="#addLineWidget">line widgets</a> attached to this
+      line, and the various class properties refer to classes added
+      with <a href="#addLineClass"><code>addLineClass</code></a>.</dd>
+
+      <dt id="addWidget"><code><strong>cm.addWidget</strong>(pos: {line, ch}, node: Element, scrollIntoView: boolean)</code></dt>
+      <dd>Puts <code>node</code>, which should be an absolutely
+      positioned DOM node, into the editor, positioned right below the
+      given <code>{line, ch}</code> position.
+      When <code>scrollIntoView</code> is true, the editor will ensure
+      that the entire node is visible (if possible). To remove the
+      widget again, simply use DOM methods (move it somewhere else, or
+      call <code>removeChild</code> on its parent).</dd>
+
+      <dt id="addLineWidget"><code><strong>cm.addLineWidget</strong>(line: integer|LineHandle, node: Element, ?options: object) → LineWidget</code></dt>
+      <dd>Adds a line widget, an element shown below a line, spanning
+      the whole of the editor's width, and moving the lines below it
+      downwards. <code>line</code> should be either an integer or a
+      line handle, and <code>node</code> should be a DOM node, which
+      will be displayed below the given line. <code>options</code>,
+      when given, should be an object that configures the behavior of
+      the widget. The following options are supported (all default to
+      false):
+        <dl>
+          <dt><code><strong>coverGutter</strong>: boolean</code></dt>
+          <dd>Whether the widget should cover the gutter.</dd>
+          <dt><code><strong>noHScroll</strong>: boolean</code></dt>
+          <dd>Whether the widget should stay fixed in the face of
+          horizontal scrolling.</dd>
+          <dt><code><strong>above</strong>: boolean</code></dt>
+          <dd>Causes the widget to be placed above instead of below
+          the text of the line.</dd>
+          <dt><code><strong>showIfHidden</strong>: boolean</code></dt>
+          <dd>When true, will cause the widget to be rendered even if
+          the line it is associated with is hidden.</dd>
+          <dt><code><strong>handleMouseEvents</strong>: boolean</code></dt>
+          <dd>Determines whether the editor will capture mouse and
+          drag events occurring in this widget. Default is false—the
+          events will be left alone for the default browser handler,
+          or specific handlers on the widget, to capture.</dd>
+          <dt><code><strong>insertAt</strong>: integer</code></dt>
+          <dd>By default, the widget is added below other widgets for
+          the line. This option can be used to place it at a different
+          position (zero for the top, N to put it after the Nth other
+          widget). Note that this only has effect once, when the
+          widget is created.
+        </dl>
+      Note that the widget node will become a descendant of nodes with
+      CodeMirror-specific CSS classes, and those classes might in some
+      cases affect it. This method returns an object that represents
+      the widget placement. It'll have a <code>line</code> property
+      pointing at the line handle that it is associated with, and the following methods:
+        <dl>
+          <dt id="widget_clear"><code><strong>clear</strong>()</code></dt><dd>Removes the widget.</dd>
+          <dt id="widget_changed"><code><strong>changed</strong>()</code></dt><dd>Call
+          this if you made some change to the widget's DOM node that
+          might affect its height. It'll force CodeMirror to update
+          the height of the line that contains the widget.</dd>
+        </dl>
+      </dd>
+    </dl>
+
+    <h3 id="api_sizing">Sizing, scrolling and positioning methods</h3>
+
+    <dl>
+      <dt id="setSize"><code><strong>cm.setSize</strong>(width: number|string, height: number|string)</code></dt>
+      <dd>Programatically set the size of the editor (overriding the
+      applicable <a href="#css-resize">CSS
+      rules</a>). <code>width</code> and <code>height</code>
+      can be either numbers (interpreted as pixels) or CSS units
+      (<code>"100%"</code>, for example). You can
+      pass <code>null</code> for either of them to indicate that that
+      dimension should not be changed.</dd>
+
+      <dt id="scrollTo"><code><strong>cm.scrollTo</strong>(x: number, y: number)</code></dt>
+      <dd>Scroll the editor to a given (pixel) position. Both
+      arguments may be left as <code>null</code>
+      or <code>undefined</code> to have no effect.</dd>
+      <dt id="getScrollInfo"><code><strong>cm.getScrollInfo</strong>() → {left, top, width, height, clientWidth, clientHeight}</code></dt>
+      <dd>Get an <code>{left, top, width, height, clientWidth,
+      clientHeight}</code> object that represents the current scroll
+      position, the size of the scrollable area, and the size of the
+      visible area (minus scrollbars).</dd>
+      <dt id="scrollIntoView"><code><strong>cm.scrollIntoView</strong>(what: {line, ch}|{left, top, right, bottom}|{from, to}|null, ?margin: number)</code></dt>
+      <dd>Scrolls the given position into view. <code>what</code> may
+      be <code>null</code> to scroll the cursor into view,
+      a <code>{line, ch}</code> position to scroll a character into
+      view, a <code>{left, top, right, bottom}</code> pixel range (in
+      editor-local coordinates), or a range <code>{from, to}</code>
+      containing either two character positions or two pixel squares.
+      The <code>margin</code> parameter is optional. When given, it
+      indicates the amount of vertical pixels around the given area
+      that should be made visible as well.</dd>
+
+      <dt id="cursorCoords"><code><strong>cm.cursorCoords</strong>(where: boolean|{line, ch}, mode: string) → {left, top, bottom}</code></dt>
+      <dd>Returns an <code>{left, top, bottom}</code> object
+      containing the coordinates of the cursor position.
+      If <code>mode</code> is <code>"local"</code>, they will be
+      relative to the top-left corner of the editable document. If it
+      is <code>"page"</code> or not given, they are relative to the
+      top-left corner of the page. <code>where</code> can be a boolean
+      indicating whether you want the start (<code>true</code>) or the
+      end (<code>false</code>) of the selection, or, if a <code>{line,
+      ch}</code> object is given, it specifies the precise position at
+      which you want to measure.</dd>
+      <dt id="charCoords"><code><strong>cm.charCoords</strong>(pos: {line, ch}, ?mode: string) → {left, right, top, bottom}</code></dt>
+      <dd>Returns the position and dimensions of an arbitrary
+      character. <code>pos</code> should be a <code>{line, ch}</code>
+      object. This differs from <code>cursorCoords</code> in that
+      it'll give the size of the whole character, rather than just the
+      position that the cursor would have when it would sit at that
+      position.</dd>
+      <dt id="coordsChar"><code><strong>cm.coordsChar</strong>(object: {left, top}, ?mode: string) → {line, ch}</code></dt>
+      <dd>Given an <code>{left, top}</code> object, returns
+      the <code>{line, ch}</code> position that corresponds to it. The
+      optional <code>mode</code> parameter determines relative to what
+      the coordinates are interpreted. It may
+      be <code>"window"</code>, <code>"page"</code> (the default),
+      or <code>"local"</code>.</dd>
+      <dt id="lineAtHeight"><code><strong>cm.lineAtHeight</strong>(height: number, ?mode: string) → number</code></dt>
+      <dd>Computes the line at the given pixel
+      height. <code>mode</code> can be one of the same strings
+      that <a href="#coordsChar"><code>coordsChar</code></a>
+      accepts.</dd>
+      <dt id="heightAtLine"><code><strong>cm.heightAtLine</strong>(line: number, ?mode: string) → number</code></dt>
+      <dd>Computes the height of the top of a line, in the coordinate
+      system specified by <code>mode</code>
+      (see <a href="#coordsChar"><code>coordsChar</code></a>), which
+      defaults to <code>"page"</code>. When a line below the bottom of
+      the document is specified, the returned value is the bottom of
+      the last line in the document.</dd>
+      <dt id="defaultTextHeight"><code><strong>cm.defaultTextHeight</strong>() → number</code></dt>
+      <dd>Returns the line height of the default font for the editor.</dd>
+      <dt id="defaultCharWidth"><code><strong>cm.defaultCharWidth</strong>() → number</code></dt>
+      <dd>Returns the pixel width of an 'x' in the default font for
+      the editor. (Note that for non-monospace fonts, this is mostly
+      useless, and even for monospace fonts, non-ascii characters
+      might have a different width).</dd>
+
+      <dt id="getViewport"><code><strong>cm.getViewport</strong>() → {from: number, to: number}</code></dt>
+      <dd>Returns a <code>{from, to}</code> object indicating the
+      start (inclusive) and end (exclusive) of the currently rendered
+      part of the document. In big documents, when most content is
+      scrolled out of view, CodeMirror will only render the visible
+      part, and a margin around it. See also
+      the <a href="#event_viewportChange"><code>viewportChange</code></a>
+      event.</dd>
+
+      <dt id="refresh"><code><strong>cm.refresh</strong>()</code></dt>
+      <dd>If your code does something to change the size of the editor
+      element (window resizes are already listened for), or unhides
+      it, you should probably follow up by calling this method to
+      ensure CodeMirror is still looking as intended.</dd>
+    </dl>
+
+    <h3 id="api_mode">Mode, state, and token-related methods</h3>
+
+    <p>When writing language-aware functionality, it can often be
+    useful to hook into the knowledge that the CodeMirror language
+    mode has. See <a href="#modeapi">the section on modes</a> for a
+    more detailed description of how these work.</p>
+
+    <dl>
+      <dt id="getMode"><code><strong>doc.getMode</strong>() → object</code></dt>
+      <dd>Gets the (outer) mode object for the editor. Note that this
+      is distinct from <code>getOption("mode")</code>, which gives you
+      the mode specification, rather than the resolved, instantiated
+      <a href="#defineMode">mode object</a>.</dd>
+
+      <dt id="getModeAt"><code><strong>doc.getModeAt</strong>(pos: {line, ch}) → object</code></dt>
+      <dd>Gets the inner mode at a given position. This will return
+      the same as <a href="#getMode"><code>getMode</code></a> for
+      simple modes, but will return an inner mode for nesting modes
+      (such as <code>htmlmixed</code>).</dd>
+
+      <dt id="getTokenAt"><code><strong>cm.getTokenAt</strong>(pos: {line, ch}, ?precise: boolean) → object</code></dt>
+      <dd>Retrieves information about the token the current mode found
+      before the given position (a <code>{line, ch}</code> object). The
+      returned object has the following properties:
+      <dl>
+        <dt><code><strong>start</strong></code></dt><dd>The character (on the given line) at which the token starts.</dd>
+        <dt><code><strong>end</strong></code></dt><dd>The character at which the token ends.</dd>
+        <dt><code><strong>string</strong></code></dt><dd>The token's string.</dd>
+        <dt><code><strong>type</strong></code></dt><dd>The token type the mode assigned
+        to the token, such as <code>"keyword"</code>
+        or <code>"comment"</code> (may also be null).</dd>
+        <dt><code><strong>state</strong></code></dt><dd>The mode's state at the end of this token.</dd>
+      </dl>
+      If <code>precise</code> is true, the token will be guaranteed to be accurate based on recent edits. If false or
+      not specified, the token will use cached state information, which will be faster but might not be accurate if
+      edits were recently made and highlighting has not yet completed.
+      </dd>
+
+      <dt id="getTokenTypeAt"><code><strong>cm.getTokenTypeAt</strong>(pos: {line, ch}) → string</code></dt>
+      <dd>This is a (much) cheaper version
+      of <a href="#getTokenAt"><code>getTokenAt</code></a> useful for
+      when you just need the type of the token at a given position,
+      and no other information. Will return <code>null</code> for
+      unstyled tokens, and a string, potentially containing multiple
+      space-separated style names, otherwise.</dd>
+
+      <dt id="getHelper"><code><strong>cm.getHelper</strong>(pos: {line, ch}, type: string) → helper</code></dt>
+      <dd>Fetch appropriate helper for the given position. Helpers
+      provide a way to look up functionality appropriate for a mode.
+      The <code>type</code> argument provides the helper namespace
+      (see
+      also <a href="#registerHelper"><code>registerHelper</code></a>),
+      in which the value will be looked up. The key that is used
+      depends on the <a href="#getMode">mode</a> active at the given
+      position. If the mode object contains a property with the same
+      name as the <code>type</code> argument, that is tried first.
+      Next, the mode's <code>helperType</code>, if any, is tried. And
+      finally, the mode's name.</dd>
+
+      <dt id="getStateAfter"><code><strong>cm.getStateAfter</strong>(?line: integer, ?precise: boolean) → object</code></dt>
+      <dd>Returns the mode's parser state, if any, at the end of the
+      given line number. If no line number is given, the state at the
+      end of the document is returned. This can be useful for storing
+      parsing errors in the state, or getting other kinds of
+      contextual information for a line. <code>precise</code> is defined
+      as in <code>getTokenAt()</code>.</dd>
+    </dl>
+
+    <h3 id="api_misc">Miscellaneous methods</h3>
+
+    <dl>
+      <dt id="operation"><code><strong>cm.operation</strong>(func: () → any) → any</code></dt>
+      <dd>CodeMirror internally buffers changes and only updates its
+      DOM structure after it has finished performing some operation.
+      If you need to perform a lot of operations on a CodeMirror
+      instance, you can call this method with a function argument. It
+      will call the function, buffering up all changes, and only doing
+      the expensive update after the function returns. This can be a
+      lot faster. The return value from this method will be the return
+      value of your function.</dd>
+
+      <dt id="indentLine"><code><strong>cm.indentLine</strong>(line: integer, ?dir: string|integer)</code></dt>
+      <dd>Adjust the indentation of the given line. The second
+      argument (which defaults to <code>"smart"</code>) may be one of:
+        <dl>
+          <dt><code><strong>"prev"</strong></code></dt>
+          <dd>Base indentation on the indentation of the previous line.</dd>
+          <dt><code><strong>"smart"</strong></code></dt>
+          <dd>Use the mode's smart indentation if available, behave
+          like <code>"prev"</code> otherwise.</dd>
+          <dt><code><strong>"add"</strong></code></dt>
+          <dd>Increase the indentation of the line by
+          one <a href="#option_indentUnit">indent unit</a>.</dd>
+          <dt><code><strong>"subtract"</strong></code></dt>
+          <dd>Reduce the indentation of the line.</dd>
+          <dt><code><strong>&lt;integer></strong></code></dt>
+          <dd>Add (positive number) or reduce (negative number) the
+          indentation by the given amount of spaces.</dd>
+        </dl></dd>
+
+      <dt id="toggleOverwrite"><code><strong>cm.toggleOverwrite</strong>(?value: bool)</code></dt>
+      <dd>Switches between overwrite and normal insert mode (when not
+      given an argument), or sets the overwrite mode to a specific
+      state (when given an argument).</dd>
+
+      <dt id="execCommand"><code><strong>cm.execCommand</strong>(name: string)</code></dt>
+      <dd>Runs the <a href="#commands">command</a> with the given name on the editor.</dd>
+
+      <dt id="posFromIndex"><code><strong>doc.posFromIndex</strong>(index: integer) → {line, ch}</code></dt>
+      <dd>Calculates and returns a <code>{line, ch}</code> object for a
+      zero-based <code>index</code> who's value is relative to the start of the
+      editor's text. If the <code>index</code> is out of range of the text then
+      the returned object is clipped to start or end of the text
+      respectively.</dd>
+      <dt id="indexFromPos"><code><strong>doc.indexFromPos</strong>(object: {line, ch}) → integer</code></dt>
+      <dd>The reverse of <a href="#posFromIndex"><code>posFromIndex</code></a>.</dd>
+
+      <dt id="focus"><code><strong>cm.focus</strong>()</code></dt>
+      <dd>Give the editor focus.</dd>
+
+      <dt id="getInputField"><code><strong>cm.getInputField</strong>() → TextAreaElement</code></dt>
+      <dd>Returns the hidden textarea used to read input.</dd>
+      <dt id="getWrapperElement"><code><strong>cm.getWrapperElement</strong>() → Element</code></dt>
+      <dd>Returns the DOM node that represents the editor, and
+      controls its size. Remove this from your tree to delete an
+      editor instance.</dd>
+      <dt id="getScrollerElement"><code><strong>cm.getScrollerElement</strong>() → Element</code></dt>
+      <dd>Returns the DOM node that is responsible for the scrolling
+      of the editor.</dd>
+      <dt id="getGutterElement"><code><strong>cm.getGutterElement</strong>() → Element</code></dt>
+      <dd>Fetches the DOM node that contains the editor gutters.</dd>
+    </dl>
+
+    <h3 id="api_static">Static properties</h3>
+    <p>The <code>CodeMirror</code> object itself provides
+    several useful properties.</p>
+
+    <dl>
+      <dt id="version"><code><strong>CodeMirror.version</strong>: string</code></dt>
+      <dd>It contains a string that indicates the version of the
+      library. This is a triple of
+      integers <code>"major.minor.patch"</code>,
+      where <code>patch</code> is zero for releases, and something
+      else (usually one) for dev snapshots.</dd>
+
+      <dt id="fromTextArea"><code><strong>CodeMirror.fromTextArea</strong>(textArea: TextAreaElement, ?config: object)</code></dt>
+      <dd>
+        The method provides another way to initialize an editor. It
+        takes a textarea DOM node as first argument and an optional
+        configuration object as second. It will replace the textarea
+        with a CodeMirror instance, and wire up the form of that
+        textarea (if any) to make sure the editor contents are put
+        into the textarea when the form is submitted. The text in the
+        textarea will provide the content for the editor. A CodeMirror
+        instance created this way has three additional methods:
+        <dl>
+          <dt id="save"><code><strong>cm.save</strong>()</code></dt>
+          <dd>Copy the content of the editor into the textarea.</dd>
+
+          <dt id="toTextArea"><code><strong>cm.toTextArea</strong>()</code></dt>
+          <dd>Remove the editor, and restore the original textarea (with
+          the editor's current content).</dd>
+
+          <dt id="getTextArea"><code><strong>cm.getTextArea</strong>() → TextAreaElement</code></dt>
+          <dd>Returns the textarea that the instance was based on.</dd>
+        </dl>
+      </dd>
+
+      <dt id="defaults"><code><strong>CodeMirror.defaults</strong>: object</code></dt>
+      <dd>An object containing default values for
+      all <a href="#config">options</a>. You can assign to its
+      properties to modify defaults (though this won't affect editors
+      that have already been created).</dd>
+
+      <dt id="defineExtension"><code><strong>CodeMirror.defineExtension</strong>(name: string, value: any)</code></dt>
+      <dd>If you want to define extra methods in terms of the
+      CodeMirror API, it is possible to
+      use <code>defineExtension</code>. This will cause the given
+      value (usually a method) to be added to all CodeMirror instances
+      created from then on.</dd>
+
+      <dt id="defineDocExtension"><code><strong>CodeMirror.defineDocExtension</strong>(name: string, value: any)</code></dt>
+      <dd>Like <a href="#defineExtenstion"><code>defineExtension</code></a>,
+      but the method will be added to the interface
+      for <a href="#Doc"><code>Doc</code></a> objects instead.</dd>
+
+      <dt id="defineOption"><code><strong>CodeMirror.defineOption</strong>(name: string,
+      default: any, updateFunc: function)</code></dt>
+      <dd>Similarly, <code>defineOption</code> can be used to define new options for
+      CodeMirror. The <code>updateFunc</code> will be called with the
+      editor instance and the new value when an editor is initialized,
+      and whenever the option is modified
+      through <a href="#setOption"><code>setOption</code></a>.</dd>
+
+      <dt id="defineInitHook"><code><strong>CodeMirror.defineInitHook</strong>(func: function)</code></dt>
+      <dd>If your extention just needs to run some
+      code whenever a CodeMirror instance is initialized,
+      use <code>CodeMirror.defineInitHook</code>. Give it a function as
+      its only argument, and from then on, that function will be called
+      (with the instance as argument) whenever a new CodeMirror instance
+      is initialized.</dd>
+
+      <dt id="registerHelper"><code><strong>CodeMirror.registerHelper</strong>(type: string, name: string, value: helper)</code></dt>
+      <dd>Registers a helper value with the given <code>name</code> in
+      the given namespace (<code>type</code>). This is used to define
+      functionality that may be looked up by mode. Will create (if it
+      doesn't already exist) a property on the <code>CodeMirror</code>
+      object for the given <code>type</code>, pointing to an object
+      that maps names to values. I.e. after
+      doing <code>CodeMirror.registerHelper("hint", "foo",
+      myFoo)</code>, the value <code>CodeMirror.hint.foo</code> will
+      point to <code>myFoo</code>.</dd>
+
+      <dt id="Pos"><code><strong>CodeMirror.Pos</strong>(line: integer, ?ch: integer)</code></dt>
+      <dd>A constructor for the <code>{line, ch}</code> objects that
+      are used to represent positions in editor documents.</dd>
+
+      <dt id="changeEnd"><code><strong>CodeMirror.changeEnd</strong>(change: object) → {line, ch}</code></dt>
+      <dd>Utility function that computes an end position from a change
+      (an object with <code>from</code>, <code>to</code>,
+      and <code>text</code> properties, as passed to
+      various <a href="#event_change">event handlers</a>). The
+      returned position will be the end of the changed
+      range, <em>after</em> the change is applied.</dd>
+    </dl>
+</section>
+
+<section id=addons>
+    <h2>Addons</h2>
+
+    <p>The <code>addon</code> directory in the distribution contains a
+    number of reusable components that implement extra editor
+    functionality. In brief, they are:</p>
+
+    <dl>
+      <dt id="addon_dialog"><a href="../addon/dialog/dialog.js"><code>dialog/dialog.js</code></a></dt>
+      <dd>Provides a very simple way to query users for text input.
+      Adds an <strong><code>openDialog</code></strong> method to
+      CodeMirror instances, which can be called with an HTML fragment
+      or a detached DOM node that provides the prompt (should include
+      an <code>input</code> tag), and a callback function that is called
+      when text has been entered. Also adds
+      an <strong><code>openNotification</code></strong> function that
+      simply shows an HTML fragment as a notification. Depends
+      on <code>addon/dialog/dialog.css</code>.</dd>
+
+      <dt id="addon_searchcursor"><a href="../addon/search/searchcursor.js"><code>search/searchcursor.js</code></a></dt>
+      <dd>Adds the <code>getSearchCursor(query, start, caseFold) →
+      cursor</code> method to CodeMirror instances, which can be used
+      to implement search/replace functionality. <code>query</code>
+      can be a regular expression or a string (only strings will match
+      across lines—if they contain newlines). <code>start</code>
+      provides the starting position of the search. It can be
+      a <code>{line, ch}</code> object, or can be left off to default
+      to the start of the document. <code>caseFold</code> is only
+      relevant when matching a string. It will cause the search to be
+      case-insensitive. A search cursor has the following methods:
+        <dl>
+          <dt><code><strong>findNext</strong>() → boolean</code></dt>
+          <dt><code><strong>findPrevious</strong>() → boolean</code></dt>
+          <dd>Search forward or backward from the current position.
+          The return value indicates whether a match was found. If
+          matching a regular expression, the return value will be the
+          array returned by the <code>match</code> method, in case you
+          want to extract matched groups.</dd>
+          <dt><code><strong>from</strong>() → {line, ch}</code></dt>
+          <dt><code><strong>to</strong>() → {line, ch}</code></dt>
+          <dd>These are only valid when the last call
+          to <code>findNext</code> or <code>findPrevious</code> did
+          not return false. They will return <code>{line, ch}</code>
+          objects pointing at the start and end of the match.</dd>
+          <dt><code><strong>replace</strong>(text: string)</code></dt>
+          <dd>Replaces the currently found match with the given text
+          and adjusts the cursor position to reflect the
+          replacement.</dd>
+        </dl></dd>
+
+      <dt id="addon_search"><a href="../addon/search/search.js"><code>search/search.js</code></a></dt>
+      <dd>Implements the search commands. CodeMirror has keys bound to
+      these by default, but will not do anything with them unless an
+      implementation is provided. Depends
+      on <code>searchcursor.js</code>, and will make use
+      of <a href="#addon_dialog"><code>openDialog</code></a> when
+      available to make prompting for search queries less ugly.</dd>
+
+      <dt id="addon_matchbrackets"><a href="../addon/edit/matchbrackets.js"><code>edit/matchbrackets.js</code></a></dt>
+      <dd>Defines an option <code>matchBrackets</code> which, when set
+      to true, causes matching brackets to be highlighted whenever the
+      cursor is next to them. It also adds a
+      method <code>matchBrackets</code> that forces this to happen
+      once, and a method <code>findMatchingBracket</code> that can be
+      used to run the bracket-finding algorithm that this uses
+      internally.</dd>
+
+      <dt id="addon_closebrackets"><a href="../addon/edit/closebrackets.js"><code>edit/closebrackets.js</code></a></dt>
+      <dd>Defines an option <code>autoCloseBrackets</code> that will
+      auto-close brackets and quotes when typed. By default, it'll
+      auto-close <code>()[]{}''""</code>, but you can pass it a string
+      similar to that (containing pairs of matching characters), or an
+      object with <code>pairs</code> and
+      optionally <code>explode</code> properties to customize
+      it. <code>explode</code> should be a similar string that gives
+      the pairs of characters that, when enter is pressed between
+      them, should have the second character also moved to its own
+      line. <a href="../demo/closebrackets.html">Demo here</a>.</dd>
+
+      <dt id="addon_matchtags"><a href="../addon/edit/matchtags.js"><code>edit/matchtags.js</code></a></dt>
+      <dd>Defines an option <code>matchTags</code> that, when enabled,
+      will cause the tags around the cursor to be highlighted (using
+      the <code>CodeMirror-matchingtag</code> class). Also
+      defines
+      a <a href="#commands">command</a> <code>toMatchingTag</code>,
+      which you can bind a key to in order to jump to the tag mathing
+      the one under the cursor. Depends on
+      the <code>addon/fold/xml-fold.js</code>
+      addon. <a href="../demo/matchtags.html">Demo here.</a></dd>
+
+      <dt id="addon_trailingspace"><a href="../addon/edit/trailingspace.js"><code>edit/trailingspace.js</code></a></dt>
+      <dd>Adds an option <code>showTrailingSpace</code> which, when
+      enabled, adds the CSS class <code>cm-trailingspace</code> to
+      stretches of whitespace at the end of lines.
+      The <a href="../demo/trailingspace.html">demo</a> has a nice
+      squiggly underline style for this class.</dd>
+
+      <dt id="addon_closetag"><a href="../addon/edit/closetag.js"><code>edit/closetag.js</code></a></dt>
+      <dd>Provides utility functions for adding automatic tag closing
+      to XML modes. See
+      the <a href="../demo/closetag.html">demo</a>.</dd>
+
+      <dt id="addon_continuelist"><a href="../addon/edit/continuelist.js"><code>edit/continuelist.js</code></a></dt>
+      <dd>Markdown specific. Defines
+      a <code>"newlineAndIndentContinueMarkdownList"</code> <a href="#commands">command</a>
+      command that can be bound to <code>enter</code> to automatically
+      insert the leading characters for continuing a list. See
+      the <a href="../mode/markdown/index.html">Markdown mode
+      demo</a>.</dd>
+
+      <dt id="addon_comment"><a href="../addon/comment/comment.js"><code>comment/comment.js</code></a></dt>
+      <dd>Addon for commenting and uncommenting code. Adds three
+      methods to CodeMirror instances:
+      <dl>
+        <dt id="lineComment"><code><strong>lineComment</strong>(from: {line, ch}, to: {line, ch}, ?options: object)</code></dt>
+        <dd>Set the lines in the given range to be line comments. Will
+        fall back to <code>blockComment</code> when no line comment
+        style is defined for the mode.</dd>
+        <dt id="blockComment"><code><strong>blockComment</strong>(from: {line, ch}, to: {line, ch}, ?options: object)</code></dt>
+        <dd>Wrap the code in the given range in a block comment. Will
+        fall back to <code>lineComment</code> when no block comment
+        style is defined for the mode.</dd>
+        <dt id="uncomment"><code><strong>uncomment</strong>(from: {line, ch}, to: {line, ch}, ?options: object) → boolean</code></dt>
+        <dd>Try to uncomment the given range.
+          Returns <code>true</code> if a comment range was found and
+          removed, <code>false</code> otherwise.</dd>
+      </dl>
+      The <code>options</code> object accepted by these methods may
+      have the following properties:
+      <dl>
+        <dt><code>blockCommentStart, blockCommentEnd, blockCommentLead, lineComment: string</code></dt>
+        <dd>Override the <a href="#mode_comment">comment string
+        properties</a> of the mode with custom comment strings.</dd>
+        <dt><code><strong>padding</strong>: string</code></dt>
+        <dd>A string that will be inserted after opening and before
+        closing comment markers. Defaults to a single space.</dd>
+        <dt><code><strong>commentBlankLines</strong>: boolean</code></dt>
+        <dd>Whether, when adding line comments, to also comment lines
+        that contain only whitespace.</dd>
+        <dt><code><strong>indent</strong>: boolean</code></dt>
+        <dd>When adding line comments and this is turned on, it will
+        align the comment block to the current indentation of the
+        first line of the block.</dd>
+        <dt><code><strong>fullLines</strong>: boolean</code></dt>
+        <dd>When block commenting, this controls whether the whole
+        lines are indented, or only the precise range that is given.
+        Defaults to <code>true</code>.</dd>
+      </dl>
+      The addon also defines
+      a <code>toggleComment</code> <a href="#commands">command</a>,
+      which will try to uncomment the current selection, and if that
+      fails, line-comments it.</dd>
+
+      <dt id="addon_foldcode"><a href="../addon/fold/foldcode.js"><code>fold/foldcode.js</code></a></dt>
+      <dd>Helps with code folding. Adds a <code>foldCode</code> method
+      to editor instances, which will try to do a code fold starting
+      at the given line, or unfold the fold that is already present.
+      The method takes as first argument the position that should be
+      folded (may be a line number or
+      a <a href="#Pos"><code>Pos</code></a>), and as second optional
+      argument either a range-finder function, or an options object,
+      supporting the following properties:
+      <dl>
+        <dt><code><strong>rangeFinder</strong>: fn(CodeMirror, Pos)</code></dt>
+        <dd>The function that is used to find foldable ranges. If this
+        is not directly passed, it will
+        call <a href="#getHelper"><code>getHelper</code></a> with
+        a <code>"fold"</code> type to find one that's appropriate for
+        the mode. There are files in
+        the <a href="../addon/fold/"><code>addon/fold/</code></a>
+        directory providing <code>CodeMirror.fold.brace</code>, which
+        finds blocks in brace languages (JavaScript, C, Java,
+        etc), <code>CodeMirror.fold.indent</code>, for languages where
+        indentation determines block structure (Python, Haskell),
+        and <code>CodeMirror.fold.xml</code>, for XML-style languages,
+        and <code>CodeMirror.fold.comment</code>, for folding comment
+        blocks.</dd>
+        <dt><code><strong>widget</strong>: string|Element</code></dt>
+        <dd>The widget to show for folded ranges. Can be either a
+        string, in which case it'll become a span with
+        class <code>CodeMirror-foldmarker</code>, or a DOM node.</dd>
+        <dt><code><strong>scanUp</strong>: boolean</code></dt>
+        <dd>When true (default is false), the addon will try to find
+        foldable ranges on the lines above the current one if there
+        isn't an eligible one on the given line.</dd>
+        <dt><code><strong>minFoldSize</strong>: integer</code></dt>
+        <dd>The minimum amount of lines that a fold should span to be
+        accepted. Defaults to 0, which also allows single-line
+        folds.</dd>
+      </dl>
+      See <a href="../demo/folding.html">the demo</a> for an
+      example.</dd>
+
+      <dt id="addon_foldgutter"><a href="../addon/fold/foldgutter.js"><code>fold/foldgutter.js</code></a></dt>
+      <dd>Provides an option <code>foldGutter</code>, which can be
+      used to create a gutter with markers indicating the blocks that
+      can be folded. Create a gutter using
+      the <a href="#option_gutters"><code>gutters</code></a> option,
+      giving it the class <code>CodeMirror-foldgutter</code> or
+      something else if you configure the addon to use a different
+      class, and this addon will show markers next to folded and
+      foldable blocks, and handle clicks in this gutter. Note that
+      CSS styles should be applied to make the gutter, and the fold
+      markers within it, visible. A default set of CSS styles are
+      available in:
+      <a href="../addon/fold/foldgutter.css">
+        <code>addon/fold/foldgutter.css</code>
+      </a>.
+      The option
+      can be either set to <code>true</code>, or an object containing
+      the following optional option fields:
+      <dl>
+        <dt><code><strong>gutter</strong>: string</code></dt>
+        <dd>The CSS class of the gutter. Defaults
+        to <code>"CodeMirror-foldgutter"</code>. You will have to
+        style this yourself to give it a width (and possibly a
+        background). See the default gutter style rules above.</dd>
+        <dt><code><strong>indicatorOpen</strong>: string | Element</code></dt>
+        <dd>A CSS class or DOM element to be used as the marker for
+        open, foldable blocks. Defaults
+        to <code>"CodeMirror-foldgutter-open"</code>.</dd>
+        <dt><code><strong>indicatorFolded</strong>: string | Element</code></dt>
+        <dd>A CSS class or DOM element to be used as the marker for
+        folded blocks. Defaults to <code>"CodeMirror-foldgutter-folded"</code>.</dd>
+        <dt><code><strong>rangeFinder</strong>: fn(CodeMirror, Pos)</code></dt>
+        <dd>The range-finder function to use when determining whether
+        something can be folded. When not
+        given, <a href="#getHelper"><code>getHelper</code></a> will be
+        used to determine a default.</dd>
+      </dl>
+      Demo <a href="../demo/folding.html">here</a>.</dd>
+
+      <dt id="addon_runmode"><a href="../addon/runmode/runmode.js"><code>runmode/runmode.js</code></a></dt>
+      <dd>Can be used to run a CodeMirror mode over text without
+      actually opening an editor instance.
+      See <a href="../demo/runmode.html">the demo</a> for an example.
+      There are alternate versions of the file avaible for
+      running <a href="../addon/runmode/runmode-standalone.js">stand-alone</a>
+      (without including all of CodeMirror) and
+      for <a href="../addon/runmode/runmode.node.js">running under
+      node.js</a>.</dd>
+
+      <dt id="addon_colorize"><a href="../addon/runmode/colorize.js"><code>runmode/colorize.js</code></a></dt>
+      <dd>Provides a convenient way to syntax-highlight code snippets
+      in a webpage. Depends on
+      the <a href="#addon_runmode"><code>runmode</code></a> addon (or
+      its standalone variant). Provides
+      a <code>CodeMirror.colorize</code> function that can be called
+      with an array (or other array-ish collection) of DOM nodes that
+      represent the code snippets. By default, it'll get
+      all <code>pre</code> tags. Will read the <code>data-lang</code>
+      attribute of these nodes to figure out their language, and
+      syntax-color their content using the relevant CodeMirror mode
+      (you'll have to load the scripts for the relevant modes
+      yourself). A second argument may be provided to give a default
+      mode, used when no language attribute is found for a node. Used
+      in this manual to highlight example code.</dd>
+
+      <dt id="addon_overlay"><a href="../addon/mode/overlay.js"><code>mode/overlay.js</code></a></dt>
+      <dd>Mode combinator that can be used to extend a mode with an
+      'overlay' — a secondary mode is run over the stream, along with
+      the base mode, and can color specific pieces of text without
+      interfering with the base mode.
+      Defines <code>CodeMirror.overlayMode</code>, which is used to
+      create such a mode. See <a href="../demo/mustache.html">this
+      demo</a> for a detailed example.</dd>
+
+      <dt id="addon_multiplex"><a href="../addon/mode/multiplex.js"><code>mode/multiplex.js</code></a></dt>
+      <dd>Mode combinator that can be used to easily 'multiplex'
+      between several modes.
+      Defines <code>CodeMirror.multiplexingMode</code> which, when
+      given as first argument a mode object, and as other arguments
+      any number of <code>{open, close, mode [, delimStyle, innerStyle]}</code>
+      objects, will return a mode object that starts parsing using the
+      mode passed as first argument, but will switch to another mode
+      as soon as it encounters a string that occurs in one of
+      the <code>open</code> fields of the passed objects. When in a
+      sub-mode, it will go back to the top mode again when
+      the <code>close</code> string is encountered.
+      Pass <code>"\n"</code> for <code>open</code> or <code>close</code>
+      if you want to switch on a blank line.
+      <ul><li>When <code>delimStyle</code> is specified, it will be the token
+      style returned for the delimiter tokens.</li>
+      <li>When <code>innerStyle</code> is specified, it will be the token
+      style added for each inner mode token.</li></ul>
+      The outer mode will not see the content between the delimiters.
+      See <a href="../demo/multiplex.html">this demo</a> for an
+      example.</dd>
+
+      <dt id="addon_show-hint"><a href="../addon/hint/show-hint.js"><code>hint/show-hint.js</code></a></dt>
+      <dd>Provides a framework for showing autocompletion hints.
+      Defines <code>CodeMirror.showHint</code>, which takes a
+      CodeMirror instance, a hinting function, and optionally an
+      options object, and pops up a widget that allows the user to
+      select a completion. Hinting functions are function that take an
+      editor instance and an optional options object, and return
+      a <code>{list, from, to}</code> object, where <code>list</code>
+      is an array of strings or objects (the completions),
+      and <code>from</code> and <code>to</code> give the start and end
+      of the token that is being completed as <code>{line, ch}</code>
+      objects. If no hinting function is given, the addon will try to
+      use <a href="#getHelper"><code>getHelper</code></a> with
+      the <code>"hint"</code> type to find one. When completions
+      aren't simple strings, they should be objects with the folowing
+      properties:
+      <dl>
+        <dt><code><strong>text</strong>: string</code></dt>
+        <dd>The completion text. This is the only required
+        property.</dd>
+        <dt><code><strong>displayText</strong>: string</code></dt>
+        <dd>The text that should be displayed in the menu.</dd>
+        <dt><code><strong>className</strong>: string</code></dt>
+        <dd>A CSS class name to apply to the completion's line in the
+        menu.</dd>
+        <dt><code><strong>render</strong>: fn(Element, self, data)</code></dt>
+        <dd>A method used to create the DOM structure for showing the
+        completion by appending it to its first argument.</dd>
+        <dt><code><strong>hint</strong>: fn(CodeMirror, self, data)</code></dt>
+        <dd>A method used to actually apply the completion, instead of
+        the default behavior.</dd>
+      </dl>
+      The plugin understands the following options (the options object
+      will also be passed along to the hinting function, which may
+      understand additional options):
+      <dl>
+        <dt><code><strong>async</strong>: boolean</code></dt>
+        <dd>When set to true, the hinting function's signature should
+        be <code>(cm, callback, ?options)</code>, and the completion
+        interface will only be popped up when the hinting function
+        calls the callback, passing it the object holding the
+        completions.</dd>
+        <dt><code><strong>completeSingle</strong>: boolean</code></dt>
+        <dd>Determines whether, when only a single completion is
+        available, it is completed without showing the dialog.
+        Defaults to true.</dd>
+        <dt><code><strong>alignWithWord</strong>: boolean</code></dt>
+        <dd>Whether the pop-up should be horizontally aligned with the
+        start of the word (true, default), or with the cursor (false).</dd>
+        <dt><code><strong>closeOnUnfocus</strong>: boolean</code></dt>
+        <dd>When enabled (which is the default), the pop-up will close
+        when the editor is unfocused.</dd>
+        <dt><code><strong>customKeys</strong>: keymap</code></dt>
+        <dd>Allows you to provide a custom keymap of keys to be active
+        when the pop-up is active. The handlers will be called with an
+        extra argument, a handle to the completion menu, which
+        has <code>moveFocus(n)</code>, <code>setFocus(n)</code>, <code>pick()</code>,
+        and <code>close()</code> methods (see the source for details),
+        that can be used to change the focused element, pick the
+        current element or close the menu.</dd>
+        <dt><code><strong>extraKeys</strong>: keymap</code></dt>
+        <dd>Like <code>customKeys</code> above, but the bindings will
+        be added to the set of default bindings, instead of replacing
+        them.</dd>
+      </dl>
+      The following events will be fired on the completions object
+      during completion:
+      <dl>
+        <dt><code><strong>"shown"</strong> ()</code></dt>
+        <dd>Fired when the pop-up is shown.</dd>
+        <dt><code><strong>"select"</strong> (completion, Element)</code></dt>
+        <dd>Fired when a completion is selected. Passed the completion
+        value (string or object) and the DOM node that represents it
+        in the menu.</dd>
+        <dt><code><strong>"close"</strong> ()</code></dt>
+        <dd>Fired when the completion is finished.</dd>
+      </dl>
+      This addon depends styles
+      from <code>addon/hint/show-hint.css</code>. Check
+      out <a href="../demo/complete.html">the demo</a> for an
+      example.</dd>
+
+      <dt id="addon_javascript-hint"><a href="../addon/hint/javascript-hint.js"><code>hint/javascript-hint.js</code></a></dt>
+      <dd>Defines a simple hinting function for JavaScript
+      (<code>CodeMirror.hint.javascript</code>) and CoffeeScript
+      (<code>CodeMirror.hint.coffeescript</code>) code. This will
+      simply use the JavaScript environment that the editor runs in as
+      a source of information about objects and their properties.</dd>
+
+      <dt id="addon_xml-hint"><a href="../addon/hint/xml-hint.js"><code>hint/xml-hint.js</code></a></dt>
+      <dd>Defines <code>CodeMirror.hint.xml</code>, which produces
+      hints for XML tagnames, attribute names, and attribute values,
+      guided by a <code>schemaInfo</code> option (a property of the
+      second argument passed to the hinting function, or the third
+      argument passed to <code>CodeMirror.showHint</code>).<br>The
+      schema info should be an object mapping tag names to information
+      about these tags, with optionally a <code>"!top"</code> property
+      containing a list of the names of valid top-level tags. The
+      values of the properties should be objects with optional
+      properties <code>children</code> (an array of valid child
+      element names, omit to simply allow all tags to appear)
+      and <code>attrs</code> (an object mapping attribute names
+      to <code>null</code> for free-form attributes, and an array of
+      valid values for restricted
+      attributes). <a href="../demo/xmlcomplete.html">Demo
+      here.</a></dd>
+
+      <dt id="addon_html-hint"><a href="../addon/hint/html-hint.js"><code>hint/html-hint.js</code></a></dt>
+      <dd>Provides schema info to
+      the <a href="#addon_xml-hint">xml-hint</a> addon for HTML
+      documents. Defines a schema
+      object <code>CodeMirror.htmlSchema</code> that you can pass to
+      as a <code>schemaInfo</code> option, and
+      a <code>CodeMirror.hint.html</code> hinting function that
+      automatically calls <code>CodeMirror.hint.xml</code> with this
+      schema data. See
+      the <a href="../demo/html5complete.html">demo</a>.</dd>
+
+      <dt id="addon_css-hint"><a href="../addon/hint/css-hint.js"><code>hint/css-hint.js</code></a></dt>
+      <dd>A minimal hinting function for CSS code.
+      Defines <code>CodeMirror.hint.css</code>.</dd>
+
+      <dt id="addon_python-hint"><a href="../addon/hint/python-hint.js"><code>hint/python-hint.js</code></a></dt>
+      <dd>A very simple hinting function for Python code.
+      Defines <code>CodeMirror.hint.python</code>.</dd>
+
+      <dt id="addon_anyword-hint"><a href="../addon/hint/anyword-hint.js"><code>hint/anyword-hint.js</code></a></dt>
+      <dd>A very simple hinting function
+      (<code>CodeMirror.hint.anyword</code>) that simply looks for
+      words in the nearby code and completes to those. Takes two
+      optional options, <code>word</code>, a regular expression that
+      matches words (sequences of one or more character),
+      and <code>range</code>, which defines how many lines the addon
+      should scan when completing (defaults to 500).</dd>
+
+      <dt id="addon_sql-hint"><a href="../addon/hint/sql-hint.js"><code>hint/sql-hint.js</code></a></dt>
+      <dd>A simple SQL hinter. Defines <code>CodeMirror.hint.sql</code>.</dd>
+
+      <dt id="addon_pig-hint"><a href="../addon/hint/pig-hint.js"><code>hint/pig-hint.js</code></a></dt>
+      <dd>A simple hinter for <a href="../mode/pig/index.html">Pig Latin</a>. Defines <code>CodeMirror.hint.pig</code>.</dd>
+
+      <dt id="addon_match-highlighter"><a href="../addon/search/match-highlighter.js"><code>search/match-highlighter.js</code></a></dt>
+      <dd>Adds a <code>highlightSelectionMatches</code> option that
+      can be enabled to highlight all instances of a currently
+      selected word. Can be set either to true or to an object
+      containing the following options: <code>minChars</code>, for the
+      minimum amount of selected characters that triggers a highlight
+      (default 2), <code>style</code>, for the style to be used to
+      highlight the matches (default <code>"matchhighlight"</code>,
+      which will correspond to CSS
+      class <code>cm-matchhighlight</code>),
+      and <code>showToken</code> which can be set to <code>true</code>
+      or to a regexp matching the characters that make up a word. When
+      enabled, it causes the current word to be highlighted when
+      nothing is selected (defaults to off).
+      Demo <a href="../demo/matchhighlighter.html">here</a>.</dd>
+
+      <dt id="addon_lint"><a href="../addon/lint/lint.js"><code>lint/lint.js</code></a></dt>
+      <dd>Defines an interface component for showing linting warnings,
+      with pluggable warning sources
+      (see <a href="../addon/lint/json-lint.js"><code>json-lint.js</code></a>,
+      <a href="../addon/lint/javascript-lint.js"><code>javascript-lint.js</code></a>,
+      and <a href="../addon/lint/css-lint.js"><code>css-lint.js</code></a>
+      in the same directory). Defines a <code>lint</code> option that
+      can be set to a warning source (for
+      example <code>CodeMirror.lint.javascript</code>), or
+      to <code>true</code>, in which
+      case <a href="#getHelper"><code>getHelper</code></a> with
+      type <code>"lint"</code> is used to determined a validator
+      function. Depends on <code>addon/lint/lint.css</code>. A demo
+      can be found <a href="../demo/lint.html">here</a>.</dd>
+
+      <dt id="addon_mark-selection"><a href="../addon/selection/mark-selection.js"><code>selection/mark-selection.js</code></a></dt>
+      <dd>Causes the selected text to be marked with the CSS class
+      <code>CodeMirror-selectedtext</code> when the <code>styleSelectedText</code> option
+      is enabled. Useful to change the colour of the selection (in addition to the background),
+      like in <a href="../demo/markselection.html">this demo</a>.</dd>
+
+      <dt id="addon_active-line"><a href="../addon/selection/active-line.js"><code>selection/active-line.js</code></a></dt>
+      <dd>Defines a <code>styleActiveLine</code> option that, when enabled,
+      gives the wrapper of the active line the class <code>CodeMirror-activeline</code>,
+      and adds a background with the class <code>CodeMirror-activeline-background</code>.
+      is enabled. See the <a href="../demo/activeline.html">demo</a>.</dd>
+
+      <dt id="addon_loadmode"><a href="../addon/mode/loadmode.js"><code>mode/loadmode.js</code></a></dt>
+      <dd>Defines a <code>CodeMirror.requireMode(modename,
+      callback)</code> function that will try to load a given mode and
+      call the callback when it succeeded. You'll have to
+      set <code>CodeMirror.modeURL</code> to a string that mode paths
+      can be constructed from, for
+      example <code>"mode/%N/%N.js"</code>—the <code>%N</code>'s will
+      be replaced with the mode name. Also
+      defines <code>CodeMirror.autoLoadMode(instance, mode)</code>,
+      which will ensure the given mode is loaded and cause the given
+      editor instance to refresh its mode when the loading
+      succeeded. See the <a href="../demo/loadmode.html">demo</a>.</dd>
+
+      <dt id="addon_continuecomment"><a href="../addon/comment/continuecomment.js"><code>comment/continuecomment.js</code></a></dt>
+      <dd>Adds an <code>continueComments</code> option, which can be
+      set to true to have the editor prefix new lines inside C-like
+      block comments with an asterisk when Enter is pressed. It can
+      also be set to a string in order to bind this functionality to a
+      specific key..</dd>
+
+      <dt id="addon_placeholder"><a href="../addon/display/placeholder.js"><code>display/placeholder.js</code></a></dt>
+      <dd>Adds a <code>placeholder</code> option that can be used to
+      make text appear in the editor when it is empty and not focused.
+      Also gives the editor a <code>CodeMirror-empty</code> CSS class
+      whenever it doesn't contain any text.
+      See <a href="../demo/placeholder.html">the demo</a>.</dd>
+
+      <dt id="addon_fullscreen"><a href="../addon/display/fullscreen.js"><code>display/fullscreen.js</code></a></dt>
+      <dd>Defines an option <code>fullScreen</code> that, when set
+      to <code>true</code>, will make the editor full-screen (as in,
+      taking up the whole browser window). Depends
+      on <a href="../addon/display/fullscreen.css"><code>fullscreen.css</code></a>. <a href="../demo/fullscreen.html">Demo
+      here</a>.</dd>
+
+      <dt id="addon_hardwrap"><a href="../addon/wrap/hardwrap.js"><code>wrap/hardwrap.js</code></a></dt>
+      <dd>Addon to perform hard line wrapping/breaking for paragraphs
+      of text. Adds these methods to editor instances:
+        <dl>
+          <dt><code><strong>wrapParagraph</strong>(?pos: {line, ch}, ?options: object)</code></dt>
+          <dd>Wraps the paragraph at the given position.
+          If <code>pos</code> is not given, it defaults to the cursor
+          position.</dd>
+          <dt><code><strong>wrapRange</strong>(from: {line, ch}, to: {line, ch}, ?options: object)</code></dt>
+          <dd>Wraps the given range as one big paragraph.</dd>
+          <dt><code><strong>wrapParagraphsInRange</strong>(from: {line, ch}, to: {line, ch}, ?options: object)</code></dt>
+          <dd>Wrapps the paragraphs in (and overlapping with) the
+          given range individually.</dd>
+        </dl>
+        The following options are recognized:
+        <dl>
+          <dt><code><strong>paragraphStart</strong>, <strong>paragraphEnd</strong>: RegExp</code></dt>
+          <dd>Blank lines are always considered paragraph boundaries.
+          These options can be used to specify a pattern that causes
+          lines to be considered the start or end of a paragraph.</dd>
+          <dt><code><strong>column</strong>: number</code></dt>
+          <dd>The column to wrap at. Defaults to 80.</dd>
+          <dt><code><strong>wrapOn</strong>: RegExp</code></dt>
+          <dd>A regular expression that matches only those
+          two-character strings that allow wrapping. By default, the
+          addon wraps on whitespace and after dash characters.</dd>
+          <dt><code><strong>killTrailingSpace</strong>: boolean</code></dt>
+          <dd>Whether trailing space caused by wrapping should be
+          preserved, or deleted. Defaults to true.</dd>
+        </dl>
+        A demo of the addon is available <a href="../demo/hardwrap.html">here</a>.
+      </dd>
+
+      <dt id="addon_merge"><a href="../addon/merge/merge.js"><code>merge/merge.js</code></a></dt>
+      <dd>Implements an interface for merging changes, using either a
+      2-way or a 3-way view. The <code>CodeMirror.MergeView</code>
+      constructor takes arguments similar to
+      the <a href="#CodeMirror"><code>CodeMirror</code></a>
+      constructor, first a node to append the interface to, and then
+      an options object. Two extra optional options are
+      recognized, <code>origLeft</code> and <code>origRight</code>,
+      which may be strings that provide original versions of the
+      document, which will be shown to the left and right of the
+      editor in non-editable CodeMirror instances. The merge interface
+      will highlight changes between the editable document and the
+      original(s) (<a href="../demo/merge.html">demo</a>).</dd>
+
+      <dt id="addon_tern"><a href="../addon/tern/tern.js"><code>tern/tern.js</code></a></dt>
+      <dd>Provides integration with
+      the <a href="http://ternjs.net">Tern</a> JavaScript analysis
+      engine, for completion, definition finding, and minor
+      refactoring help. See the <a href="../demo/tern.html">demo</a>
+      for a very simple integration. For more involved scenarios, see
+      the comments at the top of
+      the <a href="../addon/tern/tern.js">addon</a> and the
+      implementation of the
+      (multi-file) <a href="http://ternjs.net/doc/demo.html">demonstration
+      on the Tern website</a>.</dd>
+    </dl>
+</section>
+
+<section id=modeapi>
+    <h2>Writing CodeMirror Modes</h2>
+
+    <p>Modes typically consist of a single JavaScript file. This file
+    defines, in the simplest case, a lexer (tokenizer) for your
+    language—a function that takes a character stream as input,
+    advances it past a token, and returns a style for that token. More
+    advanced modes can also handle indentation for the language.</p>
+
+    <p id="defineMode">The mode script should
+    call <code><strong>CodeMirror.defineMode</strong></code> to
+    register itself with CodeMirror. This function takes two
+    arguments. The first should be the name of the mode, for which you
+    should use a lowercase string, preferably one that is also the
+    name of the files that define the mode (i.e. <code>"xml"</code> is
+    defined in <code>xml.js</code>). The second argument should be a
+    function that, given a CodeMirror configuration object (the thing
+    passed to the <code>CodeMirror</code> function) and an optional
+    mode configuration object (as in
+    the <a href="#option_mode"><code>mode</code></a> option), returns
+    a mode object.</p>
+
+    <p>Typically, you should use this second argument
+    to <code>defineMode</code> as your module scope function (modes
+    should not leak anything into the global scope!), i.e. write your
+    whole mode inside this function.</p>
+
+    <p>The main responsibility of a mode script is <em>parsing</em>
+    the content of the editor. Depending on the language and the
+    amount of functionality desired, this can be done in really easy
+    or extremely complicated ways. Some parsers can be stateless,
+    meaning that they look at one element (<em>token</em>) of the code
+    at a time, with no memory of what came before. Most, however, will
+    need to remember something. This is done by using a <em>state
+    object</em>, which is an object that is always passed when
+    reading a token, and which can be mutated by the tokenizer.</p>
+
+    <p id="startState">Modes that use a state must define
+    a <code><strong>startState</strong></code> method on their mode
+    object. This is a function of no arguments that produces a state
+    object to be used at the start of a document.</p>
+
+    <p id="token">The most important part of a mode object is
+    its <code><strong>token</strong>(stream, state)</code> method. All
+    modes must define this method. It should read one token from the
+    stream it is given as an argument, optionally update its state,
+    and return a style string, or <code>null</code> for tokens that do
+    not have to be styled. For your styles, you are encouraged to use
+    the 'standard' names defined in the themes (without
+    the <code>cm-</code> prefix). If that fails, it is also possible
+    to come up with your own and write your own CSS theme file.<p>
+
+    <p id="token_style_line">A typical token string would
+    be <code>"variable"</code> or <code>"comment"</code>. Multiple
+    styles can be returned (separated by spaces), for
+    example <code>"string error"</code> for a thing that looks like a
+    string but is invalid somehow (say, missing its closing quote).
+    When a style is prefixed by <code>"line-"</code>
+    or <code>"line-background-"</code>, the style will be applied to
+    the whole line, analogous to what
+    the <a href="#addLineClass"><code>addLineClass</code></a> method
+    does—styling the <code>"text"</code> in the simple case, and
+    the <code>"background"</code> element
+    when <code>"line-background-"</code> is prefixed.</p>
+
+    <p id="StringStream">The stream object that's passed
+    to <code>token</code> encapsulates a line of code (tokens may
+    never span lines) and our current position in that line. It has
+    the following API:</p>
+
+    <dl>
+      <dt><code><strong>eol</strong>() → boolean</code></dt>
+      <dd>Returns true only if the stream is at the end of the
+      line.</dd>
+      <dt><code><strong>sol</strong>() → boolean</code></dt>
+      <dd>Returns true only if the stream is at the start of the
+      line.</dd>
+
+      <dt><code><strong>peek</strong>() → string</code></dt>
+      <dd>Returns the next character in the stream without advancing
+      it. Will return an <code>null</code> at the end of the
+      line.</dd>
+      <dt><code><strong>next</strong>() → string</code></dt>
+      <dd>Returns the next character in the stream and advances it.
+      Also returns <code>null</code> when no more characters are
+      available.</dd>
+
+      <dt><code><strong>eat</strong>(match: string|regexp|function(char: string) → boolean) → string</code></dt>
+      <dd><code>match</code> can be a character, a regular expression,
+      or a function that takes a character and returns a boolean. If
+      the next character in the stream 'matches' the given argument,
+      it is consumed and returned. Otherwise, <code>undefined</code>
+      is returned.</dd>
+      <dt><code><strong>eatWhile</strong>(match: string|regexp|function(char: string) → boolean) → boolean</code></dt>
+      <dd>Repeatedly calls <code>eat</code> with the given argument,
+      until it fails. Returns true if any characters were eaten.</dd>
+      <dt><code><strong>eatSpace</strong>() → boolean</code></dt>
+      <dd>Shortcut for <code>eatWhile</code> when matching
+      white-space.</dd>
+      <dt><code><strong>skipToEnd</strong>()</code></dt>
+      <dd>Moves the position to the end of the line.</dd>
+      <dt><code><strong>skipTo</strong>(ch: string) → boolean</code></dt>
+      <dd>Skips to the next occurrence of the given character, if
+      found on the current line (doesn't advance the stream if the
+      character does not occur on the line). Returns true if the
+      character was found.</dd>
+      <dt><code><strong>match</strong>(pattern: string, ?consume: boolean, ?caseFold: boolean) → boolean</code></dt>
+      <dt><code><strong>match</strong>(pattern: regexp, ?consume: boolean) → array&lt;string&gt;</code></dt>
+      <dd>Act like a
+      multi-character <code>eat</code>—if <code>consume</code> is true
+      or not given—or a look-ahead that doesn't update the stream
+      position—if it is false. <code>pattern</code> can be either a
+      string or a regular expression starting with <code>^</code>.
+      When it is a string, <code>caseFold</code> can be set to true to
+      make the match case-insensitive. When successfully matching a
+      regular expression, the returned value will be the array
+      returned by <code>match</code>, in case you need to extract
+      matched groups.</dd>
+
+      <dt><code><strong>backUp</strong>(n: integer)</code></dt>
+      <dd>Backs up the stream <code>n</code> characters. Backing it up
+      further than the start of the current token will cause things to
+      break, so be careful.</dd>
+      <dt><code><strong>column</strong>() → integer</code></dt>
+      <dd>Returns the column (taking into account tabs) at which the
+      current token starts.</dd>
+      <dt><code><strong>indentation</strong>() → integer</code></dt>
+      <dd>Tells you how far the current line has been indented, in
+      spaces. Corrects for tab characters.</dd>
+
+      <dt><code><strong>current</strong>() → string</code></dt>
+      <dd>Get the string between the start of the current token and
+      the current stream position.</dd>
+    </dl>
+
+    <p id="blankLine">By default, blank lines are simply skipped when
+    tokenizing a document. For languages that have significant blank
+    lines, you can define
+    a <code><strong>blankLine</strong>(state)</code> method on your
+    mode that will get called whenever a blank line is passed over, so
+    that it can update the parser state.</p>
+
+    <p id="copyState">Because state object are mutated, and CodeMirror
+    needs to keep valid versions of a state around so that it can
+    restart a parse at any line, copies must be made of state objects.
+    The default algorithm used is that a new state object is created,
+    which gets all the properties of the old object. Any properties
+    which hold arrays get a copy of these arrays (since arrays tend to
+    be used as mutable stacks). When this is not correct, for example
+    because a mode mutates non-array properties of its state object, a
+    mode object should define
+    a <code><strong>copyState</strong></code> method, which is given a
+    state and should return a safe copy of that state.</p>
+
+    <p id="indent">If you want your mode to provide smart indentation
+    (through the <a href="#indentLine"><code>indentLine</code></a>
+    method and the <code>indentAuto</code>
+    and <code>newlineAndIndent</code> commands, to which keys can be
+    <a href="#option_extraKeys">bound</a>), you must define
+    an <code><strong>indent</strong>(state, textAfter)</code> method
+    on your mode object.</p>
+
+    <p>The indentation method should inspect the given state object,
+    and optionally the <code>textAfter</code> string, which contains
+    the text on the line that is being indented, and return an
+    integer, the amount of spaces to indent. It should usually take
+    the <a href="#option_indentUnit"><code>indentUnit</code></a>
+    option into account. An indentation method may
+    return <code>CodeMirror.Pass</code> to indicate that it
+    could not come up with a precise indentation.</p>
+
+    <p id="mode_comment">To work well with
+    the <a href="#addon_comment">commenting addon</a>, a mode may
+    define <code><strong>lineComment</strong></code> (string that
+    starts a line
+    comment), <code><strong>blockCommentStart</strong></code>, <code><strong>blockCommentEnd</strong></code>
+    (strings that start and end block comments),
+    and <code>blockCommentLead</code> (a string to put at the start of
+    continued lines in a block comment). All of these are
+    optional.</p>
+
+    <p id="electricChars">Finally, a mode may define
+    an <code>electricChars</code> property, which should hold a string
+    containing all the characters that should trigger the behaviour
+    described for
+    the <a href="#option_electricChars"><code>electricChars</code></a>
+    option.</p>
+
+    <p>So, to summarize, a mode <em>must</em> provide
+    a <code>token</code> method, and it <em>may</em>
+    provide <code>startState</code>, <code>copyState</code>,
+    and <code>indent</code> methods. For an example of a trivial mode,
+    see the <a href="../mode/diff/diff.js">diff mode</a>, for a more
+    involved example, see the <a href="../mode/clike/clike.js">C-like
+    mode</a>.</p>
+
+    <p>Sometimes, it is useful for modes to <em>nest</em>—to have one
+    mode delegate work to another mode. An example of this kind of
+    mode is the <a href="../mode/htmlmixed/htmlmixed.js">mixed-mode HTML
+    mode</a>. To implement such nesting, it is usually necessary to
+    create mode objects and copy states yourself. To create a mode
+    object, there are <code>CodeMirror.getMode(options,
+    parserConfig)</code>, where the first argument is a configuration
+    object as passed to the mode constructor function, and the second
+    argument is a mode specification as in
+    the <a href="#option_mode"><code>mode</code></a> option. To copy a
+    state object, call <code>CodeMirror.copyState(mode, state)</code>,
+    where <code>mode</code> is the mode that created the given
+    state.</p>
+
+    <p id="innerMode">In a nested mode, it is recommended to add an
+    extra method, <code><strong>innerMode</strong></code> which, given
+    a state object, returns a <code>{state, mode}</code> object with
+    the inner mode and its state for the current position. These are
+    used by utility scripts such as the <a href="#addon_closetag">tag
+    closer</a> to get context information. Use
+    the <code>CodeMirror.innerMode</code> helper function to, starting
+    from a mode and a state, recursively walk down to the innermost
+    mode and state.</p>
+
+    <p>To make indentation work properly in a nested parser, it is
+    advisable to give the <code>startState</code> method of modes that
+    are intended to be nested an optional argument that provides the
+    base indentation for the block of code. The JavaScript and CSS
+    parser do this, for example, to allow JavaScript and CSS code
+    inside the mixed-mode HTML mode to be properly indented.</p>
+
+    <p id="defineMIME">It is possible, and encouraged, to associate
+    your mode, or a certain configuration of your mode, with
+    a <a href="http://en.wikipedia.org/wiki/MIME">MIME</a> type. For
+    example, the JavaScript mode associates itself
+    with <code>text/javascript</code>, and its JSON variant
+    with <code>application/json</code>. To do this,
+    call <code><strong>CodeMirror.defineMIME</strong>(mime,
+    modeSpec)</code>, where <code>modeSpec</code> can be a string or
+    object specifying a mode, as in
+    the <a href="#option_mode"><code>mode</code></a> option.</p>
+
+    <p id="extendMode">Sometimes, it is useful to add or override mode
+    object properties from external code.
+    The <code><strong>CodeMirror.extendMode</strong></code> function
+    can be used to add properties to mode objects produced for a
+    specific mode. Its first argument is the name of the mode, its
+    second an object that specifies the properties that should be
+    added. This is mostly useful to add utilities that can later be
+    looked up through <a href="#getMode"><code>getMode</code></a>.</p>
+</section>
+
+</article>
+
+<script>setTimeout(function(){CodeMirror.colorize();}, 20);</script>
diff --git a/src/main/webapp/codemirror/doc/realworld.html b/src/main/webapp/codemirror/doc/realworld.html
new file mode 100644
index 00000000..a8ff3590
--- /dev/null
+++ b/src/main/webapp/codemirror/doc/realworld.html
@@ -0,0 +1,136 @@
+<!doctype html>
+
+<title>CodeMirror: Real-world Uses</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="docs.css">
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="logo.png"></a>
+
+  <ul>
+    <li><a href="../index.html">Home</a>
+    <li><a href="manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a class=active href="#">Real-world uses</a>
+  </ul>
+</div>
+
+<article>
+
+<h2>CodeMirror real-world uses</h2>
+
+    <p><a href="mailto:marijnh@gmail.com">Contact me</a> if you'd like
+    your project to be added to this list.</p>
+
+    <ul>
+      <li><a href="http://brackets.io">Adobe Brackets</a> (code editor)</li>
+      <li><a href="http://amber-lang.net/">Amber</a> (JavaScript-based Smalltalk system)</li>
+      <li><a href="http://apeye.org/">APEye</a> (tool for testing &amp; documenting APIs)</li>
+      <li><a href="http://blog.bitbucket.org/2013/05/14/edit-your-code-in-the-cloud-with-bitbucket/">Bitbucket</a> (code hosting)</li>
+      <li><a href="http://buzz.blogger.com/2013/04/improvements-to-blogger-template-html.html">Blogger's template editor</a></li>
+      <li><a href="http://bluegriffon.org/">BlueGriffon</a> (HTML editor)</li>
+      <li><a href="http://cargocollective.com/">Cargo Collective</a> (creative publishing platform)</li>
+      <li><a href="http://clickhelp.co/">ClickHelp</a> (technical writing tool)</li>
+      <li><a href="http://complete-ly.appspot.com/playground/code.playground.html">Complete.ly playground</a></li>
+      <li><a href="http://drupal.org/project/cpn">Code per Node</a> (Drupal module)</li>
+      <li><a href="http://www.codebugapp.com/">Codebug</a> (PHP Xdebug front-end)</li>
+      <li><a href="https://github.com/angelozerr/CodeMirror-Eclipse">CodeMirror Eclipse</a> (embed CM in Eclipse)</li>
+      <li><a href="http://emmet.io/blog/codemirror-movie/">CodeMirror movie</a> (scripted editing demos)</li>
+      <li><a href="http://code.google.com/p/codemirror2-gwt/">CodeMirror2-GWT</a> (Google Web Toolkit wrapper)</li>
+      <li><a href="http://www.crunchzilla.com/code-monster">Code Monster</a> & <a href="http://www.crunchzilla.com/code-maven">Code Maven</a> (learning environment)</li>
+      <li><a href="http://codepen.io">Codepen</a> (gallery of animations)</li>
+      <li><a href="http://sasstwo.codeschool.com/levels/1/challenges/1">Code School</a> (online tech learning environment)</li>
+      <li><a href="http://code-snippets.bungeshea.com/">Code Snippets</a> (WordPress snippet management plugin)</li>
+      <li><a href="http://antonmi.github.io/code_together/">Code together</a> (collaborative editing)</li>
+      <li><a href="http://codev.it/">Codev</a> (collaborative IDE)</li>
+      <li><a href="http://www.codezample.com">CodeZample</a> (code snippet sharing)</li>
+      <li><a href="http://codio.com">Codio</a> (Web IDE)</li>
+      <li><a href="http://ot.substance.io/demo/">Collaborative CodeMirror demo</a> (CodeMirror + operational transforms)</li>
+      <li><a href="http://www.communitycodecamp.com/">Community Code Camp</a> (code snippet sharing)</li>
+      <li><a href="http://www.compilejava.net/">compilejava.net</a> (online Java sandbox)</li>
+      <li><a href="http://www.ckwnc.com/">CKWNC</a> (UML editor)</li>
+      <li><a href="http://www.crudzilla.com/">Crudzilla</a> (self-hosted web IDE)</li>
+      <li><a href="http://cssdeck.com/">CSSDeck</a> (CSS showcase)</li>
+      <li><a href="http://ireneros.com/deck/deck.js-codemirror/introduction/#textarea-code">Deck.js integration</a> (slides with editors)</li>
+      <li><a href="http://www.dbninja.com">DbNinja</a> (MySQL access interface)</li>
+      <li><a href="https://chat.echoplex.us/">Echoplexus</a> (chat and collaborative coding)</li>
+      <li><a href="http://elm-lang.org/Examples.elm">Elm language examples</a></li>
+      <li><a href="http://eloquentjavascript.net/chapter1.html">Eloquent JavaScript</a> (book)</li>
+      <li><a href="http://emmet.io">Emmet</a> (fast XML editing)</li>
+      <li><a href="http://www.fastfig.com/">Fastfig</a> (online computation/math tool)</li>
+      <li><a href="https://metacpan.org/module/Farabi">Farabi</a> (modern Perl IDE)</li>
+      <li><a href="http://blog.pamelafox.org/2012/02/interactive-html5-slides-with-fathomjs.html">FathomJS integration</a> (slides with editors, again)</li>
+      <li><a href="http://fiddlesalad.com/">Fiddle Salad</a> (web development environment)</li>
+      <li><a href="http://www.firepad.io">Firepad</a> (collaborative text editor)</li>
+      <li><a href="https://code.google.com/p/gerrit/">Gerrit</a>'s diff view</a></li>
+      <li><a href="http://tour.golang.org">Go language tour</a></li>
+      <li><a href="https://github.com/github/android">GitHub's Android app</a></li>
+      <li><a href="https://script.google.com/">Google Apps Script</a></li>
+      <li><a href="http://web.uvic.ca/~siefkenj/graphit/graphit.html">Graphit</a> (function graphing)</li>
+      <li><a href="http://www.handcraft.com/">Handcraft</a> (HTML prototyping)</li>
+      <li><a href="http://try.haxe.org">Haxe</a> (Haxe Playground) </li>
+      <li><a href="http://haxpad.com/">HaxPad</a> (editor for Win RT)</li>
+      <li><a href="http://megafonweblab.github.com/histone-javascript/">Histone template engine playground</a></li>
+      <li><a href="http://icecoder.net">ICEcoder</a> (web IDE)</li>
+      <li><a href="http://www.janvas.com/">Janvas</a> (vector graphics editor)</li>
+      <li><a href="http://extensions.joomla.org/extensions/edition/editors/8723">Joomla plugin</a></li>
+      <li><a href="http://jqfundamentals.com/">jQuery fundamentals</a> (interactive tutorial)</li>
+      <li><a href="http://jsbin.com">jsbin.com</a> (JS playground)</li>
+      <li><a href="http://jsfiddle.com">jsfiddle.com</a> (another JS playground)</li>
+      <li><a href="http://www.jshint.com/">JSHint</a> (JS linter)</li>
+      <li><a href="http://jumpseller.com/">Jumpseller</a> (online store builder)</li>
+      <li><a href="http://kl1p.com/cmtest/1">kl1p</a> (paste service)</li>
+      <li><a href="http://www.chris-granger.com/2012/04/12/light-table---a-new-ide-concept/">Light Table</a> (experimental IDE)</li>
+      <li><a href="http://liveweave.com/">Liveweave</a> (HTML/CSS/JS scratchpad)</li>
+      <li><a href="http://marklighteditor.com/">Marklight editor</a> (lightweight markup editor)</li>
+      <li><a href="http://www.mergely.com/">Mergely</a> (interactive diffing)</li>
+      <li><a href="http://www.iunbug.com/mihtool">MIHTool</a> (iOS web-app debugging tool)</li>
+      <li><a href="http://mongo-mapreduce-webbrowser.opensagres.cloudbees.net/">Mongo MapReduce WebBrowser</a></li>
+      <li><a href="http://mvcplayground.apphb.com/">MVC Playground</a></li>
+      <li><a href="https://www.my2ndgeneration.com/">My2ndGeneration</a> (social coding)</li>
+      <li><a href="http://www.navigatecms.com">Navigate CMS</a></li>
+      <li><a href="https://github.com/soliton4/nodeMirror">nodeMirror</a> (IDE project)</li>
+      <li><a href="https://notex.ch">NoTex</a> (rST authoring)</li>
+      <li><a href="http://oakoutliner.com">Oak</a> (online outliner)</li>
+      <li><a href="http://clrhome.org/asm/">ORG</a> (z80 assembly IDE)</li>
+      <li><a href="https://github.com/mamacdon/orion-codemirror">Orion-CodeMirror integration</a> (running CodeMirror modes in Orion)</li>
+      <li><a href="http://paperjs.org/">Paper.js</a> (graphics scripting)</li>
+      <li><a href="http://prinbit.com/">PrinBit</a> (collaborative coding tool)</li>
+      <li><a href="http://prose.io/">Prose.io</a> (github content editor)</li>
+      <li><a href="http://www.puzzlescript.net/">Puzzlescript</a> (puzzle game engine)</li>
+      <li><a href="http://ql.io/">ql.io</a> (http API query helper)</li>
+      <li><a href="http://qyapp.com">QiYun web app platform</a></li>
+      <li><a href="http://ariya.ofilabs.com/2011/09/hybrid-webnative-desktop-codemirror.html">Qt+Webkit integration</a> (building a desktop CodeMirror app)</li>
+      <li><a href="http://www.quivive-file-manager.com">Quivive File Manager</a></li>
+      <li><a href="http://rascalmicro.com/docs/basic-tutorial-getting-started.html">Rascal</a> (tiny computer)</li>
+      <li><a href="https://www.realtime.io/">RealTime.io</a> (Internet-of-Things infrastructure)</li>
+      <li><a href="https://www.shadertoy.com/">Shadertoy</a> (shader sharing)</li>
+      <li><a href="http://www.sketchpatch.net/labs/livecodelabIntro.html">sketchPatch Livecodelab</a></li>
+      <li><a href="http://www.skulpt.org/">Skulpt</a> (in-browser Python environment)</li>
+      <li><a href="http://snippets.pro/">Snippets.pro</a> (code snippet sharing)</li>
+      <li><a href="http://www.solidshops.com/">SolidShops</a> (hosted e-commerce platform)</li>
+      <li><a href="http://sqlfiddle.com">SQLFiddle</a> (SQL playground)</li>
+      <li><a href="https://thefiletree.com">The File Tree</a> (collab editor)</li>
+      <li><a href="http://www.mapbox.com/tilemill/">TileMill</a> (map design tool)</li>
+      <li><a href="http://www.toolsverse.com/products/data-explorer/">Toolsverse Data Explorer</a> (database management)</li>
+      <li><a href="http://enjalot.com/tributary/2636296/sinwaves.js">Tributary</a> (augmented editing)</li>
+      <li><a href="http://blog.englard.net/post/39608000629/codeintumblr">Tumblr code highlighting shim</a></li>
+      <li><a href="http://turbopy.com/">TurboPY</a> (web publishing framework)</li>
+      <li><a href="http://uicod.com/">uiCod</a> (animation demo gallery and sharing)</li>
+      <li><a href="http://cruise.eecs.uottawa.ca/umpleonline/">UmpleOnline</a> (model-oriented programming tool)</li>
+      <li><a href="https://upsource.jetbrains.com/#idea/view/923f30395f2603cd9f42a32bcafd13b6c28de0ff/plugins/groovy/src/org/jetbrains/plugins/groovy/intentions/style/ReplaceAbstractClassInstanceByMapIntention.java">Upsource</a> (code viewer)</li>
+      <li><a href="https://github.com/brettz9/webappfind">webappfind</a> (windows file bindings for webapps)</li>
+      <li><a href="http://www.webglacademy.com/">WebGL academy</a> (learning WebGL)</li>
+      <li><a href="http://webglplayground.net/">WebGL playground</a></li>
+      <li><a href="https://www.webkit.org/blog/2518/state-of-web-inspector/#source-code">WebKit Web inspector</a></li>
+      <li><a href="http://www.wescheme.org/">WeScheme</a> (learning tool)</li>
+      <li><a href="http://wordpress.org/extend/plugins/codemirror-for-codeeditor/">WordPress plugin</a></li>
+      <li><a href="http://www.xosystem.org/home/applications_websites/xosystem_website/xoside_EN.php">XOSide</a> (online editor)</li>
+      <li><a href="http://videlibri.sourceforge.net/cgi-bin/xidelcgi">XQuery tester</a></li>
+      <li><a href="http://q42jaap.github.io/xsd2codemirror/">xsd2codemirror</a> (convert XSD to CM XML completion info)</li>
+    </ul>
+
+</article>
+
diff --git a/src/main/webapp/codemirror/doc/releases.html b/src/main/webapp/codemirror/doc/releases.html
new file mode 100644
index 00000000..e6d7ddce
--- /dev/null
+++ b/src/main/webapp/codemirror/doc/releases.html
@@ -0,0 +1,790 @@
+<!doctype html>
+
+<title>CodeMirror: Release History</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="docs.css">
+<script src="activebookmark.js"></script>
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="logo.png"></a>
+
+  <ul>
+    <li><a href="../index.html">Home</a>
+    <li><a href="manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a class=active data-default="true" href="#v3">Version 3.x</a>
+    <li><a href="#v2">Version 2.x</a>
+    <li><a href="#v1">Version 0.x</a>
+  </ul>
+</div>
+
+<article>
+
+<h2>Release notes and version history</h2>
+
+<section id=v3 class=first>
+
+  <h2>Version 3.x</h2>
+
+  <p class="rel">21-11-2013: <a href="http://codemirror.net/codemirror-3.20.zip">Version 3.20</a>:</p>
+
+  <ul class="rel-note">
+    <li>New modes: <a href="../mode/julia/index.html">Julia</a> and <a href="../mode/pegjs/index.html">PEG.js</a>.</li>
+    <li>Support ECMAScript 6 in the <a href="../mode/javascript/index.html">JavaScript mode</a>.</li>
+    <li>Improved indentation for the <a href="../mode/coffeescript/index.html">CoffeeScript mode</a>.</li>
+    <li>Make non-printable-character representation <a href="manual.html#option_specialChars">configurable</a>.</li>
+    <li>Add ‘notification’ functionality to <a href="manual.html#addon_dialog">dialog</a> addon.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/3.19.0...3.20.0">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">21-10-2013: <a href="http://codemirror.net/codemirror-3.19.zip">Version 3.19</a>:</p>
+
+  <ul class="rel-note">
+    <li>New modes: <a href="../mode/eiffel/index.html">Eiffel</a>, <a href="../mode/gherkin/index.html">Gherkin</a>, <a href="../mode/sql/?mime=text/x-mssql">MSSQL dialect</a>.</li>
+    <li>New addons: <a href="manual.html#addon_hardwrap">hardwrap</a>, <a href="manual.html#addon_sql-hint">sql-hint</a>.</li>
+    <li>New theme: <a href="../demo/theme.html?mbo">MBO</a>.</li>
+    <li>Add <a href="manual.html#token_style_line">support</a> for line-level styling from mode tokenizers.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/3.18.0...3.19.0">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">23-09-2013: <a href="http://codemirror.net/codemirror-3.18.zip">Version 3.18</a>:</p>
+
+  <p class="rel-note">Emergency release to fix a problem in 3.17
+  where <code>.setOption("lineNumbers", false)</code> would raise an
+  error.</p>
+
+  <p class="rel">23-09-2013: <a href="http://codemirror.net/codemirror-3.17.zip">Version 3.17</a>:</p>
+
+  <ul class="rel-note">
+    <li>New modes: <a href="../mode/fortran/index.html">Fortran</a>, <a href="../mode/octave/index.html">Octave</a> (Matlab), <a href="../mode/toml/index.html">TOML</a>, and <a href="../mode/dtd/index.html">DTD</a>.</li>
+    <li>New addons: <a href="../addon/lint/css-lint.js"><code>css-lint</code></a>, <a href="manual.html#addon_css-hint"><code>css-hint</code></a>.</li>
+    <li>Improve resilience to CSS 'frameworks' that globally mess up <code>box-sizing</code>.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/3.16.0...3.17.0">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">21-08-2013: <a href="http://codemirror.net/codemirror-3.16.zip">Version 3.16</a>:</p>
+
+  <ul class="rel-note">
+    <li>The whole codebase is now under a single <a href="../LICENSE">license</a> file.</li>
+    <li>The project page was overhauled and redesigned.</li>
+    <li>New themes: <a href="../demo/theme.html?paraiso-dark">Paraiso</a> (<a href="../demo/theme.html?paraiso-light">light</a>), <a href="../demo/theme.html?the-matrix">The Matrix</a>.</li>
+    <li>Improved interaction between themes and <a href="manual.html#addon_active-line">active-line</a>/<a href="manual.html#addon_matchbrackets">matchbrackets</a> addons.</li>
+    <li>New <a href="manual.html#addon_foldcode">folding</a> function <code>CodeMirror.fold.comment</code>.</li>
+    <li>Added <a href="manual.html#addon_fullscreen">fullscreen</a> addon.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/3.15.0...3.16.0">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">29-07-2013: <a href="http://codemirror.net/codemirror-3.15.zip">Version 3.15</a>:</p>
+
+  <ul class="rel-note">
+    <li>New modes: <a href="../mode/jade/index.html">Jade</a>, <a href="../mode/nginx/index.html">Nginx</a>.</li>
+    <li>New addons: <a href="../demo/tern.html">Tern</a>, <a href="manual.html#addon_matchtags">matchtags</a>, and <a href="manual.html#addon_foldgutter">foldgutter</a>.</li>
+    <li>Introduced <a href="manual.html#getHelper"><em>helper</em></a> concept (<a href="https://groups.google.com/forum/#!msg/codemirror/cOc0xvUUEUU/nLrX1-qnidgJ">context</a>).</li>
+    <li>New method: <a href="manual.html#getModeAt"><code>getModeAt</code></a>.</li>
+    <li>New themes: base16 <a href="../demo/theme.html?base16-dark">dark</a>/<a href="../demo/theme.html?base16-light">light</a>, 3024 <a href="../demo/theme.html?3024-night">dark</a>/<a href="../demo/theme.html?3024-day">light</a>, <a href="../demo/theme.html?tomorrow-night-eighties">tomorrow-night</a>.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/3.14.0...3.15.0">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">20-06-2013: <a href="http://codemirror.net/codemirror-3.14.zip">Version 3.14</a>:</p>
+
+  <ul class="rel-note">
+    <li>New
+    addons: <a href="manual.html#addon_trailingspace">trailing
+    space highlight</a>, <a href="manual.html#addon_xml-hint">XML
+    completion</a> (rewritten),
+    and <a href="manual.html#addon_merge">diff merging</a>.</li>
+    <li><a href="manual.html#markText"><code>markText</code></a>
+    and <a href="manual.html#addLineWidget"><code>addLineWidget</code></a>
+    now take a <code>handleMouseEvents</code> option.</li>
+    <li>New methods: <a href="manual.html#lineAtHeight"><code>lineAtHeight</code></a>,
+    <a href="manual.html#getTokenTypeAt"><code>getTokenTypeAt</code></a>.</li>
+    <li>More precise cleanness-tracking
+    using <a href="manual.html#changeGeneration"><code>changeGeneration</code></a>
+    and <a href="manual.html#isClean"><code>isClean</code></a>.</li>
+    <li>Many extensions to <a href="../demo/emacs.html">Emacs</a> mode
+    (prefixes, more navigation units, and more).</li>
+    <li>New
+    events <a href="manual.html#event_keyHandled"><code>"keyHandled"</code></a>
+    and <a href="manual.html#event_inputRead"><code>"inputRead"</code></a>.</li>
+    <li>Various improvements to <a href="../mode/ruby/index.html">Ruby</a>,
+    <a href="../mode/smarty/index.html">Smarty</a>, <a href="../mode/sql/index.html">SQL</a>,
+    and <a href="../demo/vim.html">Vim</a> modes.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/3.13.0...3.14.0">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">20-05-2013: <a href="http://codemirror.net/codemirror-3.13.zip">Version 3.13</a>:</p>
+
+  <ul class="rel-note">
+    <li>New modes: <a href="../mode/cobol/index.html">COBOL</a> and <a href="../mode/haml/index.html">HAML</a>.</li>
+    <li>New options: <a href="manual.html#option_cursorScrollMargin"><code>cursorScrollMargin</code></a> and <a href="manual.html#option_coverGutterNextToScrollbar"><code>coverGutterNextToScrollbar</code></a>.</li>
+    <li>New addon: <a href="manual.html#addon_comment">commenting</a>.</li>
+    <li>More features added to the <a href="../demo/vim.html">Vim keymap</a>.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.12...3.13.0">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">19-04-2013: <a href="http://codemirror.net/codemirror-3.12.zip">Version 3.12</a>:</p>
+
+  <ul class="rel-note">
+    <li>New mode: <a href="../mode/gas/index.html">GNU assembler</a>.</li>
+    <li>New
+    options: <a href="manual.html#option_maxHighlightLength"><code>maxHighlightLength</code></a>
+    and <a href="manual.html#option_historyEventDelay"><code>historyEventDelay</code></a>.</li>
+    <li>Added <a href="manual.html#mark_addToHistory"><code>addToHistory</code></a>
+    option for <code>markText</code>.</li>
+    <li>Various fixes to JavaScript tokenization and indentation corner cases.</li>
+    <li>Further improvements to the vim mode.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.11...v3.12">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">20-03-2013: <a href="http://codemirror.net/codemirror-3.11.zip">Version 3.11</a>:</p>
+
+  <ul class="rel-note">
+    <li><strong>Removed code:</strong> <code>collapserange</code>,
+    <code>formatting</code>, and <code>simple-hint</code>
+    addons. <code>plsql</code> and <code>mysql</code> modes
+    (use <a href="../mode/sql/index.html"><code>sql</code></a> mode).</li>
+    <li><strong>Moved code:</strong> the range-finding functions for folding now have <a href="../addon/fold/">their own files</a>.</li>
+    <li><strong>Changed interface:</strong>
+    the <a href="manual.html#addon_continuecomment"><code>continuecomment</code></a>
+    addon now exposes an option, rather than a command.</li>
+    <li>New
+    modes: <a href="../mode/css/scss.html">SCSS</a>, <a href="../mode/tcl/index.html">Tcl</a>, <a href="../mode/livescript/index.html">LiveScript</a>,
+    and <a href="../mode/mirc/index.html">mIRC</a>.</li>
+    <li>New addons: <a href="../demo/placeholder.html"><code>placeholder</code></a>, <a href="../demo/html5complete.html">HTML completion</a>.</li>
+    <li>New
+    methods: <a href="manual.html#hasFocus"><code>hasFocus</code></a>, <a href="manual.html#defaultCharWidth"><code>defaultCharWidth</code></a>.</li>
+    <li>New events: <a href="manual.html#event_beforeCursorEnter"><code>beforeCursorEnter</code></a>, <a href="manual.html#event_renderLine"><code>renderLine</code></a>.</li>
+    <li>Many improvements to the <a href="manual.html#addon_show-hint"><code>show-hint</code></a> completion
+    dialog addon.</li>
+    <li>Tweak behavior of by-word cursor motion.</li>
+    <li>Further improvements to the <a href="../demo/vim.html">vim mode</a>.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.1...v3.11">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">21-02-2013: <a href="http://codemirror.net/codemirror-3.1.zip">Version 3.1</a>:</p>
+
+  <ul class="rel-note">
+    <li><strong>Incompatible:</strong> key handlers may
+    now <em>return</em>, rather
+    than <em>throw</em> <code>CodeMirror.Pass</code> to signal they
+    didn't handle the key.</li>
+    <li>Make documents a <a href="manual.html#api_doc">first-class
+    construct</a>, support split views and subviews.</li>
+    <li>Add a <a href="manual.html#addon_show-hint">new module</a>
+    for showing completion hints.
+    Deprecate <code>simple-hint.js</code>.</li>
+    <li>Extend <a href="../mode/htmlmixed/index.html">htmlmixed mode</a>
+    to allow custom handling of script types.</li>
+    <li>Support an <code>insertLeft</code> option
+    to <a href="manual.html#setBookmark"><code>setBookmark</code></a>.</li>
+    <li>Add an <a href="manual.html#eachLine"><code>eachLine</code></a>
+    method to iterate over a document.</li>
+    <li>New addon modules: <a href="../demo/markselection.html">selection
+    marking</a>, <a href="../demo/lint.html">linting</a>,
+    and <a href="../demo/closebrackets.html">automatic bracket
+    closing</a>.</li>
+    <li>Add <a href="manual.html#event_beforeChange"><code>"beforeChange"</code></a>
+    and <a href="manual.html#event_beforeSelectionChange"><code>"beforeSelectionChange"</code></a>
+    events.</li>
+    <li>Add <a href="manual.html#event_hide"><code>"hide"</code></a>
+    and <a href="manual.html#event_unhide"><code>"unhide"</code></a>
+    events to marked ranges.</li>
+    <li>Fix <a href="manual.html#coordsChar"><code>coordsChar</code></a>'s
+    interpretation of its argument to match the documentation.</li>
+    <li>New modes: <a href="../mode/turtle/index.html">Turtle</a>
+    and <a href="../mode/q/index.html">Q</a>.</li>
+    <li>Further improvements to the <a href="../demo/vim.html">vim mode</a>.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.01...v3.1">list of patches</a>.</li>
+  </ul>
+  
+
+  <p class="rel">25-01-2013: <a href="http://codemirror.net/codemirror-3.02.zip">Version 3.02</a>:</p>
+
+  <p class="rel-note">Single-bugfix release. Fixes a problem that
+  prevents CodeMirror instances from being garbage-collected after
+  they become unused.</p>
+
+  <p class="rel">21-01-2013: <a href="http://codemirror.net/codemirror-3.01.zip">Version 3.01</a>:</p>
+
+  <ul class="rel-note">
+    <li>Move all add-ons into an organized directory structure
+    under <a href="../addon/"><code>/addon</code></a>. <strong>You might have to adjust your
+    paths.</strong></li>
+    <li>New
+    modes: <a href="../mode/d/index.html">D</a>, <a href="../mode/sass/index.html">Sass</a>, <a href="../mode/apl/index.html">APL</a>, <a href="../mode/sql/index.html">SQL</a>
+    (configurable), and <a href="../mode/asterisk/index.html">Asterisk</a>.</li>
+    <li>Several bugfixes in right-to-left text support.</li>
+    <li>Add <a href="manual.html#option_rtlMoveVisually"><code>rtlMoveVisually</code></a> option.</li>
+    <li>Improvements to vim keymap.</li>
+    <li>Add built-in (lightweight) <a href="manual.html#addOverlay">overlay mode</a> support.</li>
+    <li>Support <code>showIfHidden</code> option for <a href="manual.html#addLineWidget">line widgets</a>.</li>
+    <li>Add simple <a href="manual.html#addon_python-hint">Python hinter</a>.</li>
+    <li>Bring back the <a href="manual.html#option_fixedGutter"><code>fixedGutter</code></a> option.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.0...v3.01">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">10-12-2012: <a href="http://codemirror.net/codemirror-3.0.zip">Version 3.0</a>:</p>
+
+  <p class="rel-note"><strong>New major version</strong>. Only
+  partially backwards-compatible. See
+  the <a href="upgrade_v3.html">upgrading guide</a> for more
+  information. Changes since release candidate 2:</p>
+
+  <ul class="rel-note">
+    <li>Rewritten VIM mode.</li>
+    <li>Fix a few minor scrolling and sizing issues.</li>
+    <li>Work around Safari segfault when dragging.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.0rc2...v3.0">list of patches</a>.</li>
+  </ul>
+  
+  <p class="rel">20-11-2012: <a href="http://codemirror.net/codemirror-3.0rc2.zip">Version 3.0, release candidate 2</a>:</p>
+
+  <ul class="rel-note">
+    <li>New mode: <a href="../mode/http/index.html">HTTP</a>.</li>
+    <li>Improved handling of selection anchor position.</li>
+    <li>Improve IE performance on longer lines.</li>
+    <li>Reduce gutter glitches during horiz. scrolling.</li>
+    <li>Add <a href="manual.html#addKeyMap"><code>addKeyMap</code></a> and <a href="manual.html#removeKeyMap"><code>removeKeyMap</code></a> methods.</li>
+    <li>Rewrite <code>formatting</code> and <code>closetag</code> add-ons.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.0rc1...v3.0rc2">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">20-11-2012: <a href="http://codemirror.net/codemirror-3.0rc1.zip">Version 3.0, release candidate 1</a>:</p>
+
+  <ul class="rel-note">
+    <li>New theme: <a href="../demo/theme.html?solarized%20light">Solarized</a>.</li>
+    <li>Introduce <a href="manual.html#addLineClass"><code>addLineClass</code></a>
+    and <a href="manual.html#removeLineClass"><code>removeLineClass</code></a>,
+    drop <code>setLineClass</code>.</li>
+    <li>Add a <em>lot</em> of
+    new <a href="manual.html#markText">options for marked text</a>
+    (read-only, atomic, collapsed, widget replacement).</li>
+    <li>Remove the old code folding interface in favour of these new ranges.</li>
+    <li>Add <a href="manual.html#isClean"><code>isClean</code></a>/<a href="manual.html#markClean"><code>markClean</code></a> methods.</li>
+    <li>Remove <code>compoundChange</code> method, use better undo-event-combining heuristic.</li>
+    <li>Improve scrolling performance smoothness.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.0beta2...v3.0rc1">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">22-10-2012: <a href="http://codemirror.net/codemirror-3.0beta2.zip">Version 3.0, beta 2</a>:</p>
+
+  <ul class="rel-note">
+    <li>Fix page-based coordinate computation.</li>
+    <li>Fix firing of <a href="manual.html#event_gutterClick"><code>gutterClick</code></a> event.</li>
+    <li>Add <a href="manual.html#option_cursorHeight"><code>cursorHeight</code></a> option.</li>
+    <li>Fix bi-directional text regression.</li>
+    <li>Add <a href="manual.html#option_viewportMargin"><code>viewportMargin</code></a> option.</li>
+    <li>Directly handle mousewheel events (again, hopefully better).</li>
+    <li>Make vertical cursor movement more robust (through widgets, big line gaps).</li>
+    <li>Add <a href="manual.html#option_flattenSpans"><code>flattenSpans</code></a> option.</li>
+    <li>Many optimizations. Poor responsiveness should be fixed.</li>
+    <li>Initialization in hidden state works again.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.0beta1...v3.0beta2">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">19-09-2012: <a href="http://codemirror.net/codemirror-3.0beta1.zip">Version 3.0, beta 1</a>:</p>
+
+  <ul class="rel-note">
+    <li>Bi-directional text support.</li>
+    <li>More powerful gutter model.</li>
+    <li>Support for arbitrary text/widget height.</li>
+    <li>In-line widgets.</li>
+    <li>Generalized event handling.</li>
+  </ul>
+
+</section>
+
+<section id=v2>
+
+  <h2>Version 2.x</h2>
+
+  <p class="rel">21-01-2013: <a href="http://codemirror.net/codemirror-2.38.zip">Version 2.38</a>:</p>
+
+  <p class="rel-note">Integrate some bugfixes, enhancements to the vim keymap, and new
+  modes
+  (<a href="../mode/d/index.html">D</a>, <a href="../mode/sass/index.html">Sass</a>, <a href="../mode/apl/index.html">APL</a>)
+  from the v3 branch.</p>
+
+  <p class="rel">20-12-2012: <a href="http://codemirror.net/codemirror-2.37.zip">Version 2.37</a>:</p>
+
+  <ul class="rel-note">
+    <li>New mode: <a href="../mode/sql/index.html">SQL</a> (will replace <a href="../mode/plsql/index.html">plsql</a> and <a href="../mode/mysql/index.html">mysql</a> modes).</li>
+    <li>Further work on the new VIM mode.</li>
+    <li>Fix Cmd/Ctrl keys on recent Operas on OS X.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v2.36...v2.37">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">20-11-2012: <a href="http://codemirror.net/codemirror-2.36.zip">Version 2.36</a>:</p>
+
+  <ul class="rel-note">
+    <li>New mode: <a href="../mode/z80/index.html">Z80 assembly</a>.</li>
+    <li>New theme: <a href="../demo/theme.html?twilight">Twilight</a>.</li>
+    <li>Add command-line compression helper.</li>
+    <li>Make <a href="manual.html#scrollIntoView"><code>scrollIntoView</code></a> public.</li>
+    <li>Add <a href="manual.html#defaultTextHeight"><code>defaultTextHeight</code></a> method.</li>
+    <li>Various extensions to the vim keymap.</li>
+    <li>Make <a href="../mode/php/index.html">PHP mode</a> build on <a href="../mode/htmlmixed/index.html">mixed HTML mode</a>.</li>
+    <li>Add <a href="manual.html#addon_continuecomment">comment-continuing</a> add-on.</li>
+    <li>Full <a href="../https://github.com/marijnh/CodeMirror/compare/v2.35...v2.36">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">22-10-2012: <a href="http://codemirror.net/codemirror-2.35.zip">Version 2.35</a>:</p>
+
+  <ul class="rel-note">
+    <li>New (sub) mode: <a href="../mode/javascript/typescript.html">TypeScript</a>.</li>
+    <li>Don't overwrite (insert key) when pasting.</li>
+    <li>Fix several bugs in <a href="manual.html#markText"><code>markText</code></a>/undo interaction.</li>
+    <li>Better indentation of JavaScript code without semicolons.</li>
+    <li>Add <a href="manual.html#defineInitHook"><code>defineInitHook</code></a> function.</li>
+    <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v2.34...v2.35">list of patches</a>.</li>
+  </ul>
+
+  <p class="rel">19-09-2012: <a href="http://codemirror.net/codemirror-2.34.zip">Version 2.34</a>:</p>
+
+  <ul class="rel-note">
+    <li>New mode: <a href="../mode/commonlisp/index.html">Common Lisp</a>.</li>
+    <li>Fix right-click select-all on most browsers.</li>
+    <li>Change the way highlighting happens:<br>&nbsp; Saves memory and CPU cycles.<br>&nbsp; <code>compareStates</code> is no longer needed.<br>&nbsp; <code>onHighlightComplete</code> no longer works.</li>
+    <li>Integrate mode (Markdown, XQuery, CSS, sTex) tests in central testsuite.</li>
+    <li>Add a <a href="manual.html#version"><code>CodeMirror.version</code></a> property.</li>
+    <li>More robust handling of nested modes in <a href="../demo/formatting.html">formatting</a> and <a href="../demo/closetag.html">closetag</a> plug-ins.</li>
+    <li>Un/redo now preserves <a href="manual.html#markText">marked text</a> and bookmarks.</li>
+    <li><a href="https://github.com/marijnh/CodeMirror/compare/v2.33...v2.34">Full list</a> of patches.</li>
+  </ul>
+
+  <p class="rel">23-08-2012: <a href="http://codemirror.net/codemirror-2.33.zip">Version 2.33</a>:</p>
+
+  <ul class="rel-note">
+    <li>New mode: <a href="../mode/sieve/index.html">Sieve</a>.</li>
+    <li>New <a href="manual.html#getViewport"><code>getViewPort</code></a> and <a href="manual.html#option_onViewportChange"><code>onViewportChange</code></a> API.</li>
+    <li><a href="manual.html#option_cursorBlinkRate">Configurable</a> cursor blink rate.</li>
+    <li>Make binding a key to <code>false</code> disabling handling (again).</li>
+    <li>Show non-printing characters as red dots.</li>
+    <li>More tweaks to the scrolling model.</li>
+    <li>Expanded testsuite. Basic linter added.</li>
+    <li>Remove most uses of <code>innerHTML</code>. Remove <code>CodeMirror.htmlEscape</code>.</li>
+    <li><a href="https://github.com/marijnh/CodeMirror/compare/v2.32...v2.33">Full list</a> of patches.</li>
+  </ul>
+
+  <p class="rel">23-07-2012: <a href="http://codemirror.net/codemirror-2.32.zip">Version 2.32</a>:</p>
+
+  <p class="rel-note">Emergency fix for a bug where an editor with
+  line wrapping on IE will break when there is <em>no</em>
+  scrollbar.</p>
+
+  <p class="rel">20-07-2012: <a href="http://codemirror.net/codemirror-2.31.zip">Version 2.31</a>:</p>
+
+  <ul class="rel-note">
+    <li>New modes: <a href="../mode/ocaml/index.html">OCaml</a>, <a href="../mode/haxe/index.html">Haxe</a>, and <a href="../mode/vb/index.html">VB.NET</a>.</li>
+    <li>Several fixes to the new scrolling model.</li>
+    <li>Add a <a href="manual.html#setSize"><code>setSize</code></a> method for programmatic resizing.</li>
+    <li>Add <a href="manual.html#getHistory"><code>getHistory</code></a> and <a href="manual.html#setHistory"><code>setHistory</code></a> methods.</li>
+    <li>Allow custom line separator string in <a href="manual.html#getValue"><code>getValue</code></a> and <a href="manual.html#getRange"><code>getRange</code></a>.</li>
+    <li>Support double- and triple-click drag, double-clicking whitespace.</li>
+    <li>And more... <a href="https://github.com/marijnh/CodeMirror/compare/v2.3...v2.31">(all patches)</a></li>
+  </ul>
+
+  <p class="rel">22-06-2012: <a href="http://codemirror.net/codemirror-2.3.zip">Version 2.3</a>:</p>
+
+  <ul class="rel-note">
+    <li><strong>New scrollbar implementation</strong>. Should flicker less. Changes DOM structure of the editor.</li>
+    <li>New theme: <a href="../demo/theme.html?vibrant-ink">vibrant-ink</a>.</li>
+    <li>Many extensions to the VIM keymap (including text objects).</li>
+    <li>Add <a href="../demo/multiplex.html">mode-multiplexing</a> utility script.</li>
+    <li>Fix bug where right-click paste works in read-only mode.</li>
+    <li>Add a <a href="manual.html#getScrollInfo"><code>getScrollInfo</code></a> method.</li>
+    <li>Lots of other <a href="https://github.com/marijnh/CodeMirror/compare/v2.25...v2.3">fixes</a>.</li>
+  </ul>
+
+  <p class="rel">23-05-2012: <a href="http://codemirror.net/codemirror-2.25.zip">Version 2.25</a>:</p>
+
+  <ul class="rel-note">
+    <li>New mode: <a href="../mode/erlang/index.html">Erlang</a>.</li>
+    <li><strong>Remove xmlpure mode</strong> (use <a href="../mode/xml/index.html">xml.js</a>).</li>
+    <li>Fix line-wrapping in Opera.</li>
+    <li>Fix X Windows middle-click paste in Chrome.</li>
+    <li>Fix bug that broke pasting of huge documents.</li>
+    <li>Fix backspace and tab key repeat in Opera.</li>
+  </ul>
+
+  <p class="rel">23-04-2012: <a href="http://codemirror.net/codemirror-2.24.zip">Version 2.24</a>:</p>
+
+  <ul class="rel-note">
+    <li><strong>Drop support for Internet Explorer 6</strong>.</li>
+    <li>New
+    modes: <a href="../mode/shell/index.html">Shell</a>, <a href="../mode/tiki/index.html">Tiki
+    wiki</a>, <a href="../mode/pig/index.html">Pig Latin</a>.</li>
+    <li>New themes: <a href="../demo/theme.html?ambiance">Ambiance</a>, <a href="../demo/theme.html?blackboard">Blackboard</a>.</li>
+    <li>More control over drag/drop
+    with <a href="manual.html#option_dragDrop"><code>dragDrop</code></a>
+    and <a href="manual.html#option_onDragEvent"><code>onDragEvent</code></a>
+    options.</li>
+    <li>Make HTML mode a bit less pedantic.</li>
+    <li>Add <a href="manual.html#compoundChange"><code>compoundChange</code></a> API method.</li>
+    <li>Several fixes in undo history and line hiding.</li>
+    <li>Remove (broken) support for <code>catchall</code> in key maps,
+    add <code>nofallthrough</code> boolean field instead.</li>
+  </ul>
+
+  <p class="rel">26-03-2012: <a href="http://codemirror.net/codemirror-2.23.zip">Version 2.23</a>:</p>
+
+  <ul class="rel-note">
+    <li>Change <strong>default binding for tab</strong> <a href="javascript:void(document.getElementById('tabbinding').style.display='')">[more]</a>
+      <div style="display: none" id=tabbinding>
+        Starting in 2.23, these bindings are default:
+        <ul><li>Tab: Insert tab character</li>
+          <li>Shift-tab: Reset line indentation to default</li>
+          <li>Ctrl/Cmd-[: Reduce line indentation (old tab behaviour)</li>
+          <li>Ctrl/Cmd-]: Increase line indentation (old shift-tab behaviour)</li>
+        </ul>
+      </div>
+    </li>
+    <li>New modes: <a href="../mode/xquery/index.html">XQuery</a> and <a href="../mode/vbscript/index.html">VBScript</a>.</li>
+    <li>Two new themes: <a href="../mode/less/index.html">lesser-dark</a> and <a href="../mode/xquery/index.html">xq-dark</a>.</li>
+    <li>Differentiate between background and text styles in <a href="manual.html#setLineClass"><code>setLineClass</code></a>.</li>
+    <li>Fix drag-and-drop in IE9+.</li>
+    <li>Extend <a href="manual.html#charCoords"><code>charCoords</code></a>
+    and <a href="manual.html#cursorCoords"><code>cursorCoords</code></a> with a <code>mode</code> argument.</li>
+    <li>Add <a href="manual.html#option_autofocus"><code>autofocus</code></a> option.</li>
+    <li>Add <a href="manual.html#findMarksAt"><code>findMarksAt</code></a> method.</li>
+  </ul>
+
+  <p class="rel">27-02-2012: <a href="http://codemirror.net/codemirror-2.22.zip">Version 2.22</a>:</p>
+
+  <ul class="rel-note">
+    <li>Allow <a href="manual.html#keymaps">key handlers</a> to pass up events, allow binding characters.</li>
+    <li>Add <a href="manual.html#option_autoClearEmptyLines"><code>autoClearEmptyLines</code></a> option.</li>
+    <li>Properly use tab stops when rendering tabs.</li>
+    <li>Make PHP mode more robust.</li>
+    <li>Support indentation blocks in <a href="manual.html#addon_foldcode">code folder</a>.</li>
+    <li>Add a script for <a href="manual.html#addon_match-highlighter">highlighting instances of the selection</a>.</li>
+    <li>New <a href="../mode/properties/index.html">.properties</a> mode.</li>
+    <li>Fix many bugs.</li>
+  </ul>
+
+  <p class="rel">27-01-2012: <a href="http://codemirror.net/codemirror-2.21.zip">Version 2.21</a>:</p>
+
+  <ul class="rel-note">
+    <li>Added <a href="../mode/less/index.html">LESS</a>, <a href="../mode/mysql/index.html">MySQL</a>,
+    <a href="../mode/go/index.html">Go</a>, and <a href="../mode/verilog/index.html">Verilog</a> modes.</li>
+    <li>Add <a href="manual.html#option_smartIndent"><code>smartIndent</code></a>
+    option.</li>
+    <li>Support a cursor in <a href="manual.html#option_readOnly"><code>readOnly</code></a>-mode.</li>
+    <li>Support assigning multiple styles to a token.</li>
+    <li>Use a new approach to drawing the selection.</li>
+    <li>Add <a href="manual.html#scrollTo"><code>scrollTo</code></a> method.</li>
+    <li>Allow undo/redo events to span non-adjacent lines.</li>
+    <li>Lots and lots of bugfixes.</li>
+  </ul>
+
+  <p class="rel">20-12-2011: <a href="http://codemirror.net/codemirror-2.2.zip">Version 2.2</a>:</p>
+
+  <ul class="rel-note">
+    <li>Slightly incompatible API changes. Read <a href="upgrade_v2.2.html">this</a>.</li>
+    <li>New approach
+    to <a href="manual.html#option_extraKeys">binding</a> keys,
+    support for <a href="manual.html#option_keyMap">custom
+    bindings</a>.</li>
+    <li>Support for overwrite (insert).</li>
+    <li><a href="manual.html#option_tabSize">Custom-width</a>
+    and <a href="../demo/visibletabs.html">stylable</a> tabs.</li>
+    <li>Moved more code into <a href="manual.html#addons">add-on scripts</a>.</li>
+    <li>Support for sane vertical cursor movement in wrapped lines.</li>
+    <li>More reliable handling of
+    editing <a href="manual.html#markText">marked text</a>.</li>
+    <li>Add minimal <a href="../demo/emacs.html">emacs</a>
+    and <a href="../demo/vim.html">vim</a> bindings.</li>
+    <li>Rename <code>coordsFromIndex</code>
+    to <a href="manual.html#posFromIndex"><code>posFromIndex</code></a>,
+    add <a href="manual.html#indexFromPos"><code>indexFromPos</code></a>
+    method.</li>
+  </ul>
+
+  <p class="rel">21-11-2011: <a href="http://codemirror.net/codemirror-2.18.zip">Version 2.18</a>:</p>
+  <p class="rel-note">Fixes <code>TextMarker.clear</code>, which is broken in 2.17.</p>
+
+  <p class="rel">21-11-2011: <a href="http://codemirror.net/codemirror-2.17.zip">Version 2.17</a>:</p>
+  <ul class="rel-note">
+    <li>Add support for <a href="manual.html#option_lineWrapping">line
+    wrapping</a> and <a href="manual.html#hideLine">code
+    folding</a>.</li>
+    <li>Add <a href="../mode/gfm/index.html">Github-style Markdown</a> mode.</li>
+    <li>Add <a href="../theme/monokai.css">Monokai</a>
+    and <a href="../theme/rubyblue.css">Rubyblue</a> themes.</li>
+    <li>Add <a href="manual.html#setBookmark"><code>setBookmark</code></a> method.</li>
+    <li>Move some of the demo code into reusable components
+    under <a href="../addon/"><code>lib/util</code></a>.</li>
+    <li>Make screen-coord-finding code faster and more reliable.</li>
+    <li>Fix drag-and-drop in Firefox.</li>
+    <li>Improve support for IME.</li>
+    <li>Speed up content rendering.</li>
+    <li>Fix browser's built-in search in Webkit.</li>
+    <li>Make double- and triple-click work in IE.</li>
+    <li>Various fixes to modes.</li>
+  </ul>
+
+  <p class="rel">27-10-2011: <a href="http://codemirror.net/codemirror-2.16.zip">Version 2.16</a>:</p>
+  <ul class="rel-note">
+    <li>Add <a href="../mode/perl/index.html">Perl</a>, <a href="../mode/rust/index.html">Rust</a>, <a href="../mode/tiddlywiki/index.html">TiddlyWiki</a>, and <a href="../mode/groovy/index.html">Groovy</a> modes.</li>
+    <li>Dragging text inside the editor now moves, rather than copies.</li>
+    <li>Add a <a href="manual.html#coordsFromIndex"><code>coordsFromIndex</code></a> method.</li>
+    <li><strong>API change</strong>: <code>setValue</code> now no longer clears history. Use <a href="manual.html#clearHistory"><code>clearHistory</code></a> for that.</li>
+    <li><strong>API change</strong>: <a href="manual.html#markText"><code>markText</code></a> now
+    returns an object with <code>clear</code> and <code>find</code>
+    methods. Marked text is now more robust when edited.</li>
+    <li>Fix editing code with tabs in Internet Explorer.</li>
+  </ul>
+
+  <p class="rel">26-09-2011: <a href="http://codemirror.net/codemirror-2.15.zip">Version 2.15</a>:</p>
+  <p class="rel-note">Fix bug that snuck into 2.14: Clicking the
+  character that currently has the cursor didn't re-focus the
+  editor.</p>
+
+  <p class="rel">26-09-2011: <a href="http://codemirror.net/codemirror-2.14.zip">Version 2.14</a>:</p>
+  <ul class="rel-note">
+    <li>Add <a href="../mode/clojure/index.html">Clojure</a>, <a href="../mode/pascal/index.html">Pascal</a>, <a href="../mode/ntriples/index.html">NTriples</a>, <a href="../mode/jinja2/index.html">Jinja2</a>, and <a href="../mode/markdown/index.html">Markdown</a> modes.</li>
+    <li>Add <a href="../theme/cobalt.css">Cobalt</a> and <a href="../theme/eclipse.css">Eclipse</a> themes.</li>
+    <li>Add a <a href="manual.html#option_fixedGutter"><code>fixedGutter</code></a> option.</li>
+    <li>Fix bug with <code>setValue</code> breaking cursor movement.</li>
+    <li>Make gutter updates much more efficient.</li>
+    <li>Allow dragging of text out of the editor (on modern browsers).</li>
+  </ul>
+
+
+  <p class="rel">23-08-2011: <a href="http://codemirror.net/codemirror-2.13.zip">Version 2.13</a>:</p>
+  <ul class="rel-note">
+    <li>Add <a href="../mode/ruby/index.html">Ruby</a>, <a href="../mode/r/index.html">R</a>, <a href="../mode/coffeescript/index.html">CoffeeScript</a>, and <a href="../mode/velocity/index.html">Velocity</a> modes.</li>
+    <li>Add <a href="manual.html#getGutterElement"><code>getGutterElement</code></a> to API.</li>
+    <li>Several fixes to scrolling and positioning.</li>
+    <li>Add <a href="manual.html#option_smartHome"><code>smartHome</code></a> option.</li>
+    <li>Add an experimental <a href="../mode/xmlpure/index.html">pure XML</a> mode.</li>
+  </ul>
+
+  <p class="rel">25-07-2011: <a href="http://codemirror.net/codemirror-2.12.zip">Version 2.12</a>:</p>
+  <ul class="rel-note">
+    <li>Add a <a href="../mode/sparql/index.html">SPARQL</a> mode.</li>
+    <li>Fix bug with cursor jumping around in an unfocused editor in IE.</li>
+    <li>Allow key and mouse events to bubble out of the editor. Ignore widget clicks.</li>
+    <li>Solve cursor flakiness after undo/redo.</li>
+    <li>Fix block-reindent ignoring the last few lines.</li>
+    <li>Fix parsing of multi-line attrs in XML mode.</li>
+    <li>Use <code>innerHTML</code> for HTML-escaping.</li>
+    <li>Some fixes to indentation in C-like mode.</li>
+    <li>Shrink horiz scrollbars when long lines removed.</li>
+    <li>Fix width feedback loop bug that caused the width of an inner DIV to shrink.</li>
+  </ul>
+
+  <p class="rel">04-07-2011: <a href="http://codemirror.net/codemirror-2.11.zip">Version 2.11</a>:</p>
+  <ul class="rel-note">
+    <li>Add a <a href="../mode/scheme/index.html">Scheme mode</a>.</li>
+    <li>Add a <code>replace</code> method to search cursors, for cursor-preserving replacements.</li>
+    <li>Make the <a href="../mode/clike/index.html">C-like mode</a> mode more customizable.</li>
+    <li>Update XML mode to spot mismatched tags.</li>
+    <li>Add <code>getStateAfter</code> API and <code>compareState</code> mode API methods for finer-grained mode magic.</li>
+    <li>Add a <code>getScrollerElement</code> API method to manipulate the scrolling DIV.</li>
+    <li>Fix drag-and-drop for Firefox.</li>
+    <li>Add a C# configuration for the <a href="../mode/clike/index.html">C-like mode</a>.</li>
+    <li>Add <a href="../demo/fullscreen.html">full-screen editing</a> and <a href="../demo/changemode.html">mode-changing</a> demos.</li>
+  </ul>
+
+  <p class="rel">07-06-2011: <a href="http://codemirror.net/codemirror-2.1.zip">Version 2.1</a>:</p>
+  <p class="rel-note">Add
+  a <a href="manual.html#option_theme">theme</a> system
+  (<a href="../demo/theme.html">demo</a>). Note that this is not
+  backwards-compatible—you'll have to update your styles and
+  modes!</p>
+
+  <p class="rel">07-06-2011: <a href="http://codemirror.net/codemirror-2.02.zip">Version 2.02</a>:</p>
+  <ul class="rel-note">
+    <li>Add a <a href="../mode/lua/index.html">Lua mode</a>.</li>
+    <li>Fix reverse-searching for a regexp.</li>
+    <li>Empty lines can no longer break highlighting.</li>
+    <li>Rework scrolling model (the outer wrapper no longer does the scrolling).</li>
+    <li>Solve horizontal jittering on long lines.</li>
+    <li>Add <a href="../demo/runmode.html">runmode.js</a>.</li>
+    <li>Immediately re-highlight text when typing.</li>
+    <li>Fix problem with 'sticking' horizontal scrollbar.</li>
+  </ul>
+
+  <p class="rel">26-05-2011: <a href="http://codemirror.net/codemirror-2.01.zip">Version 2.01</a>:</p>
+  <ul class="rel-note">
+    <li>Add a <a href="../mode/smalltalk/index.html">Smalltalk mode</a>.</li>
+    <li>Add a <a href="../mode/rst/index.html">reStructuredText mode</a>.</li>
+    <li>Add a <a href="../mode/python/index.html">Python mode</a>.</li>
+    <li>Add a <a href="../mode/plsql/index.html">PL/SQL mode</a>.</li>
+    <li><code>coordsChar</code> now works</li>
+    <li>Fix a problem where <code>onCursorActivity</code> interfered with <code>onChange</code>.</li>
+    <li>Fix a number of scrolling and mouse-click-position glitches.</li>
+    <li>Pass information about the changed lines to <code>onChange</code>.</li>
+    <li>Support cmd-up/down on OS X.</li>
+    <li>Add triple-click line selection.</li>
+    <li>Don't handle shift when changing the selection through the API.</li>
+    <li>Support <code>"nocursor"</code> mode for <code>readOnly</code> option.</li>
+    <li>Add an <code>onHighlightComplete</code> option.</li>
+    <li>Fix the context menu for Firefox.</li>
+  </ul>
+
+  <p class="rel">28-03-2011: <a href="http://codemirror.net/codemirror-2.0.zip">Version 2.0</a>:</p>
+  <p class="rel-note">CodeMirror 2 is a complete rewrite that's
+  faster, smaller, simpler to use, and less dependent on browser
+  quirks. See <a href="internals.html">this</a>
+  and <a href="http://groups.google.com/group/codemirror/browse_thread/thread/5a8e894024a9f580">this</a>
+  for more information.</p>
+
+  <p class="rel">22-02-2011: <a href="https://github.com/marijnh/codemirror/tree/beta2">Version 2.0 beta 2</a>:</p>
+  <p class="rel-note">Somewhat more mature API, lots of bugs shaken out.</p>
+
+  <p class="rel">17-02-2011: <a href="http://codemirror.net/codemirror-0.94.zip">Version 0.94</a>:</p>
+  <ul class="rel-note">
+    <li><code>tabMode: "spaces"</code> was modified slightly (now indents when something is selected).</li>
+    <li>Fixes a bug that would cause the selection code to break on some IE versions.</li>
+    <li>Disabling spell-check on WebKit browsers now works.</li>
+  </ul>
+
+  <p class="rel">08-02-2011: <a href="http://codemirror.net/">Version 2.0 beta 1</a>:</p>
+  <p class="rel-note">CodeMirror 2 is a complete rewrite of
+  CodeMirror, no longer depending on an editable frame.</p>
+
+  <p class="rel">19-01-2011: <a href="http://codemirror.net/codemirror-0.93.zip">Version 0.93</a>:</p>
+  <ul class="rel-note">
+    <li>Added a <a href="contrib/regex/index.html">Regular Expression</a> parser.</li>
+    <li>Fixes to the PHP parser.</li>
+    <li>Support for regular expression in search/replace.</li>
+    <li>Add <code>save</code> method to instances created with <code>fromTextArea</code>.</li>
+    <li>Add support for MS T-SQL in the SQL parser.</li>
+    <li>Support use of CSS classes for highlighting brackets.</li>
+    <li>Fix yet another hang with line-numbering in hidden editors.</li>
+  </ul>
+</section>
+
+<section id=v1>
+
+  <h2>Version 0.x</h2>
+
+  <p class="rel">28-03-2011: <a href="http://codemirror.net/codemirror-1.0.zip">Version 1.0</a>:</p>
+  <ul class="rel-note">
+    <li>Fix error when debug history overflows.</li>
+    <li>Refine handling of C# verbatim strings.</li>
+    <li>Fix some issues with JavaScript indentation.</li>
+  </ul>
+
+  <p class="rel">17-12-2010: <a href="http://codemirror.net/codemirror-0.92.zip">Version 0.92</a>:</p>
+  <ul class="rel-note">
+    <li>Make CodeMirror work in XHTML documents.</li>
+    <li>Fix bug in handling of backslashes in Python strings.</li>
+    <li>The <code>styleNumbers</code> option is now officially
+    supported and documented.</li>
+    <li><code>onLineNumberClick</code> option added.</li>
+    <li>More consistent names <code>onLoad</code> and
+    <code>onCursorActivity</code> callbacks. Old names still work, but
+    are deprecated.</li>
+    <li>Add a <a href="contrib/freemarker/index.html">Freemarker</a> mode.</li>
+  </ul>
+
+  <p class="rel">11-11-2010: <a
+  href="http://codemirror.net/codemirror-0.91.zip">Version 0.91</a>:</p>
+  <ul class="rel-note">
+    <li>Adds support for <a href="contrib/java">Java</a>.</li>
+    <li>Small additions to the <a href="contrib/php">PHP</a> and <a href="contrib/sql">SQL</a> parsers.</li>
+    <li>Work around various <a href="https://bugs.webkit.org/show_bug.cgi?id=47806">Webkit</a> <a href="https://bugs.webkit.org/show_bug.cgi?id=23474">issues</a>.</li>
+    <li>Fix <code>toTextArea</code> to update the code in the textarea.</li>
+    <li>Add a <code>noScriptCaching</code> option (hack to ease development).</li>
+    <li>Make sub-modes of <a href="mixedtest.html">HTML mixed</a> mode configurable.</li>
+  </ul>
+
+  <p class="rel">02-10-2010: <a
+  href="http://codemirror.net/codemirror-0.9.zip">Version 0.9</a>:</p>
+  <ul class="rel-note">
+    <li>Add support for searching backwards.</li>
+    <li>There are now parsers for <a href="contrib/scheme/index.html">Scheme</a>, <a href="contrib/xquery/index.html">XQuery</a>, and <a href="contrib/ometa/index.html">OmetaJS</a>.</li>
+    <li>Makes <code>height: "dynamic"</code> more robust.</li>
+    <li>Fixes bug where paste did not work on OS X.</li>
+    <li>Add a <code>enterMode</code> and <code>electricChars</code> options to make indentation even more customizable.</li>
+    <li>Add <code>firstLineNumber</code> option.</li>
+    <li>Fix bad handling of <code>@media</code> rules by the CSS parser.</li>
+    <li>Take a new, more robust approach to working around the invisible-last-line bug in WebKit.</li>
+  </ul>
+
+  <p class="rel">22-07-2010: <a
+  href="http://codemirror.net/codemirror-0.8.zip">Version 0.8</a>:</p>
+  <ul class="rel-note">
+    <li>Add a <code>cursorCoords</code> method to find the screen
+    coordinates of the cursor.</li>
+    <li>A number of fixes and support for more syntax in the PHP parser.</li>
+    <li>Fix indentation problem with JSON-mode JS parser in Webkit.</li>
+    <li>Add a <a href="compress.html">minification</a> UI.</li>
+    <li>Support a <code>height: dynamic</code> mode, where the editor's
+    height will adjust to the size of its content.</li>
+    <li>Better support for IME input mode.</li>
+    <li>Fix JavaScript parser getting confused when seeing a no-argument
+    function call.</li>
+    <li>Have CSS parser see the difference between selectors and other
+    identifiers.</li>
+    <li>Fix scrolling bug when pasting in a horizontally-scrolled
+    editor.</li>
+    <li>Support <code>toTextArea</code> method in instances created with
+    <code>fromTextArea</code>.</li>
+    <li>Work around new Opera cursor bug that causes the cursor to jump
+    when pressing backspace at the end of a line.</li>
+  </ul>
+
+  <p class="rel">27-04-2010: <a
+  href="http://codemirror.net/codemirror-0.67.zip">Version
+  0.67</a>:</p>
+  <p class="rel-note">More consistent page-up/page-down behaviour
+  across browsers. Fix some issues with hidden editors looping forever
+  when line-numbers were enabled. Make PHP parser parse
+  <code>"\\"</code> correctly. Have <code>jumpToLine</code> work on
+  line handles, and add <code>cursorLine</code> function to fetch the
+  line handle where the cursor currently is. Add new
+  <code>setStylesheet</code> function to switch style-sheets in a
+  running editor.</p>
+
+  <p class="rel">01-03-2010: <a
+  href="http://codemirror.net/codemirror-0.66.zip">Version
+  0.66</a>:</p>
+  <p class="rel-note">Adds <code>removeLine</code> method to API.
+  Introduces the <a href="contrib/plsql/index.html">PLSQL parser</a>.
+  Marks XML errors by adding (rather than replacing) a CSS class, so
+  that they can be disabled by modifying their style. Fixes several
+  selection bugs, and a number of small glitches.</p>
+
+  <p class="rel">12-11-2009: <a
+  href="http://codemirror.net/codemirror-0.65.zip">Version
+  0.65</a>:</p>
+  <p class="rel-note">Add support for having both line-wrapping and
+  line-numbers turned on, make paren-highlighting style customisable
+  (<code>markParen</code> and <code>unmarkParen</code> config
+  options), work around a selection bug that Opera
+  <em>re</em>introduced in version 10.</p>
+
+  <p class="rel">23-10-2009: <a
+  href="http://codemirror.net/codemirror-0.64.zip">Version
+  0.64</a>:</p>
+  <p class="rel-note">Solves some issues introduced by the
+  paste-handling changes from the previous release. Adds
+  <code>setSpellcheck</code>, <code>setTextWrapping</code>,
+  <code>setIndentUnit</code>, <code>setUndoDepth</code>,
+  <code>setTabMode</code>, and <code>setLineNumbers</code> to
+  customise a running editor. Introduces an <a
+  href="contrib/sql/index.html">SQL</a> parser. Fixes a few small
+  problems in the <a href="contrib/python/index.html">Python</a>
+  parser. And, as usual, add workarounds for various newly discovered
+  browser incompatibilities.</p>
+
+  <p class="rel"><em>31-08-2009</em>: <a href="http://codemirror.net/codemirror-0.63.zip">Version 0.63</a>:</p>
+  <p class="rel-note"> Overhaul of paste-handling (less fragile), fixes for several
+  serious IE8 issues (cursor jumping, end-of-document bugs) and a number
+  of small problems.</p>
+
+  <p class="rel"><em>30-05-2009</em>: <a href="http://codemirror.net/codemirror-0.62.zip">Version 0.62</a>:</p>
+  <p class="rel-note">Introduces <a href="contrib/python/index.html">Python</a>
+  and <a href="contrib/lua/index.html">Lua</a> parsers. Add
+  <code>setParser</code> (on-the-fly mode changing) and
+  <code>clearHistory</code> methods. Make parsing passes time-based
+  instead of lines-based (see the <code>passTime</code> option).</p>
+
+</section>
+</article>
diff --git a/src/main/webapp/codemirror/doc/reporting.html b/src/main/webapp/codemirror/doc/reporting.html
new file mode 100644
index 00000000..47e37a55
--- /dev/null
+++ b/src/main/webapp/codemirror/doc/reporting.html
@@ -0,0 +1,61 @@
+<!doctype html>
+
+<title>CodeMirror: Reporting Bugs</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="docs.css">
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="logo.png"></a>
+
+  <ul>
+    <li><a href="../index.html">Home</a>
+    <li><a href="manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a class=active href="#">Reporting bugs</a>
+  </ul>
+</div>
+
+<article>
+
+<h2>Reporting bugs effectively</h2>
+
+<div class="left">
+
+<p>So you found a problem in CodeMirror. By all means, report it! Bug
+reports from users are the main drive behind improvements to
+CodeMirror. But first, please read over these points:</p>
+
+<ol>
+  <li>CodeMirror is maintained by volunteers. They don't owe you
+  anything, so be polite. Reports with an indignant or belligerent
+  tone tend to be moved to the bottom of the pile.</li>
+
+  <li>Include information about <strong>the browser in which the
+  problem occurred</strong>. Even if you tested several browsers, and
+  the problem occurred in all of them, mention this fact in the bug
+  report. Also include browser version numbers and the operating
+  system that you're on.</li>
+
+  <li>Mention which release of CodeMirror you're using. Preferably,
+  try also with the current development snapshot, to ensure the
+  problem has not already been fixed.</li>
+
+  <li>Mention very precisely what went wrong. "X is broken" is not a
+  good bug report. What did you expect to happen? What happened
+  instead? Describe the exact steps a maintainer has to take to make
+  the problem occur. We can not fix something that we can not
+  observe.</li>
+
+  <li>If the problem can not be reproduced in any of the demos
+  included in the CodeMirror distribution, please provide an HTML
+  document that demonstrates the problem. The best way to do this is
+  to go to <a href="http://jsbin.com/ihunin/edit">jsbin.com</a>, enter
+  it there, press save, and include the resulting link in your bug
+  report.</li>
+</ol>
+
+</div>
+
+</article>
diff --git a/src/main/webapp/codemirror/doc/upgrade_v2.2.html b/src/main/webapp/codemirror/doc/upgrade_v2.2.html
new file mode 100644
index 00000000..a2dddef7
--- /dev/null
+++ b/src/main/webapp/codemirror/doc/upgrade_v2.2.html
@@ -0,0 +1,96 @@
+<!doctype html>
+
+<title>CodeMirror: Version 2.2 upgrade guide</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="docs.css">
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="logo.png"></a>
+
+  <ul>
+    <li><a href="../index.html">Home</a>
+    <li><a href="manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a class=active href="#">2.2 upgrade guide</a>
+  </ul>
+</div>
+
+<article>
+
+<h2>Upgrading to v2.2</h2>
+
+<p>There are a few things in the 2.2 release that require some care
+when upgrading.</p>
+
+<h3>No more default.css</h3>
+
+<p>The default theme is now included
+in <a href="../lib/codemirror.css"><code>codemirror.css</code></a>, so
+you do not have to included it separately anymore. (It was tiny, so
+even if you're not using it, the extra data overhead is negligible.)
+
+<h3>Different key customization</h3>
+
+<p>CodeMirror has moved to a system
+where <a href="manual.html#option_keyMap">keymaps</a> are used to
+bind behavior to keys. This means <a href="../demo/emacs.html">custom
+bindings</a> are now possible.</p>
+
+<p>Three options that influenced key
+behavior, <code>tabMode</code>, <code>enterMode</code>,
+and <code>smartHome</code>, are no longer supported. Instead, you can
+provide custom bindings to influence the way these keys act. This is
+done through the
+new <a href="manual.html#option_extraKeys"><code>extraKeys</code></a>
+option, which can hold an object mapping key names to functionality. A
+simple example would be:</p>
+
+<pre>  extraKeys: {
+    "Ctrl-S": function(instance) { saveText(instance.getValue()); },
+    "Ctrl-/": "undo"
+  }</pre>
+
+<p>Keys can be mapped either to functions, which will be given the
+editor instance as argument, or to strings, which are mapped through
+functions through the <code>CodeMirror.commands</code> table, which
+contains all the built-in editing commands, and can be inspected and
+extended by external code.</p>
+
+<p>By default, the <code>Home</code> key is bound to
+the <code>"goLineStartSmart"</code> command, which moves the cursor to
+the first non-whitespace character on the line. You can set do this to
+make it always go to the very start instead:</p>
+
+<pre>  extraKeys: {"Home": "goLineStart"}</pre>
+
+<p>Similarly, <code>Enter</code> is bound
+to <code>"newlineAndIndent"</code> by default. You can bind it to
+something else to get different behavior. To disable special handling
+completely and only get a newline character inserted, you can bind it
+to <code>false</code>:</p>
+
+<pre>  extraKeys: {"Enter": false}</pre>
+
+<p>The same works for <code>Tab</code>. If you don't want CodeMirror
+to handle it, bind it to <code>false</code>. The default behaviour is
+to indent the current line more (<code>"indentMore"</code> command),
+and indent it less when shift is held (<code>"indentLess"</code>).
+There are also <code>"indentAuto"</code> (smart indent)
+and <code>"insertTab"</code> commands provided for alternate
+behaviors. Or you can write your own handler function to do something
+different altogether.</p>
+
+<h3>Tabs</h3>
+
+<p>Handling of tabs changed completely. The display width of tabs can
+now be set with the <code>tabSize</code> option, and tabs can
+be <a href="../demo/visibletabs.html">styled</a> by setting CSS rules
+for the <code>cm-tab</code> class.</p>
+
+<p>The default width for tabs is now 4, as opposed to the 8 that is
+hard-wired into browsers. If you are relying on 8-space tabs, make
+sure you explicitly set <code>tabSize: 8</code> in your options.</p>
+
+</article>
diff --git a/src/main/webapp/codemirror/doc/upgrade_v3.html b/src/main/webapp/codemirror/doc/upgrade_v3.html
new file mode 100644
index 00000000..19757924
--- /dev/null
+++ b/src/main/webapp/codemirror/doc/upgrade_v3.html
@@ -0,0 +1,230 @@
+<!doctype html>
+
+<title>CodeMirror: Version 3 upgrade guide</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="docs.css">
+<script src="../lib/codemirror.js"></script>
+<link rel="stylesheet" href="../lib/codemirror.css">
+<script src="../addon/runmode/runmode.js"></script>
+<script src="../addon/runmode/colorize.js"></script>
+<script src="../mode/javascript/javascript.js"></script>
+<script src="../mode/xml/xml.js"></script>
+<script src="../mode/css/css.js"></script>
+<script src="../mode/htmlmixed/htmlmixed.js"></script>
+<script src="activebookmark.js"></script>
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="logo.png"></a>
+
+  <ul>
+    <li><a href="../index.html">Home</a>
+    <li><a href="manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a class=active href="#upgrade">Upgrade guide</a>
+    <li><a href="#dom">DOM structure</a></li>
+    <li><a href="#gutters">Gutter model</a></li>
+    <li><a href="#events">Event handling</a></li>
+    <li><a href="#marktext">markText method arguments</a></li>
+    <li><a href="#folding">Line folding</a></li>
+    <li><a href="#lineclass">Line CSS classes</a></li>
+    <li><a href="#positions">Position properties</a></li>
+    <li><a href="#matchbrackets">Bracket matching</a></li>
+    <li><a href="#modes">Mode management</a></li>
+    <li><a href="#new">New features</a></li>
+  </ul>
+</div>
+
+<article>
+
+<h2 id=upgrade>Upgrading to version 3</h2>
+
+<p>Version 3 does not depart too much from 2.x API, and sites that use
+CodeMirror in a very simple way might be able to upgrade without
+trouble. But it does introduce a number of incompatibilities. Please
+at least skim this text before upgrading.</p>
+
+<p>Note that <strong>version 3 drops full support for Internet
+Explorer 7</strong>. The editor will mostly work on that browser, but
+it'll be significantly glitchy.</p>
+
+<section id=dom>
+  <h2>DOM structure</h2>
+
+<p>This one is the most likely to cause problems. The internal
+structure of the editor has changed quite a lot, mostly to implement a
+new scrolling model.</p>
+
+<p>Editor height is now set on the outer wrapper element (CSS
+class <code>CodeMirror</code>), not on the scroller element
+(<code>CodeMirror-scroll</code>).</p>
+
+<p>Other nodes were moved, dropped, and added. If you have any code
+that makes assumptions about the internal DOM structure of the editor,
+you'll have to re-test it and probably update it to work with v3.</p>
+
+<p>See the <a href="manual.html#styling">styling section</a> of the
+manual for more information.</p>
+</section>
+<section id=gutters>
+  <h2>Gutter model</h2>
+
+<p>In CodeMirror 2.x, there was a single gutter, and line markers
+created with <code>setMarker</code> would have to somehow coexist with
+the line numbers (if present). Version 3 allows you to specify an
+array of gutters, <a href="manual.html#option_gutters">by class
+name</a>,
+use <a href="manual.html#setGutterMarker"><code>setGutterMarker</code></a>
+to add or remove markers in individual gutters, and clear whole
+gutters
+with <a href="manual.html#clearGutter"><code>clearGutter</code></a>.
+Gutter markers are now specified as DOM nodes, rather than HTML
+snippets.</p>
+
+<p>The gutters no longer horizontally scrolls along with the content.
+The <code>fixedGutter</code> option was removed (since it is now the
+only behavior).</p>
+
+<pre data-lang="text/html">
+&lt;style>
+  /* Define a gutter style */
+  .note-gutter { width: 3em; background: cyan; }
+&lt;/style>
+&lt;script>
+  // Create an instance with two gutters -- line numbers and notes
+  var cm = new CodeMirror(document.body, {
+    gutters: ["note-gutter", "CodeMirror-linenumbers"],
+    lineNumbers: true
+  });
+  // Add a note to line 0
+  cm.setGutterMarker(0, "note-gutter", document.createTextNode("hi"));
+&lt;/script>
+</pre>
+</section>
+<section id=events>
+  <h2>Event handling</h2>
+
+<p>Most of the <code>onXYZ</code> options have been removed. The same
+effect is now obtained by calling
+the <a href="manual.html#on"><code>on</code></a> method with a string
+identifying the event type. Multiple handlers can now be registered
+(and individually unregistered) for an event, and objects such as line
+handlers now also expose events. See <a href="manual.html#events">the
+full list here</a>.</p>
+
+<p>(The <code>onKeyEvent</code> and <code>onDragEvent</code> options,
+which act more as hooks than as event handlers, are still there in
+their old form.)</p>
+
+<pre data-lang="javascript">
+cm.on("change", function(cm, change) {
+  console.log("something changed! (" + change.origin + ")");
+});
+</pre>
+</section>
+<section id=marktext>
+  <h2>markText method arguments</h2>
+
+<p>The <a href="manual.html#markText"><code>markText</code></a> method
+(which has gained some interesting new features, such as creating
+atomic and read-only spans, or replacing spans with widgets) no longer
+takes the CSS class name as a separate argument, but makes it an
+optional field in the options object instead.</p>
+
+<pre data-lang="javascript">
+// Style first ten lines, and forbid the cursor from entering them
+cm.markText({line: 0, ch: 0}, {line: 10, ch: 0}, {
+  className: "magic-text",
+  inclusiveLeft: true,
+  atomic: true
+});
+</pre>
+</section>
+<section id=folding>
+  <h2>Line folding</h2>
+
+<p>The interface for hiding lines has been
+removed. <a href="manual.html#markText"><code>markText</code></a> can
+now be used to do the same in a more flexible and powerful way.</p>
+
+<p>The <a href="../demo/folding.html">folding script</a> has been
+updated to use the new interface, and should now be more robust.</p>
+
+<pre data-lang="javascript">
+// Fold a range, replacing it with the text "??"
+var range = cm.markText({line: 4, ch: 2}, {line: 8, ch: 1}, {
+  replacedWith: document.createTextNode("??"),
+  // Auto-unfold when cursor moves into the range
+  clearOnEnter: true
+});
+// Get notified when auto-unfolding
+CodeMirror.on(range, "clear", function() {
+  console.log("boom");
+});
+</pre>
+</section>
+<section id=lineclass>
+  <h2>Line CSS classes</h2>
+
+<p>The <code>setLineClass</code> method has been replaced
+by <a href="manual.html#addLineClass"><code>addLineClass</code></a>
+and <a href="manual.html#removeLineClass"><code>removeLineClass</code></a>,
+which allow more modular control over the classes attached to a line.</p>
+
+<pre data-lang="javascript">
+var marked = cm.addLineClass(10, "background", "highlighted-line");
+setTimeout(function() {
+  cm.removeLineClass(marked, "background", "highlighted-line");
+});
+</pre>
+</section>
+<section id=positions>
+  <h2>Position properties</h2>
+
+<p>All methods that take or return objects that represent screen
+positions now use <code>{left, top, bottom, right}</code> properties
+(not always all of them) instead of the <code>{x, y, yBot}</code> used
+by some methods in v2.x.</p>
+
+<p>Affected methods
+are <a href="manual.html#cursorCoords"><code>cursorCoords</code></a>, <a href="manual.html#charCoords"><code>charCoords</code></a>, <a href="manual.html#coordsChar"><code>coordsChar</code></a>,
+and <a href="manual.html#getScrollInfo"><code>getScrollInfo</code></a>.</p>
+</section>
+<section id=matchbrackets>
+  <h2>Bracket matching no longer in core</h2>
+
+<p>The <a href="manual.html#addon_matchbrackets"><code>matchBrackets</code></a>
+option is no longer defined in the core editor.
+Load <code>addon/edit/matchbrackets.js</code> to enable it.</p>
+</section>
+<section id=modes>
+  <h2>Mode management</h2>
+
+<p>The <code>CodeMirror.listModes</code>
+and <code>CodeMirror.listMIMEs</code> functions, used for listing
+defined modes, are gone. You are now encouraged to simply
+inspect <code>CodeMirror.modes</code> (mapping mode names to mode
+constructors) and <code>CodeMirror.mimeModes</code> (mapping MIME
+strings to mode specs).</p>
+</section>
+<section id=new>
+  <h2>New features</h2>
+
+<p>Some more reasons to upgrade to version 3.</p>
+
+<ul>
+  <li>Bi-directional text support. CodeMirror will now mostly do the
+  right thing when editing Arabic or Hebrew text.</li>
+  <li>Arbitrary line heights. Using fonts with different heights
+  inside the editor (whether off by one pixel or fifty) is now
+  supported and handled gracefully.</li>
+  <li>In-line widgets. See <a href="../demo/widget.html">the demo</a>
+  and <a href="manual.html#addLineWidget">the docs</a>.</li>
+  <li>Defining custom options
+  with <a href="manual.html#defineOption"><code>CodeMirror.defineOption</code></a>.</li>
+</ul>
+</section>
+</article>
+
+<script>setTimeout(function(){CodeMirror.colorize();}, 20);</script>
diff --git a/src/main/webapp/codemirror/index.html b/src/main/webapp/codemirror/index.html
new file mode 100644
index 00000000..f9a93897
--- /dev/null
+++ b/src/main/webapp/codemirror/index.html
@@ -0,0 +1,192 @@
+<!doctype html>
+
+<title>CodeMirror</title>
+<meta charset="utf-8"/>
+
+<link rel=stylesheet href="lib/codemirror.css">
+<link rel=stylesheet href="doc/docs.css">
+<script src="lib/codemirror.js"></script>
+<script src="mode/xml/xml.js"></script>
+<script src="mode/javascript/javascript.js"></script>
+<script src="mode/css/css.js"></script>
+<script src="mode/htmlmixed/htmlmixed.js"></script>
+<script src="addon/edit/matchbrackets.js"></script>
+
+<script src="doc/activebookmark.js"></script>
+
+<style>
+  .CodeMirror { height: auto; border: 1px solid #ddd; }
+  .CodeMirror-scroll { max-height: 200px; }
+  .CodeMirror pre { padding-left: 7px; line-height: 1.25; }
+</style>
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="doc/logo.png"></a>
+
+  <ul>
+    <li><a class=active data-default="true" href="#description">Home</a>
+    <li><a href="doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="#features">Features</a>
+    <li><a href="#community">Community</a>
+    <li><a href="#browsersupport">Browser support</a>
+  </ul>
+</div>
+
+<article>
+
+<section id=description class=first>
+  <p><strong>CodeMirror</strong> is a versatile text editor
+  implemented in JavaScript for the browser. It is specialized for
+  editing code, and comes with a number of language modes and addons
+  that implement more advanced editing functionaly.</p>
+
+  <p>A rich <a href="doc/manual.html#api">programming API</a> and a
+  CSS <a href="doc/manual.html#styling">theming</a> system are
+  available for customizing CodeMirror to fit your application, and
+  extending it with new functionality.</p>
+</section>
+
+<section id=demo>
+  <h2>This is CodeMirror</h2>
+  <form style="position: relative; margin-top: .5em;"><textarea id=demotext>
+<!-- Create a simple CodeMirror instance -->
+<link rel="stylesheet" href="lib/codemirror.css">
+<script src="lib/codemirror.js"></script>
+<script>
+  var editor = CodeMirror.fromTextArea(myTextarea, {
+    mode: "text/html"
+  });
+</script></textarea>
+  <select id="demolist" onchange="document.location = this.options[this.selectedIndex].value;">
+    <option value="#">Other demos...</option>
+    <option value="demo/complete.html">Autocompletion</option>
+    <option value="demo/folding.html">Code folding</option>
+    <option value="demo/theme.html">Themes</option>
+    <option value="mode/htmlmixed/index.html">Mixed language modes</option>
+    <option value="demo/bidi.html">Bi-directional text</option>
+    <option value="demo/variableheight.html">Variable font sizes</option>
+    <option value="demo/search.html">Search interface</option>
+    <option value="demo/vim.html">Vim bindings</option>
+    <option value="demo/emacs.html">Emacs bindings</option>
+    <option value="demo/tern.html">Tern integration</option>
+    <option value="demo/merge.html">Merge/diff interface</option>
+    <option value="demo/fullscreen.html">Full-screen editor</option>
+  </select></form>
+  <script>
+    var editor = CodeMirror.fromTextArea(document.getElementById("demotext"), {
+      lineNumbers: true,
+      mode: "text/html",
+      matchBrackets: true
+    });
+  </script>
+  <div style="position: relative; margin: 1em 0;">
+    <a class="bigbutton left" href="http://codemirror.net/codemirror.zip">DOWNLOAD LATEST RELEASE</a>
+    <div><strong>version 3.20</strong> (<a href="doc/releases.html">Release notes</a>)</div>
+    <div>or use the <a href="doc/compress.html">minification helper</a></div>
+    <div style="position: absolute; top: 0; right: 0; text-align: right">
+      <span class="bigbutton right" onclick="document.getElementById('paypal').submit();">DONATE WITH PAYPAL</span>
+      <div style="position: relative">
+        or <span onclick="document.getElementById('bankinfo').style.display = 'block';" class=quasilink>Bank</span>,
+        <a href="https://www.gittip.com/marijnh">Gittip</a>,
+        <a href="https://flattr.com/profile/marijnh">Flattr</a><br>
+        <div id=bankinfo>
+          <span id=bankinfo_close onclick="document.getElementById('bankinfo').style.display = '';">×</span>
+          Bank: <i>Rabobank</i><br/>
+          Country: <i>Netherlands</i><br/>
+          SWIFT: <i>RABONL2U</i><br/>
+          Account: <i>147850770</i><br/>
+          Name: <i>Marijn Haverbeke</i><br/>
+          IBAN: <i>NL26 RABO 0147 8507 70</i>
+        </div>
+        <form action="https://www.paypal.com/cgi-bin/webscr" method="post" id="paypal">
+          <input type="hidden" name="cmd" value="_s-xclick"/>
+          <input type="hidden" name="hosted_button_id" value="3FVHS5FGUY7CC"/>
+        </form>
+      </div>
+      <div>
+        Purchase <a href="http://codemirror.com">commercial support</a>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section id=features>
+  <h2>Features</h2>
+  <ul>
+    <li>Support for <a href="mode/index.html">over 60 languages</a> out of the box
+    <li>A powerful, <a href="mode/htmlmixed/index.html">composable</a> language mode <a href="doc/manual.html#modeapi">system</a>
+    <li><a href="doc/manual.html#addon_show-hint">Autocompletion</a> (<a href="demo/xmlcomplete.html">XML</a>)
+    <li><a href="doc/manual.html#addon_foldcode">Code folding</a>
+    <li><a href="doc/manual.html#option_extraKeys">Configurable</a> keybindings
+    <li><a href="demo/vim.html">Vim</a> and <a href="demo/emacs.html">Emacs</a> bindings
+    <li><a href="doc/manual.html#addon_search">Search and replace</a> interface
+    <li><a href="doc/manual.html#addon_matchbrackets">Bracket</a> and <a href="doc/manual.html#addon_matchtags">tag</a> matching
+    <li>Support for <a href="demo/buffers.html">split views</a>
+    <li><a href="doc/manual.html#addon_lint">Linter integration</a>
+    <li><a href="demo/variableheight.html">Mixing font sizes and styles</a>
+    <li><a href="demo/theme.html">Various themes</a>
+    <li>Able to <a href="demo/resize.html">resize to fit content</a>
+    <li><a href="doc/manual.html#mark_replacedWith">Inline</a> and <a href="doc/manual.html#addLineWidget">block</a> widgets
+    <li>Programmable <a href="demo/marker.html">gutters</a>
+    <li>Making ranges of text <a href="doc/manual.html#markText">styled, read-only, or atomic</a>
+    <li><a href="demo/bidi.html">Bi-directional text</a> support
+    <li>Many other <a href="doc/manual.html#api">methods</a> and <a href="doc/manual.html#addons">addons</a>...</a>
+  </ul>
+</section>
+
+<section id=community>
+  <h2>Community</h2>
+
+  <p>CodeMirror is an open-source project shared under
+  an <a href="LICENSE">MIT license</a>. It is the editor used in
+  <a href="http://www.chris-granger.com/2012/04/12/light-table---a-new-ide-concept/">Light
+  Table</a>, <a href="http://brackets.io/">Adobe
+  Brackets</a>, <a href="https://script.google.com/">Google Apps
+  Script</a>, <a href="http://blog.bitbucket.org/2013/05/14/edit-your-code-in-the-cloud-with-bitbucket/">Bitbucket</a>,
+  and <a href="doc/realworld.html">many other projects</a>.</p>
+
+  <p>Development and bug tracking happens
+  on <a href="https://github.com/marijnh/CodeMirror/">github</a>
+  (<a href="http://marijnhaverbeke.nl/git/codemirror">alternate git
+  repository</a>).
+  Please <a href="http://codemirror.net/doc/reporting.html">read these
+  pointers</a> before submitting a bug. Use pull requests to submit
+  patches. All contributions must be released under the same MIT
+  license that CodeMirror uses.</p>
+
+  <p>Discussion around the project is done on
+  a <a href="http://groups.google.com/group/codemirror">mailing list</a>.
+  There is also
+  the <a href="http://groups.google.com/group/codemirror-announce">codemirror-announce</a>
+  list, which is only used for major announcements (such as new
+  versions). If needed, you can
+  contact <a href="mailto:marijnh@gmail.com">the maintainer</a>
+  directly.</p>
+
+  <p>A list of CodeMirror-related software that is not part of the
+  main distribution is maintained
+  on <a href="https://github.com/marijnh/CodeMirror/wiki/CodeMirror-addons">our
+  wiki</a>. Feel free to add your project.</p>
+</section>
+
+<section id=browsersupport>
+  <h2>Browser support</h2>
+  <p>The <em>desktop</em> versions of the following browsers,
+  in <em>standards mode</em> (HTML5 <code>&lt;!doctype html></code>
+  recommended) are supported:</p>
+  <table style="margin-bottom: 1em">
+    <tr><th>Firefox</th><td>version 3 and up</td></tr>
+    <tr><th>Chrome</th><td>any version</td></tr>
+    <tr><th>Safari</th><td>version 5.2 and up</td></tr>
+    <tr><th style="padding-right: 1em;">Internet Explorer</th><td>version 8 and up</td></tr>
+    <tr><th>Opera</th><td>version 9 and up</td></tr>
+  </table>
+  <p>Modern mobile browsers tend to partly work. Bug reports and
+  patches for mobile support are welcome, but the maintainer does not
+  have the time or budget to actually work on it himself.</p>
+</section>
+
+</article>
diff --git a/src/main/webapp/codemirror/keymap/emacs.js b/src/main/webapp/codemirror/keymap/emacs.js
new file mode 100644
index 00000000..7a3dfb11
--- /dev/null
+++ b/src/main/webapp/codemirror/keymap/emacs.js
@@ -0,0 +1,387 @@
+(function() {
+  "use strict";
+
+  var Pos = CodeMirror.Pos;
+  function posEq(a, b) { return a.line == b.line && a.ch == b.ch; }
+
+  // Kill 'ring'
+
+  var killRing = [];
+  function addToRing(str) {
+    killRing.push(str);
+    if (killRing.length > 50) killRing.shift();
+  }
+  function growRingTop(str) {
+    if (!killRing.length) return addToRing(str);
+    killRing[killRing.length - 1] += str;
+  }
+  function getFromRing(n) { return killRing[killRing.length - (n ? Math.min(n, 1) : 1)] || ""; }
+  function popFromRing() { if (killRing.length > 1) killRing.pop(); return getFromRing(); }
+
+  var lastKill = null;
+
+  function kill(cm, from, to, mayGrow, text) {
+    if (text == null) text = cm.getRange(from, to);
+
+    if (mayGrow && lastKill && lastKill.cm == cm && posEq(from, lastKill.pos) && cm.isClean(lastKill.gen))
+      growRingTop(text);
+    else
+      addToRing(text);
+    cm.replaceRange("", from, to, "+delete");
+
+    if (mayGrow) lastKill = {cm: cm, pos: from, gen: cm.changeGeneration()};
+    else lastKill = null;
+  }
+
+  // Boundaries of various units
+
+  function byChar(cm, pos, dir) {
+    return cm.findPosH(pos, dir, "char", true);
+  }
+
+  function byWord(cm, pos, dir) {
+    return cm.findPosH(pos, dir, "word", true);
+  }
+
+  function byLine(cm, pos, dir) {
+    return cm.findPosV(pos, dir, "line", cm.doc.sel.goalColumn);
+  }
+
+  function byPage(cm, pos, dir) {
+    return cm.findPosV(pos, dir, "page", cm.doc.sel.goalColumn);
+  }
+
+  function byParagraph(cm, pos, dir) {
+    var no = pos.line, line = cm.getLine(no);
+    var sawText = /\S/.test(dir < 0 ? line.slice(0, pos.ch) : line.slice(pos.ch));
+    var fst = cm.firstLine(), lst = cm.lastLine();
+    for (;;) {
+      no += dir;
+      if (no < fst || no > lst)
+        return cm.clipPos(Pos(no - dir, dir < 0 ? 0 : null));
+      line = cm.getLine(no);
+      var hasText = /\S/.test(line);
+      if (hasText) sawText = true;
+      else if (sawText) return Pos(no, 0);
+    }
+  }
+
+  function bySentence(cm, pos, dir) {
+    var line = pos.line, ch = pos.ch;
+    var text = cm.getLine(pos.line), sawWord = false;
+    for (;;) {
+      var next = text.charAt(ch + (dir < 0 ? -1 : 0));
+      if (!next) { // End/beginning of line reached
+        if (line == (dir < 0 ? cm.firstLine() : cm.lastLine())) return Pos(line, ch);
+        text = cm.getLine(line + dir);
+        if (!/\S/.test(text)) return Pos(line, ch);
+        line += dir;
+        ch = dir < 0 ? text.length : 0;
+        continue;
+      }
+      if (sawWord && /[!?.]/.test(next)) return Pos(line, ch + (dir > 0 ? 1 : 0));
+      if (!sawWord) sawWord = /\w/.test(next);
+      ch += dir;
+    }
+  }
+
+  function byExpr(cm, pos, dir) {
+    var wrap;
+    if (cm.findMatchingBracket && (wrap = cm.findMatchingBracket(pos, true))
+        && wrap.match && (wrap.forward ? 1 : -1) == dir)
+      return dir > 0 ? Pos(wrap.to.line, wrap.to.ch + 1) : wrap.to;
+
+    for (var first = true;; first = false) {
+      var token = cm.getTokenAt(pos);
+      var after = Pos(pos.line, dir < 0 ? token.start : token.end);
+      if (first && dir > 0 && token.end == pos.ch || !/\w/.test(token.string)) {
+        var newPos = cm.findPosH(after, dir, "char");
+        if (posEq(after, newPos)) return pos;
+        else pos = newPos;
+      } else {
+        return after;
+      }
+    }
+  }
+
+  // Prefixes (only crudely supported)
+
+  function getPrefix(cm, precise) {
+    var digits = cm.state.emacsPrefix;
+    if (!digits) return precise ? null : 1;
+    clearPrefix(cm);
+    return digits == "-" ? -1 : Number(digits);
+  }
+
+  function repeated(cmd) {
+    var f = typeof cmd == "string" ? function(cm) { cm.execCommand(cmd); } : cmd;
+    return function(cm) {
+      var prefix = getPrefix(cm);
+      f(cm);
+      for (var i = 1; i < prefix; ++i) f(cm);
+    };
+  }
+
+  function findEnd(cm, by, dir) {
+    var pos = cm.getCursor(), prefix = getPrefix(cm);
+    if (prefix < 0) { dir = -dir; prefix = -prefix; }
+    for (var i = 0; i < prefix; ++i) {
+      var newPos = by(cm, pos, dir);
+      if (posEq(newPos, pos)) break;
+      pos = newPos;
+    }
+    return pos;
+  }
+
+  function move(by, dir) {
+    var f = function(cm) {
+      cm.extendSelection(findEnd(cm, by, dir));
+    };
+    f.motion = true;
+    return f;
+  }
+
+  function killTo(cm, by, dir) {
+    kill(cm, cm.getCursor(), findEnd(cm, by, dir), true);
+  }
+
+  function addPrefix(cm, digit) {
+    if (cm.state.emacsPrefix) {
+      if (digit != "-") cm.state.emacsPrefix += digit;
+      return;
+    }
+    // Not active yet
+    cm.state.emacsPrefix = digit;
+    cm.on("keyHandled", maybeClearPrefix);
+    cm.on("inputRead", maybeDuplicateInput);
+  }
+
+  var prefixPreservingKeys = {"Alt-G": true, "Ctrl-X": true, "Ctrl-Q": true, "Ctrl-U": true};
+
+  function maybeClearPrefix(cm, arg) {
+    if (!cm.state.emacsPrefixMap && !prefixPreservingKeys.hasOwnProperty(arg))
+      clearPrefix(cm);
+  }
+
+  function clearPrefix(cm) {
+    cm.state.emacsPrefix = null;
+    cm.off("keyHandled", maybeClearPrefix);
+    cm.off("inputRead", maybeDuplicateInput);
+  }
+
+  function maybeDuplicateInput(cm, event) {
+    var dup = getPrefix(cm);
+    if (dup > 1 && event.origin == "+input") {
+      var one = event.text.join("\n"), txt = "";
+      for (var i = 1; i < dup; ++i) txt += one;
+      cm.replaceSelection(txt, "end", "+input");
+    }
+  }
+
+  function addPrefixMap(cm) {
+    cm.state.emacsPrefixMap = true;
+    cm.addKeyMap(prefixMap);
+    cm.on("keyHandled", maybeRemovePrefixMap);
+    cm.on("inputRead", maybeRemovePrefixMap);
+  }
+
+  function maybeRemovePrefixMap(cm, arg) {
+    if (typeof arg == "string" && (/^\d$/.test(arg) || arg == "Ctrl-U")) return;
+    cm.removeKeyMap(prefixMap);
+    cm.state.emacsPrefixMap = false;
+    cm.off("keyHandled", maybeRemovePrefixMap);
+    cm.off("inputRead", maybeRemovePrefixMap);
+  }
+
+  // Utilities
+
+  function setMark(cm) {
+    cm.setCursor(cm.getCursor());
+    cm.setExtending(true);
+    cm.on("change", function() { cm.setExtending(false); });
+  }
+
+  function getInput(cm, msg, f) {
+    if (cm.openDialog)
+      cm.openDialog(msg + ": <input type=\"text\" style=\"width: 10em\"/>", f, {bottom: true});
+    else
+      f(prompt(msg, ""));
+  }
+
+  function operateOnWord(cm, op) {
+    var start = cm.getCursor(), end = cm.findPosH(start, 1, "word");
+    cm.replaceRange(op(cm.getRange(start, end)), start, end);
+    cm.setCursor(end);
+  }
+
+  function toEnclosingExpr(cm) {
+    var pos = cm.getCursor(), line = pos.line, ch = pos.ch;
+    var stack = [];
+    while (line >= cm.firstLine()) {
+      var text = cm.getLine(line);
+      for (var i = ch == null ? text.length : ch; i > 0;) {
+        var ch = text.charAt(--i);
+        if (ch == ")")
+          stack.push("(");
+        else if (ch == "]")
+          stack.push("[");
+        else if (ch == "}")
+          stack.push("{");
+        else if (/[\(\{\[]/.test(ch) && (!stack.length || stack.pop() != ch))
+          return cm.extendSelection(Pos(line, i));
+      }
+      --line; ch = null;
+    }
+  }
+
+  // Actual keymap
+
+  var keyMap = CodeMirror.keyMap.emacs = {
+    "Ctrl-W": function(cm) {kill(cm, cm.getCursor("start"), cm.getCursor("end"));},
+    "Ctrl-K": repeated(function(cm) {
+      var start = cm.getCursor(), end = cm.clipPos(Pos(start.line));
+      var text = cm.getRange(start, end);
+      if (!/\S/.test(text)) {
+        text += "\n";
+        end = Pos(start.line + 1, 0);
+      }
+      kill(cm, start, end, true, text);
+    }),
+    "Alt-W": function(cm) {
+      addToRing(cm.getSelection());
+    },
+    "Ctrl-Y": function(cm) {
+      var start = cm.getCursor();
+      cm.replaceRange(getFromRing(getPrefix(cm)), start, start, "paste");
+      cm.setSelection(start, cm.getCursor());
+    },
+    "Alt-Y": function(cm) {cm.replaceSelection(popFromRing());},
+
+    "Ctrl-Space": setMark, "Ctrl-Shift-2": setMark,
+
+    "Ctrl-F": move(byChar, 1), "Ctrl-B": move(byChar, -1),
+    "Right": move(byChar, 1), "Left": move(byChar, -1),
+    "Ctrl-D": function(cm) { killTo(cm, byChar, 1); },
+    "Delete": function(cm) { killTo(cm, byChar, 1); },
+    "Ctrl-H": function(cm) { killTo(cm, byChar, -1); },
+    "Backspace": function(cm) { killTo(cm, byChar, -1); },
+
+    "Alt-F": move(byWord, 1), "Alt-B": move(byWord, -1),
+    "Alt-D": function(cm) { killTo(cm, byWord, 1); },
+    "Alt-Backspace": function(cm) { killTo(cm, byWord, -1); },
+
+    "Ctrl-N": move(byLine, 1), "Ctrl-P": move(byLine, -1),
+    "Down": move(byLine, 1), "Up": move(byLine, -1),
+    "Ctrl-A": "goLineStart", "Ctrl-E": "goLineEnd",
+    "End": "goLineEnd", "Home": "goLineStart",
+
+    "Alt-V": move(byPage, -1), "Ctrl-V": move(byPage, 1),
+    "PageUp": move(byPage, -1), "PageDown": move(byPage, 1),
+
+    "Ctrl-Up": move(byParagraph, -1), "Ctrl-Down": move(byParagraph, 1),
+
+    "Alt-A": move(bySentence, -1), "Alt-E": move(bySentence, 1),
+    "Alt-K": function(cm) { killTo(cm, bySentence, 1); },
+
+    "Ctrl-Alt-K": function(cm) { killTo(cm, byExpr, 1); },
+    "Ctrl-Alt-Backspace": function(cm) { killTo(cm, byExpr, -1); },
+    "Ctrl-Alt-F": move(byExpr, 1), "Ctrl-Alt-B": move(byExpr, -1),
+
+    "Shift-Ctrl-Alt-2": function(cm) {
+      cm.setSelection(findEnd(cm, byExpr, 1), cm.getCursor());
+    },
+    "Ctrl-Alt-T": function(cm) {
+      var leftStart = byExpr(cm, cm.getCursor(), -1), leftEnd = byExpr(cm, leftStart, 1);
+      var rightEnd = byExpr(cm, leftEnd, 1), rightStart = byExpr(cm, rightEnd, -1);
+      cm.replaceRange(cm.getRange(rightStart, rightEnd) + cm.getRange(leftEnd, rightStart) +
+                      cm.getRange(leftStart, leftEnd), leftStart, rightEnd);
+    },
+    "Ctrl-Alt-U": repeated(toEnclosingExpr),
+
+    "Alt-Space": function(cm) {
+      var pos = cm.getCursor(), from = pos.ch, to = pos.ch, text = cm.getLine(pos.line);
+      while (from && /\s/.test(text.charAt(from - 1))) --from;
+      while (to < text.length && /\s/.test(text.charAt(to))) ++to;
+      cm.replaceRange(" ", Pos(pos.line, from), Pos(pos.line, to));
+    },
+    "Ctrl-O": repeated(function(cm) { cm.replaceSelection("\n", "start"); }),
+    "Ctrl-T": repeated(function(cm) {
+      var pos = cm.getCursor();
+      if (pos.ch < cm.getLine(pos.line).length) pos = Pos(pos.line, pos.ch + 1);
+      var from = cm.findPosH(pos, -2, "char");
+      var range = cm.getRange(from, pos);
+      if (range.length != 2) return;
+      cm.setSelection(from, pos);
+      cm.replaceSelection(range.charAt(1) + range.charAt(0), "end");
+    }),
+
+    "Alt-C": repeated(function(cm) {
+      operateOnWord(cm, function(w) {
+        var letter = w.search(/\w/);
+        if (letter == -1) return w;
+        return w.slice(0, letter) + w.charAt(letter).toUpperCase() + w.slice(letter + 1).toLowerCase();
+      });
+    }),
+    "Alt-U": repeated(function(cm) {
+      operateOnWord(cm, function(w) { return w.toUpperCase(); });
+    }),
+    "Alt-L": repeated(function(cm) {
+      operateOnWord(cm, function(w) { return w.toLowerCase(); });
+    }),
+
+    "Alt-;": "toggleComment",
+
+    "Ctrl-/": repeated("undo"), "Shift-Ctrl--": repeated("undo"),
+    "Ctrl-Z": repeated("undo"), "Cmd-Z": repeated("undo"),
+    "Shift-Alt-,": "goDocStart", "Shift-Alt-.": "goDocEnd",
+    "Ctrl-S": "findNext", "Ctrl-R": "findPrev", "Ctrl-G": "clearSearch", "Shift-Alt-5": "replace",
+    "Alt-/": "autocomplete",
+    "Ctrl-J": "newlineAndIndent", "Enter": false, "Tab": "indentAuto",
+
+    "Alt-G": function(cm) {cm.setOption("keyMap", "emacs-Alt-G");},
+    "Ctrl-X": function(cm) {cm.setOption("keyMap", "emacs-Ctrl-X");},
+    "Ctrl-Q": function(cm) {cm.setOption("keyMap", "emacs-Ctrl-Q");},
+    "Ctrl-U": addPrefixMap
+  };
+
+  CodeMirror.keyMap["emacs-Ctrl-X"] = {
+    "Tab": function(cm) {
+      cm.indentSelection(getPrefix(cm, true) || cm.getOption("indentUnit"));
+    },
+    "Ctrl-X": function(cm) {
+      cm.setSelection(cm.getCursor("head"), cm.getCursor("anchor"));
+    },
+
+    "Ctrl-S": "save", "Ctrl-W": "save", "S": "saveAll", "F": "open", "U": repeated("undo"), "K": "close",
+    "Delete": function(cm) { kill(cm, cm.getCursor(), bySentence(cm, cm.getCursor(), 1), true); },
+    auto: "emacs", nofallthrough: true, disableInput: true
+  };
+
+  CodeMirror.keyMap["emacs-Alt-G"] = {
+    "G": function(cm) {
+      var prefix = getPrefix(cm, true);
+      if (prefix != null && prefix > 0) return cm.setCursor(prefix - 1);
+
+      getInput(cm, "Goto line", function(str) {
+        var num;
+        if (str && !isNaN(num = Number(str)) && num == num|0 && num > 0)
+          cm.setCursor(num - 1);
+      });
+    },
+    auto: "emacs", nofallthrough: true, disableInput: true
+  };
+
+  CodeMirror.keyMap["emacs-Ctrl-Q"] = {
+    "Tab": repeated("insertTab"),
+    auto: "emacs", nofallthrough: true
+  };
+
+  var prefixMap = {"Ctrl-G": clearPrefix};
+  function regPrefix(d) {
+    prefixMap[d] = function(cm) { addPrefix(cm, d); };
+    keyMap["Ctrl-" + d] = function(cm) { addPrefix(cm, d); };
+    prefixPreservingKeys["Ctrl-" + d] = true;
+  }
+  for (var i = 0; i < 10; ++i) regPrefix(String(i));
+  regPrefix("-");
+})();
diff --git a/src/main/webapp/codemirror/keymap/extra.js b/src/main/webapp/codemirror/keymap/extra.js
new file mode 100644
index 00000000..18dd5a97
--- /dev/null
+++ b/src/main/webapp/codemirror/keymap/extra.js
@@ -0,0 +1,43 @@
+// A number of additional default bindings that are too obscure to
+// include in the core codemirror.js file.
+
+(function() {
+  "use strict";
+
+  var Pos = CodeMirror.Pos;
+
+  function moveLines(cm, start, end, dist) {
+    if (!dist || start > end) return 0;
+
+    var from = cm.clipPos(Pos(start, 0)), to = cm.clipPos(Pos(end));
+    var text = cm.getRange(from, to);
+
+    if (start <= cm.firstLine())
+      cm.replaceRange("", from, Pos(to.line + 1, 0));
+    else
+      cm.replaceRange("", Pos(from.line - 1), to);
+    var target = from.line + dist;
+    if (target <= cm.firstLine()) {
+      cm.replaceRange(text + "\n", Pos(target, 0));
+      return cm.firstLine() - from.line;
+    } else {
+      var targetPos = cm.clipPos(Pos(target - 1));
+      cm.replaceRange("\n" + text, targetPos);
+      return targetPos.line + 1 - from.line;
+    }
+  }
+
+  function moveSelectedLines(cm, dist) {
+    var head = cm.getCursor("head"), anchor = cm.getCursor("anchor");
+    cm.operation(function() {
+      var moved = moveLines(cm, Math.min(head.line, anchor.line), Math.max(head.line, anchor.line), dist);
+      cm.setSelection(Pos(anchor.line + moved, anchor.ch), Pos(head.line + moved, head.ch));
+    });
+  }
+
+  CodeMirror.commands.moveLinesUp = function(cm) { moveSelectedLines(cm, -1); };
+  CodeMirror.commands.moveLinesDown = function(cm) { moveSelectedLines(cm, 1); };
+
+  CodeMirror.keyMap["default"]["Alt-Up"] = "moveLinesUp";
+  CodeMirror.keyMap["default"]["Alt-Down"] = "moveLinesDown";
+})();
diff --git a/src/main/webapp/codemirror/keymap/vim.js b/src/main/webapp/codemirror/keymap/vim.js
new file mode 100644
index 00000000..dab10e21
--- /dev/null
+++ b/src/main/webapp/codemirror/keymap/vim.js
@@ -0,0 +1,3703 @@
+/**
+ * Supported keybindings:
+ *
+ *   Motion:
+ *   h, j, k, l
+ *   gj, gk
+ *   e, E, w, W, b, B, ge, gE
+ *   f<character>, F<character>, t<character>, T<character>
+ *   $, ^, 0, -, +, _
+ *   gg, G
+ *   %
+ *   '<character>, `<character>
+ *
+ *   Operator:
+ *   d, y, c
+ *   dd, yy, cc
+ *   g~, g~g~
+ *   >, <, >>, <<
+ *
+ *   Operator-Motion:
+ *   x, X, D, Y, C, ~
+ *
+ *   Action:
+ *   a, i, s, A, I, S, o, O
+ *   zz, z., z<CR>, zt, zb, z-
+ *   J
+ *   u, Ctrl-r
+ *   m<character>
+ *   r<character>
+ *
+ *   Modes:
+ *   ESC - leave insert mode, visual mode, and clear input state.
+ *   Ctrl-[, Ctrl-c - same as ESC.
+ *
+ * Registers: unamed, -, a-z, A-Z, 0-9
+ *   (Does not respect the special case for number registers when delete
+ *    operator is made with these commands: %, (, ),  , /, ?, n, N, {, } )
+ *   TODO: Implement the remaining registers.
+ * Marks: a-z, A-Z, and 0-9
+ *   TODO: Implement the remaining special marks. They have more complex
+ *       behavior.
+ *
+ * Events:
+ *  'vim-mode-change' - raised on the editor anytime the current mode changes,
+ *                      Event object: {mode: "visual", subMode: "linewise"}
+ *
+ * Code structure:
+ *  1. Default keymap
+ *  2. Variable declarations and short basic helpers
+ *  3. Instance (External API) implementation
+ *  4. Internal state tracking objects (input state, counter) implementation
+ *     and instanstiation
+ *  5. Key handler (the main command dispatcher) implementation
+ *  6. Motion, operator, and action implementations
+ *  7. Helper functions for the key handler, motions, operators, and actions
+ *  8. Set up Vim to work as a keymap for CodeMirror.
+ */
+
+(function() {
+  'use strict';
+
+  var defaultKeymap = [
+    // Key to key mapping. This goes first to make it possible to override
+    // existing mappings.
+    { keys: ['<Left>'], type: 'keyToKey', toKeys: ['h'] },
+    { keys: ['<Right>'], type: 'keyToKey', toKeys: ['l'] },
+    { keys: ['<Up>'], type: 'keyToKey', toKeys: ['k'] },
+    { keys: ['<Down>'], type: 'keyToKey', toKeys: ['j'] },
+    { keys: ['<Space>'], type: 'keyToKey', toKeys: ['l'] },
+    { keys: ['<BS>'], type: 'keyToKey', toKeys: ['h'] },
+    { keys: ['<C-Space>'], type: 'keyToKey', toKeys: ['W'] },
+    { keys: ['<C-BS>'], type: 'keyToKey', toKeys: ['B'] },
+    { keys: ['<S-Space>'], type: 'keyToKey', toKeys: ['w'] },
+    { keys: ['<S-BS>'], type: 'keyToKey', toKeys: ['b'] },
+    { keys: ['<C-n>'], type: 'keyToKey', toKeys: ['j'] },
+    { keys: ['<C-p>'], type: 'keyToKey', toKeys: ['k'] },
+    { keys: ['C-['], type: 'keyToKey', toKeys: ['<Esc>'] },
+    { keys: ['<C-c>'], type: 'keyToKey', toKeys: ['<Esc>'] },
+    { keys: ['s'], type: 'keyToKey', toKeys: ['c', 'l'], context: 'normal' },
+    { keys: ['s'], type: 'keyToKey', toKeys: ['x', 'i'], context: 'visual'},
+    { keys: ['S'], type: 'keyToKey', toKeys: ['c', 'c'], context: 'normal' },
+    { keys: ['S'], type: 'keyToKey', toKeys: ['d', 'c', 'c'], context: 'visual' },
+    { keys: ['<Home>'], type: 'keyToKey', toKeys: ['0'] },
+    { keys: ['<End>'], type: 'keyToKey', toKeys: ['$'] },
+    { keys: ['<PageUp>'], type: 'keyToKey', toKeys: ['<C-b>'] },
+    { keys: ['<PageDown>'], type: 'keyToKey', toKeys: ['<C-f>'] },
+    // Motions
+    { keys: ['H'], type: 'motion',
+        motion: 'moveToTopLine',
+        motionArgs: { linewise: true, toJumplist: true }},
+    { keys: ['M'], type: 'motion',
+        motion: 'moveToMiddleLine',
+        motionArgs: { linewise: true, toJumplist: true }},
+    { keys: ['L'], type: 'motion',
+        motion: 'moveToBottomLine',
+        motionArgs: { linewise: true, toJumplist: true }},
+    { keys: ['h'], type: 'motion',
+        motion: 'moveByCharacters',
+        motionArgs: { forward: false }},
+    { keys: ['l'], type: 'motion',
+        motion: 'moveByCharacters',
+        motionArgs: { forward: true }},
+    { keys: ['j'], type: 'motion',
+        motion: 'moveByLines',
+        motionArgs: { forward: true, linewise: true }},
+    { keys: ['k'], type: 'motion',
+        motion: 'moveByLines',
+        motionArgs: { forward: false, linewise: true }},
+    { keys: ['g','j'], type: 'motion',
+        motion: 'moveByDisplayLines',
+        motionArgs: { forward: true }},
+    { keys: ['g','k'], type: 'motion',
+        motion: 'moveByDisplayLines',
+        motionArgs: { forward: false }},
+    { keys: ['w'], type: 'motion',
+        motion: 'moveByWords',
+        motionArgs: { forward: true, wordEnd: false }},
+    { keys: ['W'], type: 'motion',
+        motion: 'moveByWords',
+        motionArgs: { forward: true, wordEnd: false, bigWord: true }},
+    { keys: ['e'], type: 'motion',
+        motion: 'moveByWords',
+        motionArgs: { forward: true, wordEnd: true, inclusive: true }},
+    { keys: ['E'], type: 'motion',
+        motion: 'moveByWords',
+        motionArgs: { forward: true, wordEnd: true, bigWord: true,
+            inclusive: true }},
+    { keys: ['b'], type: 'motion',
+        motion: 'moveByWords',
+        motionArgs: { forward: false, wordEnd: false }},
+    { keys: ['B'], type: 'motion',
+        motion: 'moveByWords',
+        motionArgs: { forward: false, wordEnd: false, bigWord: true }},
+    { keys: ['g', 'e'], type: 'motion',
+        motion: 'moveByWords',
+        motionArgs: { forward: false, wordEnd: true, inclusive: true }},
+    { keys: ['g', 'E'], type: 'motion',
+        motion: 'moveByWords',
+        motionArgs: { forward: false, wordEnd: true, bigWord: true,
+            inclusive: true }},
+    { keys: ['{'], type: 'motion', motion: 'moveByParagraph',
+        motionArgs: { forward: false, toJumplist: true }},
+    { keys: ['}'], type: 'motion', motion: 'moveByParagraph',
+        motionArgs: { forward: true, toJumplist: true }},
+    { keys: ['<C-f>'], type: 'motion',
+        motion: 'moveByPage', motionArgs: { forward: true }},
+    { keys: ['<C-b>'], type: 'motion',
+        motion: 'moveByPage', motionArgs: { forward: false }},
+    { keys: ['<C-d>'], type: 'motion',
+        motion: 'moveByScroll',
+        motionArgs: { forward: true, explicitRepeat: true }},
+    { keys: ['<C-u>'], type: 'motion',
+        motion: 'moveByScroll',
+        motionArgs: { forward: false, explicitRepeat: true }},
+    { keys: ['g', 'g'], type: 'motion',
+        motion: 'moveToLineOrEdgeOfDocument',
+        motionArgs: { forward: false, explicitRepeat: true, linewise: true, toJumplist: true }},
+    { keys: ['G'], type: 'motion',
+        motion: 'moveToLineOrEdgeOfDocument',
+        motionArgs: { forward: true, explicitRepeat: true, linewise: true, toJumplist: true }},
+    { keys: ['0'], type: 'motion', motion: 'moveToStartOfLine' },
+    { keys: ['^'], type: 'motion',
+        motion: 'moveToFirstNonWhiteSpaceCharacter' },
+    { keys: ['+'], type: 'motion',
+        motion: 'moveByLines',
+        motionArgs: { forward: true, toFirstChar:true }},
+    { keys: ['-'], type: 'motion',
+        motion: 'moveByLines',
+        motionArgs: { forward: false, toFirstChar:true }},
+    { keys: ['_'], type: 'motion',
+        motion: 'moveByLines',
+        motionArgs: { forward: true, toFirstChar:true, repeatOffset:-1 }},
+    { keys: ['$'], type: 'motion',
+        motion: 'moveToEol',
+        motionArgs: { inclusive: true }},
+    { keys: ['%'], type: 'motion',
+        motion: 'moveToMatchedSymbol',
+        motionArgs: { inclusive: true, toJumplist: true }},
+    { keys: ['f', 'character'], type: 'motion',
+        motion: 'moveToCharacter',
+        motionArgs: { forward: true , inclusive: true }},
+    { keys: ['F', 'character'], type: 'motion',
+        motion: 'moveToCharacter',
+        motionArgs: { forward: false }},
+    { keys: ['t', 'character'], type: 'motion',
+        motion: 'moveTillCharacter',
+        motionArgs: { forward: true, inclusive: true }},
+    { keys: ['T', 'character'], type: 'motion',
+        motion: 'moveTillCharacter',
+        motionArgs: { forward: false }},
+    { keys: [';'], type: 'motion', motion: 'repeatLastCharacterSearch',
+        motionArgs: { forward: true }},
+    { keys: [','], type: 'motion', motion: 'repeatLastCharacterSearch',
+        motionArgs: { forward: false }},
+    { keys: ['\'', 'character'], type: 'motion', motion: 'goToMark',
+        motionArgs: {toJumplist: true}},
+    { keys: ['`', 'character'], type: 'motion', motion: 'goToMark',
+        motionArgs: {toJumplist: true}},
+    { keys: [']', '`'], type: 'motion', motion: 'jumpToMark', motionArgs: { forward: true } },
+    { keys: ['[', '`'], type: 'motion', motion: 'jumpToMark', motionArgs: { forward: false } },
+    { keys: [']', '\''], type: 'motion', motion: 'jumpToMark', motionArgs: { forward: true, linewise: true } },
+    { keys: ['[', '\''], type: 'motion', motion: 'jumpToMark', motionArgs: { forward: false, linewise: true } },
+    { keys: [']', 'character'], type: 'motion',
+        motion: 'moveToSymbol',
+        motionArgs: { forward: true, toJumplist: true}},
+    { keys: ['[', 'character'], type: 'motion',
+        motion: 'moveToSymbol',
+        motionArgs: { forward: false, toJumplist: true}},
+    { keys: ['|'], type: 'motion',
+        motion: 'moveToColumn',
+        motionArgs: { }},
+    // Operators
+    { keys: ['d'], type: 'operator', operator: 'delete' },
+    { keys: ['y'], type: 'operator', operator: 'yank' },
+    { keys: ['c'], type: 'operator', operator: 'change' },
+    { keys: ['>'], type: 'operator', operator: 'indent',
+        operatorArgs: { indentRight: true }},
+    { keys: ['<'], type: 'operator', operator: 'indent',
+        operatorArgs: { indentRight: false }},
+    { keys: ['g', '~'], type: 'operator', operator: 'swapcase' },
+    { keys: ['n'], type: 'motion', motion: 'findNext',
+        motionArgs: { forward: true, toJumplist: true }},
+    { keys: ['N'], type: 'motion', motion: 'findNext',
+        motionArgs: { forward: false, toJumplist: true }},
+    // Operator-Motion dual commands
+    { keys: ['x'], type: 'operatorMotion', operator: 'delete',
+        motion: 'moveByCharacters', motionArgs: { forward: true },
+        operatorMotionArgs: { visualLine: false }},
+    { keys: ['X'], type: 'operatorMotion', operator: 'delete',
+        motion: 'moveByCharacters', motionArgs: { forward: false },
+        operatorMotionArgs: { visualLine: true }},
+    { keys: ['D'], type: 'operatorMotion', operator: 'delete',
+      motion: 'moveToEol', motionArgs: { inclusive: true },
+        operatorMotionArgs: { visualLine: true }},
+    { keys: ['Y'], type: 'operatorMotion', operator: 'yank',
+        motion: 'moveToEol', motionArgs: { inclusive: true },
+        operatorMotionArgs: { visualLine: true }},
+    { keys: ['C'], type: 'operatorMotion',
+        operator: 'change',
+        motion: 'moveToEol', motionArgs: { inclusive: true },
+        operatorMotionArgs: { visualLine: true }},
+    { keys: ['~'], type: 'operatorMotion',
+        operator: 'swapcase', operatorArgs: { shouldMoveCursor: true },
+        motion: 'moveByCharacters', motionArgs: { forward: true }},
+    // Actions
+    { keys: ['<C-i>'], type: 'action', action: 'jumpListWalk',
+        actionArgs: { forward: true }},
+    { keys: ['<C-o>'], type: 'action', action: 'jumpListWalk',
+        actionArgs: { forward: false }},
+    { keys: ['a'], type: 'action', action: 'enterInsertMode', isEdit: true,
+        actionArgs: { insertAt: 'charAfter' }},
+    { keys: ['A'], type: 'action', action: 'enterInsertMode', isEdit: true,
+        actionArgs: { insertAt: 'eol' }},
+    { keys: ['i'], type: 'action', action: 'enterInsertMode', isEdit: true,
+        actionArgs: { insertAt: 'inplace' }},
+    { keys: ['I'], type: 'action', action: 'enterInsertMode', isEdit: true,
+        actionArgs: { insertAt: 'firstNonBlank' }},
+    { keys: ['o'], type: 'action', action: 'newLineAndEnterInsertMode',
+        isEdit: true, interlaceInsertRepeat: true,
+        actionArgs: { after: true }},
+    { keys: ['O'], type: 'action', action: 'newLineAndEnterInsertMode',
+        isEdit: true, interlaceInsertRepeat: true,
+        actionArgs: { after: false }},
+    { keys: ['v'], type: 'action', action: 'toggleVisualMode' },
+    { keys: ['V'], type: 'action', action: 'toggleVisualMode',
+        actionArgs: { linewise: true }},
+    { keys: ['J'], type: 'action', action: 'joinLines', isEdit: true },
+    { keys: ['p'], type: 'action', action: 'paste', isEdit: true,
+        actionArgs: { after: true, isEdit: true }},
+    { keys: ['P'], type: 'action', action: 'paste', isEdit: true,
+        actionArgs: { after: false, isEdit: true }},
+    { keys: ['r', 'character'], type: 'action', action: 'replace', isEdit: true },
+    { keys: ['@', 'character'], type: 'action', action: 'replayMacro' },
+    { keys: ['q', 'character'], type: 'action', action: 'enterMacroRecordMode' },
+    // Handle Replace-mode as a special case of insert mode.
+    { keys: ['R'], type: 'action', action: 'enterInsertMode', isEdit: true,
+        actionArgs: { replace: true }},
+    { keys: ['u'], type: 'action', action: 'undo' },
+    { keys: ['<C-r>'], type: 'action', action: 'redo' },
+    { keys: ['m', 'character'], type: 'action', action: 'setMark' },
+    { keys: ['"', 'character'], type: 'action', action: 'setRegister' },
+    { keys: ['z', 'z'], type: 'action', action: 'scrollToCursor',
+        actionArgs: { position: 'center' }},
+    { keys: ['z', '.'], type: 'action', action: 'scrollToCursor',
+        actionArgs: { position: 'center' },
+        motion: 'moveToFirstNonWhiteSpaceCharacter' },
+    { keys: ['z', 't'], type: 'action', action: 'scrollToCursor',
+        actionArgs: { position: 'top' }},
+    { keys: ['z', '<CR>'], type: 'action', action: 'scrollToCursor',
+        actionArgs: { position: 'top' },
+        motion: 'moveToFirstNonWhiteSpaceCharacter' },
+    { keys: ['z', '-'], type: 'action', action: 'scrollToCursor',
+        actionArgs: { position: 'bottom' }},
+    { keys: ['z', 'b'], type: 'action', action: 'scrollToCursor',
+        actionArgs: { position: 'bottom' },
+        motion: 'moveToFirstNonWhiteSpaceCharacter' },
+    { keys: ['.'], type: 'action', action: 'repeatLastEdit' },
+    { keys: ['<C-a>'], type: 'action', action: 'incrementNumberToken',
+        isEdit: true,
+        actionArgs: {increase: true, backtrack: false}},
+    { keys: ['<C-x>'], type: 'action', action: 'incrementNumberToken',
+        isEdit: true,
+        actionArgs: {increase: false, backtrack: false}},
+    // Text object motions
+    { keys: ['a', 'character'], type: 'motion',
+        motion: 'textObjectManipulation' },
+    { keys: ['i', 'character'], type: 'motion',
+        motion: 'textObjectManipulation',
+        motionArgs: { textObjectInner: true }},
+    // Search
+    { keys: ['/'], type: 'search',
+        searchArgs: { forward: true, querySrc: 'prompt', toJumplist: true }},
+    { keys: ['?'], type: 'search',
+        searchArgs: { forward: false, querySrc: 'prompt', toJumplist: true }},
+    { keys: ['*'], type: 'search',
+        searchArgs: { forward: true, querySrc: 'wordUnderCursor', toJumplist: true }},
+    { keys: ['#'], type: 'search',
+        searchArgs: { forward: false, querySrc: 'wordUnderCursor', toJumplist: true }},
+    // Ex command
+    { keys: [':'], type: 'ex' }
+  ];
+
+  var Vim = function() {
+    CodeMirror.defineOption('vimMode', false, function(cm, val) {
+      if (val) {
+        cm.setOption('keyMap', 'vim');
+        CodeMirror.signal(cm, "vim-mode-change", {mode: "normal"});
+        cm.on('beforeSelectionChange', beforeSelectionChange);
+        maybeInitVimState(cm);
+      } else if (cm.state.vim) {
+        cm.setOption('keyMap', 'default');
+        cm.off('beforeSelectionChange', beforeSelectionChange);
+        cm.state.vim = null;
+      }
+    });
+    function beforeSelectionChange(cm, cur) {
+      var vim = cm.state.vim;
+      if (vim.insertMode || vim.exMode) return;
+
+      var head = cur.head;
+      if (head.ch && head.ch == cm.doc.getLine(head.line).length) {
+        head.ch--;
+      }
+    }
+
+    var numberRegex = /[\d]/;
+    var wordRegexp = [(/\w/), (/[^\w\s]/)], bigWordRegexp = [(/\S/)];
+    function makeKeyRange(start, size) {
+      var keys = [];
+      for (var i = start; i < start + size; i++) {
+        keys.push(String.fromCharCode(i));
+      }
+      return keys;
+    }
+    var upperCaseAlphabet = makeKeyRange(65, 26);
+    var lowerCaseAlphabet = makeKeyRange(97, 26);
+    var numbers = makeKeyRange(48, 10);
+    var specialSymbols = '~`!@#$%^&*()_-+=[{}]\\|/?.,<>:;"\''.split('');
+    var specialKeys = ['Left', 'Right', 'Up', 'Down', 'Space', 'Backspace',
+        'Esc', 'Home', 'End', 'PageUp', 'PageDown', 'Enter'];
+    var validMarks = [].concat(upperCaseAlphabet, lowerCaseAlphabet, numbers, ['<', '>']);
+    var validRegisters = [].concat(upperCaseAlphabet, lowerCaseAlphabet, numbers, ['-', '"']);
+
+    function isLine(cm, line) {
+      return line >= cm.firstLine() && line <= cm.lastLine();
+    }
+    function isLowerCase(k) {
+      return (/^[a-z]$/).test(k);
+    }
+    function isMatchableSymbol(k) {
+      return '()[]{}'.indexOf(k) != -1;
+    }
+    function isNumber(k) {
+      return numberRegex.test(k);
+    }
+    function isUpperCase(k) {
+      return (/^[A-Z]$/).test(k);
+    }
+    function isWhiteSpaceString(k) {
+      return (/^\s*$/).test(k);
+    }
+    function inArray(val, arr) {
+      for (var i = 0; i < arr.length; i++) {
+        if (arr[i] == val) {
+          return true;
+        }
+      }
+      return false;
+    }
+
+    var createCircularJumpList = function() {
+      var size = 100;
+      var pointer = -1;
+      var head = 0;
+      var tail = 0;
+      var buffer = new Array(size);
+      function add(cm, oldCur, newCur) {
+        var current = pointer % size;
+        var curMark = buffer[current];
+        function useNextSlot(cursor) {
+          var next = ++pointer % size;
+          var trashMark = buffer[next];
+          if (trashMark) {
+            trashMark.clear();
+          }
+          buffer[next] = cm.setBookmark(cursor);
+        }
+        if (curMark) {
+          var markPos = curMark.find();
+          // avoid recording redundant cursor position
+          if (markPos && !cursorEqual(markPos, oldCur)) {
+            useNextSlot(oldCur);
+          }
+        } else {
+          useNextSlot(oldCur);
+        }
+        useNextSlot(newCur);
+        head = pointer;
+        tail = pointer - size + 1;
+        if (tail < 0) {
+          tail = 0;
+        }
+      }
+      function move(cm, offset) {
+        pointer += offset;
+        if (pointer > head) {
+          pointer = head;
+        } else if (pointer < tail) {
+          pointer = tail;
+        }
+        var mark = buffer[(size + pointer) % size];
+        // skip marks that are temporarily removed from text buffer
+        if (mark && !mark.find()) {
+          var inc = offset > 0 ? 1 : -1;
+          var newCur;
+          var oldCur = cm.getCursor();
+          do {
+            pointer += inc;
+            mark = buffer[(size + pointer) % size];
+            // skip marks that are the same as current position
+            if (mark &&
+                (newCur = mark.find()) &&
+                !cursorEqual(oldCur, newCur)) {
+              break;
+            }
+          } while (pointer < head && pointer > tail);
+        }
+        return mark;
+      }
+      return {
+        cachedCursor: undefined, //used for # and * jumps
+        add: add,
+        move: move
+      };
+    };
+
+    var createMacroState = function() {
+      return {
+        macroKeyBuffer: [],
+        latestRegister: undefined,
+        inReplay: false,
+        lastInsertModeChanges: {
+          changes: [], // Change list
+          expectCursorActivityForChange: false // Set to true on change, false on cursorActivity.
+        },
+        enteredMacroMode: undefined,
+        isMacroPlaying: false,
+        toggle: function(cm, registerName) {
+          if (this.enteredMacroMode) { //onExit
+            this.enteredMacroMode(); // close dialog
+            this.enteredMacroMode = undefined;
+          } else { //onEnter
+            this.latestRegister = registerName;
+            this.enteredMacroMode = cm.openDialog(
+              '(recording)['+registerName+']', null, {bottom:true});
+          }
+        }
+      };
+    };
+
+
+    function maybeInitVimState(cm) {
+      if (!cm.state.vim) {
+        // Store instance state in the CodeMirror object.
+        cm.state.vim = {
+          inputState: new InputState(),
+          // Vim's input state that triggered the last edit, used to repeat
+          // motions and operators with '.'.
+          lastEditInputState: undefined,
+          // Vim's action command before the last edit, used to repeat actions
+          // with '.' and insert mode repeat.
+          lastEditActionCommand: undefined,
+          // When using jk for navigation, if you move from a longer line to a
+          // shorter line, the cursor may clip to the end of the shorter line.
+          // If j is pressed again and cursor goes to the next line, the
+          // cursor should go back to its horizontal position on the longer
+          // line if it can. This is to keep track of the horizontal position.
+          lastHPos: -1,
+          // Doing the same with screen-position for gj/gk
+          lastHSPos: -1,
+          // The last motion command run. Cleared if a non-motion command gets
+          // executed in between.
+          lastMotion: null,
+          marks: {},
+          insertMode: false,
+          // Repeat count for changes made in insert mode, triggered by key
+          // sequences like 3,i. Only exists when insertMode is true.
+          insertModeRepeat: undefined,
+          visualMode: false,
+          // If we are in visual line mode. No effect if visualMode is false.
+          visualLine: false
+        };
+      }
+      return cm.state.vim;
+    }
+    var vimGlobalState;
+    function resetVimGlobalState() {
+      vimGlobalState = {
+        // The current search query.
+        searchQuery: null,
+        // Whether we are searching backwards.
+        searchIsReversed: false,
+        jumpList: createCircularJumpList(),
+        macroModeState: createMacroState(),
+        // Recording latest f, t, F or T motion command.
+        lastChararacterSearch: {increment:0, forward:true, selectedCharacter:''},
+        registerController: new RegisterController({})
+      };
+    }
+
+    var vimApi= {
+      buildKeyMap: function() {
+        // TODO: Convert keymap into dictionary format for fast lookup.
+      },
+      // Testing hook, though it might be useful to expose the register
+      // controller anyways.
+      getRegisterController: function() {
+        return vimGlobalState.registerController;
+      },
+      // Testing hook.
+      resetVimGlobalState_: resetVimGlobalState,
+
+      // Testing hook.
+      getVimGlobalState_: function() {
+        return vimGlobalState;
+      },
+
+      // Testing hook.
+      maybeInitVimState_: maybeInitVimState,
+
+      InsertModeKey: InsertModeKey,
+      map: function(lhs, rhs) {
+        // Add user defined key bindings.
+        exCommandDispatcher.map(lhs, rhs);
+      },
+      defineEx: function(name, prefix, func){
+        if (name.indexOf(prefix) !== 0) {
+          throw new Error('(Vim.defineEx) "'+prefix+'" is not a prefix of "'+name+'", command not registered');
+        }
+        exCommands[name]=func;
+        exCommandDispatcher.commandMap_[prefix]={name:name, shortName:prefix, type:'api'};
+      },
+      // This is the outermost function called by CodeMirror, after keys have
+      // been mapped to their Vim equivalents.
+      handleKey: function(cm, key) {
+        var command;
+        var vim = maybeInitVimState(cm);
+        var macroModeState = vimGlobalState.macroModeState;
+        if (macroModeState.enteredMacroMode) {
+          if (key == 'q') {
+            actions.exitMacroRecordMode();
+            vim.inputState = new InputState();
+            return;
+          }
+        }
+        if (key == '<Esc>') {
+          // Clear input state and get back to normal mode.
+          vim.inputState = new InputState();
+          if (vim.visualMode) {
+            exitVisualMode(cm);
+          }
+          return;
+        }
+        // Enter visual mode when the mouse selects text.
+        if (!vim.visualMode &&
+            !cursorEqual(cm.getCursor('head'), cm.getCursor('anchor'))) {
+          vim.visualMode = true;
+          vim.visualLine = false;
+          CodeMirror.signal(cm, "vim-mode-change", {mode: "visual"});
+          cm.on('mousedown', exitVisualMode);
+        }
+        if (key != '0' || (key == '0' && vim.inputState.getRepeat() === 0)) {
+          // Have to special case 0 since it's both a motion and a number.
+          command = commandDispatcher.matchCommand(key, defaultKeymap, vim);
+        }
+        if (!command) {
+          if (isNumber(key)) {
+            // Increment count unless count is 0 and key is 0.
+            vim.inputState.pushRepeatDigit(key);
+          }
+          return;
+        }
+        if (command.type == 'keyToKey') {
+          // TODO: prevent infinite recursion.
+          for (var i = 0; i < command.toKeys.length; i++) {
+            this.handleKey(cm, command.toKeys[i]);
+          }
+        } else {
+          if (macroModeState.enteredMacroMode) {
+            logKey(macroModeState, key);
+          }
+          commandDispatcher.processCommand(cm, vim, command);
+        }
+      },
+      handleEx: function(cm, input) {
+        exCommandDispatcher.processCommand(cm, input);
+      }
+    };
+
+    // Represents the current input state.
+    function InputState() {
+      this.prefixRepeat = [];
+      this.motionRepeat = [];
+
+      this.operator = null;
+      this.operatorArgs = null;
+      this.motion = null;
+      this.motionArgs = null;
+      this.keyBuffer = []; // For matching multi-key commands.
+      this.registerName = null; // Defaults to the unamed register.
+    }
+    InputState.prototype.pushRepeatDigit = function(n) {
+      if (!this.operator) {
+        this.prefixRepeat = this.prefixRepeat.concat(n);
+      } else {
+        this.motionRepeat = this.motionRepeat.concat(n);
+      }
+    };
+    InputState.prototype.getRepeat = function() {
+      var repeat = 0;
+      if (this.prefixRepeat.length > 0 || this.motionRepeat.length > 0) {
+        repeat = 1;
+        if (this.prefixRepeat.length > 0) {
+          repeat *= parseInt(this.prefixRepeat.join(''), 10);
+        }
+        if (this.motionRepeat.length > 0) {
+          repeat *= parseInt(this.motionRepeat.join(''), 10);
+        }
+      }
+      return repeat;
+    };
+
+    /*
+     * Register stores information about copy and paste registers.  Besides
+     * text, a register must store whether it is linewise (i.e., when it is
+     * pasted, should it insert itself into a new line, or should the text be
+     * inserted at the cursor position.)
+     */
+    function Register(text, linewise) {
+      this.clear();
+      if (text) {
+        this.set(text, linewise);
+      }
+    }
+    Register.prototype = {
+      set: function(text, linewise) {
+        this.text = text;
+        this.linewise = !!linewise;
+      },
+      append: function(text, linewise) {
+        // if this register has ever been set to linewise, use linewise.
+        if (linewise || this.linewise) {
+          this.text += '\n' + text;
+          this.linewise = true;
+        } else {
+          this.text += text;
+        }
+      },
+      clear: function() {
+        this.text = '';
+        this.linewise = false;
+      },
+      toString: function() { return this.text; }
+    };
+
+    /*
+     * vim registers allow you to keep many independent copy and paste buffers.
+     * See http://usevim.com/2012/04/13/registers/ for an introduction.
+     *
+     * RegisterController keeps the state of all the registers.  An initial
+     * state may be passed in.  The unnamed register '"' will always be
+     * overridden.
+     */
+    function RegisterController(registers) {
+      this.registers = registers;
+      this.unamedRegister = registers['"'] = new Register();
+    }
+    RegisterController.prototype = {
+      pushText: function(registerName, operator, text, linewise) {
+        if (linewise && text.charAt(0) == '\n') {
+          text = text.slice(1) + '\n';
+        }
+        if(linewise && text.charAt(text.length - 1) !== '\n'){
+          text += '\n';
+        }
+        // Lowercase and uppercase registers refer to the same register.
+        // Uppercase just means append.
+        var register = this.isValidRegister(registerName) ?
+            this.getRegister(registerName) : null;
+        // if no register/an invalid register was specified, things go to the
+        // default registers
+        if (!register) {
+          switch (operator) {
+            case 'yank':
+              // The 0 register contains the text from the most recent yank.
+              this.registers['0'] = new Register(text, linewise);
+              break;
+            case 'delete':
+            case 'change':
+              if (text.indexOf('\n') == -1) {
+                // Delete less than 1 line. Update the small delete register.
+                this.registers['-'] = new Register(text, linewise);
+              } else {
+                // Shift down the contents of the numbered registers and put the
+                // deleted text into register 1.
+                this.shiftNumericRegisters_();
+                this.registers['1'] = new Register(text, linewise);
+              }
+              break;
+          }
+          // Make sure the unnamed register is set to what just happened
+          this.unamedRegister.set(text, linewise);
+          return;
+        }
+
+        // If we've gotten to this point, we've actually specified a register
+        var append = isUpperCase(registerName);
+        if (append) {
+          register.append(text, linewise);
+          // The unamed register always has the same value as the last used
+          // register.
+          this.unamedRegister.append(text, linewise);
+        } else {
+          register.set(text, linewise);
+          this.unamedRegister.set(text, linewise);
+        }
+      },
+      setRegisterText: function(name, text, linewise) {
+        this.getRegister(name).set(text, linewise);
+      },
+      // Gets the register named @name.  If one of @name doesn't already exist,
+      // create it.  If @name is invalid, return the unamedRegister.
+      getRegister: function(name) {
+        if (!this.isValidRegister(name)) {
+          return this.unamedRegister;
+        }
+        name = name.toLowerCase();
+        if (!this.registers[name]) {
+          this.registers[name] = new Register();
+        }
+        return this.registers[name];
+      },
+      isValidRegister: function(name) {
+        return name && inArray(name, validRegisters);
+      },
+      shiftNumericRegisters_: function() {
+        for (var i = 9; i >= 2; i--) {
+          this.registers[i] = this.getRegister('' + (i - 1));
+        }
+      }
+    };
+
+    var commandDispatcher = {
+      matchCommand: function(key, keyMap, vim) {
+        var inputState = vim.inputState;
+        var keys = inputState.keyBuffer.concat(key);
+        var matchedCommands = [];
+        var selectedCharacter;
+        for (var i = 0; i < keyMap.length; i++) {
+          var command = keyMap[i];
+          if (matchKeysPartial(keys, command.keys)) {
+            if (inputState.operator && command.type == 'action') {
+              // Ignore matched action commands after an operator. Operators
+              // only operate on motions. This check is really for text
+              // objects since aW, a[ etcs conflicts with a.
+              continue;
+            }
+            // Match commands that take <character> as an argument.
+            if (command.keys[keys.length - 1] == 'character') {
+              selectedCharacter = keys[keys.length - 1];
+              if(selectedCharacter.length>1){
+                switch(selectedCharacter){
+                  case '<CR>':
+                    selectedCharacter='\n';
+                    break;
+                  case '<Space>':
+                    selectedCharacter=' ';
+                    break;
+                  default:
+                    continue;
+                }
+              }
+            }
+            // Add the command to the list of matched commands. Choose the best
+            // command later.
+            matchedCommands.push(command);
+          }
+        }
+
+        // Returns the command if it is a full match, or null if not.
+        function getFullyMatchedCommandOrNull(command) {
+          if (keys.length < command.keys.length) {
+            // Matches part of a multi-key command. Buffer and wait for next
+            // stroke.
+            inputState.keyBuffer.push(key);
+            return null;
+          } else {
+            if (command.keys[keys.length - 1] == 'character') {
+              inputState.selectedCharacter = selectedCharacter;
+            }
+            // Clear the buffer since a full match was found.
+            inputState.keyBuffer = [];
+            return command;
+          }
+        }
+
+        if (!matchedCommands.length) {
+          // Clear the buffer since there were no matches.
+          inputState.keyBuffer = [];
+          return null;
+        } else if (matchedCommands.length == 1) {
+          return getFullyMatchedCommandOrNull(matchedCommands[0]);
+        } else {
+          // Find the best match in the list of matchedCommands.
+          var context = vim.visualMode ? 'visual' : 'normal';
+          var bestMatch = matchedCommands[0]; // Default to first in the list.
+          for (var i = 0; i < matchedCommands.length; i++) {
+            if (matchedCommands[i].context == context) {
+              bestMatch = matchedCommands[i];
+              break;
+            }
+          }
+          return getFullyMatchedCommandOrNull(bestMatch);
+        }
+      },
+      processCommand: function(cm, vim, command) {
+        vim.inputState.repeatOverride = command.repeatOverride;
+        switch (command.type) {
+          case 'motion':
+            this.processMotion(cm, vim, command);
+            break;
+          case 'operator':
+            this.processOperator(cm, vim, command);
+            break;
+          case 'operatorMotion':
+            this.processOperatorMotion(cm, vim, command);
+            break;
+          case 'action':
+            this.processAction(cm, vim, command);
+            break;
+          case 'search':
+            this.processSearch(cm, vim, command);
+            break;
+          case 'ex':
+          case 'keyToEx':
+            this.processEx(cm, vim, command);
+            break;
+          default:
+            break;
+        }
+      },
+      processMotion: function(cm, vim, command) {
+        vim.inputState.motion = command.motion;
+        vim.inputState.motionArgs = copyArgs(command.motionArgs);
+        this.evalInput(cm, vim);
+      },
+      processOperator: function(cm, vim, command) {
+        var inputState = vim.inputState;
+        if (inputState.operator) {
+          if (inputState.operator == command.operator) {
+            // Typing an operator twice like 'dd' makes the operator operate
+            // linewise
+            inputState.motion = 'expandToLine';
+            inputState.motionArgs = { linewise: true };
+            this.evalInput(cm, vim);
+            return;
+          } else {
+            // 2 different operators in a row doesn't make sense.
+            vim.inputState = new InputState();
+          }
+        }
+        inputState.operator = command.operator;
+        inputState.operatorArgs = copyArgs(command.operatorArgs);
+        if (vim.visualMode) {
+          // Operating on a selection in visual mode. We don't need a motion.
+          this.evalInput(cm, vim);
+        }
+      },
+      processOperatorMotion: function(cm, vim, command) {
+        var visualMode = vim.visualMode;
+        var operatorMotionArgs = copyArgs(command.operatorMotionArgs);
+        if (operatorMotionArgs) {
+          // Operator motions may have special behavior in visual mode.
+          if (visualMode && operatorMotionArgs.visualLine) {
+            vim.visualLine = true;
+          }
+        }
+        this.processOperator(cm, vim, command);
+        if (!visualMode) {
+          this.processMotion(cm, vim, command);
+        }
+      },
+      processAction: function(cm, vim, command) {
+        var inputState = vim.inputState;
+        var repeat = inputState.getRepeat();
+        var repeatIsExplicit = !!repeat;
+        var actionArgs = copyArgs(command.actionArgs) || {};
+        if (inputState.selectedCharacter) {
+          actionArgs.selectedCharacter = inputState.selectedCharacter;
+        }
+        // Actions may or may not have motions and operators. Do these first.
+        if (command.operator) {
+          this.processOperator(cm, vim, command);
+        }
+        if (command.motion) {
+          this.processMotion(cm, vim, command);
+        }
+        if (command.motion || command.operator) {
+          this.evalInput(cm, vim);
+        }
+        actionArgs.repeat = repeat || 1;
+        actionArgs.repeatIsExplicit = repeatIsExplicit;
+        actionArgs.registerName = inputState.registerName;
+        vim.inputState = new InputState();
+        vim.lastMotion = null;
+        if (command.isEdit) {
+          this.recordLastEdit(vim, inputState, command);
+        }
+        actions[command.action](cm, actionArgs, vim);
+      },
+      processSearch: function(cm, vim, command) {
+        if (!cm.getSearchCursor) {
+          // Search depends on SearchCursor.
+          return;
+        }
+        var forward = command.searchArgs.forward;
+        getSearchState(cm).setReversed(!forward);
+        var promptPrefix = (forward) ? '/' : '?';
+        var originalQuery = getSearchState(cm).getQuery();
+        var originalScrollPos = cm.getScrollInfo();
+        function handleQuery(query, ignoreCase, smartCase) {
+          try {
+            updateSearchQuery(cm, query, ignoreCase, smartCase);
+          } catch (e) {
+            showConfirm(cm, 'Invalid regex: ' + query);
+            return;
+          }
+          commandDispatcher.processMotion(cm, vim, {
+            type: 'motion',
+            motion: 'findNext',
+            motionArgs: { forward: true, toJumplist: command.searchArgs.toJumplist }
+          });
+        }
+        function onPromptClose(query) {
+          cm.scrollTo(originalScrollPos.left, originalScrollPos.top);
+          handleQuery(query, true /** ignoreCase */, true /** smartCase */);
+        }
+        function onPromptKeyUp(_e, query) {
+          var parsedQuery;
+          try {
+            parsedQuery = updateSearchQuery(cm, query,
+                true /** ignoreCase */, true /** smartCase */);
+          } catch (e) {
+            // Swallow bad regexes for incremental search.
+          }
+          if (parsedQuery) {
+            cm.scrollIntoView(findNext(cm, !forward, parsedQuery), 30);
+          } else {
+            clearSearchHighlight(cm);
+            cm.scrollTo(originalScrollPos.left, originalScrollPos.top);
+          }
+        }
+        function onPromptKeyDown(e, _query, close) {
+          var keyName = CodeMirror.keyName(e);
+          if (keyName == 'Esc' || keyName == 'Ctrl-C' || keyName == 'Ctrl-[') {
+            updateSearchQuery(cm, originalQuery);
+            clearSearchHighlight(cm);
+            cm.scrollTo(originalScrollPos.left, originalScrollPos.top);
+
+            CodeMirror.e_stop(e);
+            close();
+            cm.focus();
+          }
+        }
+        switch (command.searchArgs.querySrc) {
+          case 'prompt':
+            showPrompt(cm, {
+                onClose: onPromptClose,
+                prefix: promptPrefix,
+                desc: searchPromptDesc,
+                onKeyUp: onPromptKeyUp,
+                onKeyDown: onPromptKeyDown
+            });
+            break;
+          case 'wordUnderCursor':
+            var word = expandWordUnderCursor(cm, false /** inclusive */,
+                true /** forward */, false /** bigWord */,
+                true /** noSymbol */);
+            var isKeyword = true;
+            if (!word) {
+              word = expandWordUnderCursor(cm, false /** inclusive */,
+                  true /** forward */, false /** bigWord */,
+                  false /** noSymbol */);
+              isKeyword = false;
+            }
+            if (!word) {
+              return;
+            }
+            var query = cm.getLine(word.start.line).substring(word.start.ch,
+                word.end.ch);
+            if (isKeyword) {
+              query = '\\b' + query + '\\b';
+            } else {
+              query = escapeRegex(query);
+            }
+
+            // cachedCursor is used to save the old position of the cursor
+            // when * or # causes vim to seek for the nearest word and shift
+            // the cursor before entering the motion.
+            vimGlobalState.jumpList.cachedCursor = cm.getCursor();
+            cm.setCursor(word.start);
+
+            handleQuery(query, true /** ignoreCase */, false /** smartCase */);
+            break;
+        }
+      },
+      processEx: function(cm, vim, command) {
+        function onPromptClose(input) {
+          // Give the prompt some time to close so that if processCommand shows
+          // an error, the elements don't overlap.
+          exCommandDispatcher.processCommand(cm, input);
+        }
+        function onPromptKeyDown(e, _input, close) {
+          var keyName = CodeMirror.keyName(e);
+          if (keyName == 'Esc' || keyName == 'Ctrl-C' || keyName == 'Ctrl-[') {
+            CodeMirror.e_stop(e);
+            close();
+            cm.focus();
+          }
+        }
+        if (command.type == 'keyToEx') {
+          // Handle user defined Ex to Ex mappings
+          exCommandDispatcher.processCommand(cm, command.exArgs.input);
+        } else {
+          if (vim.visualMode) {
+            showPrompt(cm, { onClose: onPromptClose, prefix: ':', value: '\'<,\'>',
+                onKeyDown: onPromptKeyDown});
+          } else {
+            showPrompt(cm, { onClose: onPromptClose, prefix: ':',
+                onKeyDown: onPromptKeyDown});
+          }
+        }
+      },
+      evalInput: function(cm, vim) {
+        // If the motion comand is set, execute both the operator and motion.
+        // Otherwise return.
+        var inputState = vim.inputState;
+        var motion = inputState.motion;
+        var motionArgs = inputState.motionArgs || {};
+        var operator = inputState.operator;
+        var operatorArgs = inputState.operatorArgs || {};
+        var registerName = inputState.registerName;
+        var selectionEnd = cm.getCursor('head');
+        var selectionStart = cm.getCursor('anchor');
+        // The difference between cur and selection cursors are that cur is
+        // being operated on and ignores that there is a selection.
+        var curStart = copyCursor(selectionEnd);
+        var curOriginal = copyCursor(curStart);
+        var curEnd;
+        var repeat;
+        if (operator) {
+          this.recordLastEdit(vim, inputState);
+        }
+        if (inputState.repeatOverride !== undefined) {
+          // If repeatOverride is specified, that takes precedence over the
+          // input state's repeat. Used by Ex mode and can be user defined.
+          repeat = inputState.repeatOverride;
+        } else {
+          repeat = inputState.getRepeat();
+        }
+        if (repeat > 0 && motionArgs.explicitRepeat) {
+          motionArgs.repeatIsExplicit = true;
+        } else if (motionArgs.noRepeat ||
+            (!motionArgs.explicitRepeat && repeat === 0)) {
+          repeat = 1;
+          motionArgs.repeatIsExplicit = false;
+        }
+        if (inputState.selectedCharacter) {
+          // If there is a character input, stick it in all of the arg arrays.
+          motionArgs.selectedCharacter = operatorArgs.selectedCharacter =
+              inputState.selectedCharacter;
+        }
+        motionArgs.repeat = repeat;
+        vim.inputState = new InputState();
+        if (motion) {
+          var motionResult = motions[motion](cm, motionArgs, vim);
+          vim.lastMotion = motions[motion];
+          if (!motionResult) {
+            return;
+          }
+          if (motionArgs.toJumplist) {
+            var jumpList = vimGlobalState.jumpList;
+            // if the current motion is # or *, use cachedCursor
+            var cachedCursor = jumpList.cachedCursor;
+            if (cachedCursor) {
+              recordJumpPosition(cm, cachedCursor, motionResult);
+              delete jumpList.cachedCursor;
+            } else {
+              recordJumpPosition(cm, curOriginal, motionResult);
+            }
+          }
+          if (motionResult instanceof Array) {
+            curStart = motionResult[0];
+            curEnd = motionResult[1];
+          } else {
+            curEnd = motionResult;
+          }
+          // TODO: Handle null returns from motion commands better.
+          if (!curEnd) {
+            curEnd = { ch: curStart.ch, line: curStart.line };
+          }
+          if (vim.visualMode) {
+            // Check if the selection crossed over itself. Will need to shift
+            // the start point if that happened.
+            if (cursorIsBefore(selectionStart, selectionEnd) &&
+                (cursorEqual(selectionStart, curEnd) ||
+                    cursorIsBefore(curEnd, selectionStart))) {
+              // The end of the selection has moved from after the start to
+              // before the start. We will shift the start right by 1.
+              selectionStart.ch += 1;
+            } else if (cursorIsBefore(selectionEnd, selectionStart) &&
+                (cursorEqual(selectionStart, curEnd) ||
+                    cursorIsBefore(selectionStart, curEnd))) {
+              // The opposite happened. We will shift the start left by 1.
+              selectionStart.ch -= 1;
+            }
+            selectionEnd = curEnd;
+            if (vim.visualLine) {
+              if (cursorIsBefore(selectionStart, selectionEnd)) {
+                selectionStart.ch = 0;
+
+                var lastLine = cm.lastLine();
+                if (selectionEnd.line > lastLine) {
+                  selectionEnd.line = lastLine;
+                }
+                selectionEnd.ch = lineLength(cm, selectionEnd.line);
+              } else {
+                selectionEnd.ch = 0;
+                selectionStart.ch = lineLength(cm, selectionStart.line);
+              }
+            }
+            cm.setSelection(selectionStart, selectionEnd);
+            updateMark(cm, vim, '<',
+                cursorIsBefore(selectionStart, selectionEnd) ? selectionStart
+                    : selectionEnd);
+            updateMark(cm, vim, '>',
+                cursorIsBefore(selectionStart, selectionEnd) ? selectionEnd
+                    : selectionStart);
+          } else if (!operator) {
+            curEnd = clipCursorToContent(cm, curEnd);
+            cm.setCursor(curEnd.line, curEnd.ch);
+          }
+        }
+
+        if (operator) {
+          var inverted = false;
+          vim.lastMotion = null;
+          operatorArgs.repeat = repeat; // Indent in visual mode needs this.
+          if (vim.visualMode) {
+            curStart = selectionStart;
+            curEnd = selectionEnd;
+            motionArgs.inclusive = true;
+          }
+          // Swap start and end if motion was backward.
+          if (cursorIsBefore(curEnd, curStart)) {
+            var tmp = curStart;
+            curStart = curEnd;
+            curEnd = tmp;
+            inverted = true;
+          }
+          if (motionArgs.inclusive && !(vim.visualMode && inverted)) {
+            // Move the selection end one to the right to include the last
+            // character.
+            curEnd.ch++;
+          }
+          var linewise = motionArgs.linewise ||
+              (vim.visualMode && vim.visualLine);
+          if (linewise) {
+            // Expand selection to entire line.
+            expandSelectionToLine(cm, curStart, curEnd);
+          } else if (motionArgs.forward) {
+            // Clip to trailing newlines only if the motion goes forward.
+            clipToLine(cm, curStart, curEnd);
+          }
+          operatorArgs.registerName = registerName;
+          // Keep track of linewise as it affects how paste and change behave.
+          operatorArgs.linewise = linewise;
+          operators[operator](cm, operatorArgs, vim, curStart,
+              curEnd, curOriginal);
+          if (vim.visualMode) {
+            exitVisualMode(cm);
+          }
+        }
+      },
+      recordLastEdit: function(vim, inputState, actionCommand) {
+        var macroModeState = vimGlobalState.macroModeState;
+        if (macroModeState.inReplay) { return; }
+        vim.lastEditInputState = inputState;
+        vim.lastEditActionCommand = actionCommand;
+        macroModeState.lastInsertModeChanges.changes = [];
+        macroModeState.lastInsertModeChanges.expectCursorActivityForChange = false;
+      }
+    };
+
+    /**
+     * typedef {Object{line:number,ch:number}} Cursor An object containing the
+     *     position of the cursor.
+     */
+    // All of the functions below return Cursor objects.
+    var motions = {
+      moveToTopLine: function(cm, motionArgs) {
+        var line = getUserVisibleLines(cm).top + motionArgs.repeat -1;
+        return { line: line, ch: findFirstNonWhiteSpaceCharacter(cm.getLine(line)) };
+      },
+      moveToMiddleLine: function(cm) {
+        var range = getUserVisibleLines(cm);
+        var line = Math.floor((range.top + range.bottom) * 0.5);
+        return { line: line, ch: findFirstNonWhiteSpaceCharacter(cm.getLine(line)) };
+      },
+      moveToBottomLine: function(cm, motionArgs) {
+        var line = getUserVisibleLines(cm).bottom - motionArgs.repeat +1;
+        return { line: line, ch: findFirstNonWhiteSpaceCharacter(cm.getLine(line)) };
+      },
+      expandToLine: function(cm, motionArgs) {
+        // Expands forward to end of line, and then to next line if repeat is
+        // >1. Does not handle backward motion!
+        var cur = cm.getCursor();
+        return { line: cur.line + motionArgs.repeat - 1, ch: Infinity };
+      },
+      findNext: function(cm, motionArgs) {
+        var state = getSearchState(cm);
+        var query = state.getQuery();
+        if (!query) {
+          return;
+        }
+        var prev = !motionArgs.forward;
+        // If search is initiated with ? instead of /, negate direction.
+        prev = (state.isReversed()) ? !prev : prev;
+        highlightSearchMatches(cm, query);
+        return findNext(cm, prev/** prev */, query, motionArgs.repeat);
+      },
+      goToMark: function(_cm, motionArgs, vim) {
+        var mark = vim.marks[motionArgs.selectedCharacter];
+        if (mark) {
+          return mark.find();
+        }
+        return null;
+      },
+      jumpToMark: function(cm, motionArgs, vim) {
+        var best = cm.getCursor();
+        for (var i = 0; i < motionArgs.repeat; i++) {
+          var cursor = best;
+          for (var key in vim.marks) {
+            if (!isLowerCase(key)) {
+              continue;
+            }
+            var mark = vim.marks[key].find();
+            var isWrongDirection = (motionArgs.forward) ?
+              cursorIsBefore(mark, cursor) : cursorIsBefore(cursor, mark);
+
+            if (isWrongDirection) {
+              continue;
+            }
+            if (motionArgs.linewise && (mark.line == cursor.line)) {
+              continue;
+            }
+
+            var equal = cursorEqual(cursor, best);
+            var between = (motionArgs.forward) ?
+              cusrorIsBetween(cursor, mark, best) :
+              cusrorIsBetween(best, mark, cursor);
+
+            if (equal || between) {
+              best = mark;
+            }
+          }
+        }
+
+        if (motionArgs.linewise) {
+          // Vim places the cursor on the first non-whitespace character of
+          // the line if there is one, else it places the cursor at the end
+          // of the line, regardless of whether a mark was found.
+          best.ch = findFirstNonWhiteSpaceCharacter(cm.getLine(best.line));
+        }
+        return best;
+      },
+      moveByCharacters: function(cm, motionArgs) {
+        var cur = cm.getCursor();
+        var repeat = motionArgs.repeat;
+        var ch = motionArgs.forward ? cur.ch + repeat : cur.ch - repeat;
+        return { line: cur.line, ch: ch };
+      },
+      moveByLines: function(cm, motionArgs, vim) {
+        var cur = cm.getCursor();
+        var endCh = cur.ch;
+        // Depending what our last motion was, we may want to do different
+        // things. If our last motion was moving vertically, we want to
+        // preserve the HPos from our last horizontal move.  If our last motion
+        // was going to the end of a line, moving vertically we should go to
+        // the end of the line, etc.
+        switch (vim.lastMotion) {
+          case this.moveByLines:
+          case this.moveByDisplayLines:
+          case this.moveByScroll:
+          case this.moveToColumn:
+          case this.moveToEol:
+            endCh = vim.lastHPos;
+            break;
+          default:
+            vim.lastHPos = endCh;
+        }
+        var repeat = motionArgs.repeat+(motionArgs.repeatOffset||0);
+        var line = motionArgs.forward ? cur.line + repeat : cur.line - repeat;
+        var first = cm.firstLine();
+        var last = cm.lastLine();
+        // Vim cancels linewise motions that start on an edge and move beyond
+        // that edge. It does not cancel motions that do not start on an edge.
+        if ((line < first && cur.line == first) ||
+            (line > last && cur.line == last)) {
+          return;
+        }
+        if(motionArgs.toFirstChar){
+          endCh=findFirstNonWhiteSpaceCharacter(cm.getLine(line));
+          vim.lastHPos = endCh;
+        }
+        vim.lastHSPos = cm.charCoords({line:line, ch:endCh},'div').left;
+        return { line: line, ch: endCh };
+      },
+      moveByDisplayLines: function(cm, motionArgs, vim) {
+        var cur = cm.getCursor();
+        switch (vim.lastMotion) {
+          case this.moveByDisplayLines:
+          case this.moveByScroll:
+          case this.moveByLines:
+          case this.moveToColumn:
+          case this.moveToEol:
+            break;
+          default:
+            vim.lastHSPos = cm.charCoords(cur,'div').left;
+        }
+        var repeat = motionArgs.repeat;
+        var res=cm.findPosV(cur,(motionArgs.forward ? repeat : -repeat),'line',vim.lastHSPos);
+        if (res.hitSide) {
+          if (motionArgs.forward) {
+            var lastCharCoords = cm.charCoords(res, 'div');
+            var goalCoords = { top: lastCharCoords.top + 8, left: vim.lastHSPos };
+            var res = cm.coordsChar(goalCoords, 'div');
+          } else {
+            var resCoords = cm.charCoords({ line: cm.firstLine(), ch: 0}, 'div');
+            resCoords.left = vim.lastHSPos;
+            res = cm.coordsChar(resCoords, 'div');
+          }
+        }
+        vim.lastHPos = res.ch;
+        return res;
+      },
+      moveByPage: function(cm, motionArgs) {
+        // CodeMirror only exposes functions that move the cursor page down, so
+        // doing this bad hack to move the cursor and move it back. evalInput
+        // will move the cursor to where it should be in the end.
+        var curStart = cm.getCursor();
+        var repeat = motionArgs.repeat;
+        cm.moveV((motionArgs.forward ? repeat : -repeat), 'page');
+        var curEnd = cm.getCursor();
+        cm.setCursor(curStart);
+        return curEnd;
+      },
+      moveByParagraph: function(cm, motionArgs) {
+        var line = cm.getCursor().line;
+        var repeat = motionArgs.repeat;
+        var inc = motionArgs.forward ? 1 : -1;
+        for (var i = 0; i < repeat; i++) {
+          if ((!motionArgs.forward && line === cm.firstLine() ) ||
+              (motionArgs.forward && line == cm.lastLine())) {
+            break;
+          }
+          line += inc;
+          while (line !== cm.firstLine() && line != cm.lastLine() && cm.getLine(line)) {
+            line += inc;
+          }
+        }
+        return { line: line, ch: 0 };
+      },
+      moveByScroll: function(cm, motionArgs, vim) {
+        var scrollbox = cm.getScrollInfo();
+        var curEnd = null;
+        var repeat = motionArgs.repeat;
+        if (!repeat) {
+          repeat = scrollbox.clientHeight / (2 * cm.defaultTextHeight());
+        }
+        var orig = cm.charCoords(cm.getCursor(), 'local');
+        motionArgs.repeat = repeat;
+        var curEnd = motions.moveByDisplayLines(cm, motionArgs, vim);
+        if (!curEnd) {
+          return null;
+        }
+        var dest = cm.charCoords(curEnd, 'local');
+        cm.scrollTo(null, scrollbox.top + dest.top - orig.top);
+        return curEnd;
+      },
+      moveByWords: function(cm, motionArgs) {
+        return moveToWord(cm, motionArgs.repeat, !!motionArgs.forward,
+            !!motionArgs.wordEnd, !!motionArgs.bigWord);
+      },
+      moveTillCharacter: function(cm, motionArgs) {
+        var repeat = motionArgs.repeat;
+        var curEnd = moveToCharacter(cm, repeat, motionArgs.forward,
+            motionArgs.selectedCharacter);
+        var increment = motionArgs.forward ? -1 : 1;
+        recordLastCharacterSearch(increment, motionArgs);
+        if(!curEnd)return cm.getCursor();
+        curEnd.ch += increment;
+        return curEnd;
+      },
+      moveToCharacter: function(cm, motionArgs) {
+        var repeat = motionArgs.repeat;
+        recordLastCharacterSearch(0, motionArgs);
+        return moveToCharacter(cm, repeat, motionArgs.forward,
+            motionArgs.selectedCharacter) || cm.getCursor();
+      },
+      moveToSymbol: function(cm, motionArgs) {
+        var repeat = motionArgs.repeat;
+        return findSymbol(cm, repeat, motionArgs.forward,
+            motionArgs.selectedCharacter) || cm.getCursor();
+      },
+      moveToColumn: function(cm, motionArgs, vim) {
+        var repeat = motionArgs.repeat;
+        // repeat is equivalent to which column we want to move to!
+        vim.lastHPos = repeat - 1;
+        vim.lastHSPos = cm.charCoords(cm.getCursor(),'div').left;
+        return moveToColumn(cm, repeat);
+      },
+      moveToEol: function(cm, motionArgs, vim) {
+        var cur = cm.getCursor();
+        vim.lastHPos = Infinity;
+        var retval={ line: cur.line + motionArgs.repeat - 1, ch: Infinity };
+        var end=cm.clipPos(retval);
+        end.ch--;
+        vim.lastHSPos = cm.charCoords(end,'div').left;
+        return retval;
+      },
+      moveToFirstNonWhiteSpaceCharacter: function(cm) {
+        // Go to the start of the line where the text begins, or the end for
+        // whitespace-only lines
+        var cursor = cm.getCursor();
+        return { line: cursor.line,
+            ch: findFirstNonWhiteSpaceCharacter(cm.getLine(cursor.line)) };
+      },
+      moveToMatchedSymbol: function(cm) {
+        var cursor = cm.getCursor();
+        var line = cursor.line;
+        var ch = cursor.ch;
+        var lineText = cm.getLine(line);
+        var symbol;
+        var startContext = cm.getTokenAt(cursor).type;
+        var startCtxLevel = getContextLevel(startContext);
+        do {
+          symbol = lineText.charAt(ch++);
+          if (symbol && isMatchableSymbol(symbol)) {
+            var endContext = cm.getTokenAt({line:line, ch:ch}).type;
+            var endCtxLevel = getContextLevel(endContext);
+            if (startCtxLevel >= endCtxLevel) {
+              break;
+            }
+          }
+        } while (symbol);
+        if (symbol) {
+          return findMatchedSymbol(cm, {line:line, ch:ch-1}, symbol);
+        } else {
+          return cursor;
+        }
+      },
+      moveToStartOfLine: function(cm) {
+        var cursor = cm.getCursor();
+        return { line: cursor.line, ch: 0 };
+      },
+      moveToLineOrEdgeOfDocument: function(cm, motionArgs) {
+        var lineNum = motionArgs.forward ? cm.lastLine() : cm.firstLine();
+        if (motionArgs.repeatIsExplicit) {
+          lineNum = motionArgs.repeat - cm.getOption('firstLineNumber');
+        }
+        return { line: lineNum,
+            ch: findFirstNonWhiteSpaceCharacter(cm.getLine(lineNum)) };
+      },
+      textObjectManipulation: function(cm, motionArgs) {
+        var character = motionArgs.selectedCharacter;
+        // Inclusive is the difference between a and i
+        // TODO: Instead of using the additional text object map to perform text
+        //     object operations, merge the map into the defaultKeyMap and use
+        //     motionArgs to define behavior. Define separate entries for 'aw',
+        //     'iw', 'a[', 'i[', etc.
+        var inclusive = !motionArgs.textObjectInner;
+        if (!textObjects[character]) {
+          // No text object defined for this, don't move.
+          return null;
+        }
+        var tmp = textObjects[character](cm, inclusive);
+        var start = tmp.start;
+        var end = tmp.end;
+        return [start, end];
+      },
+      repeatLastCharacterSearch: function(cm, motionArgs) {
+        var lastSearch = vimGlobalState.lastChararacterSearch;
+        var repeat = motionArgs.repeat;
+        var forward = motionArgs.forward === lastSearch.forward;
+        var increment = (lastSearch.increment ? 1 : 0) * (forward ? -1 : 1);
+        cm.moveH(-increment, 'char');
+        motionArgs.inclusive = forward ? true : false;
+        var curEnd = moveToCharacter(cm, repeat, forward, lastSearch.selectedCharacter);
+        if (!curEnd) {
+          cm.moveH(increment, 'char');
+          return cm.getCursor();
+        }
+        curEnd.ch += increment;
+        return curEnd;
+      }
+    };
+
+    var operators = {
+      change: function(cm, operatorArgs, _vim, curStart, curEnd) {
+        vimGlobalState.registerController.pushText(
+            operatorArgs.registerName, 'change', cm.getRange(curStart, curEnd),
+            operatorArgs.linewise);
+        if (operatorArgs.linewise) {
+          // Push the next line back down, if there is a next line.
+          var replacement = curEnd.line > cm.lastLine() ? '' : '\n';
+          cm.replaceRange(replacement, curStart, curEnd);
+          cm.indentLine(curStart.line, 'smart');
+          // null ch so setCursor moves to end of line.
+          curStart.ch = null;
+        } else {
+          // Exclude trailing whitespace if the range is not all whitespace.
+          var text = cm.getRange(curStart, curEnd);
+          if (!isWhiteSpaceString(text)) {
+            var match = (/\s+$/).exec(text);
+            if (match) {
+              curEnd = offsetCursor(curEnd, 0, - match[0].length);
+            }
+          }
+          cm.replaceRange('', curStart, curEnd);
+        }
+        actions.enterInsertMode(cm, {}, cm.state.vim);
+        cm.setCursor(curStart);
+      },
+      // delete is a javascript keyword.
+      'delete': function(cm, operatorArgs, _vim, curStart, curEnd) {
+        // If the ending line is past the last line, inclusive, instead of
+        // including the trailing \n, include the \n before the starting line
+        if (operatorArgs.linewise &&
+            curEnd.line > cm.lastLine() && curStart.line > cm.firstLine()) {
+          curStart.line--;
+          curStart.ch = lineLength(cm, curStart.line);
+        }
+        vimGlobalState.registerController.pushText(
+            operatorArgs.registerName, 'delete', cm.getRange(curStart, curEnd),
+            operatorArgs.linewise);
+        cm.replaceRange('', curStart, curEnd);
+        if (operatorArgs.linewise) {
+          cm.setCursor(motions.moveToFirstNonWhiteSpaceCharacter(cm));
+        } else {
+          cm.setCursor(curStart);
+        }
+      },
+      indent: function(cm, operatorArgs, vim, curStart, curEnd) {
+        var startLine = curStart.line;
+        var endLine = curEnd.line;
+        // In visual mode, n> shifts the selection right n times, instead of
+        // shifting n lines right once.
+        var repeat = (vim.visualMode) ? operatorArgs.repeat : 1;
+        if (operatorArgs.linewise) {
+          // The only way to delete a newline is to delete until the start of
+          // the next line, so in linewise mode evalInput will include the next
+          // line. We don't want this in indent, so we go back a line.
+          endLine--;
+        }
+        for (var i = startLine; i <= endLine; i++) {
+          for (var j = 0; j < repeat; j++) {
+            cm.indentLine(i, operatorArgs.indentRight);
+          }
+        }
+        cm.setCursor(curStart);
+        cm.setCursor(motions.moveToFirstNonWhiteSpaceCharacter(cm));
+      },
+      swapcase: function(cm, operatorArgs, _vim, curStart, curEnd, curOriginal) {
+        var toSwap = cm.getRange(curStart, curEnd);
+        var swapped = '';
+        for (var i = 0; i < toSwap.length; i++) {
+          var character = toSwap.charAt(i);
+          swapped += isUpperCase(character) ? character.toLowerCase() :
+              character.toUpperCase();
+        }
+        cm.replaceRange(swapped, curStart, curEnd);
+        if (!operatorArgs.shouldMoveCursor) {
+          cm.setCursor(curOriginal);
+        }
+      },
+      yank: function(cm, operatorArgs, _vim, curStart, curEnd, curOriginal) {
+        vimGlobalState.registerController.pushText(
+            operatorArgs.registerName, 'yank',
+            cm.getRange(curStart, curEnd), operatorArgs.linewise);
+        cm.setCursor(curOriginal);
+      }
+    };
+
+    var actions = {
+      jumpListWalk: function(cm, actionArgs, vim) {
+        if (vim.visualMode) {
+          return;
+        }
+        var repeat = actionArgs.repeat;
+        var forward = actionArgs.forward;
+        var jumpList = vimGlobalState.jumpList;
+
+        var mark = jumpList.move(cm, forward ? repeat : -repeat);
+        var markPos = mark ? mark.find() : undefined;
+        markPos = markPos ? markPos : cm.getCursor();
+        cm.setCursor(markPos);
+      },
+      scrollToCursor: function(cm, actionArgs) {
+        var lineNum = cm.getCursor().line;
+        var charCoords = cm.charCoords({line: lineNum, ch: 0}, 'local');
+        var height = cm.getScrollInfo().clientHeight;
+        var y = charCoords.top;
+        var lineHeight = charCoords.bottom - y;
+        switch (actionArgs.position) {
+          case 'center': y = y - (height / 2) + lineHeight;
+            break;
+          case 'bottom': y = y - height + lineHeight*1.4;
+            break;
+          case 'top': y = y + lineHeight*0.4;
+            break;
+        }
+        cm.scrollTo(null, y);
+      },
+      replayMacro: function(cm, actionArgs) {
+        var registerName = actionArgs.selectedCharacter;
+        var repeat = actionArgs.repeat;
+        var macroModeState = vimGlobalState.macroModeState;
+        if (registerName == '@') {
+          registerName = macroModeState.latestRegister;
+        }
+        var keyBuffer = parseRegisterToKeyBuffer(macroModeState, registerName);
+        while(repeat--){
+          executeMacroKeyBuffer(cm, macroModeState, keyBuffer);
+        }
+      },
+      exitMacroRecordMode: function() {
+        var macroModeState = vimGlobalState.macroModeState;
+        macroModeState.toggle();
+        parseKeyBufferToRegister(macroModeState.latestRegister,
+                                 macroModeState.macroKeyBuffer);
+      },
+      enterMacroRecordMode: function(cm, actionArgs) {
+        var macroModeState = vimGlobalState.macroModeState;
+        var registerName = actionArgs.selectedCharacter;
+        macroModeState.toggle(cm, registerName);
+        emptyMacroKeyBuffer(macroModeState);
+      },
+      enterInsertMode: function(cm, actionArgs, vim) {
+        if (cm.getOption('readOnly')) { return; }
+        vim.insertMode = true;
+        vim.insertModeRepeat = actionArgs && actionArgs.repeat || 1;
+        var insertAt = (actionArgs) ? actionArgs.insertAt : null;
+        if (insertAt == 'eol') {
+          var cursor = cm.getCursor();
+          cursor = { line: cursor.line, ch: lineLength(cm, cursor.line) };
+          cm.setCursor(cursor);
+        } else if (insertAt == 'charAfter') {
+          cm.setCursor(offsetCursor(cm.getCursor(), 0, 1));
+        } else if (insertAt == 'firstNonBlank') {
+          cm.setCursor(motions.moveToFirstNonWhiteSpaceCharacter(cm));
+        }
+        cm.setOption('keyMap', 'vim-insert');
+        if (actionArgs && actionArgs.replace) {
+          // Handle Replace-mode as a special case of insert mode.
+          cm.toggleOverwrite(true);
+          cm.setOption('keyMap', 'vim-replace');
+          CodeMirror.signal(cm, "vim-mode-change", {mode: "replace"});
+        } else {
+          cm.setOption('keyMap', 'vim-insert');
+          CodeMirror.signal(cm, "vim-mode-change", {mode: "insert"});
+        }
+        if (!vimGlobalState.macroModeState.inReplay) {
+          // Only record if not replaying.
+          cm.on('change', onChange);
+          cm.on('cursorActivity', onCursorActivity);
+          CodeMirror.on(cm.getInputField(), 'keydown', onKeyEventTargetKeyDown);
+        }
+      },
+      toggleVisualMode: function(cm, actionArgs, vim) {
+        var repeat = actionArgs.repeat;
+        var curStart = cm.getCursor();
+        var curEnd;
+        // TODO: The repeat should actually select number of characters/lines
+        //     equal to the repeat times the size of the previous visual
+        //     operation.
+        if (!vim.visualMode) {
+          cm.on('mousedown', exitVisualMode);
+          vim.visualMode = true;
+          vim.visualLine = !!actionArgs.linewise;
+          if (vim.visualLine) {
+            curStart.ch = 0;
+            curEnd = clipCursorToContent(cm, {
+              line: curStart.line + repeat - 1,
+              ch: lineLength(cm, curStart.line)
+            }, true /** includeLineBreak */);
+          } else {
+            curEnd = clipCursorToContent(cm, {
+              line: curStart.line,
+              ch: curStart.ch + repeat
+            }, true /** includeLineBreak */);
+          }
+          // Make the initial selection.
+          if (!actionArgs.repeatIsExplicit && !vim.visualLine) {
+            // This is a strange case. Here the implicit repeat is 1. The
+            // following commands lets the cursor hover over the 1 character
+            // selection.
+            cm.setCursor(curEnd);
+            cm.setSelection(curEnd, curStart);
+          } else {
+            cm.setSelection(curStart, curEnd);
+          }
+          CodeMirror.signal(cm, "vim-mode-change", {mode: "visual", subMode: vim.visualLine ? "linewise" : ""});
+        } else {
+          curStart = cm.getCursor('anchor');
+          curEnd = cm.getCursor('head');
+          if (!vim.visualLine && actionArgs.linewise) {
+            // Shift-V pressed in characterwise visual mode. Switch to linewise
+            // visual mode instead of exiting visual mode.
+            vim.visualLine = true;
+            curStart.ch = cursorIsBefore(curStart, curEnd) ? 0 :
+                lineLength(cm, curStart.line);
+            curEnd.ch = cursorIsBefore(curStart, curEnd) ?
+                lineLength(cm, curEnd.line) : 0;
+            cm.setSelection(curStart, curEnd);
+            CodeMirror.signal(cm, "vim-mode-change", {mode: "visual", subMode: "linewise"});
+          } else if (vim.visualLine && !actionArgs.linewise) {
+            // v pressed in linewise visual mode. Switch to characterwise visual
+            // mode instead of exiting visual mode.
+            vim.visualLine = false;
+            CodeMirror.signal(cm, "vim-mode-change", {mode: "visual"});
+          } else {
+            exitVisualMode(cm);
+          }
+        }
+        updateMark(cm, vim, '<', cursorIsBefore(curStart, curEnd) ? curStart
+            : curEnd);
+        updateMark(cm, vim, '>', cursorIsBefore(curStart, curEnd) ? curEnd
+            : curStart);
+      },
+      joinLines: function(cm, actionArgs, vim) {
+        var curStart, curEnd;
+        if (vim.visualMode) {
+          curStart = cm.getCursor('anchor');
+          curEnd = cm.getCursor('head');
+          curEnd.ch = lineLength(cm, curEnd.line) - 1;
+        } else {
+          // Repeat is the number of lines to join. Minimum 2 lines.
+          var repeat = Math.max(actionArgs.repeat, 2);
+          curStart = cm.getCursor();
+          curEnd = clipCursorToContent(cm, { line: curStart.line + repeat - 1,
+              ch: Infinity });
+        }
+        var finalCh = 0;
+        cm.operation(function() {
+          for (var i = curStart.line; i < curEnd.line; i++) {
+            finalCh = lineLength(cm, curStart.line);
+            var tmp = { line: curStart.line + 1,
+                ch: lineLength(cm, curStart.line + 1) };
+            var text = cm.getRange(curStart, tmp);
+            text = text.replace(/\n\s*/g, ' ');
+            cm.replaceRange(text, curStart, tmp);
+          }
+          var curFinalPos = { line: curStart.line, ch: finalCh };
+          cm.setCursor(curFinalPos);
+        });
+      },
+      newLineAndEnterInsertMode: function(cm, actionArgs, vim) {
+        vim.insertMode = true;
+        var insertAt = cm.getCursor();
+        if (insertAt.line === cm.firstLine() && !actionArgs.after) {
+          // Special case for inserting newline before start of document.
+          cm.replaceRange('\n', { line: cm.firstLine(), ch: 0 });
+          cm.setCursor(cm.firstLine(), 0);
+        } else {
+          insertAt.line = (actionArgs.after) ? insertAt.line :
+              insertAt.line - 1;
+          insertAt.ch = lineLength(cm, insertAt.line);
+          cm.setCursor(insertAt);
+          var newlineFn = CodeMirror.commands.newlineAndIndentContinueComment ||
+              CodeMirror.commands.newlineAndIndent;
+          newlineFn(cm);
+        }
+        this.enterInsertMode(cm, { repeat: actionArgs.repeat }, vim);
+      },
+      paste: function(cm, actionArgs) {
+        var cur = cm.getCursor();
+        var register = vimGlobalState.registerController.getRegister(
+            actionArgs.registerName);
+        if (!register.text) {
+          return;
+        }
+        for (var text = '', i = 0; i < actionArgs.repeat; i++) {
+          text += register.text;
+        }
+        var linewise = register.linewise;
+        if (linewise) {
+          if (actionArgs.after) {
+            // Move the newline at the end to the start instead, and paste just
+            // before the newline character of the line we are on right now.
+            text = '\n' + text.slice(0, text.length - 1);
+            cur.ch = lineLength(cm, cur.line);
+          } else {
+            cur.ch = 0;
+          }
+        } else {
+          cur.ch += actionArgs.after ? 1 : 0;
+        }
+        cm.replaceRange(text, cur);
+        // Now fine tune the cursor to where we want it.
+        var curPosFinal;
+        var idx;
+        if (linewise && actionArgs.after) {
+          curPosFinal = { line: cur.line + 1,
+              ch: findFirstNonWhiteSpaceCharacter(cm.getLine(cur.line + 1)) };
+        } else if (linewise && !actionArgs.after) {
+          curPosFinal = { line: cur.line,
+              ch: findFirstNonWhiteSpaceCharacter(cm.getLine(cur.line)) };
+        } else if (!linewise && actionArgs.after) {
+          idx = cm.indexFromPos(cur);
+          curPosFinal = cm.posFromIndex(idx + text.length - 1);
+        } else {
+          idx = cm.indexFromPos(cur);
+          curPosFinal = cm.posFromIndex(idx + text.length);
+        }
+        cm.setCursor(curPosFinal);
+      },
+      undo: function(cm, actionArgs) {
+        cm.operation(function() {
+          repeatFn(cm, CodeMirror.commands.undo, actionArgs.repeat)();
+          cm.setCursor(cm.getCursor('anchor'));
+        });
+      },
+      redo: function(cm, actionArgs) {
+        repeatFn(cm, CodeMirror.commands.redo, actionArgs.repeat)();
+      },
+      setRegister: function(_cm, actionArgs, vim) {
+        vim.inputState.registerName = actionArgs.selectedCharacter;
+      },
+      setMark: function(cm, actionArgs, vim) {
+        var markName = actionArgs.selectedCharacter;
+        updateMark(cm, vim, markName, cm.getCursor());
+      },
+      replace: function(cm, actionArgs, vim) {
+        var replaceWith = actionArgs.selectedCharacter;
+        var curStart = cm.getCursor();
+        var replaceTo;
+        var curEnd;
+        if(vim.visualMode){
+          curStart=cm.getCursor('start');
+          curEnd=cm.getCursor('end');
+          // workaround to catch the character under the cursor
+          //  existing workaround doesn't cover actions
+          curEnd=cm.clipPos({line: curEnd.line, ch: curEnd.ch+1});
+        }else{
+          var line = cm.getLine(curStart.line);
+          replaceTo = curStart.ch + actionArgs.repeat;
+          if (replaceTo > line.length) {
+            replaceTo=line.length;
+          }
+          curEnd = { line: curStart.line, ch: replaceTo };
+        }
+        if(replaceWith=='\n'){
+          if(!vim.visualMode) cm.replaceRange('', curStart, curEnd);
+          // special case, where vim help says to replace by just one line-break
+          (CodeMirror.commands.newlineAndIndentContinueComment || CodeMirror.commands.newlineAndIndent)(cm);
+        }else {
+          var replaceWithStr=cm.getRange(curStart, curEnd);
+          //replace all characters in range by selected, but keep linebreaks
+          replaceWithStr=replaceWithStr.replace(/[^\n]/g,replaceWith);
+          cm.replaceRange(replaceWithStr, curStart, curEnd);
+          if(vim.visualMode){
+            cm.setCursor(curStart);
+            exitVisualMode(cm);
+          }else{
+            cm.setCursor(offsetCursor(curEnd, 0, -1));
+          }
+        }
+      },
+      incrementNumberToken: function(cm, actionArgs) {
+        var cur = cm.getCursor();
+        var lineStr = cm.getLine(cur.line);
+        var re = /-?\d+/g;
+        var match;
+        var start;
+        var end;
+        var numberStr;
+        var token;
+        while ((match = re.exec(lineStr)) !== null) {
+          token = match[0];
+          start = match.index;
+          end = start + token.length;
+          if(cur.ch < end)break;
+        }
+        if(!actionArgs.backtrack && (end <= cur.ch))return;
+        if (token) {
+          var increment = actionArgs.increase ? 1 : -1;
+          var number = parseInt(token) + (increment * actionArgs.repeat);
+          var from = {ch:start, line:cur.line};
+          var to = {ch:end, line:cur.line};
+          numberStr = number.toString();
+          cm.replaceRange(numberStr, from, to);
+        } else {
+          return;
+        }
+        cm.setCursor({line: cur.line, ch: start + numberStr.length - 1});
+      },
+      repeatLastEdit: function(cm, actionArgs, vim) {
+        var lastEditInputState = vim.lastEditInputState;
+        if (!lastEditInputState) { return; }
+        var repeat = actionArgs.repeat;
+        if (repeat && actionArgs.repeatIsExplicit) {
+          vim.lastEditInputState.repeatOverride = repeat;
+        } else {
+          repeat = vim.lastEditInputState.repeatOverride || repeat;
+        }
+        repeatLastEdit(cm, vim, repeat, false /** repeatForInsert */);
+      }
+    };
+
+    var textObjects = {
+      // TODO: lots of possible exceptions that can be thrown here. Try da(
+      //     outside of a () block.
+      // TODO: implement text objects for the reverse like }. Should just be
+      //     an additional mapping after moving to the defaultKeyMap.
+      'w': function(cm, inclusive) {
+        return expandWordUnderCursor(cm, inclusive, true /** forward */,
+            false /** bigWord */);
+      },
+      'W': function(cm, inclusive) {
+        return expandWordUnderCursor(cm, inclusive,
+            true /** forward */, true /** bigWord */);
+      },
+      '{': function(cm, inclusive) {
+        return selectCompanionObject(cm, '}', inclusive);
+      },
+      '(': function(cm, inclusive) {
+        return selectCompanionObject(cm, ')', inclusive);
+      },
+      '[': function(cm, inclusive) {
+        return selectCompanionObject(cm, ']', inclusive);
+      },
+      '\'': function(cm, inclusive) {
+        return findBeginningAndEnd(cm, "'", inclusive);
+      },
+      '"': function(cm, inclusive) {
+        return findBeginningAndEnd(cm, '"', inclusive);
+      }
+    };
+
+    /*
+     * Below are miscellaneous utility functions used by vim.js
+     */
+
+    /**
+     * Clips cursor to ensure that line is within the buffer's range
+     * If includeLineBreak is true, then allow cur.ch == lineLength.
+     */
+    function clipCursorToContent(cm, cur, includeLineBreak) {
+      var line = Math.min(Math.max(cm.firstLine(), cur.line), cm.lastLine() );
+      var maxCh = lineLength(cm, line) - 1;
+      maxCh = (includeLineBreak) ? maxCh + 1 : maxCh;
+      var ch = Math.min(Math.max(0, cur.ch), maxCh);
+      return { line: line, ch: ch };
+    }
+    function copyArgs(args) {
+      var ret = {};
+      for (var prop in args) {
+        if (args.hasOwnProperty(prop)) {
+          ret[prop] = args[prop];
+        }
+      }
+      return ret;
+    }
+    function offsetCursor(cur, offsetLine, offsetCh) {
+      return { line: cur.line + offsetLine, ch: cur.ch + offsetCh };
+    }
+    function matchKeysPartial(pressed, mapped) {
+      for (var i = 0; i < pressed.length; i++) {
+        // 'character' means any character. For mark, register commads, etc.
+        if (pressed[i] != mapped[i] && mapped[i] != 'character') {
+          return false;
+        }
+      }
+      return true;
+    }
+    function repeatFn(cm, fn, repeat) {
+      return function() {
+        for (var i = 0; i < repeat; i++) {
+          fn(cm);
+        }
+      };
+    }
+    function copyCursor(cur) {
+      return { line: cur.line, ch: cur.ch };
+    }
+    function cursorEqual(cur1, cur2) {
+      return cur1.ch == cur2.ch && cur1.line == cur2.line;
+    }
+    function cursorIsBefore(cur1, cur2) {
+      if (cur1.line < cur2.line) {
+        return true;
+      }
+      if (cur1.line == cur2.line && cur1.ch < cur2.ch) {
+        return true;
+      }
+      return false;
+    }
+    function cusrorIsBetween(cur1, cur2, cur3) {
+      // returns true if cur2 is between cur1 and cur3.
+      var cur1before2 = cursorIsBefore(cur1, cur2);
+      var cur2before3 = cursorIsBefore(cur2, cur3);
+      return cur1before2 && cur2before3;
+    }
+    function lineLength(cm, lineNum) {
+      return cm.getLine(lineNum).length;
+    }
+    function reverse(s){
+      return s.split('').reverse().join('');
+    }
+    function trim(s) {
+      if (s.trim) {
+        return s.trim();
+      }
+      return s.replace(/^\s+|\s+$/g, '');
+    }
+    function escapeRegex(s) {
+      return s.replace(/([.?*+$\[\]\/\\(){}|\-])/g, '\\$1');
+    }
+
+    function exitVisualMode(cm) {
+      cm.off('mousedown', exitVisualMode);
+      var vim = cm.state.vim;
+      vim.visualMode = false;
+      vim.visualLine = false;
+      var selectionStart = cm.getCursor('anchor');
+      var selectionEnd = cm.getCursor('head');
+      if (!cursorEqual(selectionStart, selectionEnd)) {
+        // Clear the selection and set the cursor only if the selection has not
+        // already been cleared. Otherwise we risk moving the cursor somewhere
+        // it's not supposed to be.
+        cm.setCursor(clipCursorToContent(cm, selectionEnd));
+      }
+      CodeMirror.signal(cm, "vim-mode-change", {mode: "normal"});
+    }
+
+    // Remove any trailing newlines from the selection. For
+    // example, with the caret at the start of the last word on the line,
+    // 'dw' should word, but not the newline, while 'w' should advance the
+    // caret to the first character of the next line.
+    function clipToLine(cm, curStart, curEnd) {
+      var selection = cm.getRange(curStart, curEnd);
+      // Only clip if the selection ends with trailing newline + whitespace
+      if (/\n\s*$/.test(selection)) {
+        var lines = selection.split('\n');
+        // We know this is all whitepsace.
+        lines.pop();
+
+        // Cases:
+        // 1. Last word is an empty line - do not clip the trailing '\n'
+        // 2. Last word is not an empty line - clip the trailing '\n'
+        var line;
+        // Find the line containing the last word, and clip all whitespace up
+        // to it.
+        for (var line = lines.pop(); lines.length > 0 && line && isWhiteSpaceString(line); line = lines.pop()) {
+          curEnd.line--;
+          curEnd.ch = 0;
+        }
+        // If the last word is not an empty line, clip an additional newline
+        if (line) {
+          curEnd.line--;
+          curEnd.ch = lineLength(cm, curEnd.line);
+        } else {
+          curEnd.ch = 0;
+        }
+      }
+    }
+
+    // Expand the selection to line ends.
+    function expandSelectionToLine(_cm, curStart, curEnd) {
+      curStart.ch = 0;
+      curEnd.ch = 0;
+      curEnd.line++;
+    }
+
+    function findFirstNonWhiteSpaceCharacter(text) {
+      if (!text) {
+        return 0;
+      }
+      var firstNonWS = text.search(/\S/);
+      return firstNonWS == -1 ? text.length : firstNonWS;
+    }
+
+    function expandWordUnderCursor(cm, inclusive, _forward, bigWord, noSymbol) {
+      var cur = cm.getCursor();
+      var line = cm.getLine(cur.line);
+      var idx = cur.ch;
+
+      // Seek to first word or non-whitespace character, depending on if
+      // noSymbol is true.
+      var textAfterIdx = line.substring(idx);
+      var firstMatchedChar;
+      if (noSymbol) {
+        firstMatchedChar = textAfterIdx.search(/\w/);
+      } else {
+        firstMatchedChar = textAfterIdx.search(/\S/);
+      }
+      if (firstMatchedChar == -1) {
+        return null;
+      }
+      idx += firstMatchedChar;
+      textAfterIdx = line.substring(idx);
+      var textBeforeIdx = line.substring(0, idx);
+
+      var matchRegex;
+      // Greedy matchers for the "word" we are trying to expand.
+      if (bigWord) {
+        matchRegex = /^\S+/;
+      } else {
+        if ((/\w/).test(line.charAt(idx))) {
+          matchRegex = /^\w+/;
+        } else {
+          matchRegex = /^[^\w\s]+/;
+        }
+      }
+
+      var wordAfterRegex = matchRegex.exec(textAfterIdx);
+      var wordStart = idx;
+      var wordEnd = idx + wordAfterRegex[0].length;
+      // TODO: Find a better way to do this. It will be slow on very long lines.
+      var revTextBeforeIdx = reverse(textBeforeIdx);
+      var wordBeforeRegex = matchRegex.exec(revTextBeforeIdx);
+      if (wordBeforeRegex) {
+        wordStart -= wordBeforeRegex[0].length;
+      }
+
+      if (inclusive) {
+        // If present, trim all whitespace after word.
+        // Otherwise, trim all whitespace before word.
+        var textAfterWordEnd = line.substring(wordEnd);
+        var whitespacesAfterWord = textAfterWordEnd.match(/^\s*/)[0].length;
+        if (whitespacesAfterWord > 0) {
+          wordEnd += whitespacesAfterWord;
+        } else {
+          var revTrim = revTextBeforeIdx.length - wordStart;
+          var textBeforeWordStart = revTextBeforeIdx.substring(revTrim);
+          var whitespacesBeforeWord = textBeforeWordStart.match(/^\s*/)[0].length;
+          wordStart -= whitespacesBeforeWord;
+        }
+      }
+
+      return { start: { line: cur.line, ch: wordStart },
+        end: { line: cur.line, ch: wordEnd }};
+    }
+
+    function recordJumpPosition(cm, oldCur, newCur) {
+      if(!cursorEqual(oldCur, newCur)) {
+        vimGlobalState.jumpList.add(cm, oldCur, newCur);
+      }
+    }
+
+    function recordLastCharacterSearch(increment, args) {
+        vimGlobalState.lastChararacterSearch.increment = increment;
+        vimGlobalState.lastChararacterSearch.forward = args.forward;
+        vimGlobalState.lastChararacterSearch.selectedCharacter = args.selectedCharacter;
+    }
+
+    var symbolToMode = {
+        '(': 'bracket', ')': 'bracket', '{': 'bracket', '}': 'bracket',
+        '[': 'section', ']': 'section',
+        '*': 'comment', '/': 'comment',
+        'm': 'method', 'M': 'method',
+        '#': 'preprocess'
+    };
+    var findSymbolModes = {
+      bracket: {
+        isComplete: function(state) {
+          if (state.nextCh === state.symb) {
+            state.depth++;
+            if(state.depth >= 1)return true;
+          } else if (state.nextCh === state.reverseSymb) {
+            state.depth--;
+          }
+          return false;
+        }
+      },
+      section: {
+        init: function(state) {
+          state.curMoveThrough = true;
+          state.symb = (state.forward ? ']' : '[') === state.symb ? '{' : '}';
+        },
+        isComplete: function(state) {
+          return state.index === 0 && state.nextCh === state.symb;
+        }
+      },
+      comment: {
+        isComplete: function(state) {
+          var found = state.lastCh === '*' && state.nextCh === '/';
+          state.lastCh = state.nextCh;
+          return found;
+        }
+      },
+      // TODO: The original Vim implementation only operates on level 1 and 2.
+      // The current implementation doesn't check for code block level and
+      // therefore it operates on any levels.
+      method: {
+        init: function(state) {
+          state.symb = (state.symb === 'm' ? '{' : '}');
+          state.reverseSymb = state.symb === '{' ? '}' : '{';
+        },
+        isComplete: function(state) {
+          if(state.nextCh === state.symb)return true;
+          return false;
+        }
+      },
+      preprocess: {
+        init: function(state) {
+          state.index = 0;
+        },
+        isComplete: function(state) {
+          if (state.nextCh === '#') {
+            var token = state.lineText.match(/#(\w+)/)[1];
+            if (token === 'endif') {
+              if (state.forward && state.depth === 0) {
+                return true;
+              }
+              state.depth++;
+            } else if (token === 'if') {
+              if (!state.forward && state.depth === 0) {
+                return true;
+              }
+              state.depth--;
+            }
+            if(token === 'else' && state.depth === 0)return true;
+          }
+          return false;
+        }
+      }
+    };
+    function findSymbol(cm, repeat, forward, symb) {
+      var cur = cm.getCursor();
+      var increment = forward ? 1 : -1;
+      var endLine = forward ? cm.lineCount() : -1;
+      var curCh = cur.ch;
+      var line = cur.line;
+      var lineText = cm.getLine(line);
+      var state = {
+        lineText: lineText,
+        nextCh: lineText.charAt(curCh),
+        lastCh: null,
+        index: curCh,
+        symb: symb,
+        reverseSymb: (forward ?  { ')': '(', '}': '{' } : { '(': ')', '{': '}' })[symb],
+        forward: forward,
+        depth: 0,
+        curMoveThrough: false
+      };
+      var mode = symbolToMode[symb];
+      if(!mode)return cur;
+      var init = findSymbolModes[mode].init;
+      var isComplete = findSymbolModes[mode].isComplete;
+      if(init)init(state);
+      while (line !== endLine && repeat) {
+        state.index += increment;
+        state.nextCh = state.lineText.charAt(state.index);
+        if (!state.nextCh) {
+          line += increment;
+          state.lineText = cm.getLine(line) || '';
+          if (increment > 0) {
+            state.index = 0;
+          } else {
+            var lineLen = state.lineText.length;
+            state.index = (lineLen > 0) ? (lineLen-1) : 0;
+          }
+          state.nextCh = state.lineText.charAt(state.index);
+        }
+        if (isComplete(state)) {
+          cur.line = line;
+          cur.ch = state.index;
+          repeat--;
+        }
+      }
+      if (state.nextCh || state.curMoveThrough) {
+        return { line: line, ch: state.index };
+      }
+      return cur;
+    }
+
+    /*
+     * Returns the boundaries of the next word. If the cursor in the middle of
+     * the word, then returns the boundaries of the current word, starting at
+     * the cursor. If the cursor is at the start/end of a word, and we are going
+     * forward/backward, respectively, find the boundaries of the next word.
+     *
+     * @param {CodeMirror} cm CodeMirror object.
+     * @param {Cursor} cur The cursor position.
+     * @param {boolean} forward True to search forward. False to search
+     *     backward.
+     * @param {boolean} bigWord True if punctuation count as part of the word.
+     *     False if only [a-zA-Z0-9] characters count as part of the word.
+     * @param {boolean} emptyLineIsWord True if empty lines should be treated
+     *     as words.
+     * @return {Object{from:number, to:number, line: number}} The boundaries of
+     *     the word, or null if there are no more words.
+     */
+    function findWord(cm, cur, forward, bigWord, emptyLineIsWord) {
+      var lineNum = cur.line;
+      var pos = cur.ch;
+      var line = cm.getLine(lineNum);
+      var dir = forward ? 1 : -1;
+      var regexps = bigWord ? bigWordRegexp : wordRegexp;
+
+      if (emptyLineIsWord && line == '') {
+        lineNum += dir;
+        line = cm.getLine(lineNum);
+        if (!isLine(cm, lineNum)) {
+          return null;
+        }
+        pos = (forward) ? 0 : line.length;
+      }
+
+      while (true) {
+        if (emptyLineIsWord && line == '') {
+          return { from: 0, to: 0, line: lineNum };
+        }
+        var stop = (dir > 0) ? line.length : -1;
+        var wordStart = stop, wordEnd = stop;
+        // Find bounds of next word.
+        while (pos != stop) {
+          var foundWord = false;
+          for (var i = 0; i < regexps.length && !foundWord; ++i) {
+            if (regexps[i].test(line.charAt(pos))) {
+              wordStart = pos;
+              // Advance to end of word.
+              while (pos != stop && regexps[i].test(line.charAt(pos))) {
+                pos += dir;
+              }
+              wordEnd = pos;
+              foundWord = wordStart != wordEnd;
+              if (wordStart == cur.ch && lineNum == cur.line &&
+                  wordEnd == wordStart + dir) {
+                // We started at the end of a word. Find the next one.
+                continue;
+              } else {
+                return {
+                  from: Math.min(wordStart, wordEnd + 1),
+                  to: Math.max(wordStart, wordEnd),
+                  line: lineNum };
+              }
+            }
+          }
+          if (!foundWord) {
+            pos += dir;
+          }
+        }
+        // Advance to next/prev line.
+        lineNum += dir;
+        if (!isLine(cm, lineNum)) {
+          return null;
+        }
+        line = cm.getLine(lineNum);
+        pos = (dir > 0) ? 0 : line.length;
+      }
+      // Should never get here.
+      throw new Error('The impossible happened.');
+    }
+
+    /**
+     * @param {CodeMirror} cm CodeMirror object.
+     * @param {int} repeat Number of words to move past.
+     * @param {boolean} forward True to search forward. False to search
+     *     backward.
+     * @param {boolean} wordEnd True to move to end of word. False to move to
+     *     beginning of word.
+     * @param {boolean} bigWord True if punctuation count as part of the word.
+     *     False if only alphabet characters count as part of the word.
+     * @return {Cursor} The position the cursor should move to.
+     */
+    function moveToWord(cm, repeat, forward, wordEnd, bigWord) {
+      var cur = cm.getCursor();
+      var curStart = copyCursor(cur);
+      var words = [];
+      if (forward && !wordEnd || !forward && wordEnd) {
+        repeat++;
+      }
+      // For 'e', empty lines are not considered words, go figure.
+      var emptyLineIsWord = !(forward && wordEnd);
+      for (var i = 0; i < repeat; i++) {
+        var word = findWord(cm, cur, forward, bigWord, emptyLineIsWord);
+        if (!word) {
+          var eodCh = lineLength(cm, cm.lastLine());
+          words.push(forward
+              ? {line: cm.lastLine(), from: eodCh, to: eodCh}
+              : {line: 0, from: 0, to: 0});
+          break;
+        }
+        words.push(word);
+        cur = {line: word.line, ch: forward ? (word.to - 1) : word.from};
+      }
+      var shortCircuit = words.length != repeat;
+      var firstWord = words[0];
+      var lastWord = words.pop();
+      if (forward && !wordEnd) {
+        // w
+        if (!shortCircuit && (firstWord.from != curStart.ch || firstWord.line != curStart.line)) {
+          // We did not start in the middle of a word. Discard the extra word at the end.
+          lastWord = words.pop();
+        }
+        return {line: lastWord.line, ch: lastWord.from};
+      } else if (forward && wordEnd) {
+        return {line: lastWord.line, ch: lastWord.to - 1};
+      } else if (!forward && wordEnd) {
+        // ge
+        if (!shortCircuit && (firstWord.to != curStart.ch || firstWord.line != curStart.line)) {
+          // We did not start in the middle of a word. Discard the extra word at the end.
+          lastWord = words.pop();
+        }
+        return {line: lastWord.line, ch: lastWord.to};
+      } else {
+        // b
+        return {line: lastWord.line, ch: lastWord.from};
+      }
+    }
+
+    function moveToCharacter(cm, repeat, forward, character) {
+      var cur = cm.getCursor();
+      var start = cur.ch;
+      var idx;
+      for (var i = 0; i < repeat; i ++) {
+        var line = cm.getLine(cur.line);
+        idx = charIdxInLine(start, line, character, forward, true);
+        if (idx == -1) {
+          return null;
+        }
+        start = idx;
+      }
+      return { line: cm.getCursor().line, ch: idx };
+    }
+
+    function moveToColumn(cm, repeat) {
+      // repeat is always >= 1, so repeat - 1 always corresponds
+      // to the column we want to go to.
+      var line = cm.getCursor().line;
+      return clipCursorToContent(cm, { line: line, ch: repeat - 1 });
+    }
+
+    function updateMark(cm, vim, markName, pos) {
+      if (!inArray(markName, validMarks)) {
+        return;
+      }
+      if (vim.marks[markName]) {
+        vim.marks[markName].clear();
+      }
+      vim.marks[markName] = cm.setBookmark(pos);
+    }
+
+    function charIdxInLine(start, line, character, forward, includeChar) {
+      // Search for char in line.
+      // motion_options: {forward, includeChar}
+      // If includeChar = true, include it too.
+      // If forward = true, search forward, else search backwards.
+      // If char is not found on this line, do nothing
+      var idx;
+      if (forward) {
+        idx = line.indexOf(character, start + 1);
+        if (idx != -1 && !includeChar) {
+          idx -= 1;
+        }
+      } else {
+        idx = line.lastIndexOf(character, start - 1);
+        if (idx != -1 && !includeChar) {
+          idx += 1;
+        }
+      }
+      return idx;
+    }
+
+    function getContextLevel(ctx) {
+      return (ctx === 'string' || ctx === 'comment') ? 1 : 0;
+    }
+
+    function findMatchedSymbol(cm, cur, symb) {
+      var line = cur.line;
+      var ch = cur.ch;
+      symb = symb ? symb : cm.getLine(line).charAt(ch);
+
+      var symbContext = cm.getTokenAt({line:line, ch:ch+1}).type;
+      var symbCtxLevel = getContextLevel(symbContext);
+
+      var reverseSymb = ({
+        '(': ')', ')': '(',
+        '[': ']', ']': '[',
+        '{': '}', '}': '{'})[symb];
+
+      // Couldn't find a matching symbol, abort
+      if (!reverseSymb) {
+        return cur;
+      }
+
+      // set our increment to move forward (+1) or backwards (-1)
+      // depending on which bracket we're matching
+      var increment = ({'(': 1, '{': 1, '[': 1})[symb] || -1;
+      var endLine = increment === 1 ? cm.lineCount() : -1;
+      var depth = 1, nextCh = symb, index = ch, lineText = cm.getLine(line);
+      // Simple search for closing paren--just count openings and closings till
+      // we find our match
+      // TODO: use info from CodeMirror to ignore closing brackets in comments
+      // and quotes, etc.
+      while (line !== endLine && depth > 0) {
+        index += increment;
+        nextCh = lineText.charAt(index);
+        if (!nextCh) {
+          line += increment;
+          lineText = cm.getLine(line) || '';
+          if (increment > 0) {
+            index = 0;
+          } else {
+            var lineLen = lineText.length;
+            index = (lineLen > 0) ? (lineLen-1) : 0;
+          }
+          nextCh = lineText.charAt(index);
+        }
+        var revSymbContext = cm.getTokenAt({line:line, ch:index+1}).type;
+        var revSymbCtxLevel = getContextLevel(revSymbContext);
+        if (symbCtxLevel >= revSymbCtxLevel) {
+          if (nextCh === symb) {
+            depth++;
+          } else if (nextCh === reverseSymb) {
+            depth--;
+          }
+        }
+      }
+
+      if (nextCh) {
+        return { line: line, ch: index };
+      }
+      return cur;
+    }
+
+    function selectCompanionObject(cm, revSymb, inclusive) {
+      var cur = cm.getCursor();
+
+      var end = findMatchedSymbol(cm, cur, revSymb);
+      var start = findMatchedSymbol(cm, end);
+      start.ch += inclusive ? 1 : 0;
+      end.ch += inclusive ? 0 : 1;
+
+      return { start: start, end: end };
+    }
+
+    // Takes in a symbol and a cursor and tries to simulate text objects that
+    // have identical opening and closing symbols
+    // TODO support across multiple lines
+    function findBeginningAndEnd(cm, symb, inclusive) {
+      var cur = cm.getCursor();
+      var line = cm.getLine(cur.line);
+      var chars = line.split('');
+      var start, end, i, len;
+      var firstIndex = chars.indexOf(symb);
+
+      // the decision tree is to always look backwards for the beginning first,
+      // but if the cursor is in front of the first instance of the symb,
+      // then move the cursor forward
+      if (cur.ch < firstIndex) {
+        cur.ch = firstIndex;
+        // Why is this line even here???
+        // cm.setCursor(cur.line, firstIndex+1);
+      }
+      // otherwise if the cursor is currently on the closing symbol
+      else if (firstIndex < cur.ch && chars[cur.ch] == symb) {
+        end = cur.ch; // assign end to the current cursor
+        --cur.ch; // make sure to look backwards
+      }
+
+      // if we're currently on the symbol, we've got a start
+      if (chars[cur.ch] == symb && !end) {
+        start = cur.ch + 1; // assign start to ahead of the cursor
+      } else {
+        // go backwards to find the start
+        for (i = cur.ch; i > -1 && !start; i--) {
+          if (chars[i] == symb) {
+            start = i + 1;
+          }
+        }
+      }
+
+      // look forwards for the end symbol
+      if (start && !end) {
+        for (i = start, len = chars.length; i < len && !end; i++) {
+          if (chars[i] == symb) {
+            end = i;
+          }
+        }
+      }
+
+      // nothing found
+      if (!start || !end) {
+        return { start: cur, end: cur };
+      }
+
+      // include the symbols
+      if (inclusive) {
+        --start; ++end;
+      }
+
+      return {
+        start: { line: cur.line, ch: start },
+        end: { line: cur.line, ch: end }
+      };
+    }
+
+    // Search functions
+    function SearchState() {}
+    SearchState.prototype = {
+      getQuery: function() {
+        return vimGlobalState.query;
+      },
+      setQuery: function(query) {
+        vimGlobalState.query = query;
+      },
+      getOverlay: function() {
+        return this.searchOverlay;
+      },
+      setOverlay: function(overlay) {
+        this.searchOverlay = overlay;
+      },
+      isReversed: function() {
+        return vimGlobalState.isReversed;
+      },
+      setReversed: function(reversed) {
+        vimGlobalState.isReversed = reversed;
+      }
+    };
+    function getSearchState(cm) {
+      var vim = cm.state.vim;
+      return vim.searchState_ || (vim.searchState_ = new SearchState());
+    }
+    function dialog(cm, template, shortText, onClose, options) {
+      if (cm.openDialog) {
+        cm.openDialog(template, onClose, { bottom: true, value: options.value,
+            onKeyDown: options.onKeyDown, onKeyUp: options.onKeyUp });
+      }
+      else {
+        onClose(prompt(shortText, ''));
+      }
+    }
+
+    function findUnescapedSlashes(str) {
+      var escapeNextChar = false;
+      var slashes = [];
+      for (var i = 0; i < str.length; i++) {
+        var c = str.charAt(i);
+        if (!escapeNextChar && c == '/') {
+          slashes.push(i);
+        }
+        escapeNextChar = (c == '\\');
+      }
+      return slashes;
+    }
+    /**
+     * Extract the regular expression from the query and return a Regexp object.
+     * Returns null if the query is blank.
+     * If ignoreCase is passed in, the Regexp object will have the 'i' flag set.
+     * If smartCase is passed in, and the query contains upper case letters,
+     *   then ignoreCase is overridden, and the 'i' flag will not be set.
+     * If the query contains the /i in the flag part of the regular expression,
+     *   then both ignoreCase and smartCase are ignored, and 'i' will be passed
+     *   through to the Regex object.
+     */
+    function parseQuery(query, ignoreCase, smartCase) {
+      // Check if the query is already a regex.
+      if (query instanceof RegExp) { return query; }
+      // First try to extract regex + flags from the input. If no flags found,
+      // extract just the regex. IE does not accept flags directly defined in
+      // the regex string in the form /regex/flags
+      var slashes = findUnescapedSlashes(query);
+      var regexPart;
+      var forceIgnoreCase;
+      if (!slashes.length) {
+        // Query looks like 'regexp'
+        regexPart = query;
+      } else {
+        // Query looks like 'regexp/...'
+        regexPart = query.substring(0, slashes[0]);
+        var flagsPart = query.substring(slashes[0]);
+        forceIgnoreCase = (flagsPart.indexOf('i') != -1);
+      }
+      if (!regexPart) {
+        return null;
+      }
+      if (smartCase) {
+        ignoreCase = (/^[^A-Z]*$/).test(regexPart);
+      }
+      var regexp = new RegExp(regexPart,
+          (ignoreCase || forceIgnoreCase) ? 'i' : undefined);
+      return regexp;
+    }
+    function showConfirm(cm, text) {
+      if (cm.openNotification) {
+        cm.openNotification('<span style="color: red">' + text + '</span>',
+                            {bottom: true, duration: 5000});
+      } else {
+        alert(text);
+      }
+    }
+    function makePrompt(prefix, desc) {
+      var raw = '';
+      if (prefix) {
+        raw += '<span style="font-family: monospace">' + prefix + '</span>';
+      }
+      raw += '<input type="text"/> ' +
+          '<span style="color: #888">';
+      if (desc) {
+        raw += '<span style="color: #888">';
+        raw += desc;
+        raw += '</span>';
+      }
+      return raw;
+    }
+    var searchPromptDesc = '(Javascript regexp)';
+    function showPrompt(cm, options) {
+      var shortText = (options.prefix || '') + ' ' + (options.desc || '');
+      var prompt = makePrompt(options.prefix, options.desc);
+      dialog(cm, prompt, shortText, options.onClose, options);
+    }
+    function regexEqual(r1, r2) {
+      if (r1 instanceof RegExp && r2 instanceof RegExp) {
+          var props = ['global', 'multiline', 'ignoreCase', 'source'];
+          for (var i = 0; i < props.length; i++) {
+              var prop = props[i];
+              if (r1[prop] !== r2[prop]) {
+                  return false;
+              }
+          }
+          return true;
+      }
+      return false;
+    }
+    // Returns true if the query is valid.
+    function updateSearchQuery(cm, rawQuery, ignoreCase, smartCase) {
+      if (!rawQuery) {
+        return;
+      }
+      var state = getSearchState(cm);
+      var query = parseQuery(rawQuery, !!ignoreCase, !!smartCase);
+      if (!query) {
+        return;
+      }
+      highlightSearchMatches(cm, query);
+      if (regexEqual(query, state.getQuery())) {
+        return query;
+      }
+      state.setQuery(query);
+      return query;
+    }
+    function searchOverlay(query) {
+      if (query.source.charAt(0) == '^') {
+        var matchSol = true;
+      }
+      return {
+        token: function(stream) {
+          if (matchSol && !stream.sol()) {
+            stream.skipToEnd();
+            return;
+          }
+          var match = stream.match(query, false);
+          if (match) {
+            if (match[0].length == 0) {
+              // Matched empty string, skip to next.
+              stream.next();
+              return 'searching';
+            }
+            if (!stream.sol()) {
+              // Backtrack 1 to match \b
+              stream.backUp(1);
+              if (!query.exec(stream.next() + match[0])) {
+                stream.next();
+                return null;
+              }
+            }
+            stream.match(query);
+            return 'searching';
+          }
+          while (!stream.eol()) {
+            stream.next();
+            if (stream.match(query, false)) break;
+          }
+        },
+        query: query
+      };
+    }
+    function highlightSearchMatches(cm, query) {
+      var overlay = getSearchState(cm).getOverlay();
+      if (!overlay || query != overlay.query) {
+        if (overlay) {
+          cm.removeOverlay(overlay);
+        }
+        overlay = searchOverlay(query);
+        cm.addOverlay(overlay);
+        getSearchState(cm).setOverlay(overlay);
+      }
+    }
+    function findNext(cm, prev, query, repeat) {
+      if (repeat === undefined) { repeat = 1; }
+      return cm.operation(function() {
+        var pos = cm.getCursor();
+        var cursor = cm.getSearchCursor(query, pos);
+        for (var i = 0; i < repeat; i++) {
+          var found = cursor.find(prev);
+          if (i == 0 && found && cursorEqual(cursor.from(), pos)) { found = cursor.find(prev); }
+          if (!found) {
+            // SearchCursor may have returned null because it hit EOF, wrap
+            // around and try again.
+            cursor = cm.getSearchCursor(query,
+                (prev) ? { line: cm.lastLine() } : {line: cm.firstLine(), ch: 0} );
+            if (!cursor.find(prev)) {
+              return;
+            }
+          }
+        }
+        return cursor.from();
+      });
+    }
+    function clearSearchHighlight(cm) {
+      cm.removeOverlay(getSearchState(cm).getOverlay());
+      getSearchState(cm).setOverlay(null);
+    }
+    /**
+     * Check if pos is in the specified range, INCLUSIVE.
+     * Range can be specified with 1 or 2 arguments.
+     * If the first range argument is an array, treat it as an array of line
+     * numbers. Match pos against any of the lines.
+     * If the first range argument is a number,
+     *   if there is only 1 range argument, check if pos has the same line
+     *       number
+     *   if there are 2 range arguments, then check if pos is in between the two
+     *       range arguments.
+     */
+    function isInRange(pos, start, end) {
+      if (typeof pos != 'number') {
+        // Assume it is a cursor position. Get the line number.
+        pos = pos.line;
+      }
+      if (start instanceof Array) {
+        return inArray(pos, start);
+      } else {
+        if (end) {
+          return (pos >= start && pos <= end);
+        } else {
+          return pos == start;
+        }
+      }
+    }
+    function getUserVisibleLines(cm) {
+      var scrollInfo = cm.getScrollInfo();
+      var occludeToleranceTop = 6;
+      var occludeToleranceBottom = 10;
+      var from = cm.coordsChar({left:0, top: occludeToleranceTop + scrollInfo.top}, 'local');
+      var bottomY = scrollInfo.clientHeight - occludeToleranceBottom + scrollInfo.top;
+      var to = cm.coordsChar({left:0, top: bottomY}, 'local');
+      return {top: from.line, bottom: to.line};
+    }
+
+    // Ex command handling
+    // Care must be taken when adding to the default Ex command map. For any
+    // pair of commands that have a shared prefix, at least one of their
+    // shortNames must not match the prefix of the other command.
+    var defaultExCommandMap = [
+      { name: 'map', type: 'builtIn' },
+      { name: 'write', shortName: 'w', type: 'builtIn' },
+      { name: 'undo', shortName: 'u', type: 'builtIn' },
+      { name: 'redo', shortName: 'red', type: 'builtIn' },
+      { name: 'sort', shortName: 'sor', type: 'builtIn'},
+      { name: 'substitute', shortName: 's', type: 'builtIn'},
+      { name: 'nohlsearch', shortName: 'noh', type: 'builtIn'},
+      { name: 'delmarks', shortName: 'delm', type: 'builtin'}
+    ];
+    Vim.ExCommandDispatcher = function() {
+      this.buildCommandMap_();
+    };
+    Vim.ExCommandDispatcher.prototype = {
+      processCommand: function(cm, input) {
+        var vim = cm.state.vim;
+        if (vim.visualMode) {
+          exitVisualMode(cm);
+        }
+        var inputStream = new CodeMirror.StringStream(input);
+        var params = {};
+        params.input = input;
+        try {
+          this.parseInput_(cm, inputStream, params);
+        } catch(e) {
+          showConfirm(cm, e);
+          return;
+        }
+        var commandName;
+        if (!params.commandName) {
+          // If only a line range is defined, move to the line.
+          if (params.line !== undefined) {
+            commandName = 'move';
+          }
+        } else {
+          var command = this.matchCommand_(params.commandName);
+          if (command) {
+            commandName = command.name;
+            this.parseCommandArgs_(inputStream, params, command);
+            if (command.type == 'exToKey') {
+              // Handle Ex to Key mapping.
+              for (var i = 0; i < command.toKeys.length; i++) {
+                CodeMirror.Vim.handleKey(cm, command.toKeys[i]);
+              }
+              return;
+            } else if (command.type == 'exToEx') {
+              // Handle Ex to Ex mapping.
+              this.processCommand(cm, command.toInput);
+              return;
+            }
+          }
+        }
+        if (!commandName) {
+          showConfirm(cm, 'Not an editor command ":' + input + '"');
+          return;
+        }
+        try {
+          exCommands[commandName](cm, params);
+        } catch(e) {
+          showConfirm(cm, e);
+        }
+      },
+      parseInput_: function(cm, inputStream, result) {
+        inputStream.eatWhile(':');
+        // Parse range.
+        if (inputStream.eat('%')) {
+          result.line = cm.firstLine();
+          result.lineEnd = cm.lastLine();
+        } else {
+          result.line = this.parseLineSpec_(cm, inputStream);
+          if (result.line !== undefined && inputStream.eat(',')) {
+            result.lineEnd = this.parseLineSpec_(cm, inputStream);
+          }
+        }
+
+        // Parse command name.
+        var commandMatch = inputStream.match(/^(\w+)/);
+        if (commandMatch) {
+          result.commandName = commandMatch[1];
+        } else {
+          result.commandName = inputStream.match(/.*/)[0];
+        }
+
+        return result;
+      },
+      parseLineSpec_: function(cm, inputStream) {
+        var numberMatch = inputStream.match(/^(\d+)/);
+        if (numberMatch) {
+          return parseInt(numberMatch[1], 10) - 1;
+        }
+        switch (inputStream.next()) {
+          case '.':
+            return cm.getCursor().line;
+          case '$':
+            return cm.lastLine();
+          case '\'':
+            var mark = cm.state.vim.marks[inputStream.next()];
+            if (mark && mark.find()) {
+              return mark.find().line;
+            }
+            throw new Error('Mark not set');
+          default:
+            inputStream.backUp(1);
+            return undefined;
+        }
+      },
+      parseCommandArgs_: function(inputStream, params, command) {
+        if (inputStream.eol()) {
+          return;
+        }
+        params.argString = inputStream.match(/.*/)[0];
+        // Parse command-line arguments
+        var delim = command.argDelimiter || /\s+/;
+        var args = trim(params.argString).split(delim);
+        if (args.length && args[0]) {
+          params.args = args;
+        }
+      },
+      matchCommand_: function(commandName) {
+        // Return the command in the command map that matches the shortest
+        // prefix of the passed in command name. The match is guaranteed to be
+        // unambiguous if the defaultExCommandMap's shortNames are set up
+        // correctly. (see @code{defaultExCommandMap}).
+        for (var i = commandName.length; i > 0; i--) {
+          var prefix = commandName.substring(0, i);
+          if (this.commandMap_[prefix]) {
+            var command = this.commandMap_[prefix];
+            if (command.name.indexOf(commandName) === 0) {
+              return command;
+            }
+          }
+        }
+        return null;
+      },
+      buildCommandMap_: function() {
+        this.commandMap_ = {};
+        for (var i = 0; i < defaultExCommandMap.length; i++) {
+          var command = defaultExCommandMap[i];
+          var key = command.shortName || command.name;
+          this.commandMap_[key] = command;
+        }
+      },
+      map: function(lhs, rhs) {
+        if (lhs != ':' && lhs.charAt(0) == ':') {
+          var commandName = lhs.substring(1);
+          if (rhs != ':' && rhs.charAt(0) == ':') {
+            // Ex to Ex mapping
+            this.commandMap_[commandName] = {
+              name: commandName,
+              type: 'exToEx',
+              toInput: rhs.substring(1)
+            };
+          } else {
+            // Ex to key mapping
+            this.commandMap_[commandName] = {
+              name: commandName,
+              type: 'exToKey',
+              toKeys: parseKeyString(rhs)
+            };
+          }
+        } else {
+          if (rhs != ':' && rhs.charAt(0) == ':') {
+            // Key to Ex mapping.
+            defaultKeymap.unshift({
+              keys: parseKeyString(lhs),
+              type: 'keyToEx',
+              exArgs: { input: rhs.substring(1) }});
+          } else {
+            // Key to key mapping
+            defaultKeymap.unshift({
+              keys: parseKeyString(lhs),
+              type: 'keyToKey',
+              toKeys: parseKeyString(rhs)
+            });
+          }
+        }
+      }
+    };
+
+    // Converts a key string sequence of the form a<C-w>bd<Left> into Vim's
+    // keymap representation.
+    function parseKeyString(str) {
+      var key, match;
+      var keys = [];
+      while (str) {
+        match = (/<\w+-.+?>|<\w+>|./).exec(str);
+        if(match === null)break;
+        key = match[0];
+        str = str.substring(match.index + key.length);
+        keys.push(key);
+      }
+      return keys;
+    }
+
+    var exCommands = {
+      map: function(cm, params) {
+        var mapArgs = params.args;
+        if (!mapArgs || mapArgs.length < 2) {
+          if (cm) {
+            showConfirm(cm, 'Invalid mapping: ' + params.input);
+          }
+          return;
+        }
+        exCommandDispatcher.map(mapArgs[0], mapArgs[1], cm);
+      },
+      move: function(cm, params) {
+        commandDispatcher.processCommand(cm, cm.state.vim, {
+            type: 'motion',
+            motion: 'moveToLineOrEdgeOfDocument',
+            motionArgs: { forward: false, explicitRepeat: true,
+              linewise: true },
+            repeatOverride: params.line+1});
+      },
+      sort: function(cm, params) {
+        var reverse, ignoreCase, unique, number;
+        function parseArgs() {
+          if (params.argString) {
+            var args = new CodeMirror.StringStream(params.argString);
+            if (args.eat('!')) { reverse = true; }
+            if (args.eol()) { return; }
+            if (!args.eatSpace()) { throw new Error('invalid arguments ' + args.match(/.*/)[0]); }
+            var opts = args.match(/[a-z]+/);
+            if (opts) {
+              opts = opts[0];
+              ignoreCase = opts.indexOf('i') != -1;
+              unique = opts.indexOf('u') != -1;
+              var decimal = opts.indexOf('d') != -1 && 1;
+              var hex = opts.indexOf('x') != -1 && 1;
+              var octal = opts.indexOf('o') != -1 && 1;
+              if (decimal + hex + octal > 1) { throw new Error('invalid arguments'); }
+              number = decimal && 'decimal' || hex && 'hex' || octal && 'octal';
+            }
+            if (args.eatSpace() && args.match(/\/.*\//)) { throw new Error('patterns not supported'); }
+          }
+        }
+        parseArgs();
+        var lineStart = params.line || cm.firstLine();
+        var lineEnd = params.lineEnd || params.line || cm.lastLine();
+        if (lineStart == lineEnd) { return; }
+        var curStart = { line: lineStart, ch: 0 };
+        var curEnd = { line: lineEnd, ch: lineLength(cm, lineEnd) };
+        var text = cm.getRange(curStart, curEnd).split('\n');
+        var numberRegex = (number == 'decimal') ? /(-?)([\d]+)/ :
+           (number == 'hex') ? /(-?)(?:0x)?([0-9a-f]+)/i :
+           (number == 'octal') ? /([0-7]+)/ : null;
+        var radix = (number == 'decimal') ? 10 : (number == 'hex') ? 16 : (number == 'octal') ? 8 : null;
+        var numPart = [], textPart = [];
+        if (number) {
+          for (var i = 0; i < text.length; i++) {
+            if (numberRegex.exec(text[i])) {
+              numPart.push(text[i]);
+            } else {
+              textPart.push(text[i]);
+            }
+          }
+        } else {
+          textPart = text;
+        }
+        function compareFn(a, b) {
+          if (reverse) { var tmp; tmp = a; a = b; b = tmp; }
+          if (ignoreCase) { a = a.toLowerCase(); b = b.toLowerCase(); }
+          var anum = number && numberRegex.exec(a);
+          var bnum = number && numberRegex.exec(b);
+          if (!anum) { return a < b ? -1 : 1; }
+          anum = parseInt((anum[1] + anum[2]).toLowerCase(), radix);
+          bnum = parseInt((bnum[1] + bnum[2]).toLowerCase(), radix);
+          return anum - bnum;
+        }
+        numPart.sort(compareFn);
+        textPart.sort(compareFn);
+        text = (!reverse) ? textPart.concat(numPart) : numPart.concat(textPart);
+        if (unique) { // Remove duplicate lines
+          var textOld = text;
+          var lastLine;
+          text = [];
+          for (var i = 0; i < textOld.length; i++) {
+            if (textOld[i] != lastLine) {
+              text.push(textOld[i]);
+            }
+            lastLine = textOld[i];
+          }
+        }
+        cm.replaceRange(text.join('\n'), curStart, curEnd);
+      },
+      substitute: function(cm, params) {
+        if (!cm.getSearchCursor) {
+          throw new Error('Search feature not available. Requires searchcursor.js or ' +
+              'any other getSearchCursor implementation.');
+        }
+        var argString = params.argString;
+        var slashes = findUnescapedSlashes(argString);
+        if (slashes[0] !== 0) {
+          showConfirm(cm, 'Substitutions should be of the form ' +
+              ':s/pattern/replace/');
+          return;
+        }
+        var regexPart = argString.substring(slashes[0] + 1, slashes[1]);
+        var replacePart = '';
+        var flagsPart;
+        var count;
+        var confirm = false; // Whether to confirm each replace.
+        if (slashes[1]) {
+          replacePart = argString.substring(slashes[1] + 1, slashes[2]);
+        }
+        if (slashes[2]) {
+          // After the 3rd slash, we can have flags followed by a space followed
+          // by count.
+          var trailing = argString.substring(slashes[2] + 1).split(' ');
+          flagsPart = trailing[0];
+          count = parseInt(trailing[1]);
+        }
+        if (flagsPart) {
+          if (flagsPart.indexOf('c') != -1) {
+            confirm = true;
+            flagsPart.replace('c', '');
+          }
+          regexPart = regexPart + '/' + flagsPart;
+        }
+        if (regexPart) {
+          // If regex part is empty, then use the previous query. Otherwise use
+          // the regex part as the new query.
+          try {
+            updateSearchQuery(cm, regexPart, true /** ignoreCase */,
+              true /** smartCase */);
+          } catch (e) {
+            showConfirm(cm, 'Invalid regex: ' + regexPart);
+            return;
+          }
+        }
+        var state = getSearchState(cm);
+        var query = state.getQuery();
+        var lineStart = (params.line !== undefined) ? params.line : cm.getCursor().line;
+        var lineEnd = params.lineEnd || lineStart;
+        if (count) {
+          lineStart = lineEnd;
+          lineEnd = lineStart + count - 1;
+        }
+        var startPos = clipCursorToContent(cm, { line: lineStart, ch: 0 });
+        var cursor = cm.getSearchCursor(query, startPos);
+        doReplace(cm, confirm, lineStart, lineEnd, cursor, query, replacePart);
+      },
+      redo: CodeMirror.commands.redo,
+      undo: CodeMirror.commands.undo,
+      write: function(cm) {
+        if (CodeMirror.commands.save) {
+          // If a save command is defined, call it.
+          CodeMirror.commands.save(cm);
+        } else {
+          // Saves to text area if no save command is defined.
+          cm.save();
+        }
+      },
+      nohlsearch: function(cm) {
+        clearSearchHighlight(cm);
+      },
+      delmarks: function(cm, params) {
+        if (!params.argString || !params.argString.trim()) {
+          showConfirm(cm, 'Argument required');
+          return;
+        }
+
+        var state = cm.state.vim;
+        var stream = new CodeMirror.StringStream(params.argString.trim());
+        while (!stream.eol()) {
+          stream.eatSpace();
+
+          // Record the streams position at the beginning of the loop for use
+          // in error messages.
+          var count = stream.pos;
+
+          if (!stream.match(/[a-zA-Z]/, false)) {
+            showConfirm(cm, 'Invalid argument: ' + params.argString.substring(count));
+            return;
+          }
+
+          var sym = stream.next();
+          // Check if this symbol is part of a range
+          if (stream.match('-', true)) {
+            // This symbol is part of a range.
+
+            // The range must terminate at an alphabetic character.
+            if (!stream.match(/[a-zA-Z]/, false)) {
+              showConfirm(cm, 'Invalid argument: ' + params.argString.substring(count));
+              return;
+            }
+
+            var startMark = sym;
+            var finishMark = stream.next();
+            // The range must terminate at an alphabetic character which
+            // shares the same case as the start of the range.
+            if (isLowerCase(startMark) && isLowerCase(finishMark) ||
+                isUpperCase(startMark) && isUpperCase(finishMark)) {
+              var start = startMark.charCodeAt(0);
+              var finish = finishMark.charCodeAt(0);
+              if (start >= finish) {
+                showConfirm(cm, 'Invalid argument: ' + params.argString.substring(count));
+                return;
+              }
+
+              // Because marks are always ASCII values, and we have
+              // determined that they are the same case, we can use
+              // their char codes to iterate through the defined range.
+              for (var j = 0; j <= finish - start; j++) {
+                var mark = String.fromCharCode(start + j);
+                delete state.marks[mark];
+              }
+            } else {
+              showConfirm(cm, 'Invalid argument: ' + startMark + '-');
+              return;
+            }
+          } else {
+            // This symbol is a valid mark, and is not part of a range.
+            delete state.marks[sym];
+          }
+        }
+      }
+    };
+
+    var exCommandDispatcher = new Vim.ExCommandDispatcher();
+
+    /**
+    * @param {CodeMirror} cm CodeMirror instance we are in.
+    * @param {boolean} confirm Whether to confirm each replace.
+    * @param {Cursor} lineStart Line to start replacing from.
+    * @param {Cursor} lineEnd Line to stop replacing at.
+    * @param {RegExp} query Query for performing matches with.
+    * @param {string} replaceWith Text to replace matches with. May contain $1,
+    *     $2, etc for replacing captured groups using Javascript replace.
+    */
+    function doReplace(cm, confirm, lineStart, lineEnd, searchCursor, query,
+        replaceWith) {
+      // Set up all the functions.
+      cm.state.vim.exMode = true;
+      var done = false;
+      var lastPos = searchCursor.from();
+      function replaceAll() {
+        cm.operation(function() {
+          while (!done) {
+            replace();
+            next();
+          }
+          stop();
+        });
+      }
+      function replace() {
+        var text = cm.getRange(searchCursor.from(), searchCursor.to());
+        var newText = text.replace(query, replaceWith);
+        searchCursor.replace(newText);
+      }
+      function next() {
+        var found = searchCursor.findNext();
+        if (!found) {
+          done = true;
+        } else if (isInRange(searchCursor.from(), lineStart, lineEnd)) {
+          cm.scrollIntoView(searchCursor.from(), 30);
+          cm.setSelection(searchCursor.from(), searchCursor.to());
+          lastPos = searchCursor.from();
+          done = false;
+        } else {
+          done = true;
+        }
+      }
+      function stop(close) {
+        if (close) { close(); }
+        cm.focus();
+        if (lastPos) {
+          cm.setCursor(lastPos);
+          var vim = cm.state.vim;
+          vim.exMode = false;
+          vim.lastHPos = vim.lastHSPos = lastPos.ch;
+        }
+      }
+      function onPromptKeyDown(e, _value, close) {
+        // Swallow all keys.
+        CodeMirror.e_stop(e);
+        var keyName = CodeMirror.keyName(e);
+        switch (keyName) {
+          case 'Y':
+            replace(); next(); break;
+          case 'N':
+            next(); break;
+          case 'A':
+            cm.operation(replaceAll); break;
+          case 'L':
+            replace();
+            // fall through and exit.
+          case 'Q':
+          case 'Esc':
+          case 'Ctrl-C':
+          case 'Ctrl-[':
+            stop(close);
+            break;
+        }
+        if (done) { stop(close); }
+      }
+
+      // Actually do replace.
+      next();
+      if (done) {
+        throw new Error('No matches for ' + query.source);
+      }
+      if (!confirm) {
+        replaceAll();
+        return;
+      }
+      showPrompt(cm, {
+        prefix: 'replace with <strong>' + replaceWith + '</strong> (y/n/a/q/l)',
+        onKeyDown: onPromptKeyDown
+      });
+    }
+
+    // Register Vim with CodeMirror
+    function buildVimKeyMap() {
+      /**
+       * Handle the raw key event from CodeMirror. Translate the
+       * Shift + key modifier to the resulting letter, while preserving other
+       * modifers.
+       */
+      // TODO: Figure out a way to catch capslock.
+      function cmKeyToVimKey(key, modifier) {
+        var vimKey = key;
+        if (isUpperCase(vimKey)) {
+          // Convert to lower case if shift is not the modifier since the key
+          // we get from CodeMirror is always upper case.
+          if (modifier == 'Shift') {
+            modifier = null;
+          }
+          else {
+            vimKey = vimKey.toLowerCase();
+          }
+        }
+        if (modifier) {
+          // Vim will parse modifier+key combination as a single key.
+          vimKey = modifier.charAt(0) + '-' + vimKey;
+        }
+        var specialKey = ({Enter:'CR',Backspace:'BS',Delete:'Del'})[vimKey];
+        vimKey = specialKey ? specialKey : vimKey;
+        vimKey = vimKey.length > 1 ? '<'+ vimKey + '>' : vimKey;
+        return vimKey;
+      }
+
+      // Closure to bind CodeMirror, key, modifier.
+      function keyMapper(vimKey) {
+        return function(cm) {
+          CodeMirror.Vim.handleKey(cm, vimKey);
+        };
+      }
+
+      var cmToVimKeymap = {
+        'nofallthrough': true,
+        'disableInput': true,
+        'style': 'fat-cursor'
+      };
+      function bindKeys(keys, modifier) {
+        for (var i = 0; i < keys.length; i++) {
+          var key = keys[i];
+          if (!modifier && inArray(key, specialSymbols)) {
+            // Wrap special symbols with '' because that's how CodeMirror binds
+            // them.
+            key = "'" + key + "'";
+          }
+          var vimKey = cmKeyToVimKey(keys[i], modifier);
+          var cmKey = modifier ? modifier + '-' + key : key;
+          cmToVimKeymap[cmKey] = keyMapper(vimKey);
+        }
+      }
+      bindKeys(upperCaseAlphabet);
+      bindKeys(upperCaseAlphabet, 'Shift');
+      bindKeys(upperCaseAlphabet, 'Ctrl');
+      bindKeys(specialSymbols);
+      bindKeys(specialSymbols, 'Ctrl');
+      bindKeys(numbers);
+      bindKeys(numbers, 'Ctrl');
+      bindKeys(specialKeys);
+      bindKeys(specialKeys, 'Ctrl');
+      return cmToVimKeymap;
+    }
+    CodeMirror.keyMap.vim = buildVimKeyMap();
+
+    function exitInsertMode(cm) {
+      var vim = cm.state.vim;
+      var inReplay = vimGlobalState.macroModeState.inReplay;
+      if (!inReplay) {
+        cm.off('change', onChange);
+        cm.off('cursorActivity', onCursorActivity);
+        CodeMirror.off(cm.getInputField(), 'keydown', onKeyEventTargetKeyDown);
+      }
+      if (!inReplay && vim.insertModeRepeat > 1) {
+        // Perform insert mode repeat for commands like 3,a and 3,o.
+        repeatLastEdit(cm, vim, vim.insertModeRepeat - 1,
+            true /** repeatForInsert */);
+        vim.lastEditInputState.repeatOverride = vim.insertModeRepeat;
+      }
+      delete vim.insertModeRepeat;
+      cm.setCursor(cm.getCursor().line, cm.getCursor().ch-1, true);
+      vim.insertMode = false;
+      cm.setOption('keyMap', 'vim');
+      cm.toggleOverwrite(false); // exit replace mode if we were in it.
+      CodeMirror.signal(cm, "vim-mode-change", {mode: "normal"});
+    }
+
+    CodeMirror.keyMap['vim-insert'] = {
+      // TODO: override navigation keys so that Esc will cancel automatic
+      // indentation from o, O, i_<CR>
+      'Esc': exitInsertMode,
+      'Ctrl-[': exitInsertMode,
+      'Ctrl-C': exitInsertMode,
+      'Ctrl-N': 'autocomplete',
+      'Ctrl-P': 'autocomplete',
+      'Enter': function(cm) {
+        var fn = CodeMirror.commands.newlineAndIndentContinueComment ||
+            CodeMirror.commands.newlineAndIndent;
+        fn(cm);
+      },
+      fallthrough: ['default']
+    };
+
+    CodeMirror.keyMap['vim-replace'] = {
+      'Backspace': 'goCharLeft',
+      fallthrough: ['vim-insert']
+    };
+
+    function parseRegisterToKeyBuffer(macroModeState, registerName) {
+      var match, key;
+      var register = vimGlobalState.registerController.getRegister(registerName);
+      var text = register.toString();
+      var macroKeyBuffer = macroModeState.macroKeyBuffer;
+      emptyMacroKeyBuffer(macroModeState);
+      do {
+        match = (/<\w+-.+?>|<\w+>|./).exec(text);
+        if(match === null)break;
+        key = match[0];
+        text = text.substring(match.index + key.length);
+        macroKeyBuffer.push(key);
+      } while (text);
+      return macroKeyBuffer;
+    }
+
+    function parseKeyBufferToRegister(registerName, keyBuffer) {
+      var text = keyBuffer.join('');
+      vimGlobalState.registerController.setRegisterText(registerName, text);
+    }
+
+    function emptyMacroKeyBuffer(macroModeState) {
+      if(macroModeState.isMacroPlaying)return;
+      var macroKeyBuffer = macroModeState.macroKeyBuffer;
+      macroKeyBuffer.length = 0;
+    }
+
+    function executeMacroKeyBuffer(cm, macroModeState, keyBuffer) {
+      macroModeState.isMacroPlaying = true;
+      for (var i = 0, len = keyBuffer.length; i < len; i++) {
+        CodeMirror.Vim.handleKey(cm, keyBuffer[i]);
+      };
+      macroModeState.isMacroPlaying = false;
+    }
+
+    function logKey(macroModeState, key) {
+      if(macroModeState.isMacroPlaying)return;
+      var macroKeyBuffer = macroModeState.macroKeyBuffer;
+      macroKeyBuffer.push(key);
+    }
+
+    /**
+     * Listens for changes made in insert mode.
+     * Should only be active in insert mode.
+     */
+    function onChange(_cm, changeObj) {
+      var macroModeState = vimGlobalState.macroModeState;
+      var lastChange = macroModeState.lastInsertModeChanges;
+      while (changeObj) {
+        lastChange.expectCursorActivityForChange = true;
+        if (changeObj.origin == '+input' || changeObj.origin == 'paste'
+            || changeObj.origin === undefined /* only in testing */) {
+          var text = changeObj.text.join('\n');
+          lastChange.changes.push(text);
+        }
+        // Change objects may be chained with next.
+        changeObj = changeObj.next;
+      }
+    }
+
+    /**
+    * Listens for any kind of cursor activity on CodeMirror.
+    * - For tracking cursor activity in insert mode.
+    * - Should only be active in insert mode.
+    */
+    function onCursorActivity() {
+      var macroModeState = vimGlobalState.macroModeState;
+      var lastChange = macroModeState.lastInsertModeChanges;
+      if (lastChange.expectCursorActivityForChange) {
+        lastChange.expectCursorActivityForChange = false;
+      } else {
+        // Cursor moved outside the context of an edit. Reset the change.
+        lastChange.changes = [];
+      }
+    }
+
+    /** Wrapper for special keys pressed in insert mode */
+    function InsertModeKey(keyName) {
+      this.keyName = keyName;
+    }
+
+    /**
+    * Handles raw key down events from the text area.
+    * - Should only be active in insert mode.
+    * - For recording deletes in insert mode.
+    */
+    function onKeyEventTargetKeyDown(e) {
+      var macroModeState = vimGlobalState.macroModeState;
+      var lastChange = macroModeState.lastInsertModeChanges;
+      var keyName = CodeMirror.keyName(e);
+      function onKeyFound() {
+        lastChange.changes.push(new InsertModeKey(keyName));
+        return true;
+      }
+      if (keyName.indexOf('Delete') != -1 || keyName.indexOf('Backspace') != -1) {
+        CodeMirror.lookupKey(keyName, ['vim-insert'], onKeyFound);
+      }
+    }
+
+    /**
+     * Repeats the last edit, which includes exactly 1 command and at most 1
+     * insert. Operator and motion commands are read from lastEditInputState,
+     * while action commands are read from lastEditActionCommand.
+     *
+     * If repeatForInsert is true, then the function was called by
+     * exitInsertMode to repeat the insert mode changes the user just made. The
+     * corresponding enterInsertMode call was made with a count.
+     */
+    function repeatLastEdit(cm, vim, repeat, repeatForInsert) {
+      var macroModeState = vimGlobalState.macroModeState;
+      macroModeState.inReplay = true;
+      var isAction = !!vim.lastEditActionCommand;
+      var cachedInputState = vim.inputState;
+      function repeatCommand() {
+        if (isAction) {
+          commandDispatcher.processAction(cm, vim, vim.lastEditActionCommand);
+        } else {
+          commandDispatcher.evalInput(cm, vim);
+        }
+      }
+      function repeatInsert(repeat) {
+        if (macroModeState.lastInsertModeChanges.changes.length > 0) {
+          // For some reason, repeat cw in desktop VIM will does not repeat
+          // insert mode changes. Will conform to that behavior.
+          repeat = !vim.lastEditActionCommand ? 1 : repeat;
+          repeatLastInsertModeChanges(cm, repeat, macroModeState);
+        }
+      }
+      vim.inputState = vim.lastEditInputState;
+      if (isAction && vim.lastEditActionCommand.interlaceInsertRepeat) {
+        // o and O repeat have to be interlaced with insert repeats so that the
+        // insertions appear on separate lines instead of the last line.
+        for (var i = 0; i < repeat; i++) {
+          repeatCommand();
+          repeatInsert(1);
+        }
+      } else {
+        if (!repeatForInsert) {
+          // Hack to get the cursor to end up at the right place. If I is
+          // repeated in insert mode repeat, cursor will be 1 insert
+          // change set left of where it should be.
+          repeatCommand();
+        }
+        repeatInsert(repeat);
+      }
+      vim.inputState = cachedInputState;
+      if (vim.insertMode && !repeatForInsert) {
+        // Don't exit insert mode twice. If repeatForInsert is set, then we
+        // were called by an exitInsertMode call lower on the stack.
+        exitInsertMode(cm);
+      }
+      macroModeState.inReplay = false;
+    };
+
+    function repeatLastInsertModeChanges(cm, repeat, macroModeState) {
+      var lastChange = macroModeState.lastInsertModeChanges;
+      function keyHandler(binding) {
+        if (typeof binding == 'string') {
+          CodeMirror.commands[binding](cm);
+        } else {
+          binding(cm);
+        }
+        return true;
+      }
+      for (var i = 0; i < repeat; i++) {
+        for (var j = 0; j < lastChange.changes.length; j++) {
+          var change = lastChange.changes[j];
+          if (change instanceof InsertModeKey) {
+            CodeMirror.lookupKey(change.keyName, ['vim-insert'], keyHandler);
+          } else {
+            var cur = cm.getCursor();
+            cm.replaceRange(change, cur, cur);
+          }
+        }
+      }
+    }
+
+    resetVimGlobalState();
+    return vimApi;
+  };
+  // Initialize Vim and make it available as an API.
+  CodeMirror.Vim = Vim();
+}
+)();
diff --git a/src/main/webapp/codemirror/lib/codemirror.css b/src/main/webapp/codemirror/lib/codemirror.css
new file mode 100644
index 00000000..af9a2b6a
--- /dev/null
+++ b/src/main/webapp/codemirror/lib/codemirror.css
@@ -0,0 +1,268 @@
+/* BASICS */
+
+.CodeMirror {
+  /* Set height, width, borders, and global font properties here */
+  font-family: monospace;
+  height: 300px;
+}
+.CodeMirror-scroll {
+  /* Set scrolling behaviour here */
+  overflow: auto;
+}
+
+/* PADDING */
+
+.CodeMirror-lines {
+  padding: 4px 0; /* Vertical padding around content */
+}
+.CodeMirror pre {
+  padding: 0 4px; /* Horizontal padding of content */
+}
+
+.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+  background-color: white; /* The little square between H and V scrollbars */
+}
+
+/* GUTTER */
+
+.CodeMirror-gutters {
+  border-right: 1px solid #ddd;
+  background-color: #fff;
+  white-space: nowrap;
+}
+.CodeMirror-linenumbers {}
+.CodeMirror-linenumber {
+  padding: 0 3px 0 5px;
+  min-width: 20px;
+  text-align: right;
+  color: #999;
+}
+
+/* CURSOR */
+
+.CodeMirror div.CodeMirror-cursor {
+  border-left: 1px solid black;
+  z-index: 3;
+}
+/* Shown when moving in bi-directional text */
+.CodeMirror div.CodeMirror-secondarycursor {
+  border-left: 1px solid silver;
+}
+.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
+  width: auto;
+  border: 0;
+  background: #7e7;
+  z-index: 1;
+}
+/* Can style cursor different in overwrite (non-insert) mode */
+.CodeMirror div.CodeMirror-cursor.CodeMirror-overwrite {}
+
+.cm-tab { display: inline-block; }
+
+/* DEFAULT THEME */
+
+.cm-s-default .cm-keyword {color: #708;}
+.cm-s-default .cm-atom {color: #219;}
+.cm-s-default .cm-number {color: #164;}
+.cm-s-default .cm-def {color: #00f;}
+.cm-s-default .cm-variable {color: black;}
+.cm-s-default .cm-variable-2 {color: #05a;}
+.cm-s-default .cm-variable-3 {color: #085;}
+.cm-s-default .cm-property {color: black;}
+.cm-s-default .cm-operator {color: black;}
+.cm-s-default .cm-comment {color: #8f9396;}
+.cm-s-default .cm-string {color: #1726a3; color:#3767D8}
+.cm-s-default .cm-string-2 {color: #f50;}
+.cm-s-default .cm-meta {color: #555;}
+.cm-s-default .cm-qualifier {color: #555;}
+.cm-s-default .cm-builtin {color: #30a;}
+.cm-s-default .cm-bracket {color: #997;}
+.cm-s-default .cm-tag {color: #f4794f; color:#D0375E}
+.cm-s-default .cm-attribute {color: #7b5da3; color:#0086c2}
+.cm-s-default .cm-header {color: blue;}
+.cm-s-default .cm-quote {color: #090;}
+.cm-s-default .cm-hr {color: #999;}
+.cm-s-default .cm-link {color: #00c;}
+
+.cm-negative {color: #d44;}
+.cm-positive {color: #292;}
+.cm-header, .cm-strong {font-weight: bold;}
+.cm-em {font-style: italic;}
+.cm-link {text-decoration: underline;}
+
+.cm-s-default .cm-error {color: #f00;}
+.cm-invalidchar {color: #f00;}
+
+div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
+div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
+.CodeMirror-activeline-background {background: #e8f2ff;}
+
+/* STOP */
+
+/* The rest of this file contains styles related to the mechanics of
+   the editor. You probably shouldn't touch them. */
+
+.CodeMirror {
+  line-height: 1;
+  position: relative;
+  overflow: hidden;
+  background: white;
+  color: black;
+}
+
+.CodeMirror-scroll {
+  /* 30px is the magic margin used to hide the element's real scrollbars */
+  /* See overflow: hidden in .CodeMirror */
+  margin-bottom: -30px; margin-right: -30px;
+  padding-bottom: 30px; padding-right: 30px;
+  height: 100%;
+  outline: none; /* Prevent dragging from highlighting the element */
+  position: relative;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.CodeMirror-sizer {
+  position: relative;
+}
+
+/* The fake, visible scrollbars. Used to force redraw during scrolling
+   before actuall scrolling happens, thus preventing shaking and
+   flickering artifacts. */
+.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+  position: absolute;
+  z-index: 6;
+  display: none;
+}
+.CodeMirror-vscrollbar {
+  right: 0; top: 0;
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+.CodeMirror-hscrollbar {
+  bottom: 0; left: 0;
+  overflow-y: hidden;
+  overflow-x: scroll;
+}
+.CodeMirror-scrollbar-filler {
+  right: 0; bottom: 0;
+}
+.CodeMirror-gutter-filler {
+  left: 0; bottom: 0;
+}
+
+.CodeMirror-gutters {
+  position: absolute; left: 0; top: 0;
+  padding-bottom: 30px;
+  z-index: 3;
+}
+.CodeMirror-gutter {
+  white-space: normal;
+  height: 100%;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  padding-bottom: 30px;
+  margin-bottom: -32px;
+  display: inline-block;
+  /* Hack to make IE7 behave */
+  *zoom:1;
+  *display:inline;
+}
+.CodeMirror-gutter-elt {
+  position: absolute;
+  cursor: default;
+  z-index: 4;
+}
+
+.CodeMirror-lines {
+  cursor: text;
+}
+.CodeMirror pre {
+  /* Reset some styles that the rest of the page might have set */
+  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
+  border-width: 0;
+  background: transparent;
+  font-family: inherit;
+  font-size: inherit;
+  margin: 0;
+  white-space: pre;
+  word-wrap: normal;
+  line-height: inherit;
+  color: inherit;
+  z-index: 2;
+  position: relative;
+  overflow: visible;
+}
+.CodeMirror-wrap pre {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  word-break: normal;
+}
+.CodeMirror-code pre {
+  border-right: 30px solid transparent;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  line-height:20px;
+}
+.CodeMirror-code pre span{
+	line-height:inherit;
+}
+.CodeMirror-wrap .CodeMirror-code pre {
+  border-right: none;
+  width: auto;
+}
+.CodeMirror-linebackground {
+  position: absolute;
+  left: 0; right: 0; top: 0; bottom: 0;
+  z-index: 0;
+}
+
+.CodeMirror-linewidget {
+  position: relative;
+  z-index: 2;
+  overflow: auto;
+}
+
+.CodeMirror-widget {}
+
+.CodeMirror-wrap .CodeMirror-scroll {
+  overflow-x: hidden;
+}
+
+.CodeMirror-measure {
+  position: absolute;
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+}
+.CodeMirror-measure pre { position: static; }
+
+.CodeMirror div.CodeMirror-cursor {
+  position: absolute;
+  visibility: hidden;
+  border-right: none;
+  width: 0;
+  height:20px !important;
+}
+.CodeMirror-focused div.CodeMirror-cursor {
+  visibility: visible;
+}
+
+.CodeMirror-selected { background: #d9d9d9;min-height:20px !important; }
+.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
+
+.cm-searching {
+  background: #ffa;
+  background: rgba(255, 255, 0, .4);
+}
+
+/* IE7 hack to prevent it from returning funny offsetTops on the spans */
+.CodeMirror span { *vertical-align: text-bottom; }
+
+@media print {
+  /* Hide the cursor when printing */
+  .CodeMirror div.CodeMirror-cursor {
+    visibility: hidden;
+  }
+}
diff --git a/src/main/webapp/codemirror/lib/codemirror.js b/src/main/webapp/codemirror/lib/codemirror.js
new file mode 100644
index 00000000..f8b2af58
--- /dev/null
+++ b/src/main/webapp/codemirror/lib/codemirror.js
@@ -0,0 +1,5944 @@
+// CodeMirror version 3.20
+//
+// CodeMirror is the only global var we claim
+window.CodeMirror = (function() {
+  "use strict";
+
+  // BROWSER SNIFFING
+
+  // Crude, but necessary to handle a number of hard-to-feature-detect
+  // bugs and behavior differences.
+  var gecko = /gecko\/\d/i.test(navigator.userAgent);
+  // IE11 currently doesn't count as 'ie', since it has almost none of
+  // the same bugs as earlier versions. Use ie_gt10 to handle
+  // incompatibilities in that version.
+  var ie = /MSIE \d/.test(navigator.userAgent);
+  var ie_lt8 = ie && (document.documentMode == null || document.documentMode < 8);
+  var ie_lt9 = ie && (document.documentMode == null || document.documentMode < 9);
+  var ie_gt10 = /Trident\/([7-9]|\d{2,})\./.test(navigator.userAgent);
+  var webkit = /WebKit\//.test(navigator.userAgent);
+  var qtwebkit = webkit && /Qt\/\d+\.\d+/.test(navigator.userAgent);
+  var chrome = /Chrome\//.test(navigator.userAgent);
+  var opera = /Opera\//.test(navigator.userAgent);
+  var safari = /Apple Computer/.test(navigator.vendor);
+  var khtml = /KHTML\//.test(navigator.userAgent);
+  var mac_geLion = /Mac OS X 1\d\D([7-9]|\d\d)\D/.test(navigator.userAgent);
+  var mac_geMountainLion = /Mac OS X 1\d\D([8-9]|\d\d)\D/.test(navigator.userAgent);
+  var phantom = /PhantomJS/.test(navigator.userAgent);
+
+  var ios = /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
+  // This is woefully incomplete. Suggestions for alternative methods welcome.
+  var mobile = ios || /Android|webOS|BlackBerry|Opera Mini|Opera Mobi|IEMobile/i.test(navigator.userAgent);
+  var mac = ios || /Mac/.test(navigator.platform);
+  var windows = /win/i.test(navigator.platform);
+
+  var opera_version = opera && navigator.userAgent.match(/Version\/(\d*\.\d*)/);
+  if (opera_version) opera_version = Number(opera_version[1]);
+  if (opera_version && opera_version >= 15) { opera = false; webkit = true; }
+  // Some browsers use the wrong event properties to signal cmd/ctrl on OS X
+  var flipCtrlCmd = mac && (qtwebkit || opera && (opera_version == null || opera_version < 12.11));
+  var captureMiddleClick = gecko || (ie && !ie_lt9);
+
+  // Optimize some code when these features are not used
+  var sawReadOnlySpans = false, sawCollapsedSpans = false;
+
+  // CONSTRUCTOR
+
+  function CodeMirror(place, options) {
+    if (!(this instanceof CodeMirror)) return new CodeMirror(place, options);
+
+    this.options = options = options || {};
+    // Determine effective options based on given values and defaults.
+    for (var opt in defaults) if (!options.hasOwnProperty(opt) && defaults.hasOwnProperty(opt))
+      options[opt] = defaults[opt];
+    setGuttersForLineNumbers(options);
+
+    var docStart = typeof options.value == "string" ? 0 : options.value.first;
+    var display = this.display = makeDisplay(place, docStart);
+    display.wrapper.CodeMirror = this;
+    updateGutters(this);
+    if (options.autofocus && !mobile) focusInput(this);
+
+    this.state = {keyMaps: [],
+                  overlays: [],
+                  modeGen: 0,
+                  overwrite: false, focused: false,
+                  suppressEdits: false, pasteIncoming: false,
+                  draggingText: false,
+                  highlight: new Delayed()};
+
+    themeChanged(this);
+    if (options.lineWrapping)
+      this.display.wrapper.className += " CodeMirror-wrap";
+
+    var doc = options.value;
+    if (typeof doc == "string") doc = new Doc(options.value, options.mode);
+    operation(this, attachDoc)(this, doc);
+
+    // Override magic textarea content restore that IE sometimes does
+    // on our hidden textarea on reload
+    if (ie) setTimeout(bind(resetInput, this, true), 20);
+
+    registerEventHandlers(this);
+    // IE throws unspecified error in certain cases, when
+    // trying to access activeElement before onload
+    var hasFocus; try { hasFocus = (document.activeElement == display.input); } catch(e) { }
+    if (hasFocus || (options.autofocus && !mobile)) setTimeout(bind(onFocus, this), 20);
+    else onBlur(this);
+
+    operation(this, function() {
+      for (var opt in optionHandlers)
+        if (optionHandlers.propertyIsEnumerable(opt))
+          optionHandlers[opt](this, options[opt], Init);
+      for (var i = 0; i < initHooks.length; ++i) initHooks[i](this);
+    })();
+  }
+
+  // DISPLAY CONSTRUCTOR
+
+  function makeDisplay(place, docStart) {
+    var d = {};
+
+    var input = d.input = elt("textarea", null, null, "position: absolute; padding: 0; width: 1px; height: 1em; outline: none; font-size: 4px;");
+    if (webkit) input.style.width = "1000px";
+    else input.setAttribute("wrap", "off");
+    // if border: 0; -- iOS fails to open keyboard (issue #1287)
+    if (ios) input.style.border = "1px solid black";
+    input.setAttribute("autocorrect", "off"); input.setAttribute("autocapitalize", "off"); input.setAttribute("spellcheck", "false");
+
+    // Wraps and hides input textarea
+    d.inputDiv = elt("div", [input], null, "overflow: hidden; position: relative; width: 3px; height: 0px;");
+    // The actual fake scrollbars.
+    d.scrollbarH = elt("div", [elt("div", null, null, "height: 1px")], "CodeMirror-hscrollbar");
+    d.scrollbarV = elt("div", [elt("div", null, null, "width: 1px")], "CodeMirror-vscrollbar");
+    d.scrollbarFiller = elt("div", null, "CodeMirror-scrollbar-filler");
+    d.gutterFiller = elt("div", null, "CodeMirror-gutter-filler");
+    // DIVs containing the selection and the actual code
+    d.lineDiv = elt("div", null, "CodeMirror-code");
+    d.selectionDiv = elt("div", null, null, "position: relative; z-index: 1");
+    // Blinky cursor, and element used to ensure cursor fits at the end of a line
+    d.cursor = elt("div", "\u00a0", "CodeMirror-cursor");
+    // Secondary cursor, shown when on a 'jump' in bi-directional text
+    d.otherCursor = elt("div", "\u00a0", "CodeMirror-cursor CodeMirror-secondarycursor");
+    // Used to measure text size
+    d.measure = elt("div", null, "CodeMirror-measure");
+    // Wraps everything that needs to exist inside the vertically-padded coordinate system
+    d.lineSpace = elt("div", [d.measure, d.selectionDiv, d.lineDiv, d.cursor, d.otherCursor],
+                         null, "position: relative; outline: none");
+    // Moved around its parent to cover visible view
+    d.mover = elt("div", [elt("div", [d.lineSpace], "CodeMirror-lines")], null, "position: relative");
+    // Set to the height of the text, causes scrolling
+    d.sizer = elt("div", [d.mover], "CodeMirror-sizer");
+    // D is needed because behavior of elts with overflow: auto and padding is inconsistent across browsers
+    d.heightForcer = elt("div", null, null, "position: absolute; height: " + scrollerCutOff + "px; width: 1px;");
+    // Will contain the gutters, if any
+    d.gutters = elt("div", null, "CodeMirror-gutters");
+    d.lineGutter = null;
+    // Provides scrolling
+    d.scroller = elt("div", [d.sizer, d.heightForcer, d.gutters], "CodeMirror-scroll");
+    d.scroller.setAttribute("tabIndex", "-1");
+    // The element in which the editor lives.
+    d.wrapper = elt("div", [d.inputDiv, d.scrollbarH, d.scrollbarV,
+                            d.scrollbarFiller, d.gutterFiller, d.scroller], "CodeMirror");
+    // Work around IE7 z-index bug
+    if (ie_lt8) { d.gutters.style.zIndex = -1; d.scroller.style.paddingRight = 0; }
+    if (place.appendChild) place.appendChild(d.wrapper); else place(d.wrapper);
+
+    // Needed to hide big blue blinking cursor on Mobile Safari
+    if (ios) input.style.width = "0px";
+    if (!webkit) d.scroller.draggable = true;
+    // Needed to handle Tab key in KHTML
+    if (khtml) { d.inputDiv.style.height = "1px"; d.inputDiv.style.position = "absolute"; }
+    // Need to set a minimum width to see the scrollbar on IE7 (but must not set it on IE8).
+    else if (ie_lt8) d.scrollbarH.style.minWidth = d.scrollbarV.style.minWidth = "18px";
+
+    // Current visible range (may be bigger than the view window).
+    d.viewOffset = d.lastSizeC = 0;
+    d.showingFrom = d.showingTo = docStart;
+
+    // Used to only resize the line number gutter when necessary (when
+    // the amount of lines crosses a boundary that makes its width change)
+    d.lineNumWidth = d.lineNumInnerWidth = d.lineNumChars = null;
+    // See readInput and resetInput
+    d.prevInput = "";
+    // Set to true when a non-horizontal-scrolling widget is added. As
+    // an optimization, widget aligning is skipped when d is false.
+    d.alignWidgets = false;
+    // Flag that indicates whether we currently expect input to appear
+    // (after some event like 'keypress' or 'input') and are polling
+    // intensively.
+    d.pollingFast = false;
+    // Self-resetting timeout for the poller
+    d.poll = new Delayed();
+
+    d.cachedCharWidth = d.cachedTextHeight = null;
+    d.measureLineCache = [];
+    d.measureLineCachePos = 0;
+
+    // Tracks when resetInput has punted to just putting a short
+    // string instead of the (large) selection.
+    d.inaccurateSelection = false;
+
+    // Tracks the maximum line length so that the horizontal scrollbar
+    // can be kept static when scrolling.
+    d.maxLine = null;
+    d.maxLineLength = 0;
+    d.maxLineChanged = false;
+
+    // Used for measuring wheel scrolling granularity
+    d.wheelDX = d.wheelDY = d.wheelStartX = d.wheelStartY = null;
+
+    return d;
+  }
+
+  // STATE UPDATES
+
+  // Used to get the editor into a consistent state again when options change.
+
+  function loadMode(cm) {
+    cm.doc.mode = CodeMirror.getMode(cm.options, cm.doc.modeOption);
+    cm.doc.iter(function(line) {
+      if (line.stateAfter) line.stateAfter = null;
+      if (line.styles) line.styles = null;
+    });
+    cm.doc.frontier = cm.doc.first;
+    startWorker(cm, 100);
+    cm.state.modeGen++;
+    if (cm.curOp) regChange(cm);
+  }
+
+  function wrappingChanged(cm) {
+    if (cm.options.lineWrapping) {
+      cm.display.wrapper.className += " CodeMirror-wrap";
+      cm.display.sizer.style.minWidth = "";
+    } else {
+      cm.display.wrapper.className = cm.display.wrapper.className.replace(" CodeMirror-wrap", "");
+      computeMaxLength(cm);
+    }
+    estimateLineHeights(cm);
+    regChange(cm);
+    clearCaches(cm);
+    setTimeout(function(){updateScrollbars(cm);}, 100);
+  }
+
+  function estimateHeight(cm) {
+    var th = textHeight(cm.display), wrapping = cm.options.lineWrapping;
+    var perLine = wrapping && Math.max(5, cm.display.scroller.clientWidth / charWidth(cm.display) - 3);
+    return function(line) {
+      if (lineIsHidden(cm.doc, line))
+        return 0;
+      else if (wrapping)
+        return (Math.ceil(line.text.length / perLine) || 1) * th;
+      else
+        return th;
+    };
+  }
+
+  function estimateLineHeights(cm) {
+    var doc = cm.doc, est = estimateHeight(cm);
+    doc.iter(function(line) {
+      var estHeight = est(line);
+      if (estHeight != line.height) updateLineHeight(line, estHeight);
+    });
+  }
+
+  function keyMapChanged(cm) {
+    var map = keyMap[cm.options.keyMap], style = map.style;
+    cm.display.wrapper.className = cm.display.wrapper.className.replace(/\s*cm-keymap-\S+/g, "") +
+      (style ? " cm-keymap-" + style : "");
+    cm.state.disableInput = map.disableInput;
+  }
+
+  function themeChanged(cm) {
+    cm.display.wrapper.className = cm.display.wrapper.className.replace(/\s*cm-s-\S+/g, "") +
+      cm.options.theme.replace(/(^|\s)\s*/g, " cm-s-");
+    clearCaches(cm);
+  }
+
+  function guttersChanged(cm) {
+    updateGutters(cm);
+    regChange(cm);
+    setTimeout(function(){alignHorizontally(cm);}, 20);
+  }
+
+  function updateGutters(cm) {
+    var gutters = cm.display.gutters, specs = cm.options.gutters;
+    removeChildren(gutters);
+    for (var i = 0; i < specs.length; ++i) {
+      var gutterClass = specs[i];
+      var gElt = gutters.appendChild(elt("div", null, "CodeMirror-gutter " + gutterClass));
+      if (gutterClass == "CodeMirror-linenumbers") {
+        cm.display.lineGutter = gElt;
+        gElt.style.width = (cm.display.lineNumWidth || 1) + "px";
+      }
+    }
+    gutters.style.display = i ? "" : "none";
+  }
+
+  function lineLength(doc, line) {
+    if (line.height == 0) return 0;
+    var len = line.text.length, merged, cur = line;
+    while (merged = collapsedSpanAtStart(cur)) {
+      var found = merged.find();
+      cur = getLine(doc, found.from.line);
+      len += found.from.ch - found.to.ch;
+    }
+    cur = line;
+    while (merged = collapsedSpanAtEnd(cur)) {
+      var found = merged.find();
+      len -= cur.text.length - found.from.ch;
+      cur = getLine(doc, found.to.line);
+      len += cur.text.length - found.to.ch;
+    }
+    return len;
+  }
+
+  function computeMaxLength(cm) {
+    var d = cm.display, doc = cm.doc;
+    d.maxLine = getLine(doc, doc.first);
+    d.maxLineLength = lineLength(doc, d.maxLine);
+    d.maxLineChanged = true;
+    doc.iter(function(line) {
+      var len = lineLength(doc, line);
+      if (len > d.maxLineLength) {
+        d.maxLineLength = len;
+        d.maxLine = line;
+      }
+    });
+  }
+
+  // Make sure the gutters options contains the element
+  // "CodeMirror-linenumbers" when the lineNumbers option is true.
+  function setGuttersForLineNumbers(options) {
+    var found = indexOf(options.gutters, "CodeMirror-linenumbers");
+    if (found == -1 && options.lineNumbers) {
+      options.gutters = options.gutters.concat(["CodeMirror-linenumbers"]);
+    } else if (found > -1 && !options.lineNumbers) {
+      options.gutters = options.gutters.slice(0);
+      options.gutters.splice(found, 1);
+    }
+  }
+
+  // SCROLLBARS
+
+  // Re-synchronize the fake scrollbars with the actual size of the
+  // content. Optionally force a scrollTop.
+  function updateScrollbars(cm) {
+    var d = cm.display, docHeight = cm.doc.height;
+    var totalHeight = docHeight + paddingVert(d);
+    d.sizer.style.minHeight = d.heightForcer.style.top = totalHeight + "px";
+    d.gutters.style.height = Math.max(totalHeight, d.scroller.clientHeight - scrollerCutOff) + "px";
+    var scrollHeight = Math.max(totalHeight, d.scroller.scrollHeight);
+    var needsH = d.scroller.scrollWidth > (d.scroller.clientWidth + 1);
+    var needsV = scrollHeight > (d.scroller.clientHeight + 1);
+    if (needsV) {
+      d.scrollbarV.style.display = "block";
+      d.scrollbarV.style.bottom = needsH ? scrollbarWidth(d.measure) + "px" : "0";
+      d.scrollbarV.firstChild.style.height =
+        (scrollHeight - d.scroller.clientHeight + d.scrollbarV.clientHeight) + "px";
+    } else {
+      d.scrollbarV.style.display = "";
+      d.scrollbarV.firstChild.style.height = "0";
+    }
+    if (needsH) {
+      d.scrollbarH.style.display = "block";
+      d.scrollbarH.style.right = needsV ? scrollbarWidth(d.measure) + "px" : "0";
+      d.scrollbarH.firstChild.style.width =
+        (d.scroller.scrollWidth - d.scroller.clientWidth + d.scrollbarH.clientWidth) + "px";
+    } else {
+      d.scrollbarH.style.display = "";
+      d.scrollbarH.firstChild.style.width = "0";
+    }
+    if (needsH && needsV) {
+      d.scrollbarFiller.style.display = "block";
+      d.scrollbarFiller.style.height = d.scrollbarFiller.style.width = scrollbarWidth(d.measure) + "px";
+    } else d.scrollbarFiller.style.display = "";
+    if (needsH && cm.options.coverGutterNextToScrollbar && cm.options.fixedGutter) {
+      d.gutterFiller.style.display = "block";
+      d.gutterFiller.style.height = scrollbarWidth(d.measure) + "px";
+      d.gutterFiller.style.width = d.gutters.offsetWidth + "px";
+    } else d.gutterFiller.style.display = "";
+
+    if (mac_geLion && scrollbarWidth(d.measure) === 0) {
+      d.scrollbarV.style.minWidth = d.scrollbarH.style.minHeight = mac_geMountainLion ? "18px" : "12px";
+      d.scrollbarV.style.pointerEvents = d.scrollbarH.style.pointerEvents = "none";
+    }
+  }
+
+  function visibleLines(display, doc, viewPort) {
+    var top = display.scroller.scrollTop, height = display.wrapper.clientHeight;
+    if (typeof viewPort == "number") top = viewPort;
+    else if (viewPort) {top = viewPort.top; height = viewPort.bottom - viewPort.top;}
+    top = Math.floor(top - paddingTop(display));
+    var bottom = Math.ceil(top + height);
+    return {from: lineAtHeight(doc, top), to: lineAtHeight(doc, bottom)};
+  }
+
+  // LINE NUMBERS
+
+  function alignHorizontally(cm) {
+    var display = cm.display;
+    if (!display.alignWidgets && (!display.gutters.firstChild || !cm.options.fixedGutter)) return;
+    var comp = compensateForHScroll(display) - display.scroller.scrollLeft + cm.doc.scrollLeft;
+    var gutterW = display.gutters.offsetWidth, l = comp + "px";
+    for (var n = display.lineDiv.firstChild; n; n = n.nextSibling) if (n.alignable) {
+      for (var i = 0, a = n.alignable; i < a.length; ++i) a[i].style.left = l;
+    }
+    if (cm.options.fixedGutter)
+      display.gutters.style.left = (comp + gutterW) + "px";
+  }
+
+  function maybeUpdateLineNumberWidth(cm) {
+    if (!cm.options.lineNumbers) return false;
+    var doc = cm.doc, last = lineNumberFor(cm.options, doc.first + doc.size - 1), display = cm.display;
+    if (last.length != display.lineNumChars) {
+      var test = display.measure.appendChild(elt("div", [elt("div", last)],
+                                                 "CodeMirror-linenumber CodeMirror-gutter-elt"));
+      var innerW = test.firstChild.offsetWidth, padding = test.offsetWidth - innerW;
+      display.lineGutter.style.width = "";
+      display.lineNumInnerWidth = Math.max(innerW, display.lineGutter.offsetWidth - padding);
+      display.lineNumWidth = display.lineNumInnerWidth + padding;
+      display.lineNumChars = display.lineNumInnerWidth ? last.length : -1;
+      display.lineGutter.style.width = display.lineNumWidth + "px";
+      return true;
+    }
+    return false;
+  }
+
+  function lineNumberFor(options, i) {
+    return String(options.lineNumberFormatter(i + options.firstLineNumber));
+  }
+  function compensateForHScroll(display) {
+    return getRect(display.scroller).left - getRect(display.sizer).left;
+  }
+
+  // DISPLAY DRAWING
+
+  function updateDisplay(cm, changes, viewPort, forced) {
+    var oldFrom = cm.display.showingFrom, oldTo = cm.display.showingTo, updated;
+    var visible = visibleLines(cm.display, cm.doc, viewPort);
+    for (var first = true;; first = false) {
+      var oldWidth = cm.display.scroller.clientWidth;
+      if (!updateDisplayInner(cm, changes, visible, forced)) break;
+      updated = true;
+      changes = [];
+      updateSelection(cm);
+      updateScrollbars(cm);
+      if (first && cm.options.lineWrapping && oldWidth != cm.display.scroller.clientWidth) {
+        forced = true;
+        continue;
+      }
+      forced = false;
+
+      // Clip forced viewport to actual scrollable area
+      if (viewPort)
+        viewPort = Math.min(cm.display.scroller.scrollHeight - cm.display.scroller.clientHeight,
+                            typeof viewPort == "number" ? viewPort : viewPort.top);
+      visible = visibleLines(cm.display, cm.doc, viewPort);
+      if (visible.from >= cm.display.showingFrom && visible.to <= cm.display.showingTo)
+        break;
+    }
+
+    if (updated) {
+      signalLater(cm, "update", cm);
+      if (cm.display.showingFrom != oldFrom || cm.display.showingTo != oldTo)
+        signalLater(cm, "viewportChange", cm, cm.display.showingFrom, cm.display.showingTo);
+    }
+    return updated;
+  }
+
+  // Uses a set of changes plus the current scroll position to
+  // determine which DOM updates have to be made, and makes the
+  // updates.
+  function updateDisplayInner(cm, changes, visible, forced) {
+    var display = cm.display, doc = cm.doc;
+    if (!display.wrapper.clientWidth) {
+      display.showingFrom = display.showingTo = doc.first;
+      display.viewOffset = 0;
+      return;
+    }
+
+    // Bail out if the visible area is already rendered and nothing changed.
+    if (!forced && changes.length == 0 &&
+        visible.from > display.showingFrom && visible.to < display.showingTo)
+      return;
+
+    if (maybeUpdateLineNumberWidth(cm))
+      changes = [{from: doc.first, to: doc.first + doc.size}];
+    var gutterW = display.sizer.style.marginLeft = display.gutters.offsetWidth + "px";
+    display.scrollbarH.style.left = cm.options.fixedGutter ? gutterW : "0";
+
+    // Used to determine which lines need their line numbers updated
+    var positionsChangedFrom = Infinity;
+    if (cm.options.lineNumbers)
+      for (var i = 0; i < changes.length; ++i)
+        if (changes[i].diff && changes[i].from < positionsChangedFrom) { positionsChangedFrom = changes[i].from; }
+
+    var end = doc.first + doc.size;
+    var from = Math.max(visible.from - cm.options.viewportMargin, doc.first);
+    var to = Math.min(end, visible.to + cm.options.viewportMargin);
+    if (display.showingFrom < from && from - display.showingFrom < 20) from = Math.max(doc.first, display.showingFrom);
+    if (display.showingTo > to && display.showingTo - to < 20) to = Math.min(end, display.showingTo);
+    if (sawCollapsedSpans) {
+      from = lineNo(visualLine(doc, getLine(doc, from)));
+      while (to < end && lineIsHidden(doc, getLine(doc, to))) ++to;
+    }
+
+    // Create a range of theoretically intact lines, and punch holes
+    // in that using the change info.
+    var intact = [{from: Math.max(display.showingFrom, doc.first),
+                   to: Math.min(display.showingTo, end)}];
+    if (intact[0].from >= intact[0].to) intact = [];
+    else intact = computeIntact(intact, changes);
+    // When merged lines are present, we might have to reduce the
+    // intact ranges because changes in continued fragments of the
+    // intact lines do require the lines to be redrawn.
+    if (sawCollapsedSpans)
+      for (var i = 0; i < intact.length; ++i) {
+        var range = intact[i], merged;
+        while (merged = collapsedSpanAtEnd(getLine(doc, range.to - 1))) {
+          var newTo = merged.find().from.line;
+          if (newTo > range.from) range.to = newTo;
+          else { intact.splice(i--, 1); break; }
+        }
+      }
+
+    // Clip off the parts that won't be visible
+    var intactLines = 0;
+    for (var i = 0; i < intact.length; ++i) {
+      var range = intact[i];
+      if (range.from < from) range.from = from;
+      if (range.to > to) range.to = to;
+      if (range.from >= range.to) intact.splice(i--, 1);
+      else intactLines += range.to - range.from;
+    }
+    if (!forced && intactLines == to - from && from == display.showingFrom && to == display.showingTo) {
+      updateViewOffset(cm);
+      return;
+    }
+    intact.sort(function(a, b) {return a.from - b.from;});
+
+    // Avoid crashing on IE's "unspecified error" when in iframes
+    try {
+      var focused = document.activeElement;
+    } catch(e) {}
+    if (intactLines < (to - from) * .7) display.lineDiv.style.display = "none";
+    patchDisplay(cm, from, to, intact, positionsChangedFrom);
+    display.lineDiv.style.display = "";
+    if (focused && document.activeElement != focused && focused.offsetHeight) focused.focus();
+
+    var different = from != display.showingFrom || to != display.showingTo ||
+      display.lastSizeC != display.wrapper.clientHeight;
+    // This is just a bogus formula that detects when the editor is
+    // resized or the font size changes.
+    if (different) {
+      display.lastSizeC = display.wrapper.clientHeight;
+      startWorker(cm, 400);
+    }
+    display.showingFrom = from; display.showingTo = to;
+
+    updateHeightsInViewport(cm);
+    updateViewOffset(cm);
+
+    return true;
+  }
+
+  function updateHeightsInViewport(cm) {
+    var display = cm.display;
+    var prevBottom = display.lineDiv.offsetTop;
+    for (var node = display.lineDiv.firstChild, height; node; node = node.nextSibling) if (node.lineObj) {
+      if (ie_lt8) {
+        var bot = node.offsetTop + node.offsetHeight;
+        height = bot - prevBottom;
+        prevBottom = bot;
+      } else {
+        var box = getRect(node);
+        height = box.bottom - box.top;
+      }
+      var diff = node.lineObj.height - height;
+      if (height < 2) height = textHeight(display);
+      if (diff > .001 || diff < -.001) {
+        updateLineHeight(node.lineObj, height);
+        var widgets = node.lineObj.widgets;
+        if (widgets) for (var i = 0; i < widgets.length; ++i)
+          widgets[i].height = widgets[i].node.offsetHeight;
+      }
+    }
+  }
+
+  function updateViewOffset(cm) {
+    var off = cm.display.viewOffset = heightAtLine(cm, getLine(cm.doc, cm.display.showingFrom));
+    // Position the mover div to align with the current virtual scroll position
+    cm.display.mover.style.top = off + "px";
+  }
+
+  function computeIntact(intact, changes) {
+    for (var i = 0, l = changes.length || 0; i < l; ++i) {
+      var change = changes[i], intact2 = [], diff = change.diff || 0;
+      for (var j = 0, l2 = intact.length; j < l2; ++j) {
+        var range = intact[j];
+        if (change.to <= range.from && change.diff) {
+          intact2.push({from: range.from + diff, to: range.to + diff});
+        } else if (change.to <= range.from || change.from >= range.to) {
+          intact2.push(range);
+        } else {
+          if (change.from > range.from)
+            intact2.push({from: range.from, to: change.from});
+          if (change.to < range.to)
+            intact2.push({from: change.to + diff, to: range.to + diff});
+        }
+      }
+      intact = intact2;
+    }
+    return intact;
+  }
+
+  function getDimensions(cm) {
+    var d = cm.display, left = {}, width = {};
+    for (var n = d.gutters.firstChild, i = 0; n; n = n.nextSibling, ++i) {
+      left[cm.options.gutters[i]] = n.offsetLeft;
+      width[cm.options.gutters[i]] = n.offsetWidth;
+    }
+    return {fixedPos: compensateForHScroll(d),
+            gutterTotalWidth: d.gutters.offsetWidth,
+            gutterLeft: left,
+            gutterWidth: width,
+            wrapperWidth: d.wrapper.clientWidth};
+  }
+
+  function patchDisplay(cm, from, to, intact, updateNumbersFrom) {
+    var dims = getDimensions(cm);
+    var display = cm.display, lineNumbers = cm.options.lineNumbers;
+    if (!intact.length && (!webkit || !cm.display.currentWheelTarget))
+      removeChildren(display.lineDiv);
+    var container = display.lineDiv, cur = container.firstChild;
+
+    function rm(node) {
+      var next = node.nextSibling;
+      if (webkit && mac && cm.display.currentWheelTarget == node) {
+        node.style.display = "none";
+        node.lineObj = null;
+      } else {
+        node.parentNode.removeChild(node);
+      }
+      return next;
+    }
+
+    var nextIntact = intact.shift(), lineN = from;
+    cm.doc.iter(from, to, function(line) {
+      if (nextIntact && nextIntact.to == lineN) nextIntact = intact.shift();
+      if (lineIsHidden(cm.doc, line)) {
+        if (line.height != 0) updateLineHeight(line, 0);
+        if (line.widgets && cur && cur.previousSibling) for (var i = 0; i < line.widgets.length; ++i) {
+          var w = line.widgets[i];
+          if (w.showIfHidden) {
+            var prev = cur.previousSibling;
+            if (/pre/i.test(prev.nodeName)) {
+              var wrap = elt("div", null, null, "position: relative");
+              prev.parentNode.replaceChild(wrap, prev);
+              wrap.appendChild(prev);
+              prev = wrap;
+            }
+            var wnode = prev.appendChild(elt("div", [w.node], "CodeMirror-linewidget"));
+            if (!w.handleMouseEvents) wnode.ignoreEvents = true;
+            positionLineWidget(w, wnode, prev, dims);
+          }
+        }
+      } else if (nextIntact && nextIntact.from <= lineN && nextIntact.to > lineN) {
+        // This line is intact. Skip to the actual node. Update its
+        // line number if needed.
+        while (cur.lineObj != line) cur = rm(cur);
+        if (lineNumbers && updateNumbersFrom <= lineN && cur.lineNumber)
+          setTextContent(cur.lineNumber, lineNumberFor(cm.options, lineN));
+        cur = cur.nextSibling;
+      } else {
+        // For lines with widgets, make an attempt to find and reuse
+        // the existing element, so that widgets aren't needlessly
+        // removed and re-inserted into the dom
+        if (line.widgets) for (var j = 0, search = cur, reuse; search && j < 20; ++j, search = search.nextSibling)
+          if (search.lineObj == line && /div/i.test(search.nodeName)) { reuse = search; break; }
+        // This line needs to be generated.
+        var lineNode = buildLineElement(cm, line, lineN, dims, reuse);
+        if (lineNode != reuse) {
+          container.insertBefore(lineNode, cur);
+        } else {
+          while (cur != reuse) cur = rm(cur);
+          cur = cur.nextSibling;
+        }
+
+        lineNode.lineObj = line;
+      }
+      ++lineN;
+    });
+    while (cur) cur = rm(cur);
+  }
+
+  function buildLineElement(cm, line, lineNo, dims, reuse) {
+    var built = buildLineContent(cm, line), lineElement = built.pre;
+    var markers = line.gutterMarkers, display = cm.display, wrap;
+
+    var bgClass = built.bgClass ? built.bgClass + " " + (line.bgClass || "") : line.bgClass;
+    if (!cm.options.lineNumbers && !markers && !bgClass && !line.wrapClass && !line.widgets)
+      return lineElement;
+
+    // Lines with gutter elements, widgets or a background class need
+    // to be wrapped again, and have the extra elements added to the
+    // wrapper div
+
+    if (reuse) {
+      reuse.alignable = null;
+      var isOk = true, widgetsSeen = 0, insertBefore = null;
+      for (var n = reuse.firstChild, next; n; n = next) {
+        next = n.nextSibling;
+        if (!/\bCodeMirror-linewidget\b/.test(n.className)) {
+          reuse.removeChild(n);
+        } else {
+          for (var i = 0; i < line.widgets.length; ++i) {
+            var widget = line.widgets[i];
+            if (widget.node == n.firstChild) {
+              if (!widget.above && !insertBefore) insertBefore = n;
+              positionLineWidget(widget, n, reuse, dims);
+              ++widgetsSeen;
+              break;
+            }
+          }
+          if (i == line.widgets.length) { isOk = false; break; }
+        }
+      }
+      reuse.insertBefore(lineElement, insertBefore);
+      if (isOk && widgetsSeen == line.widgets.length) {
+        wrap = reuse;
+        reuse.className = line.wrapClass || "";
+      }
+    }
+    if (!wrap) {
+      wrap = elt("div", null, line.wrapClass, "position: relative");
+      wrap.appendChild(lineElement);
+    }
+    // Kludge to make sure the styled element lies behind the selection (by z-index)
+    if (bgClass)
+      wrap.insertBefore(elt("div", null, bgClass + " CodeMirror-linebackground"), wrap.firstChild);
+    if (cm.options.lineNumbers || markers) {
+      var gutterWrap = wrap.insertBefore(elt("div", null, null, "position: absolute; left: " +
+                                             (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) + "px"),
+                                         wrap.firstChild);
+      if (cm.options.fixedGutter) (wrap.alignable || (wrap.alignable = [])).push(gutterWrap);
+      if (cm.options.lineNumbers && (!markers || !markers["CodeMirror-linenumbers"]))
+        wrap.lineNumber = gutterWrap.appendChild(
+          elt("div", lineNumberFor(cm.options, lineNo),
+              "CodeMirror-linenumber CodeMirror-gutter-elt",
+              "left: " + dims.gutterLeft["CodeMirror-linenumbers"] + "px; width: "
+              + display.lineNumInnerWidth + "px"));
+      if (markers)
+        for (var k = 0; k < cm.options.gutters.length; ++k) {
+          var id = cm.options.gutters[k], found = markers.hasOwnProperty(id) && markers[id];
+          if (found)
+            gutterWrap.appendChild(elt("div", [found], "CodeMirror-gutter-elt", "left: " +
+                                       dims.gutterLeft[id] + "px; width: " + dims.gutterWidth[id] + "px"));
+        }
+    }
+    if (ie_lt8) wrap.style.zIndex = 2;
+    if (line.widgets && wrap != reuse) for (var i = 0, ws = line.widgets; i < ws.length; ++i) {
+      var widget = ws[i], node = elt("div", [widget.node], "CodeMirror-linewidget");
+      if (!widget.handleMouseEvents) node.ignoreEvents = true;
+      positionLineWidget(widget, node, wrap, dims);
+      if (widget.above)
+        wrap.insertBefore(node, cm.options.lineNumbers && line.height != 0 ? gutterWrap : lineElement);
+      else
+        wrap.appendChild(node);
+      signalLater(widget, "redraw");
+    }
+    return wrap;
+  }
+
+  function positionLineWidget(widget, node, wrap, dims) {
+    if (widget.noHScroll) {
+      (wrap.alignable || (wrap.alignable = [])).push(node);
+      var width = dims.wrapperWidth;
+      node.style.left = dims.fixedPos + "px";
+      if (!widget.coverGutter) {
+        width -= dims.gutterTotalWidth;
+        node.style.paddingLeft = dims.gutterTotalWidth + "px";
+      }
+      node.style.width = width + "px";
+    }
+    if (widget.coverGutter) {
+      node.style.zIndex = 5;
+      node.style.position = "relative";
+      if (!widget.noHScroll) node.style.marginLeft = -dims.gutterTotalWidth + "px";
+    }
+  }
+
+  // SELECTION / CURSOR
+
+  function updateSelection(cm) {
+    var display = cm.display;
+    var collapsed = posEq(cm.doc.sel.from, cm.doc.sel.to);
+    if (collapsed || cm.options.showCursorWhenSelecting)
+      updateSelectionCursor(cm);
+    else
+      display.cursor.style.display = display.otherCursor.style.display = "none";
+    if (!collapsed)
+      updateSelectionRange(cm);
+    else
+      display.selectionDiv.style.display = "none";
+
+    // Move the hidden textarea near the cursor to prevent scrolling artifacts
+    if (cm.options.moveInputWithCursor) {
+      var headPos = cursorCoords(cm, cm.doc.sel.head, "div");
+      var wrapOff = getRect(display.wrapper), lineOff = getRect(display.lineDiv);
+      display.inputDiv.style.top = Math.max(0, Math.min(display.wrapper.clientHeight - 10,
+                                                        headPos.top + lineOff.top - wrapOff.top)) + "px";
+      display.inputDiv.style.left = Math.max(0, Math.min(display.wrapper.clientWidth - 10,
+                                                         headPos.left + lineOff.left - wrapOff.left)) + "px";
+    }
+  }
+
+  // No selection, plain cursor
+  function updateSelectionCursor(cm) {
+    var display = cm.display, pos = cursorCoords(cm, cm.doc.sel.head, "div");
+    display.cursor.style.left = pos.left + "px";
+    display.cursor.style.top = pos.top + "px";
+    display.cursor.style.height = Math.max(0, pos.bottom - pos.top) * cm.options.cursorHeight + "px";
+    display.cursor.style.display = "";
+
+    if (pos.other) {
+      display.otherCursor.style.display = "";
+      display.otherCursor.style.left = pos.other.left + "px";
+      display.otherCursor.style.top = pos.other.top + "px";
+      display.otherCursor.style.height = (pos.other.bottom - pos.other.top) * .85 + "px";
+    } else { display.otherCursor.style.display = "none"; }
+  }
+
+  // Highlight selection
+  function updateSelectionRange(cm) {
+    var display = cm.display, doc = cm.doc, sel = cm.doc.sel;
+    var fragment = document.createDocumentFragment();
+    var clientWidth = display.lineSpace.offsetWidth, pl = paddingLeft(cm.display);
+
+    function add(left, top, width, bottom) {
+      if (top < 0) top = 0;
+      fragment.appendChild(elt("div", null, "CodeMirror-selected", "position: absolute; left: " + left +
+                               "px; top: " + top + "px; width: " + (width == null ? clientWidth - left : width) +
+                               "px; height: " + (bottom - top) + "px"));
+    }
+
+    function drawForLine(line, fromArg, toArg) {
+      var lineObj = getLine(doc, line);
+      var lineLen = lineObj.text.length;
+      var start, end;
+      function coords(ch, bias) {
+        return charCoords(cm, Pos(line, ch), "div", lineObj, bias);
+      }
+
+      iterateBidiSections(getOrder(lineObj), fromArg || 0, toArg == null ? lineLen : toArg, function(from, to, dir) {
+        var leftPos = coords(from, "left"), rightPos, left, right;
+        if (from == to) {
+          rightPos = leftPos;
+          left = right = leftPos.left;
+        } else {
+          rightPos = coords(to - 1, "right");
+          if (dir == "rtl") { var tmp = leftPos; leftPos = rightPos; rightPos = tmp; }
+          left = leftPos.left;
+          right = rightPos.right;
+        }
+        if (fromArg == null && from == 0) left = pl;
+        if (rightPos.top - leftPos.top > 3) { // Different lines, draw top part
+          add(left, leftPos.top, null, leftPos.bottom);
+          left = pl;
+          if (leftPos.bottom < rightPos.top) add(left, leftPos.bottom, null, rightPos.top);
+        }
+        if (toArg == null && to == lineLen) right = clientWidth;
+        if (!start || leftPos.top < start.top || leftPos.top == start.top && leftPos.left < start.left)
+          start = leftPos;
+        if (!end || rightPos.bottom > end.bottom || rightPos.bottom == end.bottom && rightPos.right > end.right)
+          end = rightPos;
+        if (left < pl + 1) left = pl;
+        add(left, rightPos.top, right - left, rightPos.bottom);
+      });
+      return {start: start, end: end};
+    }
+
+    if (sel.from.line == sel.to.line) {
+      drawForLine(sel.from.line, sel.from.ch, sel.to.ch);
+    } else {
+      var fromLine = getLine(doc, sel.from.line), toLine = getLine(doc, sel.to.line);
+      var singleVLine = visualLine(doc, fromLine) == visualLine(doc, toLine);
+      var leftEnd = drawForLine(sel.from.line, sel.from.ch, singleVLine ? fromLine.text.length : null).end;
+      var rightStart = drawForLine(sel.to.line, singleVLine ? 0 : null, sel.to.ch).start;
+      if (singleVLine) {
+        if (leftEnd.top < rightStart.top - 2) {
+          add(leftEnd.right, leftEnd.top, null, leftEnd.bottom);
+          add(pl, rightStart.top, rightStart.left, rightStart.bottom);
+        } else {
+          add(leftEnd.right, leftEnd.top, rightStart.left - leftEnd.right, leftEnd.bottom);
+        }
+      }
+      if (leftEnd.bottom < rightStart.top)
+        add(pl, leftEnd.bottom, null, rightStart.top);
+    }
+
+    removeChildrenAndAdd(display.selectionDiv, fragment);
+    display.selectionDiv.style.display = "";
+  }
+
+  // Cursor-blinking
+  function restartBlink(cm) {
+    if (!cm.state.focused) return;
+    var display = cm.display;
+    clearInterval(display.blinker);
+    var on = true;
+    display.cursor.style.visibility = display.otherCursor.style.visibility = "";
+    if (cm.options.cursorBlinkRate > 0)
+      display.blinker = setInterval(function() {
+        display.cursor.style.visibility = display.otherCursor.style.visibility = (on = !on) ? "" : "hidden";
+      }, cm.options.cursorBlinkRate);
+  }
+
+  // HIGHLIGHT WORKER
+
+  function startWorker(cm, time) {
+    if (cm.doc.mode.startState && cm.doc.frontier < cm.display.showingTo)
+      cm.state.highlight.set(time, bind(highlightWorker, cm));
+  }
+
+  function highlightWorker(cm) {
+    var doc = cm.doc;
+    if (doc.frontier < doc.first) doc.frontier = doc.first;
+    if (doc.frontier >= cm.display.showingTo) return;
+    var end = +new Date + cm.options.workTime;
+    var state = copyState(doc.mode, getStateBefore(cm, doc.frontier));
+    var changed = [], prevChange;
+    doc.iter(doc.frontier, Math.min(doc.first + doc.size, cm.display.showingTo + 500), function(line) {
+      if (doc.frontier >= cm.display.showingFrom) { // Visible
+        var oldStyles = line.styles;
+        line.styles = highlightLine(cm, line, state, true);
+        var ischange = !oldStyles || oldStyles.length != line.styles.length;
+        for (var i = 0; !ischange && i < oldStyles.length; ++i) ischange = oldStyles[i] != line.styles[i];
+        if (ischange) {
+          if (prevChange && prevChange.end == doc.frontier) prevChange.end++;
+          else changed.push(prevChange = {start: doc.frontier, end: doc.frontier + 1});
+        }
+        line.stateAfter = copyState(doc.mode, state);
+      } else {
+        processLine(cm, line.text, state);
+        line.stateAfter = doc.frontier % 5 == 0 ? copyState(doc.mode, state) : null;
+      }
+      ++doc.frontier;
+      if (+new Date > end) {
+        startWorker(cm, cm.options.workDelay);
+        return true;
+      }
+    });
+    if (changed.length)
+      operation(cm, function() {
+        for (var i = 0; i < changed.length; ++i)
+          regChange(this, changed[i].start, changed[i].end);
+      })();
+  }
+
+  // Finds the line to start with when starting a parse. Tries to
+  // find a line with a stateAfter, so that it can start with a
+  // valid state. If that fails, it returns the line with the
+  // smallest indentation, which tends to need the least context to
+  // parse correctly.
+  function findStartLine(cm, n, precise) {
+    var minindent, minline, doc = cm.doc;
+    var lim = precise ? -1 : n - (cm.doc.mode.innerMode ? 1000 : 100);
+    for (var search = n; search > lim; --search) {
+      if (search <= doc.first) return doc.first;
+      var line = getLine(doc, search - 1);
+      if (line.stateAfter && (!precise || search <= doc.frontier)) return search;
+      var indented = countColumn(line.text, null, cm.options.tabSize);
+      if (minline == null || minindent > indented) {
+        minline = search - 1;
+        minindent = indented;
+      }
+    }
+    return minline;
+  }
+
+  function getStateBefore(cm, n, precise) {
+    var doc = cm.doc, display = cm.display;
+    if (!doc.mode.startState) return true;
+    var pos = findStartLine(cm, n, precise), state = pos > doc.first && getLine(doc, pos-1).stateAfter;
+    if (!state) state = startState(doc.mode);
+    else state = copyState(doc.mode, state);
+    doc.iter(pos, n, function(line) {
+      processLine(cm, line.text, state);
+      var save = pos == n - 1 || pos % 5 == 0 || pos >= display.showingFrom && pos < display.showingTo;
+      line.stateAfter = save ? copyState(doc.mode, state) : null;
+      ++pos;
+    });
+    if (precise) doc.frontier = pos;
+    return state;
+  }
+
+  // POSITION MEASUREMENT
+
+  function paddingTop(display) {return display.lineSpace.offsetTop;}
+  function paddingVert(display) {return display.mover.offsetHeight - display.lineSpace.offsetHeight;}
+  function paddingLeft(display) {
+    var e = removeChildrenAndAdd(display.measure, elt("pre", null, null, "text-align: left")).appendChild(elt("span", "x"));
+    return e.offsetLeft;
+  }
+
+  function measureChar(cm, line, ch, data, bias) {
+    var dir = -1;
+    data = data || measureLine(cm, line);
+    if (data.crude) {
+      var left = data.left + ch * data.width;
+      return {left: left, right: left + data.width, top: data.top, bottom: data.bottom};
+    }
+
+    for (var pos = ch;; pos += dir) {
+      var r = data[pos];
+      if (r) break;
+      if (dir < 0 && pos == 0) dir = 1;
+    }
+    bias = pos > ch ? "left" : pos < ch ? "right" : bias;
+    if (bias == "left" && r.leftSide) r = r.leftSide;
+    else if (bias == "right" && r.rightSide) r = r.rightSide;
+    return {left: pos < ch ? r.right : r.left,
+            right: pos > ch ? r.left : r.right,
+            top: r.top,
+            bottom: r.bottom};
+  }
+
+  function findCachedMeasurement(cm, line) {
+    var cache = cm.display.measureLineCache;
+    for (var i = 0; i < cache.length; ++i) {
+      var memo = cache[i];
+      if (memo.text == line.text && memo.markedSpans == line.markedSpans &&
+          cm.display.scroller.clientWidth == memo.width &&
+          memo.classes == line.textClass + "|" + line.wrapClass)
+        return memo;
+    }
+  }
+
+  function clearCachedMeasurement(cm, line) {
+    var exists = findCachedMeasurement(cm, line);
+    if (exists) exists.text = exists.measure = exists.markedSpans = null;
+  }
+
+  function measureLine(cm, line) {
+    // First look in the cache
+    var cached = findCachedMeasurement(cm, line);
+    if (cached) return cached.measure;
+
+    // Failing that, recompute and store result in cache
+    var measure = measureLineInner(cm, line);
+    var cache = cm.display.measureLineCache;
+    var memo = {text: line.text, width: cm.display.scroller.clientWidth,
+                markedSpans: line.markedSpans, measure: measure,
+                classes: line.textClass + "|" + line.wrapClass};
+    if (cache.length == 16) cache[++cm.display.measureLineCachePos % 16] = memo;
+    else cache.push(memo);
+    return measure;
+  }
+
+  function measureLineInner(cm, line) {
+    if (!cm.options.lineWrapping && line.text.length >= cm.options.crudeMeasuringFrom)
+      return crudelyMeasureLine(cm, line);
+
+    var display = cm.display, measure = emptyArray(line.text.length);
+    var pre = buildLineContent(cm, line, measure, true).pre;
+
+    // IE does not cache element positions of inline elements between
+    // calls to getBoundingClientRect. This makes the loop below,
+    // which gathers the positions of all the characters on the line,
+    // do an amount of layout work quadratic to the number of
+    // characters. When line wrapping is off, we try to improve things
+    // by first subdividing the line into a bunch of inline blocks, so
+    // that IE can reuse most of the layout information from caches
+    // for those blocks. This does interfere with line wrapping, so it
+    // doesn't work when wrapping is on, but in that case the
+    // situation is slightly better, since IE does cache line-wrapping
+    // information and only recomputes per-line.
+    if (ie && !ie_lt8 && !cm.options.lineWrapping && pre.childNodes.length > 100) {
+      var fragment = document.createDocumentFragment();
+      var chunk = 10, n = pre.childNodes.length;
+      for (var i = 0, chunks = Math.ceil(n / chunk); i < chunks; ++i) {
+        var wrap = elt("div", null, null, "display: inline-block");
+        for (var j = 0; j < chunk && n; ++j) {
+          wrap.appendChild(pre.firstChild);
+          --n;
+        }
+        fragment.appendChild(wrap);
+      }
+      pre.appendChild(fragment);
+    }
+
+    removeChildrenAndAdd(display.measure, pre);
+
+    var outer = getRect(display.lineDiv);
+    var vranges = [], data = emptyArray(line.text.length), maxBot = pre.offsetHeight;
+    // Work around an IE7/8 bug where it will sometimes have randomly
+    // replaced our pre with a clone at this point.
+    if (ie_lt9 && display.measure.first != pre)
+      removeChildrenAndAdd(display.measure, pre);
+
+    function measureRect(rect) {
+      var top = rect.top - outer.top, bot = rect.bottom - outer.top;
+      if (bot > maxBot) bot = maxBot;
+      if (top < 0) top = 0;
+      for (var i = vranges.length - 2; i >= 0; i -= 2) {
+        var rtop = vranges[i], rbot = vranges[i+1];
+        if (rtop > bot || rbot < top) continue;
+        if (rtop <= top && rbot >= bot ||
+            top <= rtop && bot >= rbot ||
+            Math.min(bot, rbot) - Math.max(top, rtop) >= (bot - top) >> 1) {
+          vranges[i] = Math.min(top, rtop);
+          vranges[i+1] = Math.max(bot, rbot);
+          break;
+        }
+      }
+      if (i < 0) { i = vranges.length; vranges.push(top, bot); }
+      return {left: rect.left - outer.left,
+              right: rect.right - outer.left,
+              top: i, bottom: null};
+    }
+    function finishRect(rect) {
+      rect.bottom = vranges[rect.top+1];
+      rect.top = vranges[rect.top];
+    }
+
+    for (var i = 0, cur; i < measure.length; ++i) if (cur = measure[i]) {
+      var node = cur, rect = null;
+      // A widget might wrap, needs special care
+      if (/\bCodeMirror-widget\b/.test(cur.className) && cur.getClientRects) {
+        if (cur.firstChild.nodeType == 1) node = cur.firstChild;
+        var rects = node.getClientRects();
+        if (rects.length > 1) {
+          rect = data[i] = measureRect(rects[0]);
+          rect.rightSide = measureRect(rects[rects.length - 1]);
+        }
+      }
+      if (!rect) rect = data[i] = measureRect(getRect(node));
+      if (cur.measureRight) rect.right = getRect(cur.measureRight).left;
+      if (cur.leftSide) rect.leftSide = measureRect(getRect(cur.leftSide));
+    }
+    removeChildren(cm.display.measure);
+    for (var i = 0, cur; i < data.length; ++i) if (cur = data[i]) {
+      finishRect(cur);
+      if (cur.leftSide) finishRect(cur.leftSide);
+      if (cur.rightSide) finishRect(cur.rightSide);
+    }
+    return data;
+  }
+
+  function crudelyMeasureLine(cm, line) {
+    var copy = new Line(line.text.slice(0, 100), null);
+    if (line.textClass) copy.textClass = line.textClass;
+    var measure = measureLineInner(cm, copy);
+    var left = measureChar(cm, copy, 0, measure, "left");
+    var right = measureChar(cm, copy, 99, measure, "right");
+    return {crude: true, top: left.top, left: left.left, bottom: left.bottom, width: (right.right - left.left) / 100};
+  }
+
+  function measureLineWidth(cm, line) {
+    var hasBadSpan = false;
+    if (line.markedSpans) for (var i = 0; i < line.markedSpans; ++i) {
+      var sp = line.markedSpans[i];
+      if (sp.collapsed && (sp.to == null || sp.to == line.text.length)) hasBadSpan = true;
+    }
+    var cached = !hasBadSpan && findCachedMeasurement(cm, line);
+    if (cached || line.text.length >= cm.options.crudeMeasuringFrom)
+      return measureChar(cm, line, line.text.length, cached && cached.measure, "right").right;
+
+    var pre = buildLineContent(cm, line, null, true).pre;
+    var end = pre.appendChild(zeroWidthElement(cm.display.measure));
+    removeChildrenAndAdd(cm.display.measure, pre);
+    return getRect(end).right - getRect(cm.display.lineDiv).left;
+  }
+
+  function clearCaches(cm) {
+    cm.display.measureLineCache.length = cm.display.measureLineCachePos = 0;
+    cm.display.cachedCharWidth = cm.display.cachedTextHeight = null;
+    if (!cm.options.lineWrapping) cm.display.maxLineChanged = true;
+    cm.display.lineNumChars = null;
+  }
+
+  function pageScrollX() { return window.pageXOffset || (document.documentElement || document.body).scrollLeft; }
+  function pageScrollY() { return window.pageYOffset || (document.documentElement || document.body).scrollTop; }
+
+  // Context is one of "line", "div" (display.lineDiv), "local"/null (editor), or "page"
+  function intoCoordSystem(cm, lineObj, rect, context) {
+    if (lineObj.widgets) for (var i = 0; i < lineObj.widgets.length; ++i) if (lineObj.widgets[i].above) {
+      var size = widgetHeight(lineObj.widgets[i]);
+      rect.top += size; rect.bottom += size;
+    }
+    if (context == "line") return rect;
+    if (!context) context = "local";
+    var yOff = heightAtLine(cm, lineObj);
+    if (context == "local") yOff += paddingTop(cm.display);
+    else yOff -= cm.display.viewOffset;
+    if (context == "page" || context == "window") {
+      var lOff = getRect(cm.display.lineSpace);
+      yOff += lOff.top + (context == "window" ? 0 : pageScrollY());
+      var xOff = lOff.left + (context == "window" ? 0 : pageScrollX());
+      rect.left += xOff; rect.right += xOff;
+    }
+    rect.top += yOff; rect.bottom += yOff;
+    return rect;
+  }
+
+  // Context may be "window", "page", "div", or "local"/null
+  // Result is in "div" coords
+  function fromCoordSystem(cm, coords, context) {
+    if (context == "div") return coords;
+    var left = coords.left, top = coords.top;
+    // First move into "page" coordinate system
+    if (context == "page") {
+      left -= pageScrollX();
+      top -= pageScrollY();
+    } else if (context == "local" || !context) {
+      var localBox = getRect(cm.display.sizer);
+      left += localBox.left;
+      top += localBox.top;
+    }
+
+    var lineSpaceBox = getRect(cm.display.lineSpace);
+    return {left: left - lineSpaceBox.left, top: top - lineSpaceBox.top};
+  }
+
+  function charCoords(cm, pos, context, lineObj, bias) {
+    if (!lineObj) lineObj = getLine(cm.doc, pos.line);
+    return intoCoordSystem(cm, lineObj, measureChar(cm, lineObj, pos.ch, null, bias), context);
+  }
+
+  function cursorCoords(cm, pos, context, lineObj, measurement) {
+    lineObj = lineObj || getLine(cm.doc, pos.line);
+    if (!measurement) measurement = measureLine(cm, lineObj);
+    function get(ch, right) {
+      var m = measureChar(cm, lineObj, ch, measurement, right ? "right" : "left");
+      if (right) m.left = m.right; else m.right = m.left;
+      return intoCoordSystem(cm, lineObj, m, context);
+    }
+    function getBidi(ch, partPos) {
+      var part = order[partPos], right = part.level % 2;
+      if (ch == bidiLeft(part) && partPos && part.level < order[partPos - 1].level) {
+        part = order[--partPos];
+        ch = bidiRight(part) - (part.level % 2 ? 0 : 1);
+        right = true;
+      } else if (ch == bidiRight(part) && partPos < order.length - 1 && part.level < order[partPos + 1].level) {
+        part = order[++partPos];
+        ch = bidiLeft(part) - part.level % 2;
+        right = false;
+      }
+      if (right && ch == part.to && ch > part.from) return get(ch - 1);
+      return get(ch, right);
+    }
+    var order = getOrder(lineObj), ch = pos.ch;
+    if (!order) return get(ch);
+    var partPos = getBidiPartAt(order, ch);
+    var val = getBidi(ch, partPos);
+    if (bidiOther != null) val.other = getBidi(ch, bidiOther);
+    return val;
+  }
+
+  function PosWithInfo(line, ch, outside, xRel) {
+    var pos = new Pos(line, ch);
+    pos.xRel = xRel;
+    if (outside) pos.outside = true;
+    return pos;
+  }
+
+  // Coords must be lineSpace-local
+  function coordsChar(cm, x, y) {
+    var doc = cm.doc;
+    y += cm.display.viewOffset;
+    if (y < 0) return PosWithInfo(doc.first, 0, true, -1);
+    var lineNo = lineAtHeight(doc, y), last = doc.first + doc.size - 1;
+    if (lineNo > last)
+      return PosWithInfo(doc.first + doc.size - 1, getLine(doc, last).text.length, true, 1);
+    if (x < 0) x = 0;
+
+    for (;;) {
+      var lineObj = getLine(doc, lineNo);
+      var found = coordsCharInner(cm, lineObj, lineNo, x, y);
+      var merged = collapsedSpanAtEnd(lineObj);
+      var mergedPos = merged && merged.find();
+      if (merged && (found.ch > mergedPos.from.ch || found.ch == mergedPos.from.ch && found.xRel > 0))
+        lineNo = mergedPos.to.line;
+      else
+        return found;
+    }
+  }
+
+  function coordsCharInner(cm, lineObj, lineNo, x, y) {
+    var innerOff = y - heightAtLine(cm, lineObj);
+    var wrongLine = false, adjust = 2 * cm.display.wrapper.clientWidth;
+    var measurement = measureLine(cm, lineObj);
+
+    function getX(ch) {
+      var sp = cursorCoords(cm, Pos(lineNo, ch), "line",
+                            lineObj, measurement);
+      wrongLine = true;
+      if (innerOff > sp.bottom) return sp.left - adjust;
+      else if (innerOff < sp.top) return sp.left + adjust;
+      else wrongLine = false;
+      return sp.left;
+    }
+
+    var bidi = getOrder(lineObj), dist = lineObj.text.length;
+    var from = lineLeft(lineObj), to = lineRight(lineObj);
+    var fromX = getX(from), fromOutside = wrongLine, toX = getX(to), toOutside = wrongLine;
+
+    if (x > toX) return PosWithInfo(lineNo, to, toOutside, 1);
+    // Do a binary search between these bounds.
+    for (;;) {
+      if (bidi ? to == from || to == moveVisually(lineObj, from, 1) : to - from <= 1) {
+        var ch = x < fromX || x - fromX <= toX - x ? from : to;
+        var xDiff = x - (ch == from ? fromX : toX);
+        while (isExtendingChar.test(lineObj.text.charAt(ch))) ++ch;
+        var pos = PosWithInfo(lineNo, ch, ch == from ? fromOutside : toOutside,
+                              xDiff < 0 ? -1 : xDiff ? 1 : 0);
+        return pos;
+      }
+      var step = Math.ceil(dist / 2), middle = from + step;
+      if (bidi) {
+        middle = from;
+        for (var i = 0; i < step; ++i) middle = moveVisually(lineObj, middle, 1);
+      }
+      var middleX = getX(middle);
+      if (middleX > x) {to = middle; toX = middleX; if (toOutside = wrongLine) toX += 1000; dist = step;}
+      else {from = middle; fromX = middleX; fromOutside = wrongLine; dist -= step;}
+    }
+  }
+
+  var measureText;
+  function textHeight(display) {
+    if (display.cachedTextHeight != null) return display.cachedTextHeight;
+    if (measureText == null) {
+      measureText = elt("pre");
+      // Measure a bunch of lines, for browsers that compute
+      // fractional heights.
+      for (var i = 0; i < 49; ++i) {
+        measureText.appendChild(document.createTextNode("x"));
+        measureText.appendChild(elt("br"));
+      }
+      measureText.appendChild(document.createTextNode("x"));
+    }
+    removeChildrenAndAdd(display.measure, measureText);
+    var height = measureText.offsetHeight / 50;
+    if (height > 3) display.cachedTextHeight = height;
+    removeChildren(display.measure);
+    return height || 1;
+  }
+
+  function charWidth(display) {
+    if (display.cachedCharWidth != null) return display.cachedCharWidth;
+    var anchor = elt("span", "x");
+    var pre = elt("pre", [anchor]);
+    removeChildrenAndAdd(display.measure, pre);
+    var width = anchor.offsetWidth;
+    if (width > 2) display.cachedCharWidth = width;
+    return width || 10;
+  }
+
+  // OPERATIONS
+
+  // Operations are used to wrap changes in such a way that each
+  // change won't have to update the cursor and display (which would
+  // be awkward, slow, and error-prone), but instead updates are
+  // batched and then all combined and executed at once.
+
+  var nextOpId = 0;
+  function startOperation(cm) {
+    cm.curOp = {
+      // An array of ranges of lines that have to be updated. See
+      // updateDisplay.
+      changes: [],
+      forceUpdate: false,
+      updateInput: null,
+      userSelChange: null,
+      textChanged: null,
+      selectionChanged: false,
+      cursorActivity: false,
+      updateMaxLine: false,
+      updateScrollPos: false,
+      id: ++nextOpId
+    };
+    if (!delayedCallbackDepth++) delayedCallbacks = [];
+  }
+
+  function endOperation(cm) {
+    var op = cm.curOp, doc = cm.doc, display = cm.display;
+    cm.curOp = null;
+
+    if (op.updateMaxLine) computeMaxLength(cm);
+    if (display.maxLineChanged && !cm.options.lineWrapping && display.maxLine) {
+      var width = measureLineWidth(cm, display.maxLine);
+      display.sizer.style.minWidth = Math.max(0, width + 3 + scrollerCutOff) + "px";
+      display.maxLineChanged = false;
+      var maxScrollLeft = Math.max(0, display.sizer.offsetLeft + display.sizer.offsetWidth - display.scroller.clientWidth);
+      if (maxScrollLeft < doc.scrollLeft && !op.updateScrollPos)
+        setScrollLeft(cm, Math.min(display.scroller.scrollLeft, maxScrollLeft), true);
+    }
+    var newScrollPos, updated;
+    if (op.updateScrollPos) {
+      newScrollPos = op.updateScrollPos;
+    } else if (op.selectionChanged && display.scroller.clientHeight) { // don't rescroll if not visible
+      var coords = cursorCoords(cm, doc.sel.head);
+      newScrollPos = calculateScrollPos(cm, coords.left, coords.top, coords.left, coords.bottom);
+    }
+    if (op.changes.length || op.forceUpdate || newScrollPos && newScrollPos.scrollTop != null) {
+      updated = updateDisplay(cm, op.changes, newScrollPos && newScrollPos.scrollTop, op.forceUpdate);
+      if (cm.display.scroller.offsetHeight) cm.doc.scrollTop = cm.display.scroller.scrollTop;
+    }
+    if (!updated && op.selectionChanged) updateSelection(cm);
+    if (op.updateScrollPos) {
+      var top = Math.max(0, Math.min(display.scroller.scrollHeight - display.scroller.clientHeight, newScrollPos.scrollTop));
+      var left = Math.max(0, Math.min(display.scroller.scrollWidth - display.scroller.clientWidth, newScrollPos.scrollLeft));
+      display.scroller.scrollTop = display.scrollbarV.scrollTop = doc.scrollTop = top;
+      display.scroller.scrollLeft = display.scrollbarH.scrollLeft = doc.scrollLeft = left;
+      alignHorizontally(cm);
+      if (op.scrollToPos)
+        scrollPosIntoView(cm, clipPos(cm.doc, op.scrollToPos.from),
+                          clipPos(cm.doc, op.scrollToPos.to), op.scrollToPos.margin);
+    } else if (newScrollPos) {
+      scrollCursorIntoView(cm);
+    }
+    if (op.selectionChanged) restartBlink(cm);
+
+    if (cm.state.focused && op.updateInput)
+      resetInput(cm, op.userSelChange);
+
+    var hidden = op.maybeHiddenMarkers, unhidden = op.maybeUnhiddenMarkers;
+    if (hidden) for (var i = 0; i < hidden.length; ++i)
+      if (!hidden[i].lines.length) signal(hidden[i], "hide");
+    if (unhidden) for (var i = 0; i < unhidden.length; ++i)
+      if (unhidden[i].lines.length) signal(unhidden[i], "unhide");
+
+    var delayed;
+    if (!--delayedCallbackDepth) {
+      delayed = delayedCallbacks;
+      delayedCallbacks = null;
+    }
+    if (op.textChanged)
+      signal(cm, "change", cm, op.textChanged);
+    if (op.cursorActivity) signal(cm, "cursorActivity", cm);
+    if (delayed) for (var i = 0; i < delayed.length; ++i) delayed[i]();
+  }
+
+  // Wraps a function in an operation. Returns the wrapped function.
+  function operation(cm1, f) {
+    return function() {
+      var cm = cm1 || this, withOp = !cm.curOp;
+      if (withOp) startOperation(cm);
+      try { var result = f.apply(cm, arguments); }
+      finally { if (withOp) endOperation(cm); }
+      return result;
+    };
+  }
+  function docOperation(f) {
+    return function() {
+      var withOp = this.cm && !this.cm.curOp, result;
+      if (withOp) startOperation(this.cm);
+      try { result = f.apply(this, arguments); }
+      finally { if (withOp) endOperation(this.cm); }
+      return result;
+    };
+  }
+  function runInOp(cm, f) {
+    var withOp = !cm.curOp, result;
+    if (withOp) startOperation(cm);
+    try { result = f(); }
+    finally { if (withOp) endOperation(cm); }
+    return result;
+  }
+
+  function regChange(cm, from, to, lendiff) {
+    if (from == null) from = cm.doc.first;
+    if (to == null) to = cm.doc.first + cm.doc.size;
+    cm.curOp.changes.push({from: from, to: to, diff: lendiff});
+  }
+
+  // INPUT HANDLING
+
+  function slowPoll(cm) {
+    if (cm.display.pollingFast) return;
+    cm.display.poll.set(cm.options.pollInterval, function() {
+      readInput(cm);
+      if (cm.state.focused) slowPoll(cm);
+    });
+  }
+
+  function fastPoll(cm) {
+    var missed = false;
+    cm.display.pollingFast = true;
+    function p() {
+      var changed = readInput(cm);
+      if (!changed && !missed) {missed = true; cm.display.poll.set(60, p);}
+      else {cm.display.pollingFast = false; slowPoll(cm);}
+    }
+    cm.display.poll.set(20, p);
+  }
+
+  // prevInput is a hack to work with IME. If we reset the textarea
+  // on every change, that breaks IME. So we look for changes
+  // compared to the previous content instead. (Modern browsers have
+  // events that indicate IME taking place, but these are not widely
+  // supported or compatible enough yet to rely on.)
+  function readInput(cm) {
+    var input = cm.display.input, prevInput = cm.display.prevInput, doc = cm.doc, sel = doc.sel;
+    if (!cm.state.focused || hasSelection(input) || isReadOnly(cm) || cm.state.disableInput) return false;
+    if (cm.state.pasteIncoming && cm.state.fakedLastChar) {
+      input.value = input.value.substring(0, input.value.length - 1);
+      cm.state.fakedLastChar = false;
+    }
+    var text = input.value;
+    if (text == prevInput && posEq(sel.from, sel.to)) return false;
+    if (ie && !ie_lt9 && cm.display.inputHasSelection === text) {
+      resetInput(cm, true);
+      return false;
+    }
+
+    var withOp = !cm.curOp;
+    if (withOp) startOperation(cm);
+    sel.shift = false;
+    var same = 0, l = Math.min(prevInput.length, text.length);
+    while (same < l && prevInput.charCodeAt(same) == text.charCodeAt(same)) ++same;
+    var from = sel.from, to = sel.to;
+    if (same < prevInput.length)
+      from = Pos(from.line, from.ch - (prevInput.length - same));
+    else if (cm.state.overwrite && posEq(from, to) && !cm.state.pasteIncoming)
+      to = Pos(to.line, Math.min(getLine(doc, to.line).text.length, to.ch + (text.length - same)));
+
+    var updateInput = cm.curOp.updateInput;
+    var changeEvent = {from: from, to: to, text: splitLines(text.slice(same)),
+                       origin: cm.state.pasteIncoming ? "paste" : "+input"};
+    makeChange(cm.doc, changeEvent, "end");
+    cm.curOp.updateInput = updateInput;
+    signalLater(cm, "inputRead", cm, changeEvent);
+
+    if (text.length > 1000 || text.indexOf("\n") > -1) input.value = cm.display.prevInput = "";
+    else cm.display.prevInput = text;
+    if (withOp) endOperation(cm);
+    cm.state.pasteIncoming = false;
+    return true;
+  }
+
+  function resetInput(cm, user) {
+    var minimal, selected, doc = cm.doc;
+    if (!posEq(doc.sel.from, doc.sel.to)) {
+      cm.display.prevInput = "";
+      minimal = hasCopyEvent &&
+        (doc.sel.to.line - doc.sel.from.line > 100 || (selected = cm.getSelection()).length > 1000);
+      var content = minimal ? "-" : selected || cm.getSelection();
+      cm.display.input.value = content;
+      if (cm.state.focused) selectInput(cm.display.input);
+      if (ie && !ie_lt9) cm.display.inputHasSelection = content;
+    } else if (user) {
+      cm.display.prevInput = cm.display.input.value = "";
+      if (ie && !ie_lt9) cm.display.inputHasSelection = null;
+    }
+    cm.display.inaccurateSelection = minimal;
+  }
+
+  function focusInput(cm) {
+    if (cm.options.readOnly != "nocursor" && (!mobile || document.activeElement != cm.display.input))
+      cm.display.input.focus();
+  }
+
+  function isReadOnly(cm) {
+    return cm.options.readOnly || cm.doc.cantEdit;
+  }
+
+  // EVENT HANDLERS
+
+  function registerEventHandlers(cm) {
+    var d = cm.display;
+    on(d.scroller, "mousedown", operation(cm, onMouseDown));
+    if (ie)
+      on(d.scroller, "dblclick", operation(cm, function(e) {
+        if (signalDOMEvent(cm, e)) return;
+        var pos = posFromMouse(cm, e);
+        if (!pos || clickInGutter(cm, e) || eventInWidget(cm.display, e)) return;
+        e_preventDefault(e);
+        var word = findWordAt(getLine(cm.doc, pos.line).text, pos);
+        extendSelection(cm.doc, word.from, word.to);
+      }));
+    else
+      on(d.scroller, "dblclick", function(e) { signalDOMEvent(cm, e) || e_preventDefault(e); });
+    on(d.lineSpace, "selectstart", function(e) {
+      if (!eventInWidget(d, e)) e_preventDefault(e);
+    });
+    // Gecko browsers fire contextmenu *after* opening the menu, at
+    // which point we can't mess with it anymore. Context menu is
+    // handled in onMouseDown for Gecko.
+    if (!captureMiddleClick) on(d.scroller, "contextmenu", function(e) {onContextMenu(cm, e);});
+
+    on(d.scroller, "scroll", function() {
+      if (d.scroller.clientHeight) {
+        setScrollTop(cm, d.scroller.scrollTop);
+        setScrollLeft(cm, d.scroller.scrollLeft, true);
+        signal(cm, "scroll", cm);
+      }
+    });
+    on(d.scrollbarV, "scroll", function() {
+      if (d.scroller.clientHeight) setScrollTop(cm, d.scrollbarV.scrollTop);
+    });
+    on(d.scrollbarH, "scroll", function() {
+      if (d.scroller.clientHeight) setScrollLeft(cm, d.scrollbarH.scrollLeft);
+    });
+
+    on(d.scroller, "mousewheel", function(e){onScrollWheel(cm, e);});
+    on(d.scroller, "DOMMouseScroll", function(e){onScrollWheel(cm, e);});
+
+    function reFocus() { if (cm.state.focused) setTimeout(bind(focusInput, cm), 0); }
+    on(d.scrollbarH, "mousedown", reFocus);
+    on(d.scrollbarV, "mousedown", reFocus);
+    // Prevent wrapper from ever scrolling
+    on(d.wrapper, "scroll", function() { d.wrapper.scrollTop = d.wrapper.scrollLeft = 0; });
+
+    var resizeTimer;
+    function onResize() {
+      if (resizeTimer == null) resizeTimer = setTimeout(function() {
+        resizeTimer = null;
+        // Might be a text scaling operation, clear size caches.
+        d.cachedCharWidth = d.cachedTextHeight = knownScrollbarWidth = null;
+        clearCaches(cm);
+        runInOp(cm, bind(regChange, cm));
+      }, 100);
+    }
+    on(window, "resize", onResize);
+    // Above handler holds on to the editor and its data structures.
+    // Here we poll to unregister it when the editor is no longer in
+    // the document, so that it can be garbage-collected.
+    function unregister() {
+      for (var p = d.wrapper.parentNode; p && p != document.body; p = p.parentNode) {}
+      if (p) setTimeout(unregister, 5000);
+      else off(window, "resize", onResize);
+    }
+    setTimeout(unregister, 5000);
+
+    on(d.input, "keyup", operation(cm, function(e) {
+      if (signalDOMEvent(cm, e) || cm.options.onKeyEvent && cm.options.onKeyEvent(cm, addStop(e))) return;
+      if (e.keyCode == 16) cm.doc.sel.shift = false;
+    }));
+    on(d.input, "input", function() {
+      if (ie && !ie_lt9 && cm.display.inputHasSelection) cm.display.inputHasSelection = null;
+      fastPoll(cm);
+    });
+    on(d.input, "keydown", operation(cm, onKeyDown));
+    on(d.input, "keypress", operation(cm, onKeyPress));
+    on(d.input, "focus", bind(onFocus, cm));
+    on(d.input, "blur", bind(onBlur, cm));
+
+    function drag_(e) {
+      if (signalDOMEvent(cm, e) || cm.options.onDragEvent && cm.options.onDragEvent(cm, addStop(e))) return;
+      e_stop(e);
+    }
+    if (cm.options.dragDrop) {
+      on(d.scroller, "dragstart", function(e){onDragStart(cm, e);});
+      on(d.scroller, "dragenter", drag_);
+      on(d.scroller, "dragover", drag_);
+      on(d.scroller, "drop", operation(cm, onDrop));
+    }
+    on(d.scroller, "paste", function(e) {
+      if (eventInWidget(d, e)) return;
+      focusInput(cm);
+      fastPoll(cm);
+    });
+    on(d.input, "paste", function() {
+      // Workaround for webkit bug https://bugs.webkit.org/show_bug.cgi?id=90206
+      // Add a char to the end of textarea before paste occur so that
+      // selection doesn't span to the end of textarea.
+      if (webkit && !cm.state.fakedLastChar && !(new Date - cm.state.lastMiddleDown < 200)) {
+        var start = d.input.selectionStart, end = d.input.selectionEnd;
+        d.input.value += "$";
+        d.input.selectionStart = start;
+        d.input.selectionEnd = end;
+        cm.state.fakedLastChar = true;
+      }
+      cm.state.pasteIncoming = true;
+      fastPoll(cm);
+    });
+
+    function prepareCopy() {
+      if (d.inaccurateSelection) {
+        d.prevInput = "";
+        d.inaccurateSelection = false;
+        d.input.value = cm.getSelection();
+        selectInput(d.input);
+      }
+    }
+    on(d.input, "cut", prepareCopy);
+    on(d.input, "copy", prepareCopy);
+
+    // Needed to handle Tab key in KHTML
+    if (khtml) on(d.sizer, "mouseup", function() {
+        if (document.activeElement == d.input) d.input.blur();
+        focusInput(cm);
+    });
+  }
+
+  function eventInWidget(display, e) {
+    for (var n = e_target(e); n != display.wrapper; n = n.parentNode) {
+      if (!n || n.ignoreEvents || n.parentNode == display.sizer && n != display.mover) return true;
+    }
+  }
+
+  function posFromMouse(cm, e, liberal) {
+    var display = cm.display;
+    if (!liberal) {
+      var target = e_target(e);
+      if (target == display.scrollbarH || target == display.scrollbarH.firstChild ||
+          target == display.scrollbarV || target == display.scrollbarV.firstChild ||
+          target == display.scrollbarFiller || target == display.gutterFiller) return null;
+    }
+    var x, y, space = getRect(display.lineSpace);
+    // Fails unpredictably on IE[67] when mouse is dragged around quickly.
+    try { x = e.clientX; y = e.clientY; } catch (e) { return null; }
+    return coordsChar(cm, x - space.left, y - space.top);
+  }
+
+  var lastClick, lastDoubleClick;
+  function onMouseDown(e) {
+    if (signalDOMEvent(this, e)) return;
+    var cm = this, display = cm.display, doc = cm.doc, sel = doc.sel;
+    sel.shift = e.shiftKey;
+
+    if (eventInWidget(display, e)) {
+      if (!webkit) {
+        display.scroller.draggable = false;
+        setTimeout(function(){display.scroller.draggable = true;}, 100);
+      }
+      return;
+    }
+    if (clickInGutter(cm, e)) return;
+    var start = posFromMouse(cm, e);
+
+    switch (e_button(e)) {
+    case 3:
+      if (captureMiddleClick) onContextMenu.call(cm, cm, e);
+      return;
+    case 2:
+      if (webkit) cm.state.lastMiddleDown = +new Date;
+      if (start) extendSelection(cm.doc, start);
+      setTimeout(bind(focusInput, cm), 20);
+      e_preventDefault(e);
+      return;
+    }
+    // For button 1, if it was clicked inside the editor
+    // (posFromMouse returning non-null), we have to adjust the
+    // selection.
+    if (!start) {if (e_target(e) == display.scroller) e_preventDefault(e); return;}
+
+    if (!cm.state.focused) onFocus(cm);
+
+    var now = +new Date, type = "single";
+    if (lastDoubleClick && lastDoubleClick.time > now - 400 && posEq(lastDoubleClick.pos, start)) {
+      type = "triple";
+      e_preventDefault(e);
+      setTimeout(bind(focusInput, cm), 20);
+      selectLine(cm, start.line);
+    } else if (lastClick && lastClick.time > now - 400 && posEq(lastClick.pos, start)) {
+      type = "double";
+      lastDoubleClick = {time: now, pos: start};
+      e_preventDefault(e);
+      var word = findWordAt(getLine(doc, start.line).text, start);
+      extendSelection(cm.doc, word.from, word.to);
+    } else { lastClick = {time: now, pos: start}; }
+
+    var last = start;
+    if (cm.options.dragDrop && dragAndDrop && !isReadOnly(cm) && !posEq(sel.from, sel.to) &&
+        !posLess(start, sel.from) && !posLess(sel.to, start) && type == "single") {
+      var dragEnd = operation(cm, function(e2) {
+        if (webkit) display.scroller.draggable = false;
+        cm.state.draggingText = false;
+        off(document, "mouseup", dragEnd);
+        off(display.scroller, "drop", dragEnd);
+        if (Math.abs(e.clientX - e2.clientX) + Math.abs(e.clientY - e2.clientY) < 10) {
+          e_preventDefault(e2);
+          extendSelection(cm.doc, start);
+          focusInput(cm);
+        }
+      });
+      // Let the drag handler handle this.
+      if (webkit) display.scroller.draggable = true;
+      cm.state.draggingText = dragEnd;
+      // IE's approach to draggable
+      if (display.scroller.dragDrop) display.scroller.dragDrop();
+      on(document, "mouseup", dragEnd);
+      on(display.scroller, "drop", dragEnd);
+      return;
+    }
+    e_preventDefault(e);
+    if (type == "single") extendSelection(cm.doc, clipPos(doc, start));
+
+    var startstart = sel.from, startend = sel.to, lastPos = start;
+
+    function doSelect(cur) {
+      if (posEq(lastPos, cur)) return;
+      lastPos = cur;
+
+      if (type == "single") {
+        extendSelection(cm.doc, clipPos(doc, start), cur);
+        return;
+      }
+
+      startstart = clipPos(doc, startstart);
+      startend = clipPos(doc, startend);
+      if (type == "double") {
+        var word = findWordAt(getLine(doc, cur.line).text, cur);
+        if (posLess(cur, startstart)) extendSelection(cm.doc, word.from, startend);
+        else extendSelection(cm.doc, startstart, word.to);
+      } else if (type == "triple") {
+        if (posLess(cur, startstart)) extendSelection(cm.doc, startend, clipPos(doc, Pos(cur.line, 0)));
+        else extendSelection(cm.doc, startstart, clipPos(doc, Pos(cur.line + 1, 0)));
+      }
+    }
+
+    var editorSize = getRect(display.wrapper);
+    // Used to ensure timeout re-tries don't fire when another extend
+    // happened in the meantime (clearTimeout isn't reliable -- at
+    // least on Chrome, the timeouts still happen even when cleared,
+    // if the clear happens after their scheduled firing time).
+    var counter = 0;
+
+    function extend(e) {
+      var curCount = ++counter;
+      var cur = posFromMouse(cm, e, true);
+      if (!cur) return;
+      if (!posEq(cur, last)) {
+        if (!cm.state.focused) onFocus(cm);
+        last = cur;
+        doSelect(cur);
+        var visible = visibleLines(display, doc);
+        if (cur.line >= visible.to || cur.line < visible.from)
+          setTimeout(operation(cm, function(){if (counter == curCount) extend(e);}), 150);
+      } else {
+        var outside = e.clientY < editorSize.top ? -20 : e.clientY > editorSize.bottom ? 20 : 0;
+        if (outside) setTimeout(operation(cm, function() {
+          if (counter != curCount) return;
+          display.scroller.scrollTop += outside;
+          extend(e);
+        }), 50);
+      }
+    }
+
+    function done(e) {
+      counter = Infinity;
+      e_preventDefault(e);
+      focusInput(cm);
+      off(document, "mousemove", move);
+      off(document, "mouseup", up);
+    }
+
+    var move = operation(cm, function(e) {
+      if (!ie && !e_button(e)) done(e);
+      else extend(e);
+    });
+    var up = operation(cm, done);
+    on(document, "mousemove", move);
+    on(document, "mouseup", up);
+  }
+
+  function gutterEvent(cm, e, type, prevent, signalfn) {
+    try { var mX = e.clientX, mY = e.clientY; }
+    catch(e) { return false; }
+    if (mX >= Math.floor(getRect(cm.display.gutters).right)) return false;
+    if (prevent) e_preventDefault(e);
+
+    var display = cm.display;
+    var lineBox = getRect(display.lineDiv);
+
+    if (mY > lineBox.bottom || !hasHandler(cm, type)) return e_defaultPrevented(e);
+    mY -= lineBox.top - display.viewOffset;
+
+    for (var i = 0; i < cm.options.gutters.length; ++i) {
+      var g = display.gutters.childNodes[i];
+      if (g && getRect(g).right >= mX) {
+        var line = lineAtHeight(cm.doc, mY);
+        var gutter = cm.options.gutters[i];
+        signalfn(cm, type, cm, line, gutter, e);
+        return e_defaultPrevented(e);
+      }
+    }
+  }
+
+  function contextMenuInGutter(cm, e) {
+    if (!hasHandler(cm, "gutterContextMenu")) return false;
+    return gutterEvent(cm, e, "gutterContextMenu", false, signal);
+  }
+
+  function clickInGutter(cm, e) {
+    return gutterEvent(cm, e, "gutterClick", true, signalLater);
+  }
+
+  // Kludge to work around strange IE behavior where it'll sometimes
+  // re-fire a series of drag-related events right after the drop (#1551)
+  var lastDrop = 0;
+
+  function onDrop(e) {
+    var cm = this;
+    if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e) || (cm.options.onDragEvent && cm.options.onDragEvent(cm, addStop(e))))
+      return;
+    e_preventDefault(e);
+    if (ie) lastDrop = +new Date;
+    var pos = posFromMouse(cm, e, true), files = e.dataTransfer.files;
+    if (!pos || isReadOnly(cm)) return;
+    if (files && files.length && window.FileReader && window.File) {
+      var n = files.length, text = Array(n), read = 0;
+      var loadFile = function(file, i) {
+        var reader = new FileReader;
+        reader.onload = function() {
+          text[i] = reader.result;
+          if (++read == n) {
+            pos = clipPos(cm.doc, pos);
+            makeChange(cm.doc, {from: pos, to: pos, text: splitLines(text.join("\n")), origin: "paste"}, "around");
+          }
+        };
+        reader.readAsText(file);
+      };
+      for (var i = 0; i < n; ++i) loadFile(files[i], i);
+    } else {
+      // Don't do a replace if the drop happened inside of the selected text.
+      if (cm.state.draggingText && !(posLess(pos, cm.doc.sel.from) || posLess(cm.doc.sel.to, pos))) {
+        cm.state.draggingText(e);
+        // Ensure the editor is re-focused
+        setTimeout(bind(focusInput, cm), 20);
+        return;
+      }
+      try {
+        var text = e.dataTransfer.getData("Text");
+        if (text) {
+          var curFrom = cm.doc.sel.from, curTo = cm.doc.sel.to;
+          setSelection(cm.doc, pos, pos);
+          if (cm.state.draggingText) replaceRange(cm.doc, "", curFrom, curTo, "paste");
+          cm.replaceSelection(text, null, "paste");
+          focusInput(cm);
+        }
+      }
+      catch(e){}
+    }
+  }
+
+  function onDragStart(cm, e) {
+    if (ie && (!cm.state.draggingText || +new Date - lastDrop < 100)) { e_stop(e); return; }
+    if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e)) return;
+
+    var txt = cm.getSelection();
+    e.dataTransfer.setData("Text", txt);
+
+    // Use dummy image instead of default browsers image.
+    // Recent Safari (~6.0.2) have a tendency to segfault when this happens, so we don't do it there.
+    if (e.dataTransfer.setDragImage && !safari) {
+      var img = elt("img", null, null, "position: fixed; left: 0; top: 0;");
+      img.src = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
+      if (opera) {
+        img.width = img.height = 1;
+        cm.display.wrapper.appendChild(img);
+        // Force a relayout, or Opera won't use our image for some obscure reason
+        img._top = img.offsetTop;
+      }
+      e.dataTransfer.setDragImage(img, 0, 0);
+      if (opera) img.parentNode.removeChild(img);
+    }
+  }
+
+  function setScrollTop(cm, val) {
+    if (Math.abs(cm.doc.scrollTop - val) < 2) return;
+    cm.doc.scrollTop = val;
+    if (!gecko) updateDisplay(cm, [], val);
+    if (cm.display.scroller.scrollTop != val) cm.display.scroller.scrollTop = val;
+    if (cm.display.scrollbarV.scrollTop != val) cm.display.scrollbarV.scrollTop = val;
+    if (gecko) updateDisplay(cm, []);
+    startWorker(cm, 100);
+  }
+  function setScrollLeft(cm, val, isScroller) {
+    if (isScroller ? val == cm.doc.scrollLeft : Math.abs(cm.doc.scrollLeft - val) < 2) return;
+    val = Math.min(val, cm.display.scroller.scrollWidth - cm.display.scroller.clientWidth);
+    cm.doc.scrollLeft = val;
+    alignHorizontally(cm);
+    if (cm.display.scroller.scrollLeft != val) cm.display.scroller.scrollLeft = val;
+    if (cm.display.scrollbarH.scrollLeft != val) cm.display.scrollbarH.scrollLeft = val;
+  }
+
+  // Since the delta values reported on mouse wheel events are
+  // unstandardized between browsers and even browser versions, and
+  // generally horribly unpredictable, this code starts by measuring
+  // the scroll effect that the first few mouse wheel events have,
+  // and, from that, detects the way it can convert deltas to pixel
+  // offsets afterwards.
+  //
+  // The reason we want to know the amount a wheel event will scroll
+  // is that it gives us a chance to update the display before the
+  // actual scrolling happens, reducing flickering.
+
+  var wheelSamples = 0, wheelPixelsPerUnit = null;
+  // Fill in a browser-detected starting value on browsers where we
+  // know one. These don't have to be accurate -- the result of them
+  // being wrong would just be a slight flicker on the first wheel
+  // scroll (if it is large enough).
+  if (ie) wheelPixelsPerUnit = -.53;
+  else if (gecko) wheelPixelsPerUnit = 15;
+  else if (chrome) wheelPixelsPerUnit = -.7;
+  else if (safari) wheelPixelsPerUnit = -1/3;
+
+  function onScrollWheel(cm, e) {
+    var dx = e.wheelDeltaX, dy = e.wheelDeltaY;
+    if (dx == null && e.detail && e.axis == e.HORIZONTAL_AXIS) dx = e.detail;
+    if (dy == null && e.detail && e.axis == e.VERTICAL_AXIS) dy = e.detail;
+    else if (dy == null) dy = e.wheelDelta;
+
+    var display = cm.display, scroll = display.scroller;
+    // Quit if there's nothing to scroll here
+    if (!(dx && scroll.scrollWidth > scroll.clientWidth ||
+          dy && scroll.scrollHeight > scroll.clientHeight)) return;
+
+    // Webkit browsers on OS X abort momentum scrolls when the target
+    // of the scroll event is removed from the scrollable element.
+    // This hack (see related code in patchDisplay) makes sure the
+    // element is kept around.
+    if (dy && mac && webkit) {
+      for (var cur = e.target; cur != scroll; cur = cur.parentNode) {
+        if (cur.lineObj) {
+          cm.display.currentWheelTarget = cur;
+          break;
+        }
+      }
+    }
+
+    // On some browsers, horizontal scrolling will cause redraws to
+    // happen before the gutter has been realigned, causing it to
+    // wriggle around in a most unseemly way. When we have an
+    // estimated pixels/delta value, we just handle horizontal
+    // scrolling entirely here. It'll be slightly off from native, but
+    // better than glitching out.
+    if (dx && !gecko && !opera && wheelPixelsPerUnit != null) {
+      if (dy)
+        setScrollTop(cm, Math.max(0, Math.min(scroll.scrollTop + dy * wheelPixelsPerUnit, scroll.scrollHeight - scroll.clientHeight)));
+      setScrollLeft(cm, Math.max(0, Math.min(scroll.scrollLeft + dx * wheelPixelsPerUnit, scroll.scrollWidth - scroll.clientWidth)));
+      e_preventDefault(e);
+      display.wheelStartX = null; // Abort measurement, if in progress
+      return;
+    }
+
+    if (dy && wheelPixelsPerUnit != null) {
+      var pixels = dy * wheelPixelsPerUnit;
+      var top = cm.doc.scrollTop, bot = top + display.wrapper.clientHeight;
+      if (pixels < 0) top = Math.max(0, top + pixels - 50);
+      else bot = Math.min(cm.doc.height, bot + pixels + 50);
+      updateDisplay(cm, [], {top: top, bottom: bot});
+    }
+
+    if (wheelSamples < 20) {
+      if (display.wheelStartX == null) {
+        display.wheelStartX = scroll.scrollLeft; display.wheelStartY = scroll.scrollTop;
+        display.wheelDX = dx; display.wheelDY = dy;
+        setTimeout(function() {
+          if (display.wheelStartX == null) return;
+          var movedX = scroll.scrollLeft - display.wheelStartX;
+          var movedY = scroll.scrollTop - display.wheelStartY;
+          var sample = (movedY && display.wheelDY && movedY / display.wheelDY) ||
+            (movedX && display.wheelDX && movedX / display.wheelDX);
+          display.wheelStartX = display.wheelStartY = null;
+          if (!sample) return;
+          wheelPixelsPerUnit = (wheelPixelsPerUnit * wheelSamples + sample) / (wheelSamples + 1);
+          ++wheelSamples;
+        }, 200);
+      } else {
+        display.wheelDX += dx; display.wheelDY += dy;
+      }
+    }
+  }
+
+  function doHandleBinding(cm, bound, dropShift) {
+    if (typeof bound == "string") {
+      bound = commands[bound];
+      if (!bound) return false;
+    }
+    // Ensure previous input has been read, so that the handler sees a
+    // consistent view of the document
+    if (cm.display.pollingFast && readInput(cm)) cm.display.pollingFast = false;
+    var doc = cm.doc, prevShift = doc.sel.shift, done = false;
+    try {
+      if (isReadOnly(cm)) cm.state.suppressEdits = true;
+      if (dropShift) doc.sel.shift = false;
+      done = bound(cm) != Pass;
+    } finally {
+      doc.sel.shift = prevShift;
+      cm.state.suppressEdits = false;
+    }
+    return done;
+  }
+
+  function allKeyMaps(cm) {
+    var maps = cm.state.keyMaps.slice(0);
+    if (cm.options.extraKeys) maps.push(cm.options.extraKeys);
+    maps.push(cm.options.keyMap);
+    return maps;
+  }
+
+  var maybeTransition;
+  function handleKeyBinding(cm, e) {
+    // Handle auto keymap transitions
+    var startMap = getKeyMap(cm.options.keyMap), next = startMap.auto;
+    clearTimeout(maybeTransition);
+    if (next && !isModifierKey(e)) maybeTransition = setTimeout(function() {
+      if (getKeyMap(cm.options.keyMap) == startMap) {
+        cm.options.keyMap = (next.call ? next.call(null, cm) : next);
+        keyMapChanged(cm);
+      }
+    }, 50);
+
+    var name = keyName(e, true), handled = false;
+    if (!name) return false;
+    var keymaps = allKeyMaps(cm);
+
+    if (e.shiftKey) {
+      // First try to resolve full name (including 'Shift-'). Failing
+      // that, see if there is a cursor-motion command (starting with
+      // 'go') bound to the keyname without 'Shift-'.
+      handled = lookupKey("Shift-" + name, keymaps, function(b) {return doHandleBinding(cm, b, true);})
+             || lookupKey(name, keymaps, function(b) {
+                  if (typeof b == "string" ? /^go[A-Z]/.test(b) : b.motion)
+                    return doHandleBinding(cm, b);
+                });
+    } else {
+      handled = lookupKey(name, keymaps, function(b) { return doHandleBinding(cm, b); });
+    }
+
+    if (handled) {
+      e_preventDefault(e);
+      restartBlink(cm);
+      if (ie_lt9) { e.oldKeyCode = e.keyCode; e.keyCode = 0; }
+      signalLater(cm, "keyHandled", cm, name, e);
+    }
+    return handled;
+  }
+
+  function handleCharBinding(cm, e, ch) {
+    var handled = lookupKey("'" + ch + "'", allKeyMaps(cm),
+                            function(b) { return doHandleBinding(cm, b, true); });
+    if (handled) {
+      e_preventDefault(e);
+      restartBlink(cm);
+      signalLater(cm, "keyHandled", cm, "'" + ch + "'", e);
+    }
+    return handled;
+  }
+
+  var lastStoppedKey = null;
+  function onKeyDown(e) {
+    var cm = this;
+    if (!cm.state.focused) onFocus(cm);
+    if (signalDOMEvent(cm, e) || cm.options.onKeyEvent && cm.options.onKeyEvent(cm, addStop(e))) return;
+    if (ie && e.keyCode == 27) e.returnValue = false;
+    var code = e.keyCode;
+    // IE does strange things with escape.
+    cm.doc.sel.shift = code == 16 || e.shiftKey;
+    // First give onKeyEvent option a chance to handle this.
+    var handled = handleKeyBinding(cm, e);
+    if (opera) {
+      lastStoppedKey = handled ? code : null;
+      // Opera has no cut event... we try to at least catch the key combo
+      if (!handled && code == 88 && !hasCopyEvent && (mac ? e.metaKey : e.ctrlKey))
+        cm.replaceSelection("");
+    }
+  }
+
+  function onKeyPress(e) {
+    var cm = this;
+    if (signalDOMEvent(cm, e) || cm.options.onKeyEvent && cm.options.onKeyEvent(cm, addStop(e))) return;
+    var keyCode = e.keyCode, charCode = e.charCode;
+    if (opera && keyCode == lastStoppedKey) {lastStoppedKey = null; e_preventDefault(e); return;}
+    if (((opera && (!e.which || e.which < 10)) || khtml) && handleKeyBinding(cm, e)) return;
+    var ch = String.fromCharCode(charCode == null ? keyCode : charCode);
+    if (this.options.electricChars && this.doc.mode.electricChars &&
+        this.options.smartIndent && !isReadOnly(this) &&
+        this.doc.mode.electricChars.indexOf(ch) > -1)
+      setTimeout(operation(cm, function() {indentLine(cm, cm.doc.sel.to.line, "smart");}), 75);
+    if (handleCharBinding(cm, e, ch)) return;
+    if (ie && !ie_lt9) cm.display.inputHasSelection = null;
+    fastPoll(cm);
+  }
+
+  function onFocus(cm) {
+    if (cm.options.readOnly == "nocursor") return;
+    if (!cm.state.focused) {
+      signal(cm, "focus", cm);
+      cm.state.focused = true;
+      if (cm.display.wrapper.className.search(/\bCodeMirror-focused\b/) == -1)
+        cm.display.wrapper.className += " CodeMirror-focused";
+      if (!cm.curOp) {
+        resetInput(cm, true);
+        if (webkit) setTimeout(bind(resetInput, cm, true), 0); // Issue #1730
+      }
+    }
+    slowPoll(cm);
+    restartBlink(cm);
+  }
+  function onBlur(cm) {
+    if (cm.state.focused) {
+      signal(cm, "blur", cm);
+      cm.state.focused = false;
+      cm.display.wrapper.className = cm.display.wrapper.className.replace(" CodeMirror-focused", "");
+    }
+    clearInterval(cm.display.blinker);
+    setTimeout(function() {if (!cm.state.focused) cm.doc.sel.shift = false;}, 150);
+  }
+
+  var detectingSelectAll;
+  function onContextMenu(cm, e) {
+    if (signalDOMEvent(cm, e, "contextmenu")) return;
+    var display = cm.display, sel = cm.doc.sel;
+    if (eventInWidget(display, e) || contextMenuInGutter(cm, e)) return;
+
+    var pos = posFromMouse(cm, e), scrollPos = display.scroller.scrollTop;
+    if (!pos || opera) return; // Opera is difficult.
+
+    // Reset the current text selection only if the click is done outside of the selection
+    // and 'resetSelectionOnContextMenu' option is true.
+    var reset = cm.options.resetSelectionOnContextMenu;
+    if (reset && (posEq(sel.from, sel.to) || posLess(pos, sel.from) || !posLess(pos, sel.to)))
+      operation(cm, setSelection)(cm.doc, pos, pos);
+
+    var oldCSS = display.input.style.cssText;
+    display.inputDiv.style.position = "absolute";
+    display.input.style.cssText = "position: fixed; width: 30px; height: 30px; top: " + (e.clientY - 5) +
+      "px; left: " + (e.clientX - 5) + "px; z-index: 1000; background: white; outline: none;" +
+      "border-width: 0; outline: none; overflow: hidden; opacity: .05; -ms-opacity: .05; filter: alpha(opacity=5);";
+    focusInput(cm);
+    resetInput(cm, true);
+    // Adds "Select all" to context menu in FF
+    if (posEq(sel.from, sel.to)) display.input.value = display.prevInput = " ";
+
+    function prepareSelectAllHack() {
+      if (display.input.selectionStart != null) {
+        var extval = display.input.value = "\u200b" + (posEq(sel.from, sel.to) ? "" : display.input.value);
+        display.prevInput = "\u200b";
+        display.input.selectionStart = 1; display.input.selectionEnd = extval.length;
+      }
+    }
+    function rehide() {
+      display.inputDiv.style.position = "relative";
+      display.input.style.cssText = oldCSS;
+      if (ie_lt9) display.scrollbarV.scrollTop = display.scroller.scrollTop = scrollPos;
+      slowPoll(cm);
+
+      // Try to detect the user choosing select-all
+      if (display.input.selectionStart != null) {
+        if (!ie || ie_lt9) prepareSelectAllHack();
+        clearTimeout(detectingSelectAll);
+        var i = 0, poll = function(){
+          if (display.prevInput == " " && display.input.selectionStart == 0)
+            operation(cm, commands.selectAll)(cm);
+          else if (i++ < 10) detectingSelectAll = setTimeout(poll, 500);
+          else resetInput(cm);
+        };
+        detectingSelectAll = setTimeout(poll, 200);
+      }
+    }
+
+    if (ie && !ie_lt9) prepareSelectAllHack();
+    if (captureMiddleClick) {
+      e_stop(e);
+      var mouseup = function() {
+        off(window, "mouseup", mouseup);
+        setTimeout(rehide, 20);
+      };
+      on(window, "mouseup", mouseup);
+    } else {
+      setTimeout(rehide, 50);
+    }
+  }
+
+  // UPDATING
+
+  var changeEnd = CodeMirror.changeEnd = function(change) {
+    if (!change.text) return change.to;
+    return Pos(change.from.line + change.text.length - 1,
+               lst(change.text).length + (change.text.length == 1 ? change.from.ch : 0));
+  };
+
+  // Make sure a position will be valid after the given change.
+  function clipPostChange(doc, change, pos) {
+    if (!posLess(change.from, pos)) return clipPos(doc, pos);
+    var diff = (change.text.length - 1) - (change.to.line - change.from.line);
+    if (pos.line > change.to.line + diff) {
+      var preLine = pos.line - diff, lastLine = doc.first + doc.size - 1;
+      if (preLine > lastLine) return Pos(lastLine, getLine(doc, lastLine).text.length);
+      return clipToLen(pos, getLine(doc, preLine).text.length);
+    }
+    if (pos.line == change.to.line + diff)
+      return clipToLen(pos, lst(change.text).length + (change.text.length == 1 ? change.from.ch : 0) +
+                       getLine(doc, change.to.line).text.length - change.to.ch);
+    var inside = pos.line - change.from.line;
+    return clipToLen(pos, change.text[inside].length + (inside ? 0 : change.from.ch));
+  }
+
+  // Hint can be null|"end"|"start"|"around"|{anchor,head}
+  function computeSelAfterChange(doc, change, hint) {
+    if (hint && typeof hint == "object") // Assumed to be {anchor, head} object
+      return {anchor: clipPostChange(doc, change, hint.anchor),
+              head: clipPostChange(doc, change, hint.head)};
+
+    if (hint == "start") return {anchor: change.from, head: change.from};
+
+    var end = changeEnd(change);
+    if (hint == "around") return {anchor: change.from, head: end};
+    if (hint == "end") return {anchor: end, head: end};
+
+    // hint is null, leave the selection alone as much as possible
+    var adjustPos = function(pos) {
+      if (posLess(pos, change.from)) return pos;
+      if (!posLess(change.to, pos)) return end;
+
+      var line = pos.line + change.text.length - (change.to.line - change.from.line) - 1, ch = pos.ch;
+      if (pos.line == change.to.line) ch += end.ch - change.to.ch;
+      return Pos(line, ch);
+    };
+    return {anchor: adjustPos(doc.sel.anchor), head: adjustPos(doc.sel.head)};
+  }
+
+  function filterChange(doc, change, update) {
+    var obj = {
+      canceled: false,
+      from: change.from,
+      to: change.to,
+      text: change.text,
+      origin: change.origin,
+      cancel: function() { this.canceled = true; }
+    };
+    if (update) obj.update = function(from, to, text, origin) {
+      if (from) this.from = clipPos(doc, from);
+      if (to) this.to = clipPos(doc, to);
+      if (text) this.text = text;
+      if (origin !== undefined) this.origin = origin;
+    };
+    signal(doc, "beforeChange", doc, obj);
+    if (doc.cm) signal(doc.cm, "beforeChange", doc.cm, obj);
+
+    if (obj.canceled) return null;
+    return {from: obj.from, to: obj.to, text: obj.text, origin: obj.origin};
+  }
+
+  // Replace the range from from to to by the strings in replacement.
+  // change is a {from, to, text [, origin]} object
+  function makeChange(doc, change, selUpdate, ignoreReadOnly) {
+    if (doc.cm) {
+      if (!doc.cm.curOp) return operation(doc.cm, makeChange)(doc, change, selUpdate, ignoreReadOnly);
+      if (doc.cm.state.suppressEdits) return;
+    }
+
+    if (hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange")) {
+      change = filterChange(doc, change, true);
+      if (!change) return;
+    }
+
+    // Possibly split or suppress the update based on the presence
+    // of read-only spans in its range.
+    var split = sawReadOnlySpans && !ignoreReadOnly && removeReadOnlyRanges(doc, change.from, change.to);
+    if (split) {
+      for (var i = split.length - 1; i >= 1; --i)
+        makeChangeNoReadonly(doc, {from: split[i].from, to: split[i].to, text: [""]});
+      if (split.length)
+        makeChangeNoReadonly(doc, {from: split[0].from, to: split[0].to, text: change.text}, selUpdate);
+    } else {
+      makeChangeNoReadonly(doc, change, selUpdate);
+    }
+  }
+
+  function makeChangeNoReadonly(doc, change, selUpdate) {
+    if (change.text.length == 1 && change.text[0] == "" && posEq(change.from, change.to)) return;
+    var selAfter = computeSelAfterChange(doc, change, selUpdate);
+    addToHistory(doc, change, selAfter, doc.cm ? doc.cm.curOp.id : NaN);
+
+    makeChangeSingleDoc(doc, change, selAfter, stretchSpansOverChange(doc, change));
+    var rebased = [];
+
+    linkedDocs(doc, function(doc, sharedHist) {
+      if (!sharedHist && indexOf(rebased, doc.history) == -1) {
+        rebaseHist(doc.history, change);
+        rebased.push(doc.history);
+      }
+      makeChangeSingleDoc(doc, change, null, stretchSpansOverChange(doc, change));
+    });
+  }
+
+  function makeChangeFromHistory(doc, type) {
+    if (doc.cm && doc.cm.state.suppressEdits) return;
+
+    var hist = doc.history;
+    var event = (type == "undo" ? hist.done : hist.undone).pop();
+    if (!event) return;
+
+    var anti = {changes: [], anchorBefore: event.anchorAfter, headBefore: event.headAfter,
+                anchorAfter: event.anchorBefore, headAfter: event.headBefore,
+                generation: hist.generation};
+    (type == "undo" ? hist.undone : hist.done).push(anti);
+    hist.generation = event.generation || ++hist.maxGeneration;
+
+    var filter = hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange");
+
+    for (var i = event.changes.length - 1; i >= 0; --i) {
+      var change = event.changes[i];
+      change.origin = type;
+      if (filter && !filterChange(doc, change, false)) {
+        (type == "undo" ? hist.done : hist.undone).length = 0;
+        return;
+      }
+
+      anti.changes.push(historyChangeFromChange(doc, change));
+
+      var after = i ? computeSelAfterChange(doc, change, null)
+                    : {anchor: event.anchorBefore, head: event.headBefore};
+      makeChangeSingleDoc(doc, change, after, mergeOldSpans(doc, change));
+      var rebased = [];
+
+      linkedDocs(doc, function(doc, sharedHist) {
+        if (!sharedHist && indexOf(rebased, doc.history) == -1) {
+          rebaseHist(doc.history, change);
+          rebased.push(doc.history);
+        }
+        makeChangeSingleDoc(doc, change, null, mergeOldSpans(doc, change));
+      });
+    }
+  }
+
+  function shiftDoc(doc, distance) {
+    function shiftPos(pos) {return Pos(pos.line + distance, pos.ch);}
+    doc.first += distance;
+    if (doc.cm) regChange(doc.cm, doc.first, doc.first, distance);
+    doc.sel.head = shiftPos(doc.sel.head); doc.sel.anchor = shiftPos(doc.sel.anchor);
+    doc.sel.from = shiftPos(doc.sel.from); doc.sel.to = shiftPos(doc.sel.to);
+  }
+
+  function makeChangeSingleDoc(doc, change, selAfter, spans) {
+    if (doc.cm && !doc.cm.curOp)
+      return operation(doc.cm, makeChangeSingleDoc)(doc, change, selAfter, spans);
+
+    if (change.to.line < doc.first) {
+      shiftDoc(doc, change.text.length - 1 - (change.to.line - change.from.line));
+      return;
+    }
+    if (change.from.line > doc.lastLine()) return;
+
+    // Clip the change to the size of this doc
+    if (change.from.line < doc.first) {
+      var shift = change.text.length - 1 - (doc.first - change.from.line);
+      shiftDoc(doc, shift);
+      change = {from: Pos(doc.first, 0), to: Pos(change.to.line + shift, change.to.ch),
+                text: [lst(change.text)], origin: change.origin};
+    }
+    var last = doc.lastLine();
+    if (change.to.line > last) {
+      change = {from: change.from, to: Pos(last, getLine(doc, last).text.length),
+                text: [change.text[0]], origin: change.origin};
+    }
+
+    change.removed = getBetween(doc, change.from, change.to);
+
+    if (!selAfter) selAfter = computeSelAfterChange(doc, change, null);
+    if (doc.cm) makeChangeSingleDocInEditor(doc.cm, change, spans, selAfter);
+    else updateDoc(doc, change, spans, selAfter);
+  }
+
+  function makeChangeSingleDocInEditor(cm, change, spans, selAfter) {
+    var doc = cm.doc, display = cm.display, from = change.from, to = change.to;
+
+    var recomputeMaxLength = false, checkWidthStart = from.line;
+    if (!cm.options.lineWrapping) {
+      checkWidthStart = lineNo(visualLine(doc, getLine(doc, from.line)));
+      doc.iter(checkWidthStart, to.line + 1, function(line) {
+        if (line == display.maxLine) {
+          recomputeMaxLength = true;
+          return true;
+        }
+      });
+    }
+
+    if (!posLess(doc.sel.head, change.from) && !posLess(change.to, doc.sel.head))
+      cm.curOp.cursorActivity = true;
+
+    updateDoc(doc, change, spans, selAfter, estimateHeight(cm));
+
+    if (!cm.options.lineWrapping) {
+      doc.iter(checkWidthStart, from.line + change.text.length, function(line) {
+        var len = lineLength(doc, line);
+        if (len > display.maxLineLength) {
+          display.maxLine = line;
+          display.maxLineLength = len;
+          display.maxLineChanged = true;
+          recomputeMaxLength = false;
+        }
+      });
+      if (recomputeMaxLength) cm.curOp.updateMaxLine = true;
+    }
+
+    // Adjust frontier, schedule worker
+    doc.frontier = Math.min(doc.frontier, from.line);
+    startWorker(cm, 400);
+
+    var lendiff = change.text.length - (to.line - from.line) - 1;
+    // Remember that these lines changed, for updating the display
+    regChange(cm, from.line, to.line + 1, lendiff);
+
+    if (hasHandler(cm, "change")) {
+      var changeObj = {from: from, to: to,
+                       text: change.text,
+                       removed: change.removed,
+                       origin: change.origin};
+      if (cm.curOp.textChanged) {
+        for (var cur = cm.curOp.textChanged; cur.next; cur = cur.next) {}
+        cur.next = changeObj;
+      } else cm.curOp.textChanged = changeObj;
+    }
+  }
+
+  function replaceRange(doc, code, from, to, origin) {
+    if (!to) to = from;
+    if (posLess(to, from)) { var tmp = to; to = from; from = tmp; }
+    if (typeof code == "string") code = splitLines(code);
+    makeChange(doc, {from: from, to: to, text: code, origin: origin}, null);
+  }
+
+  // POSITION OBJECT
+
+  function Pos(line, ch) {
+    if (!(this instanceof Pos)) return new Pos(line, ch);
+    this.line = line; this.ch = ch;
+  }
+  CodeMirror.Pos = Pos;
+
+  function posEq(a, b) {return a.line == b.line && a.ch == b.ch;}
+  function posLess(a, b) {return a.line < b.line || (a.line == b.line && a.ch < b.ch);}
+  function copyPos(x) {return Pos(x.line, x.ch);}
+
+  // SELECTION
+
+  function clipLine(doc, n) {return Math.max(doc.first, Math.min(n, doc.first + doc.size - 1));}
+  function clipPos(doc, pos) {
+    if (pos.line < doc.first) return Pos(doc.first, 0);
+    var last = doc.first + doc.size - 1;
+    if (pos.line > last) return Pos(last, getLine(doc, last).text.length);
+    return clipToLen(pos, getLine(doc, pos.line).text.length);
+  }
+  function clipToLen(pos, linelen) {
+    var ch = pos.ch;
+    if (ch == null || ch > linelen) return Pos(pos.line, linelen);
+    else if (ch < 0) return Pos(pos.line, 0);
+    else return pos;
+  }
+  function isLine(doc, l) {return l >= doc.first && l < doc.first + doc.size;}
+
+  // If shift is held, this will move the selection anchor. Otherwise,
+  // it'll set the whole selection.
+  function extendSelection(doc, pos, other, bias) {
+    if (doc.sel.shift || doc.sel.extend) {
+      var anchor = doc.sel.anchor;
+      if (other) {
+        var posBefore = posLess(pos, anchor);
+        if (posBefore != posLess(other, anchor)) {
+          anchor = pos;
+          pos = other;
+        } else if (posBefore != posLess(pos, other)) {
+          pos = other;
+        }
+      }
+      setSelection(doc, anchor, pos, bias);
+    } else {
+      setSelection(doc, pos, other || pos, bias);
+    }
+    if (doc.cm) doc.cm.curOp.userSelChange = true;
+  }
+
+  function filterSelectionChange(doc, anchor, head) {
+    var obj = {anchor: anchor, head: head};
+    signal(doc, "beforeSelectionChange", doc, obj);
+    if (doc.cm) signal(doc.cm, "beforeSelectionChange", doc.cm, obj);
+    obj.anchor = clipPos(doc, obj.anchor); obj.head = clipPos(doc, obj.head);
+    return obj;
+  }
+
+  // Update the selection. Last two args are only used by
+  // updateDoc, since they have to be expressed in the line
+  // numbers before the update.
+  function setSelection(doc, anchor, head, bias, checkAtomic) {
+    if (!checkAtomic && hasHandler(doc, "beforeSelectionChange") || doc.cm && hasHandler(doc.cm, "beforeSelectionChange")) {
+      var filtered = filterSelectionChange(doc, anchor, head);
+      head = filtered.head;
+      anchor = filtered.anchor;
+    }
+
+    var sel = doc.sel;
+    sel.goalColumn = null;
+    if (bias == null) bias = posLess(head, sel.head) ? -1 : 1;
+    // Skip over atomic spans.
+    if (checkAtomic || !posEq(anchor, sel.anchor))
+      anchor = skipAtomic(doc, anchor, bias, checkAtomic != "push");
+    if (checkAtomic || !posEq(head, sel.head))
+      head = skipAtomic(doc, head, bias, checkAtomic != "push");
+
+    if (posEq(sel.anchor, anchor) && posEq(sel.head, head)) return;
+
+    sel.anchor = anchor; sel.head = head;
+    var inv = posLess(head, anchor);
+    sel.from = inv ? head : anchor;
+    sel.to = inv ? anchor : head;
+
+    if (doc.cm)
+      doc.cm.curOp.updateInput = doc.cm.curOp.selectionChanged =
+        doc.cm.curOp.cursorActivity = true;
+
+    signalLater(doc, "cursorActivity", doc);
+  }
+
+  function reCheckSelection(cm) {
+    setSelection(cm.doc, cm.doc.sel.from, cm.doc.sel.to, null, "push");
+  }
+
+  function skipAtomic(doc, pos, bias, mayClear) {
+    var flipped = false, curPos = pos;
+    var dir = bias || 1;
+    doc.cantEdit = false;
+    search: for (;;) {
+      var line = getLine(doc, curPos.line);
+      if (line.markedSpans) {
+        for (var i = 0; i < line.markedSpans.length; ++i) {
+          var sp = line.markedSpans[i], m = sp.marker;
+          if ((sp.from == null || (m.inclusiveLeft ? sp.from <= curPos.ch : sp.from < curPos.ch)) &&
+              (sp.to == null || (m.inclusiveRight ? sp.to >= curPos.ch : sp.to > curPos.ch))) {
+            if (mayClear) {
+              signal(m, "beforeCursorEnter");
+              if (m.explicitlyCleared) {
+                if (!line.markedSpans) break;
+                else {--i; continue;}
+              }
+            }
+            if (!m.atomic) continue;
+            var newPos = m.find()[dir < 0 ? "from" : "to"];
+            if (posEq(newPos, curPos)) {
+              newPos.ch += dir;
+              if (newPos.ch < 0) {
+                if (newPos.line > doc.first) newPos = clipPos(doc, Pos(newPos.line - 1));
+                else newPos = null;
+              } else if (newPos.ch > line.text.length) {
+                if (newPos.line < doc.first + doc.size - 1) newPos = Pos(newPos.line + 1, 0);
+                else newPos = null;
+              }
+              if (!newPos) {
+                if (flipped) {
+                  // Driven in a corner -- no valid cursor position found at all
+                  // -- try again *with* clearing, if we didn't already
+                  if (!mayClear) return skipAtomic(doc, pos, bias, true);
+                  // Otherwise, turn off editing until further notice, and return the start of the doc
+                  doc.cantEdit = true;
+                  return Pos(doc.first, 0);
+                }
+                flipped = true; newPos = pos; dir = -dir;
+              }
+            }
+            curPos = newPos;
+            continue search;
+          }
+        }
+      }
+      return curPos;
+    }
+  }
+
+  // SCROLLING
+
+  function scrollCursorIntoView(cm) {
+    var coords = scrollPosIntoView(cm, cm.doc.sel.head, null, cm.options.cursorScrollMargin);
+    if (!cm.state.focused) return;
+    var display = cm.display, box = getRect(display.sizer), doScroll = null;
+    if (coords.top + box.top < 0) doScroll = true;
+    else if (coords.bottom + box.top > (window.innerHeight || document.documentElement.clientHeight)) doScroll = false;
+    if (doScroll != null && !phantom) {
+      var hidden = display.cursor.style.display == "none";
+      if (hidden) {
+        display.cursor.style.display = "";
+        display.cursor.style.left = coords.left + "px";
+        display.cursor.style.top = (coords.top - display.viewOffset) + "px";
+      }
+      display.cursor.scrollIntoView(doScroll);
+      if (hidden) display.cursor.style.display = "none";
+    }
+  }
+
+  function scrollPosIntoView(cm, pos, end, margin) {
+    if (margin == null) margin = 0;
+    for (;;) {
+      var changed = false, coords = cursorCoords(cm, pos);
+      var endCoords = !end || end == pos ? coords : cursorCoords(cm, end);
+      var scrollPos = calculateScrollPos(cm, Math.min(coords.left, endCoords.left),
+                                         Math.min(coords.top, endCoords.top) - margin,
+                                         Math.max(coords.left, endCoords.left),
+                                         Math.max(coords.bottom, endCoords.bottom) + margin);
+      var startTop = cm.doc.scrollTop, startLeft = cm.doc.scrollLeft;
+      if (scrollPos.scrollTop != null) {
+        setScrollTop(cm, scrollPos.scrollTop);
+        if (Math.abs(cm.doc.scrollTop - startTop) > 1) changed = true;
+      }
+      if (scrollPos.scrollLeft != null) {
+        setScrollLeft(cm, scrollPos.scrollLeft);
+        if (Math.abs(cm.doc.scrollLeft - startLeft) > 1) changed = true;
+      }
+      if (!changed) return coords;
+    }
+  }
+
+  function scrollIntoView(cm, x1, y1, x2, y2) {
+    var scrollPos = calculateScrollPos(cm, x1, y1, x2, y2);
+    if (scrollPos.scrollTop != null) setScrollTop(cm, scrollPos.scrollTop);
+    if (scrollPos.scrollLeft != null) setScrollLeft(cm, scrollPos.scrollLeft);
+  }
+
+  function calculateScrollPos(cm, x1, y1, x2, y2) {
+    var display = cm.display, snapMargin = textHeight(cm.display);
+    if (y1 < 0) y1 = 0;
+    var screen = display.scroller.clientHeight - scrollerCutOff, screentop = display.scroller.scrollTop, result = {};
+    var docBottom = cm.doc.height + paddingVert(display);
+    var atTop = y1 < snapMargin, atBottom = y2 > docBottom - snapMargin;
+    if (y1 < screentop) {
+      result.scrollTop = atTop ? 0 : y1;
+    } else if (y2 > screentop + screen) {
+      var newTop = Math.min(y1, (atBottom ? docBottom : y2) - screen);
+      if (newTop != screentop) result.scrollTop = newTop;
+    }
+
+    var screenw = display.scroller.clientWidth - scrollerCutOff, screenleft = display.scroller.scrollLeft;
+    x1 += display.gutters.offsetWidth; x2 += display.gutters.offsetWidth;
+    var gutterw = display.gutters.offsetWidth;
+    var atLeft = x1 < gutterw + 10;
+    if (x1 < screenleft + gutterw || atLeft) {
+      if (atLeft) x1 = 0;
+      result.scrollLeft = Math.max(0, x1 - 10 - gutterw);
+    } else if (x2 > screenw + screenleft - 3) {
+      result.scrollLeft = x2 + 10 - screenw;
+    }
+    return result;
+  }
+
+  function updateScrollPos(cm, left, top) {
+    cm.curOp.updateScrollPos = {scrollLeft: left == null ? cm.doc.scrollLeft : left,
+                                scrollTop: top == null ? cm.doc.scrollTop : top};
+  }
+
+  function addToScrollPos(cm, left, top) {
+    var pos = cm.curOp.updateScrollPos || (cm.curOp.updateScrollPos = {scrollLeft: cm.doc.scrollLeft, scrollTop: cm.doc.scrollTop});
+    var scroll = cm.display.scroller;
+    pos.scrollTop = Math.max(0, Math.min(scroll.scrollHeight - scroll.clientHeight, pos.scrollTop + top));
+    pos.scrollLeft = Math.max(0, Math.min(scroll.scrollWidth - scroll.clientWidth, pos.scrollLeft + left));
+  }
+
+  // API UTILITIES
+
+  function indentLine(cm, n, how, aggressive) {
+    var doc = cm.doc;
+    if (how == null) how = "add";
+    if (how == "smart") {
+      if (!cm.doc.mode.indent) how = "prev";
+      else var state = getStateBefore(cm, n);
+    }
+
+    var tabSize = cm.options.tabSize;
+    var line = getLine(doc, n), curSpace = countColumn(line.text, null, tabSize);
+    var curSpaceString = line.text.match(/^\s*/)[0], indentation;
+    if (how == "smart") {
+      indentation = cm.doc.mode.indent(state, line.text.slice(curSpaceString.length), line.text);
+      if (indentation == Pass) {
+        if (!aggressive) return;
+        how = "prev";
+      }
+    }
+    if (how == "prev") {
+      if (n > doc.first) indentation = countColumn(getLine(doc, n-1).text, null, tabSize);
+      else indentation = 0;
+    } else if (how == "add") {
+      indentation = curSpace + cm.options.indentUnit;
+    } else if (how == "subtract") {
+      indentation = curSpace - cm.options.indentUnit;
+    } else if (typeof how == "number") {
+      indentation = curSpace + how;
+    }
+    indentation = Math.max(0, indentation);
+
+    var indentString = "", pos = 0;
+    if (cm.options.indentWithTabs)
+      for (var i = Math.floor(indentation / tabSize); i; --i) {pos += tabSize; indentString += "\t";}
+    if (pos < indentation) indentString += spaceStr(indentation - pos);
+
+    if (indentString != curSpaceString)
+      replaceRange(cm.doc, indentString, Pos(n, 0), Pos(n, curSpaceString.length), "+input");
+    else if (doc.sel.head.line == n && doc.sel.head.ch < curSpaceString.length)
+      setSelection(doc, Pos(n, curSpaceString.length), Pos(n, curSpaceString.length), 1);
+    line.stateAfter = null;
+  }
+
+  function changeLine(cm, handle, op) {
+    var no = handle, line = handle, doc = cm.doc;
+    if (typeof handle == "number") line = getLine(doc, clipLine(doc, handle));
+    else no = lineNo(handle);
+    if (no == null) return null;
+    if (op(line, no)) regChange(cm, no, no + 1);
+    else return null;
+    return line;
+  }
+
+  function findPosH(doc, pos, dir, unit, visually) {
+    var line = pos.line, ch = pos.ch, origDir = dir;
+    var lineObj = getLine(doc, line);
+    var possible = true;
+    function findNextLine() {
+      var l = line + dir;
+      if (l < doc.first || l >= doc.first + doc.size) return (possible = false);
+      line = l;
+      return lineObj = getLine(doc, l);
+    }
+    function moveOnce(boundToLine) {
+      var next = (visually ? moveVisually : moveLogically)(lineObj, ch, dir, true);
+      if (next == null) {
+        if (!boundToLine && findNextLine()) {
+          if (visually) ch = (dir < 0 ? lineRight : lineLeft)(lineObj);
+          else ch = dir < 0 ? lineObj.text.length : 0;
+        } else return (possible = false);
+      } else ch = next;
+      return true;
+    }
+
+    if (unit == "char") moveOnce();
+    else if (unit == "column") moveOnce(true);
+    else if (unit == "word" || unit == "group") {
+      var sawType = null, group = unit == "group";
+      for (var first = true;; first = false) {
+        if (dir < 0 && !moveOnce(!first)) break;
+        var cur = lineObj.text.charAt(ch) || "\n";
+        var type = isWordChar(cur) ? "w"
+          : !group ? null
+          : /\s/.test(cur) ? null
+          : "p";
+        if (sawType && sawType != type) {
+          if (dir < 0) {dir = 1; moveOnce();}
+          break;
+        }
+        if (type) sawType = type;
+        if (dir > 0 && !moveOnce(!first)) break;
+      }
+    }
+    var result = skipAtomic(doc, Pos(line, ch), origDir, true);
+    if (!possible) result.hitSide = true;
+    return result;
+  }
+
+  function findPosV(cm, pos, dir, unit) {
+    var doc = cm.doc, x = pos.left, y;
+    if (unit == "page") {
+      var pageSize = Math.min(cm.display.wrapper.clientHeight, window.innerHeight || document.documentElement.clientHeight);
+      y = pos.top + dir * (pageSize - (dir < 0 ? 1.5 : .5) * textHeight(cm.display));
+    } else if (unit == "line") {
+      y = dir > 0 ? pos.bottom + 3 : pos.top - 3;
+    }
+    for (;;) {
+      var target = coordsChar(cm, x, y);
+      if (!target.outside) break;
+      if (dir < 0 ? y <= 0 : y >= doc.height) { target.hitSide = true; break; }
+      y += dir * 5;
+    }
+    return target;
+  }
+
+  function findWordAt(line, pos) {
+    var start = pos.ch, end = pos.ch;
+    if (line) {
+      if ((pos.xRel < 0 || end == line.length) && start) --start; else ++end;
+      var startChar = line.charAt(start);
+      var check = isWordChar(startChar) ? isWordChar
+        : /\s/.test(startChar) ? function(ch) {return /\s/.test(ch);}
+        : function(ch) {return !/\s/.test(ch) && !isWordChar(ch);};
+      while (start > 0 && check(line.charAt(start - 1))) --start;
+      while (end < line.length && check(line.charAt(end))) ++end;
+    }
+    return {from: Pos(pos.line, start), to: Pos(pos.line, end)};
+  }
+
+  function selectLine(cm, line) {
+    extendSelection(cm.doc, Pos(line, 0), clipPos(cm.doc, Pos(line + 1, 0)));
+  }
+
+  // PROTOTYPE
+
+  // The publicly visible API. Note that operation(null, f) means
+  // 'wrap f in an operation, performed on its `this` parameter'
+
+  CodeMirror.prototype = {
+    constructor: CodeMirror,
+    focus: function(){window.focus(); focusInput(this); fastPoll(this);},
+
+    setOption: function(option, value) {
+      var options = this.options, old = options[option];
+      if (options[option] == value && option != "mode") return;
+      options[option] = value;
+      if (optionHandlers.hasOwnProperty(option))
+        operation(this, optionHandlers[option])(this, value, old);
+    },
+
+    getOption: function(option) {return this.options[option];},
+    getDoc: function() {return this.doc;},
+
+    addKeyMap: function(map, bottom) {
+      this.state.keyMaps[bottom ? "push" : "unshift"](map);
+    },
+    removeKeyMap: function(map) {
+      var maps = this.state.keyMaps;
+      for (var i = 0; i < maps.length; ++i)
+        if (maps[i] == map || (typeof maps[i] != "string" && maps[i].name == map)) {
+          maps.splice(i, 1);
+          return true;
+        }
+    },
+
+    addOverlay: operation(null, function(spec, options) {
+      var mode = spec.token ? spec : CodeMirror.getMode(this.options, spec);
+      if (mode.startState) throw new Error("Overlays may not be stateful.");
+      this.state.overlays.push({mode: mode, modeSpec: spec, opaque: options && options.opaque});
+      this.state.modeGen++;
+      regChange(this);
+    }),
+    removeOverlay: operation(null, function(spec) {
+      var overlays = this.state.overlays;
+      for (var i = 0; i < overlays.length; ++i) {
+        var cur = overlays[i].modeSpec;
+        if (cur == spec || typeof spec == "string" && cur.name == spec) {
+          overlays.splice(i, 1);
+          this.state.modeGen++;
+          regChange(this);
+          return;
+        }
+      }
+    }),
+
+    indentLine: operation(null, function(n, dir, aggressive) {
+      if (typeof dir != "string" && typeof dir != "number") {
+        if (dir == null) dir = this.options.smartIndent ? "smart" : "prev";
+        else dir = dir ? "add" : "subtract";
+      }
+      if (isLine(this.doc, n)) indentLine(this, n, dir, aggressive);
+    }),
+    indentSelection: operation(null, function(how) {
+      var sel = this.doc.sel;
+      if (posEq(sel.from, sel.to)) return indentLine(this, sel.from.line, how);
+      var e = sel.to.line - (sel.to.ch ? 0 : 1);
+      for (var i = sel.from.line; i <= e; ++i) indentLine(this, i, how);
+    }),
+
+    // Fetch the parser token for a given character. Useful for hacks
+    // that want to inspect the mode state (say, for completion).
+    getTokenAt: function(pos, precise) {
+      var doc = this.doc;
+      pos = clipPos(doc, pos);
+      var state = getStateBefore(this, pos.line, precise), mode = this.doc.mode;
+      var line = getLine(doc, pos.line);
+      var stream = new StringStream(line.text, this.options.tabSize);
+      while (stream.pos < pos.ch && !stream.eol()) {
+        stream.start = stream.pos;
+        var style = mode.token(stream, state);
+      }
+      return {start: stream.start,
+              end: stream.pos,
+              string: stream.current(),
+              className: style || null, // Deprecated, use 'type' instead
+              type: style || null,
+              state: state};
+    },
+
+    getTokenTypeAt: function(pos) {
+      pos = clipPos(this.doc, pos);
+      var styles = getLineStyles(this, getLine(this.doc, pos.line));
+      var before = 0, after = (styles.length - 1) / 2, ch = pos.ch;
+      if (ch == 0) return styles[2];
+      for (;;) {
+        var mid = (before + after) >> 1;
+        if ((mid ? styles[mid * 2 - 1] : 0) >= ch) after = mid;
+        else if (styles[mid * 2 + 1] < ch) before = mid + 1;
+        else return styles[mid * 2 + 2];
+      }
+    },
+
+    getModeAt: function(pos) {
+      var mode = this.doc.mode;
+      if (!mode.innerMode) return mode;
+      return CodeMirror.innerMode(mode, this.getTokenAt(pos).state).mode;
+    },
+
+    getHelper: function(pos, type) {
+      if (!helpers.hasOwnProperty(type)) return;
+      var help = helpers[type], mode = this.getModeAt(pos);
+      return mode[type] && help[mode[type]] ||
+        mode.helperType && help[mode.helperType] ||
+        help[mode.name];
+    },
+
+    getStateAfter: function(line, precise) {
+      var doc = this.doc;
+      line = clipLine(doc, line == null ? doc.first + doc.size - 1: line);
+      return getStateBefore(this, line + 1, precise);
+    },
+
+    cursorCoords: function(start, mode) {
+      var pos, sel = this.doc.sel;
+      if (start == null) pos = sel.head;
+      else if (typeof start == "object") pos = clipPos(this.doc, start);
+      else pos = start ? sel.from : sel.to;
+      return cursorCoords(this, pos, mode || "page");
+    },
+
+    charCoords: function(pos, mode) {
+      return charCoords(this, clipPos(this.doc, pos), mode || "page");
+    },
+
+    coordsChar: function(coords, mode) {
+      coords = fromCoordSystem(this, coords, mode || "page");
+      return coordsChar(this, coords.left, coords.top);
+    },
+
+    lineAtHeight: function(height, mode) {
+      height = fromCoordSystem(this, {top: height, left: 0}, mode || "page").top;
+      return lineAtHeight(this.doc, height + this.display.viewOffset);
+    },
+    heightAtLine: function(line, mode) {
+      var end = false, last = this.doc.first + this.doc.size - 1;
+      if (line < this.doc.first) line = this.doc.first;
+      else if (line > last) { line = last; end = true; }
+      var lineObj = getLine(this.doc, line);
+      return intoCoordSystem(this, getLine(this.doc, line), {top: 0, left: 0}, mode || "page").top +
+        (end ? lineObj.height : 0);
+    },
+
+    defaultTextHeight: function() { return textHeight(this.display); },
+    defaultCharWidth: function() { return charWidth(this.display); },
+
+    setGutterMarker: operation(null, function(line, gutterID, value) {
+      return changeLine(this, line, function(line) {
+        var markers = line.gutterMarkers || (line.gutterMarkers = {});
+        markers[gutterID] = value;
+        if (!value && isEmpty(markers)) line.gutterMarkers = null;
+        return true;
+      });
+    }),
+
+    clearGutter: operation(null, function(gutterID) {
+      var cm = this, doc = cm.doc, i = doc.first;
+      doc.iter(function(line) {
+        if (line.gutterMarkers && line.gutterMarkers[gutterID]) {
+          line.gutterMarkers[gutterID] = null;
+          regChange(cm, i, i + 1);
+          if (isEmpty(line.gutterMarkers)) line.gutterMarkers = null;
+        }
+        ++i;
+      });
+    }),
+
+    addLineClass: operation(null, function(handle, where, cls) {
+      return changeLine(this, handle, function(line) {
+        var prop = where == "text" ? "textClass" : where == "background" ? "bgClass" : "wrapClass";
+        if (!line[prop]) line[prop] = cls;
+        else if (new RegExp("(?:^|\\s)" + cls + "(?:$|\\s)").test(line[prop])) return false;
+        else line[prop] += " " + cls;
+        return true;
+      });
+    }),
+
+    removeLineClass: operation(null, function(handle, where, cls) {
+      return changeLine(this, handle, function(line) {
+        var prop = where == "text" ? "textClass" : where == "background" ? "bgClass" : "wrapClass";
+        var cur = line[prop];
+        if (!cur) return false;
+        else if (cls == null) line[prop] = null;
+        else {
+          var found = cur.match(new RegExp("(?:^|\\s+)" + cls + "(?:$|\\s+)"));
+          if (!found) return false;
+          var end = found.index + found[0].length;
+          line[prop] = cur.slice(0, found.index) + (!found.index || end == cur.length ? "" : " ") + cur.slice(end) || null;
+        }
+        return true;
+      });
+    }),
+
+    addLineWidget: operation(null, function(handle, node, options) {
+      return addLineWidget(this, handle, node, options);
+    }),
+
+    removeLineWidget: function(widget) { widget.clear(); },
+
+    lineInfo: function(line) {
+      if (typeof line == "number") {
+        if (!isLine(this.doc, line)) return null;
+        var n = line;
+        line = getLine(this.doc, line);
+        if (!line) return null;
+      } else {
+        var n = lineNo(line);
+        if (n == null) return null;
+      }
+      return {line: n, handle: line, text: line.text, gutterMarkers: line.gutterMarkers,
+              textClass: line.textClass, bgClass: line.bgClass, wrapClass: line.wrapClass,
+              widgets: line.widgets};
+    },
+
+    getViewport: function() { return {from: this.display.showingFrom, to: this.display.showingTo};},
+
+    addWidget: function(pos, node, scroll, vert, horiz) {
+      var display = this.display;
+      pos = cursorCoords(this, clipPos(this.doc, pos));
+      var top = pos.bottom, left = pos.left;
+      node.style.position = "absolute";
+      display.sizer.appendChild(node);
+      if (vert == "over") {
+        top = pos.top;
+      } else if (vert == "above" || vert == "near") {
+        var vspace = Math.max(display.wrapper.clientHeight, this.doc.height),
+        hspace = Math.max(display.sizer.clientWidth, display.lineSpace.clientWidth);
+        // Default to positioning above (if specified and possible); otherwise default to positioning below
+        if ((vert == 'above' || pos.bottom + node.offsetHeight > vspace) && pos.top > node.offsetHeight)
+          top = pos.top - node.offsetHeight;
+        else if (pos.bottom + node.offsetHeight <= vspace)
+          top = pos.bottom;
+        if (left + node.offsetWidth > hspace)
+          left = hspace - node.offsetWidth;
+      }
+      node.style.top = top + "px";
+      node.style.left = node.style.right = "";
+      if (horiz == "right") {
+        left = display.sizer.clientWidth - node.offsetWidth;
+        node.style.right = "0px";
+      } else {
+        if (horiz == "left") left = 0;
+        else if (horiz == "middle") left = (display.sizer.clientWidth - node.offsetWidth) / 2;
+        node.style.left = left + "px";
+      }
+      if (scroll)
+        scrollIntoView(this, left, top, left + node.offsetWidth, top + node.offsetHeight);
+    },
+
+    triggerOnKeyDown: operation(null, onKeyDown),
+
+    execCommand: function(cmd) {return commands[cmd](this);},
+
+    findPosH: function(from, amount, unit, visually) {
+      var dir = 1;
+      if (amount < 0) { dir = -1; amount = -amount; }
+      for (var i = 0, cur = clipPos(this.doc, from); i < amount; ++i) {
+        cur = findPosH(this.doc, cur, dir, unit, visually);
+        if (cur.hitSide) break;
+      }
+      return cur;
+    },
+
+    moveH: operation(null, function(dir, unit) {
+      var sel = this.doc.sel, pos;
+      if (sel.shift || sel.extend || posEq(sel.from, sel.to))
+        pos = findPosH(this.doc, sel.head, dir, unit, this.options.rtlMoveVisually);
+      else
+        pos = dir < 0 ? sel.from : sel.to;
+      extendSelection(this.doc, pos, pos, dir);
+    }),
+
+    deleteH: operation(null, function(dir, unit) {
+      var sel = this.doc.sel;
+      if (!posEq(sel.from, sel.to)) replaceRange(this.doc, "", sel.from, sel.to, "+delete");
+      else replaceRange(this.doc, "", sel.from, findPosH(this.doc, sel.head, dir, unit, false), "+delete");
+      this.curOp.userSelChange = true;
+    }),
+
+    findPosV: function(from, amount, unit, goalColumn) {
+      var dir = 1, x = goalColumn;
+      if (amount < 0) { dir = -1; amount = -amount; }
+      for (var i = 0, cur = clipPos(this.doc, from); i < amount; ++i) {
+        var coords = cursorCoords(this, cur, "div");
+        if (x == null) x = coords.left;
+        else coords.left = x;
+        cur = findPosV(this, coords, dir, unit);
+        if (cur.hitSide) break;
+      }
+      return cur;
+    },
+
+    moveV: operation(null, function(dir, unit) {
+      var sel = this.doc.sel;
+      var pos = cursorCoords(this, sel.head, "div");
+      if (sel.goalColumn != null) pos.left = sel.goalColumn;
+      var target = findPosV(this, pos, dir, unit);
+
+      if (unit == "page") addToScrollPos(this, 0, charCoords(this, target, "div").top - pos.top);
+      extendSelection(this.doc, target, target, dir);
+      sel.goalColumn = pos.left;
+    }),
+
+    toggleOverwrite: function(value) {
+      if (value != null && value == this.state.overwrite) return;
+      if (this.state.overwrite = !this.state.overwrite)
+        this.display.cursor.className += " CodeMirror-overwrite";
+      else
+        this.display.cursor.className = this.display.cursor.className.replace(" CodeMirror-overwrite", "");
+    },
+    hasFocus: function() { return this.state.focused; },
+
+    scrollTo: operation(null, function(x, y) {
+      updateScrollPos(this, x, y);
+    }),
+    getScrollInfo: function() {
+      var scroller = this.display.scroller, co = scrollerCutOff;
+      return {left: scroller.scrollLeft, top: scroller.scrollTop,
+              height: scroller.scrollHeight - co, width: scroller.scrollWidth - co,
+              clientHeight: scroller.clientHeight - co, clientWidth: scroller.clientWidth - co};
+    },
+
+    scrollIntoView: operation(null, function(range, margin) {
+      if (range == null) range = {from: this.doc.sel.head, to: null};
+      else if (typeof range == "number") range = {from: Pos(range, 0), to: null};
+      else if (range.from == null) range = {from: range, to: null};
+      if (!range.to) range.to = range.from;
+      if (!margin) margin = 0;
+
+      var coords = range;
+      if (range.from.line != null) {
+        this.curOp.scrollToPos = {from: range.from, to: range.to, margin: margin};
+        coords = {from: cursorCoords(this, range.from),
+                  to: cursorCoords(this, range.to)};
+      }
+      var sPos = calculateScrollPos(this, Math.min(coords.from.left, coords.to.left),
+                                    Math.min(coords.from.top, coords.to.top) - margin,
+                                    Math.max(coords.from.right, coords.to.right),
+                                    Math.max(coords.from.bottom, coords.to.bottom) + margin);
+      updateScrollPos(this, sPos.scrollLeft, sPos.scrollTop);
+    }),
+
+    setSize: operation(null, function(width, height) {
+      function interpret(val) {
+        return typeof val == "number" || /^\d+$/.test(String(val)) ? val + "px" : val;
+      }
+      if (width != null) this.display.wrapper.style.width = interpret(width);
+      if (height != null) this.display.wrapper.style.height = interpret(height);
+      if (this.options.lineWrapping)
+        this.display.measureLineCache.length = this.display.measureLineCachePos = 0;
+      this.curOp.forceUpdate = true;
+    }),
+
+    operation: function(f){return runInOp(this, f);},
+
+    refresh: operation(null, function() {
+      var badHeight = this.display.cachedTextHeight == null;
+      clearCaches(this);
+      updateScrollPos(this, this.doc.scrollLeft, this.doc.scrollTop);
+      regChange(this);
+      if (badHeight) estimateLineHeights(this);
+    }),
+
+    swapDoc: operation(null, function(doc) {
+      var old = this.doc;
+      old.cm = null;
+      attachDoc(this, doc);
+      clearCaches(this);
+      resetInput(this, true);
+      updateScrollPos(this, doc.scrollLeft, doc.scrollTop);
+      signalLater(this, "swapDoc", this, old);
+      return old;
+    }),
+
+    getInputField: function(){return this.display.input;},
+    getWrapperElement: function(){return this.display.wrapper;},
+    getScrollerElement: function(){return this.display.scroller;},
+    getGutterElement: function(){return this.display.gutters;}
+  };
+  eventMixin(CodeMirror);
+
+  // OPTION DEFAULTS
+
+  var optionHandlers = CodeMirror.optionHandlers = {};
+
+  // The default configuration options.
+  var defaults = CodeMirror.defaults = {};
+
+  function option(name, deflt, handle, notOnInit) {
+    CodeMirror.defaults[name] = deflt;
+    if (handle) optionHandlers[name] =
+      notOnInit ? function(cm, val, old) {if (old != Init) handle(cm, val, old);} : handle;
+  }
+
+  var Init = CodeMirror.Init = {toString: function(){return "CodeMirror.Init";}};
+
+  // These two are, on init, called from the constructor because they
+  // have to be initialized before the editor can start at all.
+  option("value", "", function(cm, val) {
+    cm.setValue(val);
+  }, true);
+  option("mode", null, function(cm, val) {
+    cm.doc.modeOption = val;
+    loadMode(cm);
+  }, true);
+
+  option("indentUnit", 2, loadMode, true);
+  option("indentWithTabs", false);
+  option("smartIndent", true);
+  option("tabSize", 4, function(cm) {
+    loadMode(cm);
+    clearCaches(cm);
+    regChange(cm);
+  }, true);
+  option("specialChars", /[\t\u0000-\u0019\u00ad\u200b\u2028\u2029\ufeff]/g, function(cm, val) {
+    cm.options.specialChars = new RegExp(val.source + (val.test("\t") ? "" : "|\t"), "g");
+    cm.refresh();
+  }, true);
+  option("specialCharPlaceholder", defaultSpecialCharPlaceholder, function(cm) {cm.refresh();}, true);
+  option("electricChars", true);
+  option("rtlMoveVisually", !windows);
+  option("wholeLineUpdateBefore", true);
+
+  option("theme", "default", function(cm) {
+    themeChanged(cm);
+    guttersChanged(cm);
+  }, true);
+  option("keyMap", "default", keyMapChanged);
+  option("extraKeys", null);
+
+  option("onKeyEvent", null);
+  option("onDragEvent", null);
+
+  option("lineWrapping", false, wrappingChanged, true);
+  option("gutters", [], function(cm) {
+    setGuttersForLineNumbers(cm.options);
+    guttersChanged(cm);
+  }, true);
+  option("fixedGutter", true, function(cm, val) {
+    cm.display.gutters.style.left = val ? compensateForHScroll(cm.display) + "px" : "0";
+    cm.refresh();
+  }, true);
+  option("coverGutterNextToScrollbar", false, updateScrollbars, true);
+  option("lineNumbers", false, function(cm) {
+    setGuttersForLineNumbers(cm.options);
+    guttersChanged(cm);
+  }, true);
+  option("firstLineNumber", 1, guttersChanged, true);
+  option("lineNumberFormatter", function(integer) {return integer;}, guttersChanged, true);
+  option("showCursorWhenSelecting", false, updateSelection, true);
+
+  option("resetSelectionOnContextMenu", true);
+
+  option("readOnly", false, function(cm, val) {
+    if (val == "nocursor") {
+      onBlur(cm);
+      cm.display.input.blur();
+      cm.display.disabled = true;
+    } else {
+      cm.display.disabled = false;
+      if (!val) resetInput(cm, true);
+    }
+  });
+  option("dragDrop", true);
+
+  option("cursorBlinkRate", 530);
+  option("cursorScrollMargin", 0);
+  option("cursorHeight", 1);
+  option("workTime", 100);
+  option("workDelay", 100);
+  option("flattenSpans", true);
+  option("pollInterval", 100);
+  option("undoDepth", 40, function(cm, val){cm.doc.history.undoDepth = val;});
+  option("historyEventDelay", 500);
+  option("viewportMargin", 10, function(cm){cm.refresh();}, true);
+  option("maxHighlightLength", 10000, function(cm){loadMode(cm); cm.refresh();}, true);
+  option("crudeMeasuringFrom", 10000);
+  option("moveInputWithCursor", true, function(cm, val) {
+    if (!val) cm.display.inputDiv.style.top = cm.display.inputDiv.style.left = 0;
+  });
+
+  option("tabindex", null, function(cm, val) {
+    cm.display.input.tabIndex = val || "";
+  });
+  option("autofocus", null);
+
+  // MODE DEFINITION AND QUERYING
+
+  // Known modes, by name and by MIME
+  var modes = CodeMirror.modes = {}, mimeModes = CodeMirror.mimeModes = {};
+
+  CodeMirror.defineMode = function(name, mode) {
+    if (!CodeMirror.defaults.mode && name != "null") CodeMirror.defaults.mode = name;
+    if (arguments.length > 2) {
+      mode.dependencies = [];
+      for (var i = 2; i < arguments.length; ++i) mode.dependencies.push(arguments[i]);
+    }
+    modes[name] = mode;
+  };
+
+  CodeMirror.defineMIME = function(mime, spec) {
+    mimeModes[mime] = spec;
+  };
+
+  CodeMirror.resolveMode = function(spec) {
+    if (typeof spec == "string" && mimeModes.hasOwnProperty(spec)) {
+      spec = mimeModes[spec];
+    } else if (spec && typeof spec.name == "string" && mimeModes.hasOwnProperty(spec.name)) {
+      var found = mimeModes[spec.name];
+      spec = createObj(found, spec);
+      spec.name = found.name;
+    } else if (typeof spec == "string" && /^[\w\-]+\/[\w\-]+\+xml$/.test(spec)) {
+      return CodeMirror.resolveMode("application/xml");
+    }
+    if (typeof spec == "string") return {name: spec};
+    else return spec || {name: "null"};
+  };
+
+  CodeMirror.getMode = function(options, spec) {
+    var spec = CodeMirror.resolveMode(spec);
+    var mfactory = modes[spec.name];
+    if (!mfactory) return CodeMirror.getMode(options, "text/plain");
+    var modeObj = mfactory(options, spec);
+    if (modeExtensions.hasOwnProperty(spec.name)) {
+      var exts = modeExtensions[spec.name];
+      for (var prop in exts) {
+        if (!exts.hasOwnProperty(prop)) continue;
+        if (modeObj.hasOwnProperty(prop)) modeObj["_" + prop] = modeObj[prop];
+        modeObj[prop] = exts[prop];
+      }
+    }
+    modeObj.name = spec.name;
+
+    return modeObj;
+  };
+
+  CodeMirror.defineMode("null", function() {
+    return {token: function(stream) {stream.skipToEnd();}};
+  });
+  CodeMirror.defineMIME("text/plain", "null");
+
+  var modeExtensions = CodeMirror.modeExtensions = {};
+  CodeMirror.extendMode = function(mode, properties) {
+    var exts = modeExtensions.hasOwnProperty(mode) ? modeExtensions[mode] : (modeExtensions[mode] = {});
+    copyObj(properties, exts);
+  };
+
+  // EXTENSIONS
+
+  CodeMirror.defineExtension = function(name, func) {
+    CodeMirror.prototype[name] = func;
+  };
+  CodeMirror.defineDocExtension = function(name, func) {
+    Doc.prototype[name] = func;
+  };
+  CodeMirror.defineOption = option;
+
+  var initHooks = [];
+  CodeMirror.defineInitHook = function(f) {initHooks.push(f);};
+
+  var helpers = CodeMirror.helpers = {};
+  CodeMirror.registerHelper = function(type, name, value) {
+    if (!helpers.hasOwnProperty(type)) helpers[type] = CodeMirror[type] = {};
+    helpers[type][name] = value;
+  };
+
+  // UTILITIES
+
+  CodeMirror.isWordChar = isWordChar;
+
+  // MODE STATE HANDLING
+
+  // Utility functions for working with state. Exported because modes
+  // sometimes need to do this.
+  function copyState(mode, state) {
+    if (state === true) return state;
+    if (mode.copyState) return mode.copyState(state);
+    var nstate = {};
+    for (var n in state) {
+      var val = state[n];
+      if (val instanceof Array) val = val.concat([]);
+      nstate[n] = val;
+    }
+    return nstate;
+  }
+  CodeMirror.copyState = copyState;
+
+  function startState(mode, a1, a2) {
+    return mode.startState ? mode.startState(a1, a2) : true;
+  }
+  CodeMirror.startState = startState;
+
+  CodeMirror.innerMode = function(mode, state) {
+    while (mode.innerMode) {
+      var info = mode.innerMode(state);
+      if (!info || info.mode == mode) break;
+      state = info.state;
+      mode = info.mode;
+    }
+    return info || {mode: mode, state: state};
+  };
+
+  // STANDARD COMMANDS
+
+  var commands = CodeMirror.commands = {
+    selectAll: function(cm) {cm.setSelection(Pos(cm.firstLine(), 0), Pos(cm.lastLine()));},
+    killLine: function(cm) {
+      var from = cm.getCursor(true), to = cm.getCursor(false), sel = !posEq(from, to);
+      if (!sel && cm.getLine(from.line).length == from.ch)
+        cm.replaceRange("", from, Pos(from.line + 1, 0), "+delete");
+      else cm.replaceRange("", from, sel ? to : Pos(from.line), "+delete");
+    },
+    deleteLine: function(cm) {
+      var l = cm.getCursor().line;
+      cm.replaceRange("", Pos(l, 0), Pos(l), "+delete");
+    },
+    delLineLeft: function(cm) {
+      var cur = cm.getCursor();
+      cm.replaceRange("", Pos(cur.line, 0), cur, "+delete");
+    },
+    undo: function(cm) {cm.undo();},
+    redo: function(cm) {cm.redo();},
+    goDocStart: function(cm) {cm.extendSelection(Pos(cm.firstLine(), 0));},
+    goDocEnd: function(cm) {cm.extendSelection(Pos(cm.lastLine()));},
+    goLineStart: function(cm) {
+      cm.extendSelection(lineStart(cm, cm.getCursor().line));
+    },
+    goLineStartSmart: function(cm) {
+      var cur = cm.getCursor(), start = lineStart(cm, cur.line);
+      var line = cm.getLineHandle(start.line);
+      var order = getOrder(line);
+      if (!order || order[0].level == 0) {
+        var firstNonWS = Math.max(0, line.text.search(/\S/));
+        var inWS = cur.line == start.line && cur.ch <= firstNonWS && cur.ch;
+        cm.extendSelection(Pos(start.line, inWS ? 0 : firstNonWS));
+      } else cm.extendSelection(start);
+    },
+    goLineEnd: function(cm) {
+      cm.extendSelection(lineEnd(cm, cm.getCursor().line));
+    },
+    goLineRight: function(cm) {
+      var top = cm.charCoords(cm.getCursor(), "div").top + 5;
+      cm.extendSelection(cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, "div"));
+    },
+    goLineLeft: function(cm) {
+      var top = cm.charCoords(cm.getCursor(), "div").top + 5;
+      cm.extendSelection(cm.coordsChar({left: 0, top: top}, "div"));
+    },
+    goLineUp: function(cm) {cm.moveV(-1, "line");},
+    goLineDown: function(cm) {cm.moveV(1, "line");},
+    goPageUp: function(cm) {cm.moveV(-1, "page");},
+    goPageDown: function(cm) {cm.moveV(1, "page");},
+    goCharLeft: function(cm) {cm.moveH(-1, "char");},
+    goCharRight: function(cm) {cm.moveH(1, "char");},
+    goColumnLeft: function(cm) {cm.moveH(-1, "column");},
+    goColumnRight: function(cm) {cm.moveH(1, "column");},
+    goWordLeft: function(cm) {cm.moveH(-1, "word");},
+    goGroupRight: function(cm) {cm.moveH(1, "group");},
+    goGroupLeft: function(cm) {cm.moveH(-1, "group");},
+    goWordRight: function(cm) {cm.moveH(1, "word");},
+    delCharBefore: function(cm) {cm.deleteH(-1, "char");},
+    delCharAfter: function(cm) {cm.deleteH(1, "char");},
+    delWordBefore: function(cm) {cm.deleteH(-1, "word");},
+    delWordAfter: function(cm) {cm.deleteH(1, "word");},
+    delGroupBefore: function(cm) {cm.deleteH(-1, "group");},
+    delGroupAfter: function(cm) {cm.deleteH(1, "group");},
+    indentAuto: function(cm) {cm.indentSelection("smart");},
+    indentMore: function(cm) {cm.indentSelection("add");},
+    indentLess: function(cm) {cm.indentSelection("subtract");},
+    insertTab: function(cm) {cm.replaceSelection("\t", "end", "+input");},
+    defaultTab: function(cm) {
+      if (cm.somethingSelected()) cm.indentSelection("add");
+      else cm.replaceSelection("\t", "end", "+input");
+    },
+    transposeChars: function(cm) {
+      var cur = cm.getCursor(), line = cm.getLine(cur.line);
+      if (cur.ch > 0 && cur.ch < line.length - 1)
+        cm.replaceRange(line.charAt(cur.ch) + line.charAt(cur.ch - 1),
+                        Pos(cur.line, cur.ch - 1), Pos(cur.line, cur.ch + 1));
+    },
+    newlineAndIndent: function(cm) {
+      operation(cm, function() {
+        cm.replaceSelection("\n", "end", "+input");
+        cm.indentLine(cm.getCursor().line, null, true);
+      })();
+    },
+    toggleOverwrite: function(cm) {cm.toggleOverwrite();}
+  };
+
+  // STANDARD KEYMAPS
+
+  var keyMap = CodeMirror.keyMap = {};
+  keyMap.basic = {
+    "Left": "goCharLeft", "Right": "goCharRight", "Up": "goLineUp", "Down": "goLineDown",
+    "End": "goLineEnd", "Home": "goLineStartSmart", "PageUp": "goPageUp", "PageDown": "goPageDown",
+    "Delete": "delCharAfter", "Backspace": "delCharBefore", "Shift-Backspace": "delCharBefore",
+    "Tab": "defaultTab", "Shift-Tab": "indentAuto",
+    "Enter": "newlineAndIndent", "Insert": "toggleOverwrite"
+  };
+  // Note that the save and find-related commands aren't defined by
+  // default. Unknown commands are simply ignored.
+  keyMap.pcDefault = {
+    "Ctrl-A": "selectAll", "Ctrl-D": "deleteLine", "Ctrl-Z": "undo", "Shift-Ctrl-Z": "redo", "Ctrl-Y": "redo",
+    "Ctrl-Home": "goDocStart", "Alt-Up": "goDocStart", "Ctrl-End": "goDocEnd", "Ctrl-Down": "goDocEnd",
+    "Ctrl-Left": "goGroupLeft", "Ctrl-Right": "goGroupRight", "Alt-Left": "goLineStart", "Alt-Right": "goLineEnd",
+    "Ctrl-Backspace": "delGroupBefore", "Ctrl-Delete": "delGroupAfter", "Ctrl-S": "save", "Ctrl-F": "find",
+    "Ctrl-G": "findNext", "Shift-Ctrl-G": "findPrev", "Shift-Ctrl-F": "replace", "Shift-Ctrl-R": "replaceAll",
+    "Ctrl-[": "indentLess", "Ctrl-]": "indentMore",
+    fallthrough: "basic"
+  };
+  keyMap.macDefault = {
+    "Cmd-A": "selectAll", "Cmd-D": "deleteLine", "Cmd-Z": "undo", "Shift-Cmd-Z": "redo", "Cmd-Y": "redo",
+    "Cmd-Up": "goDocStart", "Cmd-End": "goDocEnd", "Cmd-Down": "goDocEnd", "Alt-Left": "goGroupLeft",
+    "Alt-Right": "goGroupRight", "Cmd-Left": "goLineStart", "Cmd-Right": "goLineEnd", "Alt-Backspace": "delGroupBefore",
+    "Ctrl-Alt-Backspace": "delGroupAfter", "Alt-Delete": "delGroupAfter", "Cmd-S": "save", "Cmd-F": "find",
+    "Cmd-G": "findNext", "Shift-Cmd-G": "findPrev", "Cmd-Alt-F": "replace", "Shift-Cmd-Alt-F": "replaceAll",
+    "Cmd-[": "indentLess", "Cmd-]": "indentMore", "Cmd-Backspace": "delLineLeft",
+    fallthrough: ["basic", "emacsy"]
+  };
+  keyMap["default"] = mac ? keyMap.macDefault : keyMap.pcDefault;
+  keyMap.emacsy = {
+    "Ctrl-F": "goCharRight", "Ctrl-B": "goCharLeft", "Ctrl-P": "goLineUp", "Ctrl-N": "goLineDown",
+    "Alt-F": "goWordRight", "Alt-B": "goWordLeft", "Ctrl-A": "goLineStart", "Ctrl-E": "goLineEnd",
+    "Ctrl-V": "goPageDown", "Shift-Ctrl-V": "goPageUp", "Ctrl-D": "delCharAfter", "Ctrl-H": "delCharBefore",
+    "Alt-D": "delWordAfter", "Alt-Backspace": "delWordBefore", "Ctrl-K": "killLine", "Ctrl-T": "transposeChars"
+  };
+
+  // KEYMAP DISPATCH
+
+  function getKeyMap(val) {
+    if (typeof val == "string") return keyMap[val];
+    else return val;
+  }
+
+  function lookupKey(name, maps, handle) {
+    function lookup(map) {
+      map = getKeyMap(map);
+      var found = map[name];
+      if (found === false) return "stop";
+      if (found != null && handle(found)) return true;
+      if (map.nofallthrough) return "stop";
+
+      var fallthrough = map.fallthrough;
+      if (fallthrough == null) return false;
+      if (Object.prototype.toString.call(fallthrough) != "[object Array]")
+        return lookup(fallthrough);
+      for (var i = 0, e = fallthrough.length; i < e; ++i) {
+        var done = lookup(fallthrough[i]);
+        if (done) return done;
+      }
+      return false;
+    }
+
+    for (var i = 0; i < maps.length; ++i) {
+      var done = lookup(maps[i]);
+      if (done) return done != "stop";
+    }
+  }
+  function isModifierKey(event) {
+    var name = keyNames[event.keyCode];
+    return name == "Ctrl" || name == "Alt" || name == "Shift" || name == "Mod";
+  }
+  function keyName(event, noShift) {
+    if (opera && event.keyCode == 34 && event["char"]) return false;
+    var name = keyNames[event.keyCode];
+    if (name == null || event.altGraphKey) return false;
+    if (event.altKey) name = "Alt-" + name;
+    if (flipCtrlCmd ? event.metaKey : event.ctrlKey) name = "Ctrl-" + name;
+    if (flipCtrlCmd ? event.ctrlKey : event.metaKey) name = "Cmd-" + name;
+    if (!noShift && event.shiftKey) name = "Shift-" + name;
+    return name;
+  }
+  CodeMirror.lookupKey = lookupKey;
+  CodeMirror.isModifierKey = isModifierKey;
+  CodeMirror.keyName = keyName;
+
+  // FROMTEXTAREA
+
+  CodeMirror.fromTextArea = function(textarea, options) {
+    if (!options) options = {};
+    options.value = textarea.value;
+    if (!options.tabindex && textarea.tabindex)
+      options.tabindex = textarea.tabindex;
+    if (!options.placeholder && textarea.placeholder)
+      options.placeholder = textarea.placeholder;
+    // Set autofocus to true if this textarea is focused, or if it has
+    // autofocus and no other element is focused.
+    if (options.autofocus == null) {
+      var hasFocus = document.body;
+      // doc.activeElement occasionally throws on IE
+      try { hasFocus = document.activeElement; } catch(e) {}
+      options.autofocus = hasFocus == textarea ||
+        textarea.getAttribute("autofocus") != null && hasFocus == document.body;
+    }
+
+    function save() {textarea.value = cm.getValue();}
+    if (textarea.form) {
+      on(textarea.form, "submit", save);
+      // Deplorable hack to make the submit method do the right thing.
+      if (!options.leaveSubmitMethodAlone) {
+        var form = textarea.form, realSubmit = form.submit;
+        try {
+          var wrappedSubmit = form.submit = function() {
+            save();
+            form.submit = realSubmit;
+            form.submit();
+            form.submit = wrappedSubmit;
+          };
+        } catch(e) {}
+      }
+    }
+
+    textarea.style.display = "none";
+    var cm = CodeMirror(function(node) {
+      textarea.parentNode.insertBefore(node, textarea.nextSibling);
+    }, options);
+    cm.save = save;
+    cm.getTextArea = function() { return textarea; };
+    cm.toTextArea = function() {
+      save();
+      textarea.parentNode.removeChild(cm.getWrapperElement());
+      textarea.style.display = "";
+      if (textarea.form) {
+        off(textarea.form, "submit", save);
+        if (typeof textarea.form.submit == "function")
+          textarea.form.submit = realSubmit;
+      }
+    };
+    return cm;
+  };
+
+  // STRING STREAM
+
+  // Fed to the mode parsers, provides helper functions to make
+  // parsers more succinct.
+
+  // The character stream used by a mode's parser.
+  function StringStream(string, tabSize) {
+    this.pos = this.start = 0;
+    this.string = string;
+    this.tabSize = tabSize || 8;
+    this.lastColumnPos = this.lastColumnValue = 0;
+  }
+
+  StringStream.prototype = {
+    eol: function() {return this.pos >= this.string.length;},
+    sol: function() {return this.pos == 0;},
+    peek: function() {return this.string.charAt(this.pos) || undefined;},
+    next: function() {
+      if (this.pos < this.string.length)
+        return this.string.charAt(this.pos++);
+    },
+    eat: function(match) {
+      var ch = this.string.charAt(this.pos);
+      if (typeof match == "string") var ok = ch == match;
+      else var ok = ch && (match.test ? match.test(ch) : match(ch));
+      if (ok) {++this.pos; return ch;}
+    },
+    eatWhile: function(match) {
+      var start = this.pos;
+      while (this.eat(match)){}
+      return this.pos > start;
+    },
+    eatSpace: function() {
+      var start = this.pos;
+      while (/[\s\u00a0]/.test(this.string.charAt(this.pos))) ++this.pos;
+      return this.pos > start;
+    },
+    skipToEnd: function() {this.pos = this.string.length;},
+    skipTo: function(ch) {
+      var found = this.string.indexOf(ch, this.pos);
+      if (found > -1) {this.pos = found; return true;}
+    },
+    backUp: function(n) {this.pos -= n;},
+    column: function() {
+      if (this.lastColumnPos < this.start) {
+        this.lastColumnValue = countColumn(this.string, this.start, this.tabSize, this.lastColumnPos, this.lastColumnValue);
+        this.lastColumnPos = this.start;
+      }
+      return this.lastColumnValue;
+    },
+    indentation: function() {return countColumn(this.string, null, this.tabSize);},
+    match: function(pattern, consume, caseInsensitive) {
+      if (typeof pattern == "string") {
+        var cased = function(str) {return caseInsensitive ? str.toLowerCase() : str;};
+        var substr = this.string.substr(this.pos, pattern.length);
+        if (cased(substr) == cased(pattern)) {
+          if (consume !== false) this.pos += pattern.length;
+          return true;
+        }
+      } else {
+        var match = this.string.slice(this.pos).match(pattern);
+        if (match && match.index > 0) return null;
+        if (match && consume !== false) this.pos += match[0].length;
+        return match;
+      }
+    },
+    current: function(){return this.string.slice(this.start, this.pos);}
+  };
+  CodeMirror.StringStream = StringStream;
+
+  // TEXTMARKERS
+
+  function TextMarker(doc, type) {
+    this.lines = [];
+    this.type = type;
+    this.doc = doc;
+  }
+  CodeMirror.TextMarker = TextMarker;
+  eventMixin(TextMarker);
+
+  TextMarker.prototype.clear = function() {
+    if (this.explicitlyCleared) return;
+    var cm = this.doc.cm, withOp = cm && !cm.curOp;
+    if (withOp) startOperation(cm);
+    if (hasHandler(this, "clear")) {
+      var found = this.find();
+      if (found) signalLater(this, "clear", found.from, found.to);
+    }
+    var min = null, max = null;
+    for (var i = 0; i < this.lines.length; ++i) {
+      var line = this.lines[i];
+      var span = getMarkedSpanFor(line.markedSpans, this);
+      if (span.to != null) max = lineNo(line);
+      line.markedSpans = removeMarkedSpan(line.markedSpans, span);
+      if (span.from != null)
+        min = lineNo(line);
+      else if (this.collapsed && !lineIsHidden(this.doc, line) && cm)
+        updateLineHeight(line, textHeight(cm.display));
+    }
+    if (cm && this.collapsed && !cm.options.lineWrapping) for (var i = 0; i < this.lines.length; ++i) {
+      var visual = visualLine(cm.doc, this.lines[i]), len = lineLength(cm.doc, visual);
+      if (len > cm.display.maxLineLength) {
+        cm.display.maxLine = visual;
+        cm.display.maxLineLength = len;
+        cm.display.maxLineChanged = true;
+      }
+    }
+
+    if (min != null && cm) regChange(cm, min, max + 1);
+    this.lines.length = 0;
+    this.explicitlyCleared = true;
+    if (this.atomic && this.doc.cantEdit) {
+      this.doc.cantEdit = false;
+      if (cm) reCheckSelection(cm);
+    }
+    if (withOp) endOperation(cm);
+  };
+
+  TextMarker.prototype.find = function() {
+    var from, to;
+    for (var i = 0; i < this.lines.length; ++i) {
+      var line = this.lines[i];
+      var span = getMarkedSpanFor(line.markedSpans, this);
+      if (span.from != null || span.to != null) {
+        var found = lineNo(line);
+        if (span.from != null) from = Pos(found, span.from);
+        if (span.to != null) to = Pos(found, span.to);
+      }
+    }
+    if (this.type == "bookmark") return from;
+    return from && {from: from, to: to};
+  };
+
+  TextMarker.prototype.changed = function() {
+    var pos = this.find(), cm = this.doc.cm;
+    if (!pos || !cm) return;
+    if (this.type != "bookmark") pos = pos.from;
+    var line = getLine(this.doc, pos.line);
+    clearCachedMeasurement(cm, line);
+    if (pos.line >= cm.display.showingFrom && pos.line < cm.display.showingTo) {
+      for (var node = cm.display.lineDiv.firstChild; node; node = node.nextSibling) if (node.lineObj == line) {
+        if (node.offsetHeight != line.height) updateLineHeight(line, node.offsetHeight);
+        break;
+      }
+      runInOp(cm, function() {
+        cm.curOp.selectionChanged = cm.curOp.forceUpdate = cm.curOp.updateMaxLine = true;
+      });
+    }
+  };
+
+  TextMarker.prototype.attachLine = function(line) {
+    if (!this.lines.length && this.doc.cm) {
+      var op = this.doc.cm.curOp;
+      if (!op.maybeHiddenMarkers || indexOf(op.maybeHiddenMarkers, this) == -1)
+        (op.maybeUnhiddenMarkers || (op.maybeUnhiddenMarkers = [])).push(this);
+    }
+    this.lines.push(line);
+  };
+  TextMarker.prototype.detachLine = function(line) {
+    this.lines.splice(indexOf(this.lines, line), 1);
+    if (!this.lines.length && this.doc.cm) {
+      var op = this.doc.cm.curOp;
+      (op.maybeHiddenMarkers || (op.maybeHiddenMarkers = [])).push(this);
+    }
+  };
+
+  function markText(doc, from, to, options, type) {
+    if (options && options.shared) return markTextShared(doc, from, to, options, type);
+    if (doc.cm && !doc.cm.curOp) return operation(doc.cm, markText)(doc, from, to, options, type);
+
+    var marker = new TextMarker(doc, type);
+    if (posLess(to, from) || posEq(from, to) && type == "range" &&
+        !(options.inclusiveLeft && options.inclusiveRight))
+      return marker;
+    if (options) copyObj(options, marker);
+    if (marker.replacedWith) {
+      marker.collapsed = true;
+      marker.replacedWith = elt("span", [marker.replacedWith], "CodeMirror-widget");
+      if (!options.handleMouseEvents) marker.replacedWith.ignoreEvents = true;
+    }
+    if (marker.collapsed) sawCollapsedSpans = true;
+
+    if (marker.addToHistory)
+      addToHistory(doc, {from: from, to: to, origin: "markText"},
+                   {head: doc.sel.head, anchor: doc.sel.anchor}, NaN);
+
+    var curLine = from.line, size = 0, collapsedAtStart, collapsedAtEnd, cm = doc.cm, updateMaxLine;
+    doc.iter(curLine, to.line + 1, function(line) {
+      if (cm && marker.collapsed && !cm.options.lineWrapping && visualLine(doc, line) == cm.display.maxLine)
+        updateMaxLine = true;
+      var span = {from: null, to: null, marker: marker};
+      size += line.text.length;
+      if (curLine == from.line) {span.from = from.ch; size -= from.ch;}
+      if (curLine == to.line) {span.to = to.ch; size -= line.text.length - to.ch;}
+      if (marker.collapsed) {
+        if (curLine == to.line) collapsedAtEnd = collapsedSpanAt(line, to.ch);
+        if (curLine == from.line) collapsedAtStart = collapsedSpanAt(line, from.ch);
+        else updateLineHeight(line, 0);
+      }
+      addMarkedSpan(line, span);
+      ++curLine;
+    });
+    if (marker.collapsed) doc.iter(from.line, to.line + 1, function(line) {
+      if (lineIsHidden(doc, line)) updateLineHeight(line, 0);
+    });
+
+    if (marker.clearOnEnter) on(marker, "beforeCursorEnter", function() { marker.clear(); });
+
+    if (marker.readOnly) {
+      sawReadOnlySpans = true;
+      if (doc.history.done.length || doc.history.undone.length)
+        doc.clearHistory();
+    }
+    if (marker.collapsed) {
+      if (collapsedAtStart != collapsedAtEnd)
+        throw new Error("Inserting collapsed marker overlapping an existing one");
+      marker.size = size;
+      marker.atomic = true;
+    }
+    if (cm) {
+      if (updateMaxLine) cm.curOp.updateMaxLine = true;
+      if (marker.className || marker.title || marker.startStyle || marker.endStyle || marker.collapsed)
+        regChange(cm, from.line, to.line + 1);
+      if (marker.atomic) reCheckSelection(cm);
+    }
+    return marker;
+  }
+
+  // SHARED TEXTMARKERS
+
+  function SharedTextMarker(markers, primary) {
+    this.markers = markers;
+    this.primary = primary;
+    for (var i = 0, me = this; i < markers.length; ++i) {
+      markers[i].parent = this;
+      on(markers[i], "clear", function(){me.clear();});
+    }
+  }
+  CodeMirror.SharedTextMarker = SharedTextMarker;
+  eventMixin(SharedTextMarker);
+
+  SharedTextMarker.prototype.clear = function() {
+    if (this.explicitlyCleared) return;
+    this.explicitlyCleared = true;
+    for (var i = 0; i < this.markers.length; ++i)
+      this.markers[i].clear();
+    signalLater(this, "clear");
+  };
+  SharedTextMarker.prototype.find = function() {
+    return this.primary.find();
+  };
+
+  function markTextShared(doc, from, to, options, type) {
+    options = copyObj(options);
+    options.shared = false;
+    var markers = [markText(doc, from, to, options, type)], primary = markers[0];
+    var widget = options.replacedWith;
+    linkedDocs(doc, function(doc) {
+      if (widget) options.replacedWith = widget.cloneNode(true);
+      markers.push(markText(doc, clipPos(doc, from), clipPos(doc, to), options, type));
+      for (var i = 0; i < doc.linked.length; ++i)
+        if (doc.linked[i].isParent) return;
+      primary = lst(markers);
+    });
+    return new SharedTextMarker(markers, primary);
+  }
+
+  // TEXTMARKER SPANS
+
+  function getMarkedSpanFor(spans, marker) {
+    if (spans) for (var i = 0; i < spans.length; ++i) {
+      var span = spans[i];
+      if (span.marker == marker) return span;
+    }
+  }
+  function removeMarkedSpan(spans, span) {
+    for (var r, i = 0; i < spans.length; ++i)
+      if (spans[i] != span) (r || (r = [])).push(spans[i]);
+    return r;
+  }
+  function addMarkedSpan(line, span) {
+    line.markedSpans = line.markedSpans ? line.markedSpans.concat([span]) : [span];
+    span.marker.attachLine(line);
+  }
+
+  function markedSpansBefore(old, startCh, isInsert) {
+    if (old) for (var i = 0, nw; i < old.length; ++i) {
+      var span = old[i], marker = span.marker;
+      var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= startCh : span.from < startCh);
+      if (startsBefore ||
+          (marker.inclusiveLeft && marker.inclusiveRight || marker.type == "bookmark") &&
+          span.from == startCh && (!isInsert || !span.marker.insertLeft)) {
+        var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= startCh : span.to > startCh);
+        (nw || (nw = [])).push({from: span.from,
+                                to: endsAfter ? null : span.to,
+                                marker: marker});
+      }
+    }
+    return nw;
+  }
+
+  function markedSpansAfter(old, endCh, isInsert) {
+    if (old) for (var i = 0, nw; i < old.length; ++i) {
+      var span = old[i], marker = span.marker;
+      var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= endCh : span.to > endCh);
+      if (endsAfter || marker.type == "bookmark" && span.from == endCh && (!isInsert || span.marker.insertLeft)) {
+        var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= endCh : span.from < endCh);
+        (nw || (nw = [])).push({from: startsBefore ? null : span.from - endCh,
+                                to: span.to == null ? null : span.to - endCh,
+                                marker: marker});
+      }
+    }
+    return nw;
+  }
+
+  function stretchSpansOverChange(doc, change) {
+    var oldFirst = isLine(doc, change.from.line) && getLine(doc, change.from.line).markedSpans;
+    var oldLast = isLine(doc, change.to.line) && getLine(doc, change.to.line).markedSpans;
+    if (!oldFirst && !oldLast) return null;
+
+    var startCh = change.from.ch, endCh = change.to.ch, isInsert = posEq(change.from, change.to);
+    // Get the spans that 'stick out' on both sides
+    var first = markedSpansBefore(oldFirst, startCh, isInsert);
+    var last = markedSpansAfter(oldLast, endCh, isInsert);
+
+    // Next, merge those two ends
+    var sameLine = change.text.length == 1, offset = lst(change.text).length + (sameLine ? startCh : 0);
+    if (first) {
+      // Fix up .to properties of first
+      for (var i = 0; i < first.length; ++i) {
+        var span = first[i];
+        if (span.to == null) {
+          var found = getMarkedSpanFor(last, span.marker);
+          if (!found) span.to = startCh;
+          else if (sameLine) span.to = found.to == null ? null : found.to + offset;
+        }
+      }
+    }
+    if (last) {
+      // Fix up .from in last (or move them into first in case of sameLine)
+      for (var i = 0; i < last.length; ++i) {
+        var span = last[i];
+        if (span.to != null) span.to += offset;
+        if (span.from == null) {
+          var found = getMarkedSpanFor(first, span.marker);
+          if (!found) {
+            span.from = offset;
+            if (sameLine) (first || (first = [])).push(span);
+          }
+        } else {
+          span.from += offset;
+          if (sameLine) (first || (first = [])).push(span);
+        }
+      }
+    }
+    if (sameLine && first) {
+      // Make sure we didn't create any zero-length spans
+      for (var i = 0; i < first.length; ++i)
+        if (first[i].from != null && first[i].from == first[i].to && first[i].marker.type != "bookmark")
+          first.splice(i--, 1);
+      if (!first.length) first = null;
+    }
+
+    var newMarkers = [first];
+    if (!sameLine) {
+      // Fill gap with whole-line-spans
+      var gap = change.text.length - 2, gapMarkers;
+      if (gap > 0 && first)
+        for (var i = 0; i < first.length; ++i)
+          if (first[i].to == null)
+            (gapMarkers || (gapMarkers = [])).push({from: null, to: null, marker: first[i].marker});
+      for (var i = 0; i < gap; ++i)
+        newMarkers.push(gapMarkers);
+      newMarkers.push(last);
+    }
+    return newMarkers;
+  }
+
+  function mergeOldSpans(doc, change) {
+    var old = getOldSpans(doc, change);
+    var stretched = stretchSpansOverChange(doc, change);
+    if (!old) return stretched;
+    if (!stretched) return old;
+
+    for (var i = 0; i < old.length; ++i) {
+      var oldCur = old[i], stretchCur = stretched[i];
+      if (oldCur && stretchCur) {
+        spans: for (var j = 0; j < stretchCur.length; ++j) {
+          var span = stretchCur[j];
+          for (var k = 0; k < oldCur.length; ++k)
+            if (oldCur[k].marker == span.marker) continue spans;
+          oldCur.push(span);
+        }
+      } else if (stretchCur) {
+        old[i] = stretchCur;
+      }
+    }
+    return old;
+  }
+
+  function removeReadOnlyRanges(doc, from, to) {
+    var markers = null;
+    doc.iter(from.line, to.line + 1, function(line) {
+      if (line.markedSpans) for (var i = 0; i < line.markedSpans.length; ++i) {
+        var mark = line.markedSpans[i].marker;
+        if (mark.readOnly && (!markers || indexOf(markers, mark) == -1))
+          (markers || (markers = [])).push(mark);
+      }
+    });
+    if (!markers) return null;
+    var parts = [{from: from, to: to}];
+    for (var i = 0; i < markers.length; ++i) {
+      var mk = markers[i], m = mk.find();
+      for (var j = 0; j < parts.length; ++j) {
+        var p = parts[j];
+        if (posLess(p.to, m.from) || posLess(m.to, p.from)) continue;
+        var newParts = [j, 1];
+        if (posLess(p.from, m.from) || !mk.inclusiveLeft && posEq(p.from, m.from))
+          newParts.push({from: p.from, to: m.from});
+        if (posLess(m.to, p.to) || !mk.inclusiveRight && posEq(p.to, m.to))
+          newParts.push({from: m.to, to: p.to});
+        parts.splice.apply(parts, newParts);
+        j += newParts.length - 1;
+      }
+    }
+    return parts;
+  }
+
+  function collapsedSpanAt(line, ch) {
+    var sps = sawCollapsedSpans && line.markedSpans, found;
+    if (sps) for (var sp, i = 0; i < sps.length; ++i) {
+      sp = sps[i];
+      if (!sp.marker.collapsed) continue;
+      if ((sp.from == null || sp.from < ch) &&
+          (sp.to == null || sp.to > ch) &&
+          (!found || found.width < sp.marker.width))
+        found = sp.marker;
+    }
+    return found;
+  }
+  function collapsedSpanAtStart(line) { return collapsedSpanAt(line, -1); }
+  function collapsedSpanAtEnd(line) { return collapsedSpanAt(line, line.text.length + 1); }
+
+  function visualLine(doc, line) {
+    var merged;
+    while (merged = collapsedSpanAtStart(line))
+      line = getLine(doc, merged.find().from.line);
+    return line;
+  }
+
+  function lineIsHidden(doc, line) {
+    var sps = sawCollapsedSpans && line.markedSpans;
+    if (sps) for (var sp, i = 0; i < sps.length; ++i) {
+      sp = sps[i];
+      if (!sp.marker.collapsed) continue;
+      if (sp.from == null) return true;
+      if (sp.marker.replacedWith) continue;
+      if (sp.from == 0 && sp.marker.inclusiveLeft && lineIsHiddenInner(doc, line, sp))
+        return true;
+    }
+  }
+  function lineIsHiddenInner(doc, line, span) {
+    if (span.to == null) {
+      var end = span.marker.find().to, endLine = getLine(doc, end.line);
+      return lineIsHiddenInner(doc, endLine, getMarkedSpanFor(endLine.markedSpans, span.marker));
+    }
+    if (span.marker.inclusiveRight && span.to == line.text.length)
+      return true;
+    for (var sp, i = 0; i < line.markedSpans.length; ++i) {
+      sp = line.markedSpans[i];
+      if (sp.marker.collapsed && !sp.marker.replacedWith && sp.from == span.to &&
+          (sp.marker.inclusiveLeft || span.marker.inclusiveRight) &&
+          lineIsHiddenInner(doc, line, sp)) return true;
+    }
+  }
+
+  function detachMarkedSpans(line) {
+    var spans = line.markedSpans;
+    if (!spans) return;
+    for (var i = 0; i < spans.length; ++i)
+      spans[i].marker.detachLine(line);
+    line.markedSpans = null;
+  }
+
+  function attachMarkedSpans(line, spans) {
+    if (!spans) return;
+    for (var i = 0; i < spans.length; ++i)
+      spans[i].marker.attachLine(line);
+    line.markedSpans = spans;
+  }
+
+  // LINE WIDGETS
+
+  var LineWidget = CodeMirror.LineWidget = function(cm, node, options) {
+    if (options) for (var opt in options) if (options.hasOwnProperty(opt))
+      this[opt] = options[opt];
+    this.cm = cm;
+    this.node = node;
+  };
+  eventMixin(LineWidget);
+  function widgetOperation(f) {
+    return function() {
+      var withOp = !this.cm.curOp;
+      if (withOp) startOperation(this.cm);
+      try {var result = f.apply(this, arguments);}
+      finally {if (withOp) endOperation(this.cm);}
+      return result;
+    };
+  }
+  LineWidget.prototype.clear = widgetOperation(function() {
+    var ws = this.line.widgets, no = lineNo(this.line);
+    if (no == null || !ws) return;
+    for (var i = 0; i < ws.length; ++i) if (ws[i] == this) ws.splice(i--, 1);
+    if (!ws.length) this.line.widgets = null;
+    var aboveVisible = heightAtLine(this.cm, this.line) < this.cm.doc.scrollTop;
+    updateLineHeight(this.line, Math.max(0, this.line.height - widgetHeight(this)));
+    if (aboveVisible) addToScrollPos(this.cm, 0, -this.height);
+    regChange(this.cm, no, no + 1);
+  });
+  LineWidget.prototype.changed = widgetOperation(function() {
+    var oldH = this.height;
+    this.height = null;
+    var diff = widgetHeight(this) - oldH;
+    if (!diff) return;
+    updateLineHeight(this.line, this.line.height + diff);
+    var no = lineNo(this.line);
+    regChange(this.cm, no, no + 1);
+  });
+
+  function widgetHeight(widget) {
+    if (widget.height != null) return widget.height;
+    if (!widget.node.parentNode || widget.node.parentNode.nodeType != 1)
+      removeChildrenAndAdd(widget.cm.display.measure, elt("div", [widget.node], null, "position: relative"));
+    return widget.height = widget.node.offsetHeight;
+  }
+
+  function addLineWidget(cm, handle, node, options) {
+    var widget = new LineWidget(cm, node, options);
+    if (widget.noHScroll) cm.display.alignWidgets = true;
+    changeLine(cm, handle, function(line) {
+      var widgets = line.widgets || (line.widgets = []);
+      if (widget.insertAt == null) widgets.push(widget);
+      else widgets.splice(Math.min(widgets.length - 1, Math.max(0, widget.insertAt)), 0, widget);
+      widget.line = line;
+      if (!lineIsHidden(cm.doc, line) || widget.showIfHidden) {
+        var aboveVisible = heightAtLine(cm, line) < cm.doc.scrollTop;
+        updateLineHeight(line, line.height + widgetHeight(widget));
+        if (aboveVisible) addToScrollPos(cm, 0, widget.height);
+      }
+      return true;
+    });
+    return widget;
+  }
+
+  // LINE DATA STRUCTURE
+
+  // Line objects. These hold state related to a line, including
+  // highlighting info (the styles array).
+  var Line = CodeMirror.Line = function(text, markedSpans, estimateHeight) {
+    this.text = text;
+    attachMarkedSpans(this, markedSpans);
+    this.height = estimateHeight ? estimateHeight(this) : 1;
+  };
+  eventMixin(Line);
+  Line.prototype.lineNo = function() { return lineNo(this); };
+
+  function updateLine(line, text, markedSpans, estimateHeight) {
+    line.text = text;
+    if (line.stateAfter) line.stateAfter = null;
+    if (line.styles) line.styles = null;
+    if (line.order != null) line.order = null;
+    detachMarkedSpans(line);
+    attachMarkedSpans(line, markedSpans);
+    var estHeight = estimateHeight ? estimateHeight(line) : 1;
+    if (estHeight != line.height) updateLineHeight(line, estHeight);
+  }
+
+  function cleanUpLine(line) {
+    line.parent = null;
+    detachMarkedSpans(line);
+  }
+
+  // Run the given mode's parser over a line, update the styles
+  // array, which contains alternating fragments of text and CSS
+  // classes.
+  function runMode(cm, text, mode, state, f, forceToEnd) {
+    var flattenSpans = mode.flattenSpans;
+    if (flattenSpans == null) flattenSpans = cm.options.flattenSpans;
+    var curStart = 0, curStyle = null;
+    var stream = new StringStream(text, cm.options.tabSize), style;
+    if (text == "" && mode.blankLine) mode.blankLine(state);
+    while (!stream.eol()) {
+      if (stream.pos > cm.options.maxHighlightLength) {
+        flattenSpans = false;
+        if (forceToEnd) processLine(cm, text, state, stream.pos);
+        stream.pos = text.length;
+        style = null;
+      } else {
+        style = mode.token(stream, state);
+      }
+      if (!flattenSpans || curStyle != style) {
+        if (curStart < stream.start) f(stream.start, curStyle);
+        curStart = stream.start; curStyle = style;
+      }
+      stream.start = stream.pos;
+    }
+    while (curStart < stream.pos) {
+      // Webkit seems to refuse to render text nodes longer than 57444 characters
+      var pos = Math.min(stream.pos, curStart + 50000);
+      f(pos, curStyle);
+      curStart = pos;
+    }
+  }
+
+  function highlightLine(cm, line, state, forceToEnd) {
+    // A styles array always starts with a number identifying the
+    // mode/overlays that it is based on (for easy invalidation).
+    var st = [cm.state.modeGen];
+    // Compute the base array of styles
+    runMode(cm, line.text, cm.doc.mode, state, function(end, style) {
+      st.push(end, style);
+    }, forceToEnd);
+
+    // Run overlays, adjust style array.
+    for (var o = 0; o < cm.state.overlays.length; ++o) {
+      var overlay = cm.state.overlays[o], i = 1, at = 0;
+      runMode(cm, line.text, overlay.mode, true, function(end, style) {
+        var start = i;
+        // Ensure there's a token end at the current position, and that i points at it
+        while (at < end) {
+          var i_end = st[i];
+          if (i_end > end)
+            st.splice(i, 1, end, st[i+1], i_end);
+          i += 2;
+          at = Math.min(end, i_end);
+        }
+        if (!style) return;
+        if (overlay.opaque) {
+          st.splice(start, i - start, end, style);
+          i = start + 2;
+        } else {
+          for (; start < i; start += 2) {
+            var cur = st[start+1];
+            st[start+1] = cur ? cur + " " + style : style;
+          }
+        }
+      });
+    }
+
+    return st;
+  }
+
+  function getLineStyles(cm, line) {
+    if (!line.styles || line.styles[0] != cm.state.modeGen)
+      line.styles = highlightLine(cm, line, line.stateAfter = getStateBefore(cm, lineNo(line)));
+    return line.styles;
+  }
+
+  // Lightweight form of highlight -- proceed over this line and
+  // update state, but don't save a style array.
+  function processLine(cm, text, state, startAt) {
+    var mode = cm.doc.mode;
+    var stream = new StringStream(text, cm.options.tabSize);
+    stream.start = stream.pos = startAt || 0;
+    if (text == "" && mode.blankLine) mode.blankLine(state);
+    while (!stream.eol() && stream.pos <= cm.options.maxHighlightLength) {
+      mode.token(stream, state);
+      stream.start = stream.pos;
+    }
+  }
+
+  var styleToClassCache = {};
+  function interpretTokenStyle(style, builder) {
+    if (!style) return null;
+    for (;;) {
+      var lineClass = style.match(/(?:^|\s)line-(background-)?(\S+)/);
+      if (!lineClass) break;
+      style = style.slice(0, lineClass.index) + style.slice(lineClass.index + lineClass[0].length);
+      var prop = lineClass[1] ? "bgClass" : "textClass";
+      if (builder[prop] == null)
+        builder[prop] = lineClass[2];
+      else if (!(new RegExp("(?:^|\s)" + lineClass[2] + "(?:$|\s)")).test(builder[prop]))
+        builder[prop] += " " + lineClass[2];
+    }
+    return styleToClassCache[style] ||
+      (styleToClassCache[style] = "cm-" + style.replace(/ +/g, " cm-"));
+  }
+
+  function buildLineContent(cm, realLine, measure, copyWidgets) {
+    var merged, line = realLine, empty = true;
+    while (merged = collapsedSpanAtStart(line))
+      line = getLine(cm.doc, merged.find().from.line);
+
+    var builder = {pre: elt("pre"), col: 0, pos: 0,
+                   measure: null, measuredSomething: false, cm: cm,
+                   copyWidgets: copyWidgets};
+
+    do {
+      if (line.text) empty = false;
+      builder.measure = line == realLine && measure;
+      builder.pos = 0;
+      builder.addToken = builder.measure ? buildTokenMeasure : buildToken;
+      if ((ie || webkit) && cm.getOption("lineWrapping"))
+        builder.addToken = buildTokenSplitSpaces(builder.addToken);
+      var next = insertLineContent(line, builder, getLineStyles(cm, line));
+      if (measure && line == realLine && !builder.measuredSomething) {
+        measure[0] = builder.pre.appendChild(zeroWidthElement(cm.display.measure));
+        builder.measuredSomething = true;
+      }
+      if (next) line = getLine(cm.doc, next.to.line);
+    } while (next);
+
+    if (measure && !builder.measuredSomething && !measure[0])
+      measure[0] = builder.pre.appendChild(empty ? elt("span", "\u00a0") : zeroWidthElement(cm.display.measure));
+    if (!builder.pre.firstChild && !lineIsHidden(cm.doc, realLine))
+      builder.pre.appendChild(document.createTextNode("\u00a0"));
+
+    var order;
+    // Work around problem with the reported dimensions of single-char
+    // direction spans on IE (issue #1129). See also the comment in
+    // cursorCoords.
+    if (measure && (ie || ie_gt10) && (order = getOrder(line))) {
+      var l = order.length - 1;
+      if (order[l].from == order[l].to) --l;
+      var last = order[l], prev = order[l - 1];
+      if (last.from + 1 == last.to && prev && last.level < prev.level) {
+        var span = measure[builder.pos - 1];
+        if (span) span.parentNode.insertBefore(span.measureRight = zeroWidthElement(cm.display.measure),
+                                               span.nextSibling);
+      }
+    }
+
+    var textClass = builder.textClass ? builder.textClass + " " + (realLine.textClass || "") : realLine.textClass;
+    if (textClass) builder.pre.className = textClass;
+
+    signal(cm, "renderLine", cm, realLine, builder.pre);
+    return builder;
+  }
+
+  function defaultSpecialCharPlaceholder(ch) {
+    var token = elt("span", "\u2022", "cm-invalidchar");
+    token.title = "\\u" + ch.charCodeAt(0).toString(16);
+    return token;
+  }
+
+  function buildToken(builder, text, style, startStyle, endStyle, title) {
+    if (!text) return;
+    var special = builder.cm.options.specialChars;
+    if (!special.test(text)) {
+      builder.col += text.length;
+      var content = document.createTextNode(text);
+    } else {
+      var content = document.createDocumentFragment(), pos = 0;
+      while (true) {
+        special.lastIndex = pos;
+        var m = special.exec(text);
+        var skipped = m ? m.index - pos : text.length - pos;
+        if (skipped) {
+          content.appendChild(document.createTextNode(text.slice(pos, pos + skipped)));
+          builder.col += skipped;
+        }
+        if (!m) break;
+        pos += skipped + 1;
+        if (m[0] == "\t") {
+          var tabSize = builder.cm.options.tabSize, tabWidth = tabSize - builder.col % tabSize;
+          content.appendChild(elt("span", spaceStr(tabWidth), "cm-tab"));
+          builder.col += tabWidth;
+        } else {
+          var token = builder.cm.options.specialCharPlaceholder(m[0]);
+          content.appendChild(token);
+          builder.col += 1;
+        }
+      }
+    }
+    if (style || startStyle || endStyle || builder.measure) {
+      var fullStyle = style || "";
+      if (startStyle) fullStyle += startStyle;
+      if (endStyle) fullStyle += endStyle;
+      var token = elt("span", [content], fullStyle);
+      if (title) token.title = title;
+      return builder.pre.appendChild(token);
+    }
+    builder.pre.appendChild(content);
+  }
+
+  function buildTokenMeasure(builder, text, style, startStyle, endStyle) {
+    var wrapping = builder.cm.options.lineWrapping;
+    for (var i = 0; i < text.length; ++i) {
+      var ch = text.charAt(i), start = i == 0;
+      if (ch >= "\ud800" && ch < "\udbff" && i < text.length - 1) {
+        ch = text.slice(i, i + 2);
+        ++i;
+      } else if (i && wrapping && spanAffectsWrapping(text, i)) {
+        builder.pre.appendChild(elt("wbr"));
+      }
+      var old = builder.measure[builder.pos];
+      var span = builder.measure[builder.pos] =
+        buildToken(builder, ch, style,
+                   start && startStyle, i == text.length - 1 && endStyle);
+      if (old) span.leftSide = old.leftSide || old;
+      // In IE single-space nodes wrap differently than spaces
+      // embedded in larger text nodes, except when set to
+      // white-space: normal (issue #1268).
+      if (ie && wrapping && ch == " " && i && !/\s/.test(text.charAt(i - 1)) &&
+          i < text.length - 1 && !/\s/.test(text.charAt(i + 1)))
+        span.style.whiteSpace = "normal";
+      builder.pos += ch.length;
+    }
+    if (text.length) builder.measuredSomething = true;
+  }
+
+  function buildTokenSplitSpaces(inner) {
+    function split(old) {
+      var out = " ";
+      for (var i = 0; i < old.length - 2; ++i) out += i % 2 ? " " : "\u00a0";
+      out += " ";
+      return out;
+    }
+    return function(builder, text, style, startStyle, endStyle, title) {
+      return inner(builder, text.replace(/ {3,}/g, split), style, startStyle, endStyle, title);
+    };
+  }
+
+  function buildCollapsedSpan(builder, size, marker, ignoreWidget) {
+    var widget = !ignoreWidget && marker.replacedWith;
+    if (widget) {
+      if (builder.copyWidgets) widget = widget.cloneNode(true);
+      builder.pre.appendChild(widget);
+      if (builder.measure) {
+        if (size) {
+          builder.measure[builder.pos] = widget;
+        } else {
+          var elt = zeroWidthElement(builder.cm.display.measure);
+          if (marker.type == "bookmark" && !marker.insertLeft)
+            builder.measure[builder.pos] = builder.pre.appendChild(elt);
+          else if (builder.measure[builder.pos])
+            return;
+          else
+            builder.measure[builder.pos] = builder.pre.insertBefore(elt, widget);
+        }
+        builder.measuredSomething = true;
+      }
+    }
+    builder.pos += size;
+  }
+
+  // Outputs a number of spans to make up a line, taking highlighting
+  // and marked text into account.
+  function insertLineContent(line, builder, styles) {
+    var spans = line.markedSpans, allText = line.text, at = 0;
+    if (!spans) {
+      for (var i = 1; i < styles.length; i+=2)
+        builder.addToken(builder, allText.slice(at, at = styles[i]), interpretTokenStyle(styles[i+1], builder));
+      return;
+    }
+
+    var len = allText.length, pos = 0, i = 1, text = "", style;
+    var nextChange = 0, spanStyle, spanEndStyle, spanStartStyle, title, collapsed;
+    for (;;) {
+      if (nextChange == pos) { // Update current marker set
+        spanStyle = spanEndStyle = spanStartStyle = title = "";
+        collapsed = null; nextChange = Infinity;
+        var foundBookmarks = [];
+        for (var j = 0; j < spans.length; ++j) {
+          var sp = spans[j], m = sp.marker;
+          if (sp.from <= pos && (sp.to == null || sp.to > pos)) {
+            if (sp.to != null && nextChange > sp.to) { nextChange = sp.to; spanEndStyle = ""; }
+            if (m.className) spanStyle += " " + m.className;
+            if (m.startStyle && sp.from == pos) spanStartStyle += " " + m.startStyle;
+            if (m.endStyle && sp.to == nextChange) spanEndStyle += " " + m.endStyle;
+            if (m.title && !title) title = m.title;
+            if (m.collapsed && (!collapsed || collapsed.marker.size < m.size))
+              collapsed = sp;
+          } else if (sp.from > pos && nextChange > sp.from) {
+            nextChange = sp.from;
+          }
+          if (m.type == "bookmark" && sp.from == pos && m.replacedWith) foundBookmarks.push(m);
+        }
+        if (collapsed && (collapsed.from || 0) == pos) {
+          buildCollapsedSpan(builder, (collapsed.to == null ? len : collapsed.to) - pos,
+                             collapsed.marker, collapsed.from == null);
+          if (collapsed.to == null) return collapsed.marker.find();
+        }
+        if (!collapsed && foundBookmarks.length) for (var j = 0; j < foundBookmarks.length; ++j)
+          buildCollapsedSpan(builder, 0, foundBookmarks[j]);
+      }
+      if (pos >= len) break;
+
+      var upto = Math.min(len, nextChange);
+      while (true) {
+        if (text) {
+          var end = pos + text.length;
+          if (!collapsed) {
+            var tokenText = end > upto ? text.slice(0, upto - pos) : text;
+            builder.addToken(builder, tokenText, style ? style + spanStyle : spanStyle,
+                             spanStartStyle, pos + tokenText.length == nextChange ? spanEndStyle : "", title);
+          }
+          if (end >= upto) {text = text.slice(upto - pos); pos = upto; break;}
+          pos = end;
+          spanStartStyle = "";
+        }
+        text = allText.slice(at, at = styles[i++]);
+        style = interpretTokenStyle(styles[i++], builder);
+      }
+    }
+  }
+
+  // DOCUMENT DATA STRUCTURE
+
+  function updateDoc(doc, change, markedSpans, selAfter, estimateHeight) {
+    function spansFor(n) {return markedSpans ? markedSpans[n] : null;}
+    function update(line, text, spans) {
+      updateLine(line, text, spans, estimateHeight);
+      signalLater(line, "change", line, change);
+    }
+
+    var from = change.from, to = change.to, text = change.text;
+    var firstLine = getLine(doc, from.line), lastLine = getLine(doc, to.line);
+    var lastText = lst(text), lastSpans = spansFor(text.length - 1), nlines = to.line - from.line;
+
+    // First adjust the line structure
+    if (from.ch == 0 && to.ch == 0 && lastText == "" &&
+        (!doc.cm || doc.cm.options.wholeLineUpdateBefore)) {
+      // This is a whole-line replace. Treated specially to make
+      // sure line objects move the way they are supposed to.
+      for (var i = 0, e = text.length - 1, added = []; i < e; ++i)
+        added.push(new Line(text[i], spansFor(i), estimateHeight));
+      update(lastLine, lastLine.text, lastSpans);
+      if (nlines) doc.remove(from.line, nlines);
+      if (added.length) doc.insert(from.line, added);
+    } else if (firstLine == lastLine) {
+      if (text.length == 1) {
+        update(firstLine, firstLine.text.slice(0, from.ch) + lastText + firstLine.text.slice(to.ch), lastSpans);
+      } else {
+        for (var added = [], i = 1, e = text.length - 1; i < e; ++i)
+          added.push(new Line(text[i], spansFor(i), estimateHeight));
+        added.push(new Line(lastText + firstLine.text.slice(to.ch), lastSpans, estimateHeight));
+        update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0));
+        doc.insert(from.line + 1, added);
+      }
+    } else if (text.length == 1) {
+      update(firstLine, firstLine.text.slice(0, from.ch) + text[0] + lastLine.text.slice(to.ch), spansFor(0));
+      doc.remove(from.line + 1, nlines);
+    } else {
+      update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0));
+      update(lastLine, lastText + lastLine.text.slice(to.ch), lastSpans);
+      for (var i = 1, e = text.length - 1, added = []; i < e; ++i)
+        added.push(new Line(text[i], spansFor(i), estimateHeight));
+      if (nlines > 1) doc.remove(from.line + 1, nlines - 1);
+      doc.insert(from.line + 1, added);
+    }
+
+    signalLater(doc, "change", doc, change);
+    setSelection(doc, selAfter.anchor, selAfter.head, null, true);
+  }
+
+  function LeafChunk(lines) {
+    this.lines = lines;
+    this.parent = null;
+    for (var i = 0, e = lines.length, height = 0; i < e; ++i) {
+      lines[i].parent = this;
+      height += lines[i].height;
+    }
+    this.height = height;
+  }
+
+  LeafChunk.prototype = {
+    chunkSize: function() { return this.lines.length; },
+    removeInner: function(at, n) {
+      for (var i = at, e = at + n; i < e; ++i) {
+        var line = this.lines[i];
+        this.height -= line.height;
+        cleanUpLine(line);
+        signalLater(line, "delete");
+      }
+      this.lines.splice(at, n);
+    },
+    collapse: function(lines) {
+      lines.splice.apply(lines, [lines.length, 0].concat(this.lines));
+    },
+    insertInner: function(at, lines, height) {
+      this.height += height;
+      this.lines = this.lines.slice(0, at).concat(lines).concat(this.lines.slice(at));
+      for (var i = 0, e = lines.length; i < e; ++i) lines[i].parent = this;
+    },
+    iterN: function(at, n, op) {
+      for (var e = at + n; at < e; ++at)
+        if (op(this.lines[at])) return true;
+    }
+  };
+
+  function BranchChunk(children) {
+    this.children = children;
+    var size = 0, height = 0;
+    for (var i = 0, e = children.length; i < e; ++i) {
+      var ch = children[i];
+      size += ch.chunkSize(); height += ch.height;
+      ch.parent = this;
+    }
+    this.size = size;
+    this.height = height;
+    this.parent = null;
+  }
+
+  BranchChunk.prototype = {
+    chunkSize: function() { return this.size; },
+    removeInner: function(at, n) {
+      this.size -= n;
+      for (var i = 0; i < this.children.length; ++i) {
+        var child = this.children[i], sz = child.chunkSize();
+        if (at < sz) {
+          var rm = Math.min(n, sz - at), oldHeight = child.height;
+          child.removeInner(at, rm);
+          this.height -= oldHeight - child.height;
+          if (sz == rm) { this.children.splice(i--, 1); child.parent = null; }
+          if ((n -= rm) == 0) break;
+          at = 0;
+        } else at -= sz;
+      }
+      if (this.size - n < 25) {
+        var lines = [];
+        this.collapse(lines);
+        this.children = [new LeafChunk(lines)];
+        this.children[0].parent = this;
+      }
+    },
+    collapse: function(lines) {
+      for (var i = 0, e = this.children.length; i < e; ++i) this.children[i].collapse(lines);
+    },
+    insertInner: function(at, lines, height) {
+      this.size += lines.length;
+      this.height += height;
+      for (var i = 0, e = this.children.length; i < e; ++i) {
+        var child = this.children[i], sz = child.chunkSize();
+        if (at <= sz) {
+          child.insertInner(at, lines, height);
+          if (child.lines && child.lines.length > 50) {
+            while (child.lines.length > 50) {
+              var spilled = child.lines.splice(child.lines.length - 25, 25);
+              var newleaf = new LeafChunk(spilled);
+              child.height -= newleaf.height;
+              this.children.splice(i + 1, 0, newleaf);
+              newleaf.parent = this;
+            }
+            this.maybeSpill();
+          }
+          break;
+        }
+        at -= sz;
+      }
+    },
+    maybeSpill: function() {
+      if (this.children.length <= 10) return;
+      var me = this;
+      do {
+        var spilled = me.children.splice(me.children.length - 5, 5);
+        var sibling = new BranchChunk(spilled);
+        if (!me.parent) { // Become the parent node
+          var copy = new BranchChunk(me.children);
+          copy.parent = me;
+          me.children = [copy, sibling];
+          me = copy;
+        } else {
+          me.size -= sibling.size;
+          me.height -= sibling.height;
+          var myIndex = indexOf(me.parent.children, me);
+          me.parent.children.splice(myIndex + 1, 0, sibling);
+        }
+        sibling.parent = me.parent;
+      } while (me.children.length > 10);
+      me.parent.maybeSpill();
+    },
+    iterN: function(at, n, op) {
+      for (var i = 0, e = this.children.length; i < e; ++i) {
+        var child = this.children[i], sz = child.chunkSize();
+        if (at < sz) {
+          var used = Math.min(n, sz - at);
+          if (child.iterN(at, used, op)) return true;
+          if ((n -= used) == 0) break;
+          at = 0;
+        } else at -= sz;
+      }
+    }
+  };
+
+  var nextDocId = 0;
+  var Doc = CodeMirror.Doc = function(text, mode, firstLine) {
+    if (!(this instanceof Doc)) return new Doc(text, mode, firstLine);
+    if (firstLine == null) firstLine = 0;
+
+    BranchChunk.call(this, [new LeafChunk([new Line("", null)])]);
+    this.first = firstLine;
+    this.scrollTop = this.scrollLeft = 0;
+    this.cantEdit = false;
+    this.history = makeHistory();
+    this.cleanGeneration = 1;
+    this.frontier = firstLine;
+    var start = Pos(firstLine, 0);
+    this.sel = {from: start, to: start, head: start, anchor: start, shift: false, extend: false, goalColumn: null};
+    this.id = ++nextDocId;
+    this.modeOption = mode;
+
+    if (typeof text == "string") text = splitLines(text);
+    updateDoc(this, {from: start, to: start, text: text}, null, {head: start, anchor: start});
+  };
+
+  Doc.prototype = createObj(BranchChunk.prototype, {
+    constructor: Doc,
+    iter: function(from, to, op) {
+      if (op) this.iterN(from - this.first, to - from, op);
+      else this.iterN(this.first, this.first + this.size, from);
+    },
+
+    insert: function(at, lines) {
+      var height = 0;
+      for (var i = 0, e = lines.length; i < e; ++i) height += lines[i].height;
+      this.insertInner(at - this.first, lines, height);
+    },
+    remove: function(at, n) { this.removeInner(at - this.first, n); },
+
+    getValue: function(lineSep) {
+      var lines = getLines(this, this.first, this.first + this.size);
+      if (lineSep === false) return lines;
+      return lines.join(lineSep || "\n");
+    },
+    setValue: function(code) {
+      var top = Pos(this.first, 0), last = this.first + this.size - 1;
+      makeChange(this, {from: top, to: Pos(last, getLine(this, last).text.length),
+                        text: splitLines(code), origin: "setValue"},
+                 {head: top, anchor: top}, true);
+    },
+    replaceRange: function(code, from, to, origin) {
+      from = clipPos(this, from);
+      to = to ? clipPos(this, to) : from;
+      replaceRange(this, code, from, to, origin);
+    },
+    getRange: function(from, to, lineSep) {
+      var lines = getBetween(this, clipPos(this, from), clipPos(this, to));
+      if (lineSep === false) return lines;
+      return lines.join(lineSep || "\n");
+    },
+
+    getLine: function(line) {var l = this.getLineHandle(line); return l && l.text;},
+    setLine: function(line, text) {
+      if (isLine(this, line))
+        replaceRange(this, text, Pos(line, 0), clipPos(this, Pos(line)));
+    },
+    removeLine: function(line) {
+      if (line) replaceRange(this, "", clipPos(this, Pos(line - 1)), clipPos(this, Pos(line)));
+      else replaceRange(this, "", Pos(0, 0), clipPos(this, Pos(1, 0)));
+    },
+
+    getLineHandle: function(line) {if (isLine(this, line)) return getLine(this, line);},
+    getLineNumber: function(line) {return lineNo(line);},
+
+    getLineHandleVisualStart: function(line) {
+      if (typeof line == "number") line = getLine(this, line);
+      return visualLine(this, line);
+    },
+
+    lineCount: function() {return this.size;},
+    firstLine: function() {return this.first;},
+    lastLine: function() {return this.first + this.size - 1;},
+
+    clipPos: function(pos) {return clipPos(this, pos);},
+
+    getCursor: function(start) {
+      var sel = this.sel, pos;
+      if (start == null || start == "head") pos = sel.head;
+      else if (start == "anchor") pos = sel.anchor;
+      else if (start == "end" || start === false) pos = sel.to;
+      else pos = sel.from;
+      return copyPos(pos);
+    },
+    somethingSelected: function() {return !posEq(this.sel.head, this.sel.anchor);},
+
+    setCursor: docOperation(function(line, ch, extend) {
+      var pos = clipPos(this, typeof line == "number" ? Pos(line, ch || 0) : line);
+      if (extend) extendSelection(this, pos);
+      else setSelection(this, pos, pos);
+    }),
+    setSelection: docOperation(function(anchor, head, bias) {
+      setSelection(this, clipPos(this, anchor), clipPos(this, head || anchor), bias);
+    }),
+    extendSelection: docOperation(function(from, to, bias) {
+      extendSelection(this, clipPos(this, from), to && clipPos(this, to), bias);
+    }),
+
+    getSelection: function(lineSep) {return this.getRange(this.sel.from, this.sel.to, lineSep);},
+    replaceSelection: function(code, collapse, origin) {
+      makeChange(this, {from: this.sel.from, to: this.sel.to, text: splitLines(code), origin: origin}, collapse || "around");
+    },
+    undo: docOperation(function() {makeChangeFromHistory(this, "undo");}),
+    redo: docOperation(function() {makeChangeFromHistory(this, "redo");}),
+
+    setExtending: function(val) {this.sel.extend = val;},
+
+    historySize: function() {
+      var hist = this.history;
+      return {undo: hist.done.length, redo: hist.undone.length};
+    },
+    clearHistory: function() {this.history = makeHistory(this.history.maxGeneration);},
+
+    markClean: function() {
+      this.cleanGeneration = this.changeGeneration();
+    },
+    changeGeneration: function() {
+      this.history.lastOp = this.history.lastOrigin = null;
+      return this.history.generation;
+    },
+    isClean: function (gen) {
+      return this.history.generation == (gen || this.cleanGeneration);
+    },
+
+    getHistory: function() {
+      return {done: copyHistoryArray(this.history.done),
+              undone: copyHistoryArray(this.history.undone)};
+    },
+    setHistory: function(histData) {
+      var hist = this.history = makeHistory(this.history.maxGeneration);
+      hist.done = histData.done.slice(0);
+      hist.undone = histData.undone.slice(0);
+    },
+
+    markText: function(from, to, options) {
+      return markText(this, clipPos(this, from), clipPos(this, to), options, "range");
+    },
+    setBookmark: function(pos, options) {
+      var realOpts = {replacedWith: options && (options.nodeType == null ? options.widget : options),
+                      insertLeft: options && options.insertLeft};
+      pos = clipPos(this, pos);
+      return markText(this, pos, pos, realOpts, "bookmark");
+    },
+    findMarksAt: function(pos) {
+      pos = clipPos(this, pos);
+      var markers = [], spans = getLine(this, pos.line).markedSpans;
+      if (spans) for (var i = 0; i < spans.length; ++i) {
+        var span = spans[i];
+        if ((span.from == null || span.from <= pos.ch) &&
+            (span.to == null || span.to >= pos.ch))
+          markers.push(span.marker.parent || span.marker);
+      }
+      return markers;
+    },
+    getAllMarks: function() {
+      var markers = [];
+      this.iter(function(line) {
+        var sps = line.markedSpans;
+        if (sps) for (var i = 0; i < sps.length; ++i)
+          if (sps[i].from != null) markers.push(sps[i].marker);
+      });
+      return markers;
+    },
+
+    posFromIndex: function(off) {
+      var ch, lineNo = this.first;
+      this.iter(function(line) {
+        var sz = line.text.length + 1;
+        if (sz > off) { ch = off; return true; }
+        off -= sz;
+        ++lineNo;
+      });
+      return clipPos(this, Pos(lineNo, ch));
+    },
+    indexFromPos: function (coords) {
+      coords = clipPos(this, coords);
+      var index = coords.ch;
+      if (coords.line < this.first || coords.ch < 0) return 0;
+      this.iter(this.first, coords.line, function (line) {
+        index += line.text.length + 1;
+      });
+      return index;
+    },
+
+    copy: function(copyHistory) {
+      var doc = new Doc(getLines(this, this.first, this.first + this.size), this.modeOption, this.first);
+      doc.scrollTop = this.scrollTop; doc.scrollLeft = this.scrollLeft;
+      doc.sel = {from: this.sel.from, to: this.sel.to, head: this.sel.head, anchor: this.sel.anchor,
+                 shift: this.sel.shift, extend: false, goalColumn: this.sel.goalColumn};
+      if (copyHistory) {
+        doc.history.undoDepth = this.history.undoDepth;
+        doc.setHistory(this.getHistory());
+      }
+      return doc;
+    },
+
+    linkedDoc: function(options) {
+      if (!options) options = {};
+      var from = this.first, to = this.first + this.size;
+      if (options.from != null && options.from > from) from = options.from;
+      if (options.to != null && options.to < to) to = options.to;
+      var copy = new Doc(getLines(this, from, to), options.mode || this.modeOption, from);
+      if (options.sharedHist) copy.history = this.history;
+      (this.linked || (this.linked = [])).push({doc: copy, sharedHist: options.sharedHist});
+      copy.linked = [{doc: this, isParent: true, sharedHist: options.sharedHist}];
+      return copy;
+    },
+    unlinkDoc: function(other) {
+      if (other instanceof CodeMirror) other = other.doc;
+      if (this.linked) for (var i = 0; i < this.linked.length; ++i) {
+        var link = this.linked[i];
+        if (link.doc != other) continue;
+        this.linked.splice(i, 1);
+        other.unlinkDoc(this);
+        break;
+      }
+      // If the histories were shared, split them again
+      if (other.history == this.history) {
+        var splitIds = [other.id];
+        linkedDocs(other, function(doc) {splitIds.push(doc.id);}, true);
+        other.history = makeHistory();
+        other.history.done = copyHistoryArray(this.history.done, splitIds);
+        other.history.undone = copyHistoryArray(this.history.undone, splitIds);
+      }
+    },
+    iterLinkedDocs: function(f) {linkedDocs(this, f);},
+
+    getMode: function() {return this.mode;},
+    getEditor: function() {return this.cm;}
+  });
+
+  Doc.prototype.eachLine = Doc.prototype.iter;
+
+  // The Doc methods that should be available on CodeMirror instances
+  var dontDelegate = "iter insert remove copy getEditor".split(" ");
+  for (var prop in Doc.prototype) if (Doc.prototype.hasOwnProperty(prop) && indexOf(dontDelegate, prop) < 0)
+    CodeMirror.prototype[prop] = (function(method) {
+      return function() {return method.apply(this.doc, arguments);};
+    })(Doc.prototype[prop]);
+
+  eventMixin(Doc);
+
+  function linkedDocs(doc, f, sharedHistOnly) {
+    function propagate(doc, skip, sharedHist) {
+      if (doc.linked) for (var i = 0; i < doc.linked.length; ++i) {
+        var rel = doc.linked[i];
+        if (rel.doc == skip) continue;
+        var shared = sharedHist && rel.sharedHist;
+        if (sharedHistOnly && !shared) continue;
+        f(rel.doc, shared);
+        propagate(rel.doc, doc, shared);
+      }
+    }
+    propagate(doc, null, true);
+  }
+
+  function attachDoc(cm, doc) {
+    if (doc.cm) throw new Error("This document is already in use.");
+    cm.doc = doc;
+    doc.cm = cm;
+    estimateLineHeights(cm);
+    loadMode(cm);
+    if (!cm.options.lineWrapping) computeMaxLength(cm);
+    cm.options.mode = doc.modeOption;
+    regChange(cm);
+  }
+
+  // LINE UTILITIES
+
+  function getLine(chunk, n) {
+    n -= chunk.first;
+    while (!chunk.lines) {
+      for (var i = 0;; ++i) {
+        var child = chunk.children[i], sz = child.chunkSize();
+        if (n < sz) { chunk = child; break; }
+        n -= sz;
+      }
+    }
+    return chunk.lines[n];
+  }
+
+  function getBetween(doc, start, end) {
+    var out = [], n = start.line;
+    doc.iter(start.line, end.line + 1, function(line) {
+      var text = line.text;
+      if (n == end.line) text = text.slice(0, end.ch);
+      if (n == start.line) text = text.slice(start.ch);
+      out.push(text);
+      ++n;
+    });
+    return out;
+  }
+  function getLines(doc, from, to) {
+    var out = [];
+    doc.iter(from, to, function(line) { out.push(line.text); });
+    return out;
+  }
+
+  function updateLineHeight(line, height) {
+    var diff = height - line.height;
+    for (var n = line; n; n = n.parent) n.height += diff;
+  }
+
+  function lineNo(line) {
+    if (line.parent == null) return null;
+    var cur = line.parent, no = indexOf(cur.lines, line);
+    for (var chunk = cur.parent; chunk; cur = chunk, chunk = chunk.parent) {
+      for (var i = 0;; ++i) {
+        if (chunk.children[i] == cur) break;
+        no += chunk.children[i].chunkSize();
+      }
+    }
+    return no + cur.first;
+  }
+
+  function lineAtHeight(chunk, h) {
+    var n = chunk.first;
+    outer: do {
+      for (var i = 0, e = chunk.children.length; i < e; ++i) {
+        var child = chunk.children[i], ch = child.height;
+        if (h < ch) { chunk = child; continue outer; }
+        h -= ch;
+        n += child.chunkSize();
+      }
+      return n;
+    } while (!chunk.lines);
+    for (var i = 0, e = chunk.lines.length; i < e; ++i) {
+      var line = chunk.lines[i], lh = line.height;
+      if (h < lh) break;
+      h -= lh;
+    }
+    return n + i;
+  }
+
+  function heightAtLine(cm, lineObj) {
+    lineObj = visualLine(cm.doc, lineObj);
+
+    var h = 0, chunk = lineObj.parent;
+    for (var i = 0; i < chunk.lines.length; ++i) {
+      var line = chunk.lines[i];
+      if (line == lineObj) break;
+      else h += line.height;
+    }
+    for (var p = chunk.parent; p; chunk = p, p = chunk.parent) {
+      for (var i = 0; i < p.children.length; ++i) {
+        var cur = p.children[i];
+        if (cur == chunk) break;
+        else h += cur.height;
+      }
+    }
+    return h;
+  }
+
+  function getOrder(line) {
+    var order = line.order;
+    if (order == null) order = line.order = bidiOrdering(line.text);
+    return order;
+  }
+
+  // HISTORY
+
+  function makeHistory(startGen) {
+    return {
+      // Arrays of history events. Doing something adds an event to
+      // done and clears undo. Undoing moves events from done to
+      // undone, redoing moves them in the other direction.
+      done: [], undone: [], undoDepth: Infinity,
+      // Used to track when changes can be merged into a single undo
+      // event
+      lastTime: 0, lastOp: null, lastOrigin: null,
+      // Used by the isClean() method
+      generation: startGen || 1, maxGeneration: startGen || 1
+    };
+  }
+
+  function attachLocalSpans(doc, change, from, to) {
+    var existing = change["spans_" + doc.id], n = 0;
+    doc.iter(Math.max(doc.first, from), Math.min(doc.first + doc.size, to), function(line) {
+      if (line.markedSpans)
+        (existing || (existing = change["spans_" + doc.id] = {}))[n] = line.markedSpans;
+      ++n;
+    });
+  }
+
+  function historyChangeFromChange(doc, change) {
+    var from = { line: change.from.line, ch: change.from.ch };
+    var histChange = {from: from, to: changeEnd(change), text: getBetween(doc, change.from, change.to)};
+    attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1);
+    linkedDocs(doc, function(doc) {attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1);}, true);
+    return histChange;
+  }
+
+  function addToHistory(doc, change, selAfter, opId) {
+    var hist = doc.history;
+    hist.undone.length = 0;
+    var time = +new Date, cur = lst(hist.done);
+
+    if (cur &&
+        (hist.lastOp == opId ||
+         hist.lastOrigin == change.origin && change.origin &&
+         ((change.origin.charAt(0) == "+" && doc.cm && hist.lastTime > time - doc.cm.options.historyEventDelay) ||
+          change.origin.charAt(0) == "*"))) {
+      // Merge this change into the last event
+      var last = lst(cur.changes);
+      if (posEq(change.from, change.to) && posEq(change.from, last.to)) {
+        // Optimized case for simple insertion -- don't want to add
+        // new changesets for every character typed
+        last.to = changeEnd(change);
+      } else {
+        // Add new sub-event
+        cur.changes.push(historyChangeFromChange(doc, change));
+      }
+      cur.anchorAfter = selAfter.anchor; cur.headAfter = selAfter.head;
+    } else {
+      // Can not be merged, start a new event.
+      cur = {changes: [historyChangeFromChange(doc, change)],
+             generation: hist.generation,
+             anchorBefore: doc.sel.anchor, headBefore: doc.sel.head,
+             anchorAfter: selAfter.anchor, headAfter: selAfter.head};
+      hist.done.push(cur);
+      hist.generation = ++hist.maxGeneration;
+      while (hist.done.length > hist.undoDepth)
+        hist.done.shift();
+    }
+    hist.lastTime = time;
+    hist.lastOp = opId;
+    hist.lastOrigin = change.origin;
+  }
+
+  function removeClearedSpans(spans) {
+    if (!spans) return null;
+    for (var i = 0, out; i < spans.length; ++i) {
+      if (spans[i].marker.explicitlyCleared) { if (!out) out = spans.slice(0, i); }
+      else if (out) out.push(spans[i]);
+    }
+    return !out ? spans : out.length ? out : null;
+  }
+
+  function getOldSpans(doc, change) {
+    var found = change["spans_" + doc.id];
+    if (!found) return null;
+    for (var i = 0, nw = []; i < change.text.length; ++i)
+      nw.push(removeClearedSpans(found[i]));
+    return nw;
+  }
+
+  // Used both to provide a JSON-safe object in .getHistory, and, when
+  // detaching a document, to split the history in two
+  function copyHistoryArray(events, newGroup) {
+    for (var i = 0, copy = []; i < events.length; ++i) {
+      var event = events[i], changes = event.changes, newChanges = [];
+      copy.push({changes: newChanges, anchorBefore: event.anchorBefore, headBefore: event.headBefore,
+                 anchorAfter: event.anchorAfter, headAfter: event.headAfter});
+      for (var j = 0; j < changes.length; ++j) {
+        var change = changes[j], m;
+        newChanges.push({from: change.from, to: change.to, text: change.text});
+        if (newGroup) for (var prop in change) if (m = prop.match(/^spans_(\d+)$/)) {
+          if (indexOf(newGroup, Number(m[1])) > -1) {
+            lst(newChanges)[prop] = change[prop];
+            delete change[prop];
+          }
+        }
+      }
+    }
+    return copy;
+  }
+
+  // Rebasing/resetting history to deal with externally-sourced changes
+
+  function rebaseHistSel(pos, from, to, diff) {
+    if (to < pos.line) {
+      pos.line += diff;
+    } else if (from < pos.line) {
+      pos.line = from;
+      pos.ch = 0;
+    }
+  }
+
+  // Tries to rebase an array of history events given a change in the
+  // document. If the change touches the same lines as the event, the
+  // event, and everything 'behind' it, is discarded. If the change is
+  // before the event, the event's positions are updated. Uses a
+  // copy-on-write scheme for the positions, to avoid having to
+  // reallocate them all on every rebase, but also avoid problems with
+  // shared position objects being unsafely updated.
+  function rebaseHistArray(array, from, to, diff) {
+    for (var i = 0; i < array.length; ++i) {
+      var sub = array[i], ok = true;
+      for (var j = 0; j < sub.changes.length; ++j) {
+        var cur = sub.changes[j];
+        if (!sub.copied) { cur.from = copyPos(cur.from); cur.to = copyPos(cur.to); }
+        if (to < cur.from.line) {
+          cur.from.line += diff;
+          cur.to.line += diff;
+        } else if (from <= cur.to.line) {
+          ok = false;
+          break;
+        }
+      }
+      if (!sub.copied) {
+        sub.anchorBefore = copyPos(sub.anchorBefore); sub.headBefore = copyPos(sub.headBefore);
+        sub.anchorAfter = copyPos(sub.anchorAfter); sub.readAfter = copyPos(sub.headAfter);
+        sub.copied = true;
+      }
+      if (!ok) {
+        array.splice(0, i + 1);
+        i = 0;
+      } else {
+        rebaseHistSel(sub.anchorBefore); rebaseHistSel(sub.headBefore);
+        rebaseHistSel(sub.anchorAfter); rebaseHistSel(sub.headAfter);
+      }
+    }
+  }
+
+  function rebaseHist(hist, change) {
+    var from = change.from.line, to = change.to.line, diff = change.text.length - (to - from) - 1;
+    rebaseHistArray(hist.done, from, to, diff);
+    rebaseHistArray(hist.undone, from, to, diff);
+  }
+
+  // EVENT OPERATORS
+
+  function stopMethod() {e_stop(this);}
+  // Ensure an event has a stop method.
+  function addStop(event) {
+    if (!event.stop) event.stop = stopMethod;
+    return event;
+  }
+
+  function e_preventDefault(e) {
+    if (e.preventDefault) e.preventDefault();
+    else e.returnValue = false;
+  }
+  function e_stopPropagation(e) {
+    if (e.stopPropagation) e.stopPropagation();
+    else e.cancelBubble = true;
+  }
+  function e_defaultPrevented(e) {
+    return e.defaultPrevented != null ? e.defaultPrevented : e.returnValue == false;
+  }
+  function e_stop(e) {e_preventDefault(e); e_stopPropagation(e);}
+  CodeMirror.e_stop = e_stop;
+  CodeMirror.e_preventDefault = e_preventDefault;
+  CodeMirror.e_stopPropagation = e_stopPropagation;
+
+  function e_target(e) {return e.target || e.srcElement;}
+  function e_button(e) {
+    var b = e.which;
+    if (b == null) {
+      if (e.button & 1) b = 1;
+      else if (e.button & 2) b = 3;
+      else if (e.button & 4) b = 2;
+    }
+    if (mac && e.ctrlKey && b == 1) b = 3;
+    return b;
+  }
+
+  // EVENT HANDLING
+
+  function on(emitter, type, f) {
+    if (emitter.addEventListener)
+      emitter.addEventListener(type, f, false);
+    else if (emitter.attachEvent)
+      emitter.attachEvent("on" + type, f);
+    else {
+      var map = emitter._handlers || (emitter._handlers = {});
+      var arr = map[type] || (map[type] = []);
+      arr.push(f);
+    }
+  }
+
+  function off(emitter, type, f) {
+    if (emitter.removeEventListener)
+      emitter.removeEventListener(type, f, false);
+    else if (emitter.detachEvent)
+      emitter.detachEvent("on" + type, f);
+    else {
+      var arr = emitter._handlers && emitter._handlers[type];
+      if (!arr) return;
+      for (var i = 0; i < arr.length; ++i)
+        if (arr[i] == f) { arr.splice(i, 1); break; }
+    }
+  }
+
+  function signal(emitter, type /*, values...*/) {
+    var arr = emitter._handlers && emitter._handlers[type];
+    if (!arr) return;
+    var args = Array.prototype.slice.call(arguments, 2);
+    for (var i = 0; i < arr.length; ++i) arr[i].apply(null, args);
+  }
+
+  var delayedCallbacks, delayedCallbackDepth = 0;
+  function signalLater(emitter, type /*, values...*/) {
+    var arr = emitter._handlers && emitter._handlers[type];
+    if (!arr) return;
+    var args = Array.prototype.slice.call(arguments, 2);
+    if (!delayedCallbacks) {
+      ++delayedCallbackDepth;
+      delayedCallbacks = [];
+      setTimeout(fireDelayed, 0);
+    }
+    function bnd(f) {return function(){f.apply(null, args);};};
+    for (var i = 0; i < arr.length; ++i)
+      delayedCallbacks.push(bnd(arr[i]));
+  }
+
+  function signalDOMEvent(cm, e, override) {
+    signal(cm, override || e.type, cm, e);
+    return e_defaultPrevented(e) || e.codemirrorIgnore;
+  }
+
+  function fireDelayed() {
+    --delayedCallbackDepth;
+    var delayed = delayedCallbacks;
+    delayedCallbacks = null;
+    for (var i = 0; i < delayed.length; ++i) delayed[i]();
+  }
+
+  function hasHandler(emitter, type) {
+    var arr = emitter._handlers && emitter._handlers[type];
+    return arr && arr.length > 0;
+  }
+
+  CodeMirror.on = on; CodeMirror.off = off; CodeMirror.signal = signal;
+
+  function eventMixin(ctor) {
+    ctor.prototype.on = function(type, f) {on(this, type, f);};
+    ctor.prototype.off = function(type, f) {off(this, type, f);};
+  }
+
+  // MISC UTILITIES
+
+  // Number of pixels added to scroller and sizer to hide scrollbar
+  var scrollerCutOff = 30;
+
+  // Returned or thrown by various protocols to signal 'I'm not
+  // handling this'.
+  var Pass = CodeMirror.Pass = {toString: function(){return "CodeMirror.Pass";}};
+
+  function Delayed() {this.id = null;}
+  Delayed.prototype = {set: function(ms, f) {clearTimeout(this.id); this.id = setTimeout(f, ms);}};
+
+  // Counts the column offset in a string, taking tabs into account.
+  // Used mostly to find indentation.
+  function countColumn(string, end, tabSize, startIndex, startValue) {
+    if (end == null) {
+      end = string.search(/[^\s\u00a0]/);
+      if (end == -1) end = string.length;
+    }
+    for (var i = startIndex || 0, n = startValue || 0; i < end; ++i) {
+      if (string.charAt(i) == "\t") n += tabSize - (n % tabSize);
+      else ++n;
+    }
+    return n;
+  }
+  CodeMirror.countColumn = countColumn;
+
+  var spaceStrs = [""];
+  function spaceStr(n) {
+    while (spaceStrs.length <= n)
+      spaceStrs.push(lst(spaceStrs) + " ");
+    return spaceStrs[n];
+  }
+
+  function lst(arr) { return arr[arr.length-1]; }
+
+  function selectInput(node) {
+    if (ios) { // Mobile Safari apparently has a bug where select() is broken.
+      node.selectionStart = 0;
+      node.selectionEnd = node.value.length;
+    } else {
+      // Suppress mysterious IE10 errors
+      try { node.select(); }
+      catch(_e) {}
+    }
+  }
+
+  function indexOf(collection, elt) {
+    if (collection.indexOf) return collection.indexOf(elt);
+    for (var i = 0, e = collection.length; i < e; ++i)
+      if (collection[i] == elt) return i;
+    return -1;
+  }
+
+  function createObj(base, props) {
+    function Obj() {}
+    Obj.prototype = base;
+    var inst = new Obj();
+    if (props) copyObj(props, inst);
+    return inst;
+  }
+
+  function copyObj(obj, target) {
+    if (!target) target = {};
+    for (var prop in obj) if (obj.hasOwnProperty(prop)) target[prop] = obj[prop];
+    return target;
+  }
+
+  function emptyArray(size) {
+    for (var a = [], i = 0; i < size; ++i) a.push(undefined);
+    return a;
+  }
+
+  function bind(f) {
+    var args = Array.prototype.slice.call(arguments, 1);
+    return function(){return f.apply(null, args);};
+  }
+
+  var nonASCIISingleCaseWordChar = /[\u3040-\u309f\u30a0-\u30ff\u3400-\u4db5\u4e00-\u9fcc\uac00-\ud7af]/;
+  function isWordChar(ch) {
+    return /\w/.test(ch) || ch > "\x80" &&
+      (ch.toUpperCase() != ch.toLowerCase() || nonASCIISingleCaseWordChar.test(ch));
+  }
+
+  function isEmpty(obj) {
+    for (var n in obj) if (obj.hasOwnProperty(n) && obj[n]) return false;
+    return true;
+  }
+
+  var isExtendingChar = /[\u0300-\u036F\u0483-\u0487\u0488-\u0489\u0591-\u05BD\u05BF\u05C1-\u05C2\u05C4-\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7-\u06E8\u06EA-\u06ED\uA66F\u1DC0–\u1DFF\u20D0–\u20FF\uA670-\uA672\uA674-\uA67D\uA69F\udc00-\udfff\uFE20–\uFE2F]/;
+
+  // DOM UTILITIES
+
+  function elt(tag, content, className, style) {
+    var e = document.createElement(tag);
+    if (className) e.className = className;
+    if (style) e.style.cssText = style;
+    if (typeof content == "string") setTextContent(e, content);
+    else if (content) for (var i = 0; i < content.length; ++i) e.appendChild(content[i]);
+    return e;
+  }
+
+  function removeChildren(e) {
+    for (var count = e.childNodes.length; count > 0; --count)
+      e.removeChild(e.firstChild);
+    return e;
+  }
+
+  function removeChildrenAndAdd(parent, e) {
+    return removeChildren(parent).appendChild(e);
+  }
+
+  function setTextContent(e, str) {
+    if (ie_lt9) {
+      e.innerHTML = "";
+      e.appendChild(document.createTextNode(str));
+    } else e.textContent = str;
+  }
+
+  function getRect(node) {
+    return node.getBoundingClientRect();
+  }
+  CodeMirror.replaceGetRect = function(f) { getRect = f; };
+
+  // FEATURE DETECTION
+
+  // Detect drag-and-drop
+  var dragAndDrop = function() {
+    // There is *some* kind of drag-and-drop support in IE6-8, but I
+    // couldn't get it to work yet.
+    if (ie_lt9) return false;
+    var div = elt('div');
+    return "draggable" in div || "dragDrop" in div;
+  }();
+
+  // For a reason I have yet to figure out, some browsers disallow
+  // word wrapping between certain characters *only* if a new inline
+  // element is started between them. This makes it hard to reliably
+  // measure the position of things, since that requires inserting an
+  // extra span. This terribly fragile set of tests matches the
+  // character combinations that suffer from this phenomenon on the
+  // various browsers.
+  function spanAffectsWrapping() { return false; }
+  if (gecko) // Only for "$'"
+    spanAffectsWrapping = function(str, i) {
+      return str.charCodeAt(i - 1) == 36 && str.charCodeAt(i) == 39;
+    };
+  else if (safari && !/Version\/([6-9]|\d\d)\b/.test(navigator.userAgent))
+    spanAffectsWrapping = function(str, i) {
+      return /\-[^ \-?]|\?[^ !\'\"\),.\-\/:;\?\]\}]/.test(str.slice(i - 1, i + 1));
+    };
+  else if (webkit && /Chrome\/(?:29|[3-9]\d|\d\d\d)\./.test(navigator.userAgent))
+    spanAffectsWrapping = function(str, i) {
+      var code = str.charCodeAt(i - 1);
+      return code >= 8208 && code <= 8212;
+    };
+  else if (webkit)
+    spanAffectsWrapping = function(str, i) {
+      if (i > 1 && str.charCodeAt(i - 1) == 45) {
+        if (/\w/.test(str.charAt(i - 2)) && /[^\-?\.]/.test(str.charAt(i))) return true;
+        if (i > 2 && /[\d\.,]/.test(str.charAt(i - 2)) && /[\d\.,]/.test(str.charAt(i))) return false;
+      }
+      return /[~!#%&*)=+}\]\\|\"\.>,:;][({[<]|-[^\-?\.\u2010-\u201f\u2026]|\?[\w~`@#$%\^&*(_=+{[|><]|…[\w~`@#$%\^&*(_=+{[><]/.test(str.slice(i - 1, i + 1));
+    };
+
+  var knownScrollbarWidth;
+  function scrollbarWidth(measure) {
+    if (knownScrollbarWidth != null) return knownScrollbarWidth;
+    var test = elt("div", null, null, "width: 50px; height: 50px; overflow-x: scroll");
+    removeChildrenAndAdd(measure, test);
+    if (test.offsetWidth)
+      knownScrollbarWidth = test.offsetHeight - test.clientHeight;
+    return knownScrollbarWidth || 0;
+  }
+
+  var zwspSupported;
+  function zeroWidthElement(measure) {
+    if (zwspSupported == null) {
+      var test = elt("span", "\u200b");
+      removeChildrenAndAdd(measure, elt("span", [test, document.createTextNode("x")]));
+      if (measure.firstChild.offsetHeight != 0)
+        zwspSupported = test.offsetWidth <= 1 && test.offsetHeight > 2 && !ie_lt8;
+    }
+    if (zwspSupported) return elt("span", "\u200b");
+    else return elt("span", "\u00a0", null, "display: inline-block; width: 1px; margin-right: -1px");
+  }
+
+  // See if "".split is the broken IE version, if so, provide an
+  // alternative way to split lines.
+  var splitLines = "\n\nb".split(/\n/).length != 3 ? function(string) {
+    var pos = 0, result = [], l = string.length;
+    while (pos <= l) {
+      var nl = string.indexOf("\n", pos);
+      if (nl == -1) nl = string.length;
+      var line = string.slice(pos, string.charAt(nl - 1) == "\r" ? nl - 1 : nl);
+      var rt = line.indexOf("\r");
+      if (rt != -1) {
+        result.push(line.slice(0, rt));
+        pos += rt + 1;
+      } else {
+        result.push(line);
+        pos = nl + 1;
+      }
+    }
+    return result;
+  } : function(string){return string.split(/\r\n?|\n/);};
+  CodeMirror.splitLines = splitLines;
+
+  var hasSelection = window.getSelection ? function(te) {
+    try { return te.selectionStart != te.selectionEnd; }
+    catch(e) { return false; }
+  } : function(te) {
+    try {var range = te.ownerDocument.selection.createRange();}
+    catch(e) {}
+    if (!range || range.parentElement() != te) return false;
+    return range.compareEndPoints("StartToEnd", range) != 0;
+  };
+
+  var hasCopyEvent = (function() {
+    var e = elt("div");
+    if ("oncopy" in e) return true;
+    e.setAttribute("oncopy", "return;");
+    return typeof e.oncopy == 'function';
+  })();
+
+  // KEY NAMING
+
+  var keyNames = {3: "Enter", 8: "Backspace", 9: "Tab", 13: "Enter", 16: "Shift", 17: "Ctrl", 18: "Alt",
+                  19: "Pause", 20: "CapsLock", 27: "Esc", 32: "Space", 33: "PageUp", 34: "PageDown", 35: "End",
+                  36: "Home", 37: "Left", 38: "Up", 39: "Right", 40: "Down", 44: "PrintScrn", 45: "Insert",
+                  46: "Delete", 59: ";", 91: "Mod", 92: "Mod", 93: "Mod", 109: "-", 107: "=", 127: "Delete",
+                  186: ";", 187: "=", 188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\",
+                  221: "]", 222: "'", 63276: "PageUp", 63277: "PageDown", 63275: "End", 63273: "Home",
+                  63234: "Left", 63232: "Up", 63235: "Right", 63233: "Down", 63302: "Insert", 63272: "Delete"};
+  CodeMirror.keyNames = keyNames;
+  (function() {
+    // Number keys
+    for (var i = 0; i < 10; i++) keyNames[i + 48] = String(i);
+    // Alphabetic keys
+    for (var i = 65; i <= 90; i++) keyNames[i] = String.fromCharCode(i);
+    // Function keys
+    for (var i = 1; i <= 12; i++) keyNames[i + 111] = keyNames[i + 63235] = "F" + i;
+  })();
+
+  // BIDI HELPERS
+
+  function iterateBidiSections(order, from, to, f) {
+    if (!order) return f(from, to, "ltr");
+    var found = false;
+    for (var i = 0; i < order.length; ++i) {
+      var part = order[i];
+      if (part.from < to && part.to > from || from == to && part.to == from) {
+        f(Math.max(part.from, from), Math.min(part.to, to), part.level == 1 ? "rtl" : "ltr");
+        found = true;
+      }
+    }
+    if (!found) f(from, to, "ltr");
+  }
+
+  function bidiLeft(part) { return part.level % 2 ? part.to : part.from; }
+  function bidiRight(part) { return part.level % 2 ? part.from : part.to; }
+
+  function lineLeft(line) { var order = getOrder(line); return order ? bidiLeft(order[0]) : 0; }
+  function lineRight(line) {
+    var order = getOrder(line);
+    if (!order) return line.text.length;
+    return bidiRight(lst(order));
+  }
+
+  function lineStart(cm, lineN) {
+    var line = getLine(cm.doc, lineN);
+    var visual = visualLine(cm.doc, line);
+    if (visual != line) lineN = lineNo(visual);
+    var order = getOrder(visual);
+    var ch = !order ? 0 : order[0].level % 2 ? lineRight(visual) : lineLeft(visual);
+    return Pos(lineN, ch);
+  }
+  function lineEnd(cm, lineN) {
+    var merged, line;
+    while (merged = collapsedSpanAtEnd(line = getLine(cm.doc, lineN)))
+      lineN = merged.find().to.line;
+    var order = getOrder(line);
+    var ch = !order ? line.text.length : order[0].level % 2 ? lineLeft(line) : lineRight(line);
+    return Pos(lineN, ch);
+  }
+
+  function compareBidiLevel(order, a, b) {
+    var linedir = order[0].level;
+    if (a == linedir) return true;
+    if (b == linedir) return false;
+    return a < b;
+  }
+  var bidiOther;
+  function getBidiPartAt(order, pos) {
+    for (var i = 0, found; i < order.length; ++i) {
+      var cur = order[i];
+      if (cur.from < pos && cur.to > pos) { bidiOther = null; return i; }
+      if (cur.from == pos || cur.to == pos) {
+        if (found == null) {
+          found = i;
+        } else if (compareBidiLevel(order, cur.level, order[found].level)) {
+          bidiOther = found;
+          return i;
+        } else {
+          bidiOther = i;
+          return found;
+        }
+      }
+    }
+    bidiOther = null;
+    return found;
+  }
+
+  function moveInLine(line, pos, dir, byUnit) {
+    if (!byUnit) return pos + dir;
+    do pos += dir;
+    while (pos > 0 && isExtendingChar.test(line.text.charAt(pos)));
+    return pos;
+  }
+
+  // This is somewhat involved. It is needed in order to move
+  // 'visually' through bi-directional text -- i.e., pressing left
+  // should make the cursor go left, even when in RTL text. The
+  // tricky part is the 'jumps', where RTL and LTR text touch each
+  // other. This often requires the cursor offset to move more than
+  // one unit, in order to visually move one unit.
+  function moveVisually(line, start, dir, byUnit) {
+    var bidi = getOrder(line);
+    if (!bidi) return moveLogically(line, start, dir, byUnit);
+    var pos = getBidiPartAt(bidi, start), part = bidi[pos];
+    var target = moveInLine(line, start, part.level % 2 ? -dir : dir, byUnit);
+
+    for (;;) {
+      if (target > part.from && target < part.to) return target;
+      if (target == part.from || target == part.to) {
+        if (getBidiPartAt(bidi, target) == pos) return target;
+        part = bidi[pos += dir];
+        return (dir > 0) == part.level % 2 ? part.to : part.from;
+      } else {
+        part = bidi[pos += dir];
+        if (!part) return null;
+        if ((dir > 0) == part.level % 2)
+          target = moveInLine(line, part.to, -1, byUnit);
+        else
+          target = moveInLine(line, part.from, 1, byUnit);
+      }
+    }
+  }
+
+  function moveLogically(line, start, dir, byUnit) {
+    var target = start + dir;
+    if (byUnit) while (target > 0 && isExtendingChar.test(line.text.charAt(target))) target += dir;
+    return target < 0 || target > line.text.length ? null : target;
+  }
+
+  // Bidirectional ordering algorithm
+  // See http://unicode.org/reports/tr9/tr9-13.html for the algorithm
+  // that this (partially) implements.
+
+  // One-char codes used for character types:
+  // L (L):   Left-to-Right
+  // R (R):   Right-to-Left
+  // r (AL):  Right-to-Left Arabic
+  // 1 (EN):  European Number
+  // + (ES):  European Number Separator
+  // % (ET):  European Number Terminator
+  // n (AN):  Arabic Number
+  // , (CS):  Common Number Separator
+  // m (NSM): Non-Spacing Mark
+  // b (BN):  Boundary Neutral
+  // s (B):   Paragraph Separator
+  // t (S):   Segment Separator
+  // w (WS):  Whitespace
+  // N (ON):  Other Neutrals
+
+  // Returns null if characters are ordered as they appear
+  // (left-to-right), or an array of sections ({from, to, level}
+  // objects) in the order in which they occur visually.
+  var bidiOrdering = (function() {
+    // Character types for codepoints 0 to 0xff
+    var lowTypes = "bbbbbbbbbtstwsbbbbbbbbbbbbbbssstwNN%%%NNNNNN,N,N1111111111NNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNbbbbbbsbbbbbbbbbbbbbbbbbbbbbbbbbb,N%%%%NNNNLNNNNN%%11NLNNN1LNNNNNLLLLLLLLLLLLLLLLLLLLLLLNLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLNLLLLLLLL";
+    // Character types for codepoints 0x600 to 0x6ff
+    var arabicTypes = "rrrrrrrrrrrr,rNNmmmmmmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmrrrrrrrnnnnnnnnnn%nnrrrmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmmmmmmNmmmmrrrrrrrrrrrrrrrrrr";
+    function charType(code) {
+      if (code <= 0xff) return lowTypes.charAt(code);
+      else if (0x590 <= code && code <= 0x5f4) return "R";
+      else if (0x600 <= code && code <= 0x6ff) return arabicTypes.charAt(code - 0x600);
+      else if (0x700 <= code && code <= 0x8ac) return "r";
+      else return "L";
+    }
+
+    var bidiRE = /[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac]/;
+    var isNeutral = /[stwN]/, isStrong = /[LRr]/, countsAsLeft = /[Lb1n]/, countsAsNum = /[1n]/;
+    // Browsers seem to always treat the boundaries of block elements as being L.
+    var outerType = "L";
+
+    return function(str) {
+      if (!bidiRE.test(str)) return false;
+      var len = str.length, types = [];
+      for (var i = 0, type; i < len; ++i)
+        types.push(type = charType(str.charCodeAt(i)));
+
+      // W1. Examine each non-spacing mark (NSM) in the level run, and
+      // change the type of the NSM to the type of the previous
+      // character. If the NSM is at the start of the level run, it will
+      // get the type of sor.
+      for (var i = 0, prev = outerType; i < len; ++i) {
+        var type = types[i];
+        if (type == "m") types[i] = prev;
+        else prev = type;
+      }
+
+      // W2. Search backwards from each instance of a European number
+      // until the first strong type (R, L, AL, or sor) is found. If an
+      // AL is found, change the type of the European number to Arabic
+      // number.
+      // W3. Change all ALs to R.
+      for (var i = 0, cur = outerType; i < len; ++i) {
+        var type = types[i];
+        if (type == "1" && cur == "r") types[i] = "n";
+        else if (isStrong.test(type)) { cur = type; if (type == "r") types[i] = "R"; }
+      }
+
+      // W4. A single European separator between two European numbers
+      // changes to a European number. A single common separator between
+      // two numbers of the same type changes to that type.
+      for (var i = 1, prev = types[0]; i < len - 1; ++i) {
+        var type = types[i];
+        if (type == "+" && prev == "1" && types[i+1] == "1") types[i] = "1";
+        else if (type == "," && prev == types[i+1] &&
+                 (prev == "1" || prev == "n")) types[i] = prev;
+        prev = type;
+      }
+
+      // W5. A sequence of European terminators adjacent to European
+      // numbers changes to all European numbers.
+      // W6. Otherwise, separators and terminators change to Other
+      // Neutral.
+      for (var i = 0; i < len; ++i) {
+        var type = types[i];
+        if (type == ",") types[i] = "N";
+        else if (type == "%") {
+          for (var end = i + 1; end < len && types[end] == "%"; ++end) {}
+          var replace = (i && types[i-1] == "!") || (end < len - 1 && types[end] == "1") ? "1" : "N";
+          for (var j = i; j < end; ++j) types[j] = replace;
+          i = end - 1;
+        }
+      }
+
+      // W7. Search backwards from each instance of a European number
+      // until the first strong type (R, L, or sor) is found. If an L is
+      // found, then change the type of the European number to L.
+      for (var i = 0, cur = outerType; i < len; ++i) {
+        var type = types[i];
+        if (cur == "L" && type == "1") types[i] = "L";
+        else if (isStrong.test(type)) cur = type;
+      }
+
+      // N1. A sequence of neutrals takes the direction of the
+      // surrounding strong text if the text on both sides has the same
+      // direction. European and Arabic numbers act as if they were R in
+      // terms of their influence on neutrals. Start-of-level-run (sor)
+      // and end-of-level-run (eor) are used at level run boundaries.
+      // N2. Any remaining neutrals take the embedding direction.
+      for (var i = 0; i < len; ++i) {
+        if (isNeutral.test(types[i])) {
+          for (var end = i + 1; end < len && isNeutral.test(types[end]); ++end) {}
+          var before = (i ? types[i-1] : outerType) == "L";
+          var after = (end < len - 1 ? types[end] : outerType) == "L";
+          var replace = before || after ? "L" : "R";
+          for (var j = i; j < end; ++j) types[j] = replace;
+          i = end - 1;
+        }
+      }
+
+      // Here we depart from the documented algorithm, in order to avoid
+      // building up an actual levels array. Since there are only three
+      // levels (0, 1, 2) in an implementation that doesn't take
+      // explicit embedding into account, we can build up the order on
+      // the fly, without following the level-based algorithm.
+      var order = [], m;
+      for (var i = 0; i < len;) {
+        if (countsAsLeft.test(types[i])) {
+          var start = i;
+          for (++i; i < len && countsAsLeft.test(types[i]); ++i) {}
+          order.push({from: start, to: i, level: 0});
+        } else {
+          var pos = i, at = order.length;
+          for (++i; i < len && types[i] != "L"; ++i) {}
+          for (var j = pos; j < i;) {
+            if (countsAsNum.test(types[j])) {
+              if (pos < j) order.splice(at, 0, {from: pos, to: j, level: 1});
+              var nstart = j;
+              for (++j; j < i && countsAsNum.test(types[j]); ++j) {}
+              order.splice(at, 0, {from: nstart, to: j, level: 2});
+              pos = j;
+            } else ++j;
+          }
+          if (pos < i) order.splice(at, 0, {from: pos, to: i, level: 1});
+        }
+      }
+      if (order[0].level == 1 && (m = str.match(/^\s+/))) {
+        order[0].from = m[0].length;
+        order.unshift({from: 0, to: m[0].length, level: 0});
+      }
+      if (lst(order).level == 1 && (m = str.match(/\s+$/))) {
+        lst(order).to -= m[0].length;
+        order.push({from: len - m[0].length, to: len, level: 0});
+      }
+      if (order[0].level != lst(order).level)
+        order.push({from: len, to: len, level: order[0].level});
+
+      return order;
+    };
+  })();
+
+  // THE END
+
+  CodeMirror.version = "3.20.0";
+
+  return CodeMirror;
+})();
diff --git a/src/main/webapp/codemirror/mode/apl/apl.js b/src/main/webapp/codemirror/mode/apl/apl.js
new file mode 100644
index 00000000..5c23af85
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/apl/apl.js
@@ -0,0 +1,160 @@
+CodeMirror.defineMode("apl", function() {
+  var builtInOps = {
+    ".": "innerProduct",
+    "\\": "scan",
+    "/": "reduce",
+    "⌿": "reduce1Axis",
+    "⍀": "scan1Axis",
+    "¨": "each",
+    "⍣": "power"
+  };
+  var builtInFuncs = {
+    "+": ["conjugate", "add"],
+    "−": ["negate", "subtract"],
+    "×": ["signOf", "multiply"],
+    "÷": ["reciprocal", "divide"],
+    "⌈": ["ceiling", "greaterOf"],
+    "⌊": ["floor", "lesserOf"],
+    "∣": ["absolute", "residue"],
+    "⍳": ["indexGenerate", "indexOf"],
+    "?": ["roll", "deal"],
+    "⋆": ["exponentiate", "toThePowerOf"],
+    "⍟": ["naturalLog", "logToTheBase"],
+    "○": ["piTimes", "circularFuncs"],
+    "!": ["factorial", "binomial"],
+    "⌹": ["matrixInverse", "matrixDivide"],
+    "<": [null, "lessThan"],
+    "≤": [null, "lessThanOrEqual"],
+    "=": [null, "equals"],
+    ">": [null, "greaterThan"],
+    "≥": [null, "greaterThanOrEqual"],
+    "≠": [null, "notEqual"],
+    "≡": ["depth", "match"],
+    "≢": [null, "notMatch"],
+    "∈": ["enlist", "membership"],
+    "⍷": [null, "find"],
+    "∪": ["unique", "union"],
+    "∩": [null, "intersection"],
+    "∼": ["not", "without"],
+    "∨": [null, "or"],
+    "∧": [null, "and"],
+    "⍱": [null, "nor"],
+    "⍲": [null, "nand"],
+    "⍴": ["shapeOf", "reshape"],
+    ",": ["ravel", "catenate"],
+    "⍪": [null, "firstAxisCatenate"],
+    "⌽": ["reverse", "rotate"],
+    "⊖": ["axis1Reverse", "axis1Rotate"],
+    "⍉": ["transpose", null],
+    "↑": ["first", "take"],
+    "↓": [null, "drop"],
+    "⊂": ["enclose", "partitionWithAxis"],
+    "⊃": ["diclose", "pick"],
+    "⌷": [null, "index"],
+    "⍋": ["gradeUp", null],
+    "⍒": ["gradeDown", null],
+    "⊤": ["encode", null],
+    "⊥": ["decode", null],
+    "⍕": ["format", "formatByExample"],
+    "⍎": ["execute", null],
+    "⊣": ["stop", "left"],
+    "⊢": ["pass", "right"]
+  };
+
+  var isOperator = /[\.\/⌿⍀¨⍣]/;
+  var isNiladic = /⍬/;
+  var isFunction = /[\+−×÷⌈⌊∣⍳\?⋆⍟○!⌹<≤=>≥≠≡≢∈⍷∪∩∼∨∧⍱⍲⍴,⍪⌽⊖⍉↑↓⊂⊃⌷⍋⍒⊤⊥⍕⍎⊣⊢]/;
+  var isArrow = /←/;
+  var isComment = /[⍝#].*$/;
+
+  var stringEater = function(type) {
+    var prev;
+    prev = false;
+    return function(c) {
+      prev = c;
+      if (c === type) {
+        return prev === "\\";
+      }
+      return true;
+    };
+  };
+  return {
+    startState: function() {
+      return {
+        prev: false,
+        func: false,
+        op: false,
+        string: false,
+        escape: false
+      };
+    },
+    token: function(stream, state) {
+      var ch, funcName, word;
+      if (stream.eatSpace()) {
+        return null;
+      }
+      ch = stream.next();
+      if (ch === '"' || ch === "'") {
+        stream.eatWhile(stringEater(ch));
+        stream.next();
+        state.prev = true;
+        return "string";
+      }
+      if (/[\[{\(]/.test(ch)) {
+        state.prev = false;
+        return null;
+      }
+      if (/[\]}\)]/.test(ch)) {
+        state.prev = true;
+        return null;
+      }
+      if (isNiladic.test(ch)) {
+        state.prev = false;
+        return "niladic";
+      }
+      if (/[¯\d]/.test(ch)) {
+        if (state.func) {
+          state.func = false;
+          state.prev = false;
+        } else {
+          state.prev = true;
+        }
+        stream.eatWhile(/[\w\.]/);
+        return "number";
+      }
+      if (isOperator.test(ch)) {
+        return "operator apl-" + builtInOps[ch];
+      }
+      if (isArrow.test(ch)) {
+        return "apl-arrow";
+      }
+      if (isFunction.test(ch)) {
+        funcName = "apl-";
+        if (builtInFuncs[ch] != null) {
+          if (state.prev) {
+            funcName += builtInFuncs[ch][1];
+          } else {
+            funcName += builtInFuncs[ch][0];
+          }
+        }
+        state.func = true;
+        state.prev = false;
+        return "function " + funcName;
+      }
+      if (isComment.test(ch)) {
+        stream.skipToEnd();
+        return "comment";
+      }
+      if (ch === "∘" && stream.peek() === ".") {
+        stream.next();
+        return "function jot-dot";
+      }
+      stream.eatWhile(/[\w\$_]/);
+      word = stream.current();
+      state.prev = true;
+      return "keyword";
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/apl", "apl");
diff --git a/src/main/webapp/codemirror/mode/apl/index.html b/src/main/webapp/codemirror/mode/apl/index.html
new file mode 100644
index 00000000..f8282ac4
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/apl/index.html
@@ -0,0 +1,72 @@
+<!doctype html>
+
+<title>CodeMirror: APL mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="./apl.js"></script>
+<style>
+	.CodeMirror { border: 2px inset #dee; }
+    </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">APL</a>
+  </ul>
+</div>
+
+<article>
+<h2>APL mode</h2>
+<form><textarea id="code" name="code">
+⍝ Conway's game of life
+
+⍝ This example was inspired by the impressive demo at
+⍝ http://www.youtube.com/watch?v=a9xAKttWgP4
+
+⍝ Create a matrix:
+⍝     0 1 1
+⍝     1 1 0
+⍝     0 1 0
+creature ← (3 3 ⍴ ⍳ 9) ∈ 1 2 3 4 7   ⍝ Original creature from demo
+creature ← (3 3 ⍴ ⍳ 9) ∈ 1 3 6 7 8   ⍝ Glider
+
+⍝ Place the creature on a larger board, near the centre
+board ← ¯1 ⊖ ¯2 ⌽ 5 7 ↑ creature
+
+⍝ A function to move from one generation to the next
+life ← {∨/ 1 ⍵ ∧ 3 4 = ⊂+/ +⌿ 1 0 ¯1 ∘.⊖ 1 0 ¯1 ⌽¨ ⊂⍵}
+
+⍝ Compute n-th generation and format it as a
+⍝ character matrix
+gen ← {' #'[(life ⍣ ⍵) board]}
+
+⍝ Show first three generations
+(gen 1) (gen 2) (gen 3)
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        mode: "text/apl"
+      });
+    </script>
+
+    <p>Simple mode that tries to handle APL as well as it can.</p>
+    <p>It attempts to label functions/operators based upon
+    monadic/dyadic usage (but this is far from fully fleshed out).
+    This means there are meaningful classnames so hover states can
+    have popups etc.</p>
+
+    <p><strong>MIME types defined:</strong> <code>text/apl</code> (APL code)</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/asterisk/asterisk.js b/src/main/webapp/codemirror/mode/asterisk/asterisk.js
new file mode 100644
index 00000000..60b689d1
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/asterisk/asterisk.js
@@ -0,0 +1,183 @@
+/*
+ * =====================================================================================
+ *
+ *       Filename:  mode/asterisk/asterisk.js
+ *
+ *    Description:  CodeMirror mode for Asterisk dialplan
+ *
+ *        Created:  05/17/2012 09:20:25 PM
+ *       Revision:  none
+ *
+ *         Author:  Stas Kobzar (stas@modulis.ca),
+ *        Company:  Modulis.ca Inc.
+ *
+ * =====================================================================================
+ */
+
+CodeMirror.defineMode("asterisk", function() {
+  var atoms    = ["exten", "same", "include","ignorepat","switch"],
+      dpcmd    = ["#include","#exec"],
+      apps     = [
+                  "addqueuemember","adsiprog","aelsub","agentlogin","agentmonitoroutgoing","agi",
+                  "alarmreceiver","amd","answer","authenticate","background","backgrounddetect",
+                  "bridge","busy","callcompletioncancel","callcompletionrequest","celgenuserevent",
+                  "changemonitor","chanisavail","channelredirect","chanspy","clearhash","confbridge",
+                  "congestion","continuewhile","controlplayback","dahdiacceptr2call","dahdibarge",
+                  "dahdiras","dahdiscan","dahdisendcallreroutingfacility","dahdisendkeypadfacility",
+                  "datetime","dbdel","dbdeltree","deadagi","dial","dictate","directory","disa",
+                  "dumpchan","eagi","echo","endwhile","exec","execif","execiftime","exitwhile","extenspy",
+                  "externalivr","festival","flash","followme","forkcdr","getcpeid","gosub","gosubif",
+                  "goto","gotoif","gotoiftime","hangup","iax2provision","ices","importvar","incomplete",
+                  "ivrdemo","jabberjoin","jabberleave","jabbersend","jabbersendgroup","jabberstatus",
+                  "jack","log","macro","macroexclusive","macroexit","macroif","mailboxexists","meetme",
+                  "meetmeadmin","meetmechanneladmin","meetmecount","milliwatt","minivmaccmess","minivmdelete",
+                  "minivmgreet","minivmmwi","minivmnotify","minivmrecord","mixmonitor","monitor","morsecode",
+                  "mp3player","mset","musiconhold","nbscat","nocdr","noop","odbc","odbc","odbcfinish",
+                  "originate","ospauth","ospfinish","osplookup","ospnext","page","park","parkandannounce",
+                  "parkedcall","pausemonitor","pausequeuemember","pickup","pickupchan","playback","playtones",
+                  "privacymanager","proceeding","progress","queue","queuelog","raiseexception","read","readexten",
+                  "readfile","receivefax","receivefax","receivefax","record","removequeuemember",
+                  "resetcdr","retrydial","return","ringing","sayalpha","saycountedadj","saycountednoun",
+                  "saycountpl","saydigits","saynumber","sayphonetic","sayunixtime","senddtmf","sendfax",
+                  "sendfax","sendfax","sendimage","sendtext","sendurl","set","setamaflags",
+                  "setcallerpres","setmusiconhold","sipaddheader","sipdtmfmode","sipremoveheader","skel",
+                  "slastation","slatrunk","sms","softhangup","speechactivategrammar","speechbackground",
+                  "speechcreate","speechdeactivategrammar","speechdestroy","speechloadgrammar","speechprocessingsound",
+                  "speechstart","speechunloadgrammar","stackpop","startmusiconhold","stopmixmonitor","stopmonitor",
+                  "stopmusiconhold","stopplaytones","system","testclient","testserver","transfer","tryexec",
+                  "trysystem","unpausemonitor","unpausequeuemember","userevent","verbose","vmauthenticate",
+                  "vmsayname","voicemail","voicemailmain","wait","waitexten","waitfornoise","waitforring",
+                  "waitforsilence","waitmusiconhold","waituntil","while","zapateller"
+                 ];
+
+  function basicToken(stream,state){
+    var cur = '';
+    var ch  = '';
+    ch = stream.next();
+    // comment
+    if(ch == ";") {
+      stream.skipToEnd();
+      return "comment";
+    }
+    // context
+    if(ch == '[') {
+      stream.skipTo(']');
+      stream.eat(']');
+      return "header";
+    }
+    // string
+    if(ch == '"') {
+      stream.skipTo('"');
+      return "string";
+    }
+    if(ch == "'") {
+      stream.skipTo("'");
+      return "string-2";
+    }
+    // dialplan commands
+    if(ch == '#') {
+      stream.eatWhile(/\w/);
+      cur = stream.current();
+      if(dpcmd.indexOf(cur) !== -1) {
+        stream.skipToEnd();
+        return "strong";
+      }
+    }
+    // application args
+    if(ch == '$'){
+      var ch1 = stream.peek();
+      if(ch1 == '{'){
+        stream.skipTo('}');
+        stream.eat('}');
+        return "variable-3";
+      }
+    }
+    // extension
+    stream.eatWhile(/\w/);
+    cur = stream.current();
+    if(atoms.indexOf(cur) !== -1) {
+      state.extenStart = true;
+      switch(cur) {
+        case 'same': state.extenSame = true; break;
+        case 'include':
+        case 'switch':
+        case 'ignorepat':
+          state.extenInclude = true;break;
+        default:break;
+      }
+      return "atom";
+    }
+  }
+
+  return {
+    startState: function() {
+      return {
+        extenStart: false,
+        extenSame:  false,
+        extenInclude: false,
+        extenExten: false,
+        extenPriority: false,
+        extenApplication: false
+      };
+    },
+    token: function(stream, state) {
+
+      var cur = '';
+      var ch  = '';
+      if(stream.eatSpace()) return null;
+      // extension started
+      if(state.extenStart){
+        stream.eatWhile(/[^\s]/);
+        cur = stream.current();
+        if(/^=>?$/.test(cur)){
+          state.extenExten = true;
+          state.extenStart = false;
+          return "strong";
+        } else {
+          state.extenStart = false;
+          stream.skipToEnd();
+          return "error";
+        }
+      } else if(state.extenExten) {
+        // set exten and priority
+        state.extenExten = false;
+        state.extenPriority = true;
+        stream.eatWhile(/[^,]/);
+        if(state.extenInclude) {
+          stream.skipToEnd();
+          state.extenPriority = false;
+          state.extenInclude = false;
+        }
+        if(state.extenSame) {
+          state.extenPriority = false;
+          state.extenSame = false;
+          state.extenApplication = true;
+        }
+        return "tag";
+      } else if(state.extenPriority) {
+        state.extenPriority = false;
+        state.extenApplication = true;
+        ch = stream.next(); // get comma
+        if(state.extenSame) return null;
+        stream.eatWhile(/[^,]/);
+        return "number";
+      } else if(state.extenApplication) {
+        stream.eatWhile(/,/);
+        cur = stream.current();
+        if(cur === ',') return null;
+        stream.eatWhile(/\w/);
+        cur = stream.current().toLowerCase();
+        state.extenApplication = false;
+        if(apps.indexOf(cur) !== -1){
+          return "def strong";
+        }
+      } else{
+        return basicToken(stream,state);
+      }
+
+      return null;
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/x-asterisk", "asterisk");
diff --git a/src/main/webapp/codemirror/mode/asterisk/index.html b/src/main/webapp/codemirror/mode/asterisk/index.html
new file mode 100644
index 00000000..6abdecb5
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/asterisk/index.html
@@ -0,0 +1,154 @@
+<!doctype html>
+
+<title>CodeMirror: Asterisk dialplan mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="asterisk.js"></script>
+<style>
+      .CodeMirror {border: 1px solid #999;}
+      .cm-s-default span.cm-arrow { color: red; }
+    </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Asterisk dialplan</a>
+  </ul>
+</div>
+
+<article>
+<h2>Asterisk dialplan mode</h2>
+<form><textarea id="code" name="code">
+; extensions.conf - the Asterisk dial plan
+;
+
+[general]
+;
+; If static is set to no, or omitted, then the pbx_config will rewrite
+; this file when extensions are modified.  Remember that all comments
+; made in the file will be lost when that happens.
+static=yes
+
+#include "/etc/asterisk/additional_general.conf
+
+[iaxprovider]
+switch => IAX2/user:[key]@myserver/mycontext
+
+[dynamic]
+#exec /usr/bin/dynamic-peers.pl
+
+[trunkint]
+;
+; International long distance through trunk
+;
+exten => _9011.,1,Macro(dundi-e164,${EXTEN:4})
+exten => _9011.,n,Dial(${GLOBAL(TRUNK)}/${FILTER(0-9,${EXTEN:${GLOBAL(TRUNKMSD)}})})
+
+[local]
+;
+; Master context for local, toll-free, and iaxtel calls only
+;
+ignorepat => 9
+include => default
+
+[demo]
+include => stdexten
+;
+; We start with what to do when a call first comes in.
+;
+exten => s,1,Wait(1)			; Wait a second, just for fun
+same  => n,Answer			; Answer the line
+same  => n,Set(TIMEOUT(digit)=5)	; Set Digit Timeout to 5 seconds
+same  => n,Set(TIMEOUT(response)=10)	; Set Response Timeout to 10 seconds
+same  => n(restart),BackGround(demo-congrats)	; Play a congratulatory message
+same  => n(instruct),BackGround(demo-instruct)	; Play some instructions
+same  => n,WaitExten			; Wait for an extension to be dialed.
+
+exten => 2,1,BackGround(demo-moreinfo)	; Give some more information.
+exten => 2,n,Goto(s,instruct)
+
+exten => 3,1,Set(LANGUAGE()=fr)		; Set language to french
+exten => 3,n,Goto(s,restart)		; Start with the congratulations
+
+exten => 1000,1,Goto(default,s,1)
+;
+; We also create an example user, 1234, who is on the console and has
+; voicemail, etc.
+;
+exten => 1234,1,Playback(transfer,skip)		; "Please hold while..."
+					; (but skip if channel is not up)
+exten => 1234,n,Gosub(${EXTEN},stdexten(${GLOBAL(CONSOLE)}))
+exten => 1234,n,Goto(default,s,1)		; exited Voicemail
+
+exten => 1235,1,Voicemail(1234,u)		; Right to voicemail
+
+exten => 1236,1,Dial(Console/dsp)		; Ring forever
+exten => 1236,n,Voicemail(1234,b)		; Unless busy
+
+;
+; # for when they're done with the demo
+;
+exten => #,1,Playback(demo-thanks)	; "Thanks for trying the demo"
+exten => #,n,Hangup			; Hang them up.
+
+;
+; A timeout and "invalid extension rule"
+;
+exten => t,1,Goto(#,1)			; If they take too long, give up
+exten => i,1,Playback(invalid)		; "That's not valid, try again"
+
+;
+; Create an extension, 500, for dialing the
+; Asterisk demo.
+;
+exten => 500,1,Playback(demo-abouttotry); Let them know what's going on
+exten => 500,n,Dial(IAX2/guest@pbx.digium.com/s@default)	; Call the Asterisk demo
+exten => 500,n,Playback(demo-nogo)	; Couldn't connect to the demo site
+exten => 500,n,Goto(s,6)		; Return to the start over message.
+
+;
+; Create an extension, 600, for evaluating echo latency.
+;
+exten => 600,1,Playback(demo-echotest)	; Let them know what's going on
+exten => 600,n,Echo			; Do the echo test
+exten => 600,n,Playback(demo-echodone)	; Let them know it's over
+exten => 600,n,Goto(s,6)		; Start over
+
+;
+;	You can use the Macro Page to intercom a individual user
+exten => 76245,1,Macro(page,SIP/Grandstream1)
+; or if your peernames are the same as extensions
+exten => _7XXX,1,Macro(page,SIP/${EXTEN})
+;
+;
+; System Wide Page at extension 7999
+;
+exten => 7999,1,Set(TIMEOUT(absolute)=60)
+exten => 7999,2,Page(Local/Grandstream1@page&Local/Xlite1@page&Local/1234@page/n,d)
+
+; Give voicemail at extension 8500
+;
+exten => 8500,1,VoicemailMain
+exten => 8500,n,Goto(s,6)
+
+    </textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: "text/x-asterisk",
+        matchBrackets: true,
+        lineNumber: true
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-asterisk</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/clike/clike.js b/src/main/webapp/codemirror/mode/clike/clike.js
new file mode 100644
index 00000000..f6626cd0
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/clike/clike.js
@@ -0,0 +1,362 @@
+CodeMirror.defineMode("clike", function(config, parserConfig) {
+  var indentUnit = config.indentUnit,
+      statementIndentUnit = parserConfig.statementIndentUnit || indentUnit,
+      dontAlignCalls = parserConfig.dontAlignCalls,
+      keywords = parserConfig.keywords || {},
+      builtin = parserConfig.builtin || {},
+      blockKeywords = parserConfig.blockKeywords || {},
+      atoms = parserConfig.atoms || {},
+      hooks = parserConfig.hooks || {},
+      multiLineStrings = parserConfig.multiLineStrings;
+  var isOperatorChar = /[+\-*&%=<>!?|\/]/;
+
+  var curPunc;
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    if (hooks[ch]) {
+      var result = hooks[ch](stream, state);
+      if (result !== false) return result;
+    }
+    if (ch == '"' || ch == "'") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    }
+    if (/[\[\]{}\(\),;\:\.]/.test(ch)) {
+      curPunc = ch;
+      return null;
+    }
+    if (/\d/.test(ch)) {
+      stream.eatWhile(/[\w\.]/);
+      return "number";
+    }
+    if (ch == "/") {
+      if (stream.eat("*")) {
+        state.tokenize = tokenComment;
+        return tokenComment(stream, state);
+      }
+      if (stream.eat("/")) {
+        stream.skipToEnd();
+        return "comment";
+      }
+    }
+    if (isOperatorChar.test(ch)) {
+      stream.eatWhile(isOperatorChar);
+      return "operator";
+    }
+    stream.eatWhile(/[\w\$_]/);
+    var cur = stream.current();
+    if (keywords.propertyIsEnumerable(cur)) {
+      if (blockKeywords.propertyIsEnumerable(cur)) curPunc = "newstatement";
+      return "keyword";
+    }
+    if (builtin.propertyIsEnumerable(cur)) {
+      if (blockKeywords.propertyIsEnumerable(cur)) curPunc = "newstatement";
+      return "builtin";
+    }
+    if (atoms.propertyIsEnumerable(cur)) return "atom";
+    return "variable";
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, next, end = false;
+      while ((next = stream.next()) != null) {
+        if (next == quote && !escaped) {end = true; break;}
+        escaped = !escaped && next == "\\";
+      }
+      if (end || !(escaped || multiLineStrings))
+        state.tokenize = null;
+      return "string";
+    };
+  }
+
+  function tokenComment(stream, state) {
+    var maybeEnd = false, ch;
+    while (ch = stream.next()) {
+      if (ch == "/" && maybeEnd) {
+        state.tokenize = null;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return "comment";
+  }
+
+  function Context(indented, column, type, align, prev) {
+    this.indented = indented;
+    this.column = column;
+    this.type = type;
+    this.align = align;
+    this.prev = prev;
+  }
+  function pushContext(state, col, type) {
+    var indent = state.indented;
+    if (state.context && state.context.type == "statement")
+      indent = state.context.indented;
+    return state.context = new Context(indent, col, type, null, state.context);
+  }
+  function popContext(state) {
+    var t = state.context.type;
+    if (t == ")" || t == "]" || t == "}")
+      state.indented = state.context.indented;
+    return state.context = state.context.prev;
+  }
+
+  // Interface
+
+  return {
+    startState: function(basecolumn) {
+      return {
+        tokenize: null,
+        context: new Context((basecolumn || 0) - indentUnit, 0, "top", false),
+        indented: 0,
+        startOfLine: true
+      };
+    },
+
+    token: function(stream, state) {
+      var ctx = state.context;
+      if (stream.sol()) {
+        if (ctx.align == null) ctx.align = false;
+        state.indented = stream.indentation();
+        state.startOfLine = true;
+      }
+      if (stream.eatSpace()) return null;
+      curPunc = null;
+      var style = (state.tokenize || tokenBase)(stream, state);
+      if (style == "comment" || style == "meta") return style;
+      if (ctx.align == null) ctx.align = true;
+
+      if ((curPunc == ";" || curPunc == ":" || curPunc == ",") && ctx.type == "statement") popContext(state);
+      else if (curPunc == "{") pushContext(state, stream.column(), "}");
+      else if (curPunc == "[") pushContext(state, stream.column(), "]");
+      else if (curPunc == "(") pushContext(state, stream.column(), ")");
+      else if (curPunc == "}") {
+        while (ctx.type == "statement") ctx = popContext(state);
+        if (ctx.type == "}") ctx = popContext(state);
+        while (ctx.type == "statement") ctx = popContext(state);
+      }
+      else if (curPunc == ctx.type) popContext(state);
+      else if (((ctx.type == "}" || ctx.type == "top") && curPunc != ';') || (ctx.type == "statement" && curPunc == "newstatement"))
+        pushContext(state, stream.column(), "statement");
+      state.startOfLine = false;
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      if (state.tokenize != tokenBase && state.tokenize != null) return CodeMirror.Pass;
+      var ctx = state.context, firstChar = textAfter && textAfter.charAt(0);
+      if (ctx.type == "statement" && firstChar == "}") ctx = ctx.prev;
+      var closing = firstChar == ctx.type;
+      if (ctx.type == "statement") return ctx.indented + (firstChar == "{" ? 0 : statementIndentUnit);
+      else if (ctx.align && (!dontAlignCalls || ctx.type != ")")) return ctx.column + (closing ? 0 : 1);
+      else if (ctx.type == ")" && !closing) return ctx.indented + statementIndentUnit;
+      else return ctx.indented + (closing ? 0 : indentUnit);
+    },
+
+    electricChars: "{}",
+    blockCommentStart: "/*",
+    blockCommentEnd: "*/",
+    lineComment: "//",
+    fold: "brace"
+  };
+});
+
+(function() {
+  function words(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+  var cKeywords = "auto if break int case long char register continue return default short do sizeof " +
+    "double static else struct entry switch extern typedef float union for unsigned " +
+    "goto while enum void const signed volatile";
+
+  function cppHook(stream, state) {
+    if (!state.startOfLine) return false;
+    for (;;) {
+      if (stream.skipTo("\\")) {
+        stream.next();
+        if (stream.eol()) {
+          state.tokenize = cppHook;
+          break;
+        }
+      } else {
+        stream.skipToEnd();
+        state.tokenize = null;
+        break;
+      }
+    }
+    return "meta";
+  }
+
+  // C#-style strings where "" escapes a quote.
+  function tokenAtString(stream, state) {
+    var next;
+    while ((next = stream.next()) != null) {
+      if (next == '"' && !stream.eat('"')) {
+        state.tokenize = null;
+        break;
+      }
+    }
+    return "string";
+  }
+
+  function mimes(ms, mode) {
+    for (var i = 0; i < ms.length; ++i) CodeMirror.defineMIME(ms[i], mode);
+  }
+
+  mimes(["text/x-csrc", "text/x-c", "text/x-chdr"], {
+    name: "clike",
+    keywords: words(cKeywords),
+    blockKeywords: words("case do else for if switch while struct"),
+    atoms: words("null"),
+    hooks: {"#": cppHook}
+  });
+  mimes(["text/x-c++src", "text/x-c++hdr"], {
+    name: "clike",
+    keywords: words(cKeywords + " asm dynamic_cast namespace reinterpret_cast try bool explicit new " +
+                    "static_cast typeid catch operator template typename class friend private " +
+                    "this using const_cast inline public throw virtual delete mutable protected " +
+                    "wchar_t"),
+    blockKeywords: words("catch class do else finally for if struct switch try while"),
+    atoms: words("true false null"),
+    hooks: {"#": cppHook}
+  });
+  CodeMirror.defineMIME("text/x-java", {
+    name: "clike",
+    keywords: words("abstract assert boolean break byte case catch char class const continue default " +
+                    "do double else enum extends final finally float for goto if implements import " +
+                    "instanceof int interface long native new package private protected public " +
+                    "return short static strictfp super switch synchronized this throw throws transient " +
+                    "try void volatile while"),
+    blockKeywords: words("catch class do else finally for if switch try while"),
+    atoms: words("true false null"),
+    hooks: {
+      "@": function(stream) {
+        stream.eatWhile(/[\w\$_]/);
+        return "meta";
+      }
+    }
+  });
+  CodeMirror.defineMIME("text/x-csharp", {
+    name: "clike",
+    keywords: words("abstract as base break case catch checked class const continue" +
+                    " default delegate do else enum event explicit extern finally fixed for" +
+                    " foreach goto if implicit in interface internal is lock namespace new" +
+                    " operator out override params private protected public readonly ref return sealed" +
+                    " sizeof stackalloc static struct switch this throw try typeof unchecked" +
+                    " unsafe using virtual void volatile while add alias ascending descending dynamic from get" +
+                    " global group into join let orderby partial remove select set value var yield"),
+    blockKeywords: words("catch class do else finally for foreach if struct switch try while"),
+    builtin: words("Boolean Byte Char DateTime DateTimeOffset Decimal Double" +
+                    " Guid Int16 Int32 Int64 Object SByte Single String TimeSpan UInt16 UInt32" +
+                    " UInt64 bool byte char decimal double short int long object"  +
+                    " sbyte float string ushort uint ulong"),
+    atoms: words("true false null"),
+    hooks: {
+      "@": function(stream, state) {
+        if (stream.eat('"')) {
+          state.tokenize = tokenAtString;
+          return tokenAtString(stream, state);
+        }
+        stream.eatWhile(/[\w\$_]/);
+        return "meta";
+      }
+    }
+  });
+  CodeMirror.defineMIME("text/x-scala", {
+    name: "clike",
+    keywords: words(
+
+      /* scala */
+      "abstract case catch class def do else extends false final finally for forSome if " +
+      "implicit import lazy match new null object override package private protected return " +
+      "sealed super this throw trait try trye type val var while with yield _ : = => <- <: " +
+      "<% >: # @ " +
+
+      /* package scala */
+      "assert assume require print println printf readLine readBoolean readByte readShort " +
+      "readChar readInt readLong readFloat readDouble " +
+
+      "AnyVal App Application Array BufferedIterator BigDecimal BigInt Char Console Either " +
+      "Enumeration Equiv Error Exception Fractional Function IndexedSeq Integral Iterable " +
+      "Iterator List Map Numeric Nil NotNull Option Ordered Ordering PartialFunction PartialOrdering " +
+      "Product Proxy Range Responder Seq Serializable Set Specializable Stream StringBuilder " +
+      "StringContext Symbol Throwable Traversable TraversableOnce Tuple Unit Vector :: #:: " +
+
+      /* package java.lang */
+      "Boolean Byte Character CharSequence Class ClassLoader Cloneable Comparable " +
+      "Compiler Double Exception Float Integer Long Math Number Object Package Pair Process " +
+      "Runtime Runnable SecurityManager Short StackTraceElement StrictMath String " +
+      "StringBuffer System Thread ThreadGroup ThreadLocal Throwable Triple Void"
+
+
+    ),
+    blockKeywords: words("catch class do else finally for forSome if match switch try while"),
+    atoms: words("true false null"),
+    hooks: {
+      "@": function(stream) {
+        stream.eatWhile(/[\w\$_]/);
+        return "meta";
+      }
+    }
+  });
+  mimes(["x-shader/x-vertex", "x-shader/x-fragment"], {
+    name: "clike",
+    keywords: words("float int bool void " +
+                    "vec2 vec3 vec4 ivec2 ivec3 ivec4 bvec2 bvec3 bvec4 " +
+                    "mat2 mat3 mat4 " +
+                    "sampler1D sampler2D sampler3D samplerCube " +
+                    "sampler1DShadow sampler2DShadow" +
+                    "const attribute uniform varying " +
+                    "break continue discard return " +
+                    "for while do if else struct " +
+                    "in out inout"),
+    blockKeywords: words("for while do if else struct"),
+    builtin: words("radians degrees sin cos tan asin acos atan " +
+                    "pow exp log exp2 sqrt inversesqrt " +
+                    "abs sign floor ceil fract mod min max clamp mix step smootstep " +
+                    "length distance dot cross normalize ftransform faceforward " +
+                    "reflect refract matrixCompMult " +
+                    "lessThan lessThanEqual greaterThan greaterThanEqual " +
+                    "equal notEqual any all not " +
+                    "texture1D texture1DProj texture1DLod texture1DProjLod " +
+                    "texture2D texture2DProj texture2DLod texture2DProjLod " +
+                    "texture3D texture3DProj texture3DLod texture3DProjLod " +
+                    "textureCube textureCubeLod " +
+                    "shadow1D shadow2D shadow1DProj shadow2DProj " +
+                    "shadow1DLod shadow2DLod shadow1DProjLod shadow2DProjLod " +
+                    "dFdx dFdy fwidth " +
+                    "noise1 noise2 noise3 noise4"),
+    atoms: words("true false " +
+                "gl_FragColor gl_SecondaryColor gl_Normal gl_Vertex " +
+                "gl_MultiTexCoord0 gl_MultiTexCoord1 gl_MultiTexCoord2 gl_MultiTexCoord3 " +
+                "gl_MultiTexCoord4 gl_MultiTexCoord5 gl_MultiTexCoord6 gl_MultiTexCoord7 " +
+                "gl_FogCoord " +
+                "gl_Position gl_PointSize gl_ClipVertex " +
+                "gl_FrontColor gl_BackColor gl_FrontSecondaryColor gl_BackSecondaryColor " +
+                "gl_TexCoord gl_FogFragCoord " +
+                "gl_FragCoord gl_FrontFacing " +
+                "gl_FragColor gl_FragData gl_FragDepth " +
+                "gl_ModelViewMatrix gl_ProjectionMatrix gl_ModelViewProjectionMatrix " +
+                "gl_TextureMatrix gl_NormalMatrix gl_ModelViewMatrixInverse " +
+                "gl_ProjectionMatrixInverse gl_ModelViewProjectionMatrixInverse " +
+                "gl_TexureMatrixTranspose gl_ModelViewMatrixInverseTranspose " +
+                "gl_ProjectionMatrixInverseTranspose " +
+                "gl_ModelViewProjectionMatrixInverseTranspose " +
+                "gl_TextureMatrixInverseTranspose " +
+                "gl_NormalScale gl_DepthRange gl_ClipPlane " +
+                "gl_Point gl_FrontMaterial gl_BackMaterial gl_LightSource gl_LightModel " +
+                "gl_FrontLightModelProduct gl_BackLightModelProduct " +
+                "gl_TextureColor gl_EyePlaneS gl_EyePlaneT gl_EyePlaneR gl_EyePlaneQ " +
+                "gl_FogParameters " +
+                "gl_MaxLights gl_MaxClipPlanes gl_MaxTextureUnits gl_MaxTextureCoords " +
+                "gl_MaxVertexAttribs gl_MaxVertexUniformComponents gl_MaxVaryingFloats " +
+                "gl_MaxVertexTextureImageUnits gl_MaxTextureImageUnits " +
+                "gl_MaxFragmentUniformComponents gl_MaxCombineTextureImageUnits " +
+                "gl_MaxDrawBuffers"),
+    hooks: {"#": cppHook}
+  });
+}());
diff --git a/src/main/webapp/codemirror/mode/clike/index.html b/src/main/webapp/codemirror/mode/clike/index.html
new file mode 100644
index 00000000..93bd718a
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/clike/index.html
@@ -0,0 +1,195 @@
+<!doctype html>
+
+<title>CodeMirror: C-like mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="clike.js"></script>
+<style>.CodeMirror {border: 2px inset #dee;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">C-like</a>
+  </ul>
+</div>
+
+<article>
+<h2>C-like mode</h2>
+
+<div><textarea id="c-code">
+/* C demo code */
+
+#include <zmq.h>
+#include <pthread.h>
+#include <semaphore.h>
+#include <time.h>
+#include <stdio.h>
+#include <fcntl.h>
+#include <malloc.h>
+
+typedef struct {
+  void* arg_socket;
+  zmq_msg_t* arg_msg;
+  char* arg_string;
+  unsigned long arg_len;
+  int arg_int, arg_command;
+
+  int signal_fd;
+  int pad;
+  void* context;
+  sem_t sem;
+} acl_zmq_context;
+
+#define p(X) (context->arg_##X)
+
+void* zmq_thread(void* context_pointer) {
+  acl_zmq_context* context = (acl_zmq_context*)context_pointer;
+  char ok = 'K', err = 'X';
+  int res;
+
+  while (1) {
+    while ((res = sem_wait(&amp;context->sem)) == EINTR);
+    if (res) {write(context->signal_fd, &amp;err, 1); goto cleanup;}
+    switch(p(command)) {
+    case 0: goto cleanup;
+    case 1: p(socket) = zmq_socket(context->context, p(int)); break;
+    case 2: p(int) = zmq_close(p(socket)); break;
+    case 3: p(int) = zmq_bind(p(socket), p(string)); break;
+    case 4: p(int) = zmq_connect(p(socket), p(string)); break;
+    case 5: p(int) = zmq_getsockopt(p(socket), p(int), (void*)p(string), &amp;p(len)); break;
+    case 6: p(int) = zmq_setsockopt(p(socket), p(int), (void*)p(string), p(len)); break;
+    case 7: p(int) = zmq_send(p(socket), p(msg), p(int)); break;
+    case 8: p(int) = zmq_recv(p(socket), p(msg), p(int)); break;
+    case 9: p(int) = zmq_poll(p(socket), p(int), p(len)); break;
+    }
+    p(command) = errno;
+    write(context->signal_fd, &amp;ok, 1);
+  }
+ cleanup:
+  close(context->signal_fd);
+  free(context_pointer);
+  return 0;
+}
+
+void* zmq_thread_init(void* zmq_context, int signal_fd) {
+  acl_zmq_context* context = malloc(sizeof(acl_zmq_context));
+  pthread_t thread;
+
+  context->context = zmq_context;
+  context->signal_fd = signal_fd;
+  sem_init(&amp;context->sem, 1, 0);
+  pthread_create(&amp;thread, 0, &amp;zmq_thread, context);
+  pthread_detach(thread);
+  return context;
+}
+</textarea></div>
+
+<h2>C++ example</h2>
+
+<div><textarea id="cpp-code">
+#include <iostream>
+#include "mystuff/util.h"
+
+namespace {
+enum Enum {
+  VAL1, VAL2, VAL3
+};
+
+int Helper(const MyType& param) {
+  return 0;
+}
+} // namespace
+
+class ForwardDec;
+
+template <class T, class V>
+class Class : public BaseClass {
+  const MyType<T, V> member_;
+
+ public:
+  const MyType<T, V>& Method() const {
+    return member_;
+  }
+
+  void Method2(MyType<T, V>* value);
+}
+
+template <class T, class V>
+void Class::Method2(MyType<T, V>* value) {
+  std::out << 1 >> method();
+  value->Method3(member_);
+  member_ = value;
+}
+</textarea></div>
+
+<h2>Java example</h2>
+
+<div><textarea id="java-code">
+import com.demo.util.MyType;
+import com.demo.util.MyInterface;
+
+public enum Enum {
+  VAL1, VAL2, VAL3
+}
+
+public class Class<T, V> implements MyInterface {
+  public static final MyType<T, V> member;
+  
+  private class InnerClass {
+    public int zero() {
+      return 0;
+    }
+  }
+
+  @Override
+  public MyType method() {
+    return member;
+  }
+
+  public void method2(MyType<T, V> value) {
+    method();
+    value.method3();
+    member = value;
+  }
+}
+</textarea></div>
+
+    <script>
+      var cEditor = CodeMirror.fromTextArea(document.getElementById("c-code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        mode: "text/x-csrc"
+      });
+      var cppEditor = CodeMirror.fromTextArea(document.getElementById("cpp-code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        mode: "text/x-c++src"
+      });
+      var javaEditor = CodeMirror.fromTextArea(document.getElementById("java-code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        mode: "text/x-java"
+      });
+    </script>
+
+    <p>Simple mode that tries to handle C-like languages as well as it
+    can. Takes two configuration parameters: <code>keywords</code>, an
+    object whose property names are the keywords in the language,
+    and <code>useCPP</code>, which determines whether C preprocessor
+    directives are recognized.</p>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-csrc</code>
+    (C code), <code>text/x-c++src</code> (C++
+    code), <code>text/x-java</code> (Java
+    code), <code>text/x-csharp</code> (C#).</p>
+</article>
diff --git a/src/main/webapp/codemirror/mode/clike/scala.html b/src/main/webapp/codemirror/mode/clike/scala.html
new file mode 100644
index 00000000..e9acc049
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/clike/scala.html
@@ -0,0 +1,767 @@
+<!doctype html>
+
+<title>CodeMirror: Scala mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/ambiance.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="clike.js"></script>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Scala</a>
+  </ul>
+</div>
+
+<article>
+<h2>Scala mode</h2>
+<form>
+<textarea id="code" name="code">
+
+  /*                     __                                               *\
+  **     ________ ___   / /  ___     Scala API                            **
+  **    / __/ __// _ | / /  / _ |    (c) 2003-2011, LAMP/EPFL             **
+  **  __\ \/ /__/ __ |/ /__/ __ |    http://scala-lang.org/               **
+  ** /____/\___/_/ |_/____/_/ | |                                         **
+  **                          |/                                          **
+  \*                                                                      */
+
+  package scala.collection
+
+  import generic._
+  import mutable.{ Builder, ListBuffer }
+  import annotation.{tailrec, migration, bridge}
+  import annotation.unchecked.{ uncheckedVariance => uV }
+  import parallel.ParIterable
+
+  /** A template trait for traversable collections of type `Traversable[A]`.
+   *  
+   *  $traversableInfo
+   *  @define mutability
+   *  @define traversableInfo
+   *  This is a base trait of all kinds of $mutability Scala collections. It
+   *  implements the behavior common to all collections, in terms of a method
+   *  `foreach` with signature:
+   * {{{
+   *     def foreach[U](f: Elem => U): Unit
+   * }}}
+   *  Collection classes mixing in this trait provide a concrete 
+   *  `foreach` method which traverses all the
+   *  elements contained in the collection, applying a given function to each.
+   *  They also need to provide a method `newBuilder`
+   *  which creates a builder for collections of the same kind.
+   *  
+   *  A traversable class might or might not have two properties: strictness
+   *  and orderedness. Neither is represented as a type.
+   *  
+   *  The instances of a strict collection class have all their elements
+   *  computed before they can be used as values. By contrast, instances of
+   *  a non-strict collection class may defer computation of some of their
+   *  elements until after the instance is available as a value.
+   *  A typical example of a non-strict collection class is a
+   *  <a href="../immutable/Stream.html" target="ContentFrame">
+   *  `scala.collection.immutable.Stream`</a>.
+   *  A more general class of examples are `TraversableViews`.
+   *  
+   *  If a collection is an instance of an ordered collection class, traversing
+   *  its elements with `foreach` will always visit elements in the
+   *  same order, even for different runs of the program. If the class is not
+   *  ordered, `foreach` can visit elements in different orders for
+   *  different runs (but it will keep the same order in the same run).'
+   * 
+   *  A typical example of a collection class which is not ordered is a
+   *  `HashMap` of objects. The traversal order for hash maps will
+   *  depend on the hash codes of its elements, and these hash codes might
+   *  differ from one run to the next. By contrast, a `LinkedHashMap`
+   *  is ordered because it's `foreach` method visits elements in the
+   *  order they were inserted into the `HashMap`.
+   *
+   *  @author Martin Odersky
+   *  @version 2.8
+   *  @since   2.8
+   *  @tparam A    the element type of the collection
+   *  @tparam Repr the type of the actual collection containing the elements.
+   *
+   *  @define Coll Traversable
+   *  @define coll traversable collection
+   */
+  trait TraversableLike[+A, +Repr] extends HasNewBuilder[A, Repr] 
+                                      with FilterMonadic[A, Repr]
+                                      with TraversableOnce[A]
+                                      with GenTraversableLike[A, Repr]
+                                      with Parallelizable[A, ParIterable[A]]
+  {
+    self =>
+
+    import Traversable.breaks._
+
+    /** The type implementing this traversable */
+    protected type Self = Repr
+
+    /** The collection of type $coll underlying this `TraversableLike` object.
+     *  By default this is implemented as the `TraversableLike` object itself,
+     *  but this can be overridden.
+     */
+    def repr: Repr = this.asInstanceOf[Repr]
+
+    /** The underlying collection seen as an instance of `$Coll`.
+     *  By default this is implemented as the current collection object itself,
+     *  but this can be overridden.
+     */
+    protected[this] def thisCollection: Traversable[A] = this.asInstanceOf[Traversable[A]]
+
+    /** A conversion from collections of type `Repr` to `$Coll` objects.
+     *  By default this is implemented as just a cast, but this can be overridden.
+     */
+    protected[this] def toCollection(repr: Repr): Traversable[A] = repr.asInstanceOf[Traversable[A]]
+
+    /** Creates a new builder for this collection type.
+     */
+    protected[this] def newBuilder: Builder[A, Repr]
+
+    protected[this] def parCombiner = ParIterable.newCombiner[A]
+
+    /** Applies a function `f` to all elements of this $coll.
+     *  
+     *    Note: this method underlies the implementation of most other bulk operations.
+     *    It's important to implement this method in an efficient way.
+     *  
+     *
+     *  @param  f   the function that is applied for its side-effect to every element.
+     *              The result of function `f` is discarded.
+     *              
+     *  @tparam  U  the type parameter describing the result of function `f`. 
+     *              This result will always be ignored. Typically `U` is `Unit`,
+     *              but this is not necessary.
+     *
+     *  @usecase def foreach(f: A => Unit): Unit
+     */
+    def foreach[U](f: A => U): Unit
+
+    /** Tests whether this $coll is empty.
+     *
+     *  @return    `true` if the $coll contain no elements, `false` otherwise.
+     */
+    def isEmpty: Boolean = {
+      var result = true
+      breakable {
+        for (x <- this) {
+          result = false
+          break
+        }
+      }
+      result
+    }
+
+    /** Tests whether this $coll is known to have a finite size.
+     *  All strict collections are known to have finite size. For a non-strict collection
+     *  such as `Stream`, the predicate returns `true` if all elements have been computed.
+     *  It returns `false` if the stream is not yet evaluated to the end.
+     *
+     *  Note: many collection methods will not work on collections of infinite sizes. 
+     *
+     *  @return  `true` if this collection is known to have finite size, `false` otherwise.
+     */
+    def hasDefiniteSize = true
+
+    def ++[B >: A, That](that: GenTraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = {
+      val b = bf(repr)
+      if (that.isInstanceOf[IndexedSeqLike[_, _]]) b.sizeHint(this, that.seq.size)
+      b ++= thisCollection
+      b ++= that.seq
+      b.result
+    }
+
+    @bridge
+    def ++[B >: A, That](that: TraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That =
+      ++(that: GenTraversableOnce[B])(bf)
+
+    /** Concatenates this $coll with the elements of a traversable collection.
+     *  It differs from ++ in that the right operand determines the type of the
+     *  resulting collection rather than the left one.
+     * 
+     *  @param that   the traversable to append.
+     *  @tparam B     the element type of the returned collection. 
+     *  @tparam That  $thatinfo
+     *  @param bf     $bfinfo
+     *  @return       a new collection of type `That` which contains all elements
+     *                of this $coll followed by all elements of `that`.
+     * 
+     *  @usecase def ++:[B](that: TraversableOnce[B]): $Coll[B]
+     *  
+     *  @return       a new $coll which contains all elements of this $coll
+     *                followed by all elements of `that`.
+     */
+    def ++:[B >: A, That](that: TraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = {
+      val b = bf(repr)
+      if (that.isInstanceOf[IndexedSeqLike[_, _]]) b.sizeHint(this, that.size)
+      b ++= that
+      b ++= thisCollection
+      b.result
+    }
+
+    /** This overload exists because: for the implementation of ++: we should reuse
+     *  that of ++ because many collections override it with more efficient versions.
+     *  Since TraversableOnce has no '++' method, we have to implement that directly,
+     *  but Traversable and down can use the overload.
+     */
+    def ++:[B >: A, That](that: Traversable[B])(implicit bf: CanBuildFrom[Repr, B, That]): That =
+      (that ++ seq)(breakOut)
+
+    def map[B, That](f: A => B)(implicit bf: CanBuildFrom[Repr, B, That]): That = {
+      val b = bf(repr)
+      b.sizeHint(this) 
+      for (x <- this) b += f(x)
+      b.result
+    }
+
+    def flatMap[B, That](f: A => GenTraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = {
+      val b = bf(repr)
+      for (x <- this) b ++= f(x).seq
+      b.result
+    }
+
+    /** Selects all elements of this $coll which satisfy a predicate.
+     *
+     *  @param p     the predicate used to test elements.
+     *  @return      a new $coll consisting of all elements of this $coll that satisfy the given
+     *               predicate `p`. The order of the elements is preserved.
+     */
+    def filter(p: A => Boolean): Repr = {
+      val b = newBuilder
+      for (x <- this) 
+        if (p(x)) b += x
+      b.result
+    }
+
+    /** Selects all elements of this $coll which do not satisfy a predicate.
+     *
+     *  @param p     the predicate used to test elements.
+     *  @return      a new $coll consisting of all elements of this $coll that do not satisfy the given
+     *               predicate `p`. The order of the elements is preserved.
+     */
+    def filterNot(p: A => Boolean): Repr = filter(!p(_))
+
+    def collect[B, That](pf: PartialFunction[A, B])(implicit bf: CanBuildFrom[Repr, B, That]): That = {
+      val b = bf(repr)
+      for (x <- this) if (pf.isDefinedAt(x)) b += pf(x)
+      b.result
+    }
+
+    /** Builds a new collection by applying an option-valued function to all
+     *  elements of this $coll on which the function is defined.
+     *
+     *  @param f      the option-valued function which filters and maps the $coll.
+     *  @tparam B     the element type of the returned collection.
+     *  @tparam That  $thatinfo
+     *  @param bf     $bfinfo
+     *  @return       a new collection of type `That` resulting from applying the option-valued function
+     *                `f` to each element and collecting all defined results.
+     *                The order of the elements is preserved.
+     *
+     *  @usecase def filterMap[B](f: A => Option[B]): $Coll[B]
+     *  
+     *  @param pf     the partial function which filters and maps the $coll.
+     *  @return       a new $coll resulting from applying the given option-valued function
+     *                `f` to each element and collecting all defined results.
+     *                The order of the elements is preserved.
+    def filterMap[B, That](f: A => Option[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = {
+      val b = bf(repr)
+      for (x <- this) 
+        f(x) match {
+          case Some(y) => b += y
+          case _ =>
+        }
+      b.result
+    }
+     */
+
+    /** Partitions this $coll in two ${coll}s according to a predicate.
+     *
+     *  @param p the predicate on which to partition.
+     *  @return  a pair of ${coll}s: the first $coll consists of all elements that 
+     *           satisfy the predicate `p` and the second $coll consists of all elements
+     *           that don't. The relative order of the elements in the resulting ${coll}s
+     *           is the same as in the original $coll.
+     */
+    def partition(p: A => Boolean): (Repr, Repr) = {
+      val l, r = newBuilder
+      for (x <- this) (if (p(x)) l else r) += x
+      (l.result, r.result)
+    }
+
+    def groupBy[K](f: A => K): immutable.Map[K, Repr] = {
+      val m = mutable.Map.empty[K, Builder[A, Repr]]
+      for (elem <- this) {
+        val key = f(elem)
+        val bldr = m.getOrElseUpdate(key, newBuilder)
+        bldr += elem
+      }
+      val b = immutable.Map.newBuilder[K, Repr]
+      for ((k, v) <- m)
+        b += ((k, v.result))
+
+      b.result
+    }
+
+    /** Tests whether a predicate holds for all elements of this $coll.
+     *
+     *  $mayNotTerminateInf
+     *
+     *  @param   p     the predicate used to test elements.
+     *  @return        `true` if the given predicate `p` holds for all elements
+     *                 of this $coll, otherwise `false`.
+     */
+    def forall(p: A => Boolean): Boolean = {
+      var result = true
+      breakable {
+        for (x <- this)
+          if (!p(x)) { result = false; break }
+      }
+      result
+    }
+
+    /** Tests whether a predicate holds for some of the elements of this $coll.
+     *
+     *  $mayNotTerminateInf
+     *
+     *  @param   p     the predicate used to test elements.
+     *  @return        `true` if the given predicate `p` holds for some of the
+     *                 elements of this $coll, otherwise `false`.
+     */
+    def exists(p: A => Boolean): Boolean = {
+      var result = false
+      breakable {
+        for (x <- this)
+          if (p(x)) { result = true; break }
+      }
+      result
+    }
+
+    /** Finds the first element of the $coll satisfying a predicate, if any.
+     * 
+     *  $mayNotTerminateInf
+     *  $orderDependent
+     *
+     *  @param p    the predicate used to test elements.
+     *  @return     an option value containing the first element in the $coll
+     *              that satisfies `p`, or `None` if none exists.
+     */
+    def find(p: A => Boolean): Option[A] = {
+      var result: Option[A] = None
+      breakable {
+        for (x <- this)
+          if (p(x)) { result = Some(x); break }
+      }
+      result
+    }
+
+    def scan[B >: A, That](z: B)(op: (B, B) => B)(implicit cbf: CanBuildFrom[Repr, B, That]): That = scanLeft(z)(op)
+
+    def scanLeft[B, That](z: B)(op: (B, A) => B)(implicit bf: CanBuildFrom[Repr, B, That]): That = {
+      val b = bf(repr)
+      b.sizeHint(this, 1)
+      var acc = z
+      b += acc
+      for (x <- this) { acc = op(acc, x); b += acc }
+      b.result
+    }
+
+    @migration(2, 9,
+      "This scanRight definition has changed in 2.9.\n" +
+      "The previous behavior can be reproduced with scanRight.reverse."
+    )
+    def scanRight[B, That](z: B)(op: (A, B) => B)(implicit bf: CanBuildFrom[Repr, B, That]): That = {
+      var scanned = List(z)
+      var acc = z
+      for (x <- reversed) {
+        acc = op(x, acc)
+        scanned ::= acc
+      }
+      val b = bf(repr)
+      for (elem <- scanned) b += elem
+      b.result
+    }
+
+    /** Selects the first element of this $coll.
+     *  $orderDependent
+     *  @return  the first element of this $coll.
+     *  @throws `NoSuchElementException` if the $coll is empty.
+     */
+    def head: A = {
+      var result: () => A = () => throw new NoSuchElementException
+      breakable {
+        for (x <- this) {
+          result = () => x
+          break
+        }
+      }
+      result()
+    }
+
+    /** Optionally selects the first element.
+     *  $orderDependent
+     *  @return  the first element of this $coll if it is nonempty, `None` if it is empty.
+     */
+    def headOption: Option[A] = if (isEmpty) None else Some(head)
+
+    /** Selects all elements except the first.
+     *  $orderDependent
+     *  @return  a $coll consisting of all elements of this $coll
+     *           except the first one.
+     *  @throws `UnsupportedOperationException` if the $coll is empty.
+     */ 
+    override def tail: Repr = {
+      if (isEmpty) throw new UnsupportedOperationException("empty.tail")
+      drop(1)
+    }
+
+    /** Selects the last element.
+      * $orderDependent
+      * @return The last element of this $coll.
+      * @throws NoSuchElementException If the $coll is empty.
+      */
+    def last: A = {
+      var lst = head
+      for (x <- this)
+        lst = x
+      lst
+    }
+
+    /** Optionally selects the last element.
+     *  $orderDependent
+     *  @return  the last element of this $coll$ if it is nonempty, `None` if it is empty.
+     */
+    def lastOption: Option[A] = if (isEmpty) None else Some(last)
+
+    /** Selects all elements except the last.
+     *  $orderDependent
+     *  @return  a $coll consisting of all elements of this $coll
+     *           except the last one.
+     *  @throws `UnsupportedOperationException` if the $coll is empty.
+     */
+    def init: Repr = {
+      if (isEmpty) throw new UnsupportedOperationException("empty.init")
+      var lst = head
+      var follow = false
+      val b = newBuilder
+      b.sizeHint(this, -1)
+      for (x <- this.seq) {
+        if (follow) b += lst
+        else follow = true
+        lst = x
+      }
+      b.result
+    }
+
+    def take(n: Int): Repr = slice(0, n)
+
+    def drop(n: Int): Repr = 
+      if (n <= 0) {
+        val b = newBuilder
+        b.sizeHint(this)
+        b ++= thisCollection result
+      }
+      else sliceWithKnownDelta(n, Int.MaxValue, -n)
+
+    def slice(from: Int, until: Int): Repr = sliceWithKnownBound(math.max(from, 0), until)
+
+    // Precondition: from >= 0, until > 0, builder already configured for building.
+    private[this] def sliceInternal(from: Int, until: Int, b: Builder[A, Repr]): Repr = {
+      var i = 0
+      breakable {
+        for (x <- this.seq) {
+          if (i >= from) b += x
+          i += 1
+          if (i >= until) break
+        }
+      }
+      b.result
+    }
+    // Precondition: from >= 0
+    private[scala] def sliceWithKnownDelta(from: Int, until: Int, delta: Int): Repr = {
+      val b = newBuilder
+      if (until <= from) b.result
+      else {
+        b.sizeHint(this, delta)
+        sliceInternal(from, until, b)
+      }
+    }
+    // Precondition: from >= 0
+    private[scala] def sliceWithKnownBound(from: Int, until: Int): Repr = {
+      val b = newBuilder
+      if (until <= from) b.result
+      else {
+        b.sizeHintBounded(until - from, this)      
+        sliceInternal(from, until, b)
+      }
+    }
+
+    def takeWhile(p: A => Boolean): Repr = {
+      val b = newBuilder
+      breakable {
+        for (x <- this) {
+          if (!p(x)) break
+          b += x
+        }
+      }
+      b.result
+    }
+
+    def dropWhile(p: A => Boolean): Repr = {
+      val b = newBuilder
+      var go = false
+      for (x <- this) {
+        if (!p(x)) go = true
+        if (go) b += x
+      }
+      b.result
+    }
+
+    def span(p: A => Boolean): (Repr, Repr) = {
+      val l, r = newBuilder
+      var toLeft = true
+      for (x <- this) {
+        toLeft = toLeft && p(x)
+        (if (toLeft) l else r) += x
+      }
+      (l.result, r.result)
+    }
+
+    def splitAt(n: Int): (Repr, Repr) = {
+      val l, r = newBuilder
+      l.sizeHintBounded(n, this)
+      if (n >= 0) r.sizeHint(this, -n)
+      var i = 0
+      for (x <- this) {
+        (if (i < n) l else r) += x
+        i += 1
+      }
+      (l.result, r.result)
+    }
+
+    /** Iterates over the tails of this $coll. The first value will be this
+     *  $coll and the final one will be an empty $coll, with the intervening
+     *  values the results of successive applications of `tail`.
+     *
+     *  @return   an iterator over all the tails of this $coll
+     *  @example  `List(1,2,3).tails = Iterator(List(1,2,3), List(2,3), List(3), Nil)`
+     */  
+    def tails: Iterator[Repr] = iterateUntilEmpty(_.tail)
+
+    /** Iterates over the inits of this $coll. The first value will be this
+     *  $coll and the final one will be an empty $coll, with the intervening
+     *  values the results of successive applications of `init`.
+     *
+     *  @return  an iterator over all the inits of this $coll
+     *  @example  `List(1,2,3).inits = Iterator(List(1,2,3), List(1,2), List(1), Nil)`
+     */
+    def inits: Iterator[Repr] = iterateUntilEmpty(_.init)
+
+    /** Copies elements of this $coll to an array.
+     *  Fills the given array `xs` with at most `len` elements of
+     *  this $coll, starting at position `start`.
+     *  Copying will stop once either the end of the current $coll is reached,
+     *  or the end of the array is reached, or `len` elements have been copied.
+     *
+     *  $willNotTerminateInf
+     * 
+     *  @param  xs     the array to fill.
+     *  @param  start  the starting index.
+     *  @param  len    the maximal number of elements to copy.
+     *  @tparam B      the type of the elements of the array. 
+     * 
+     *
+     *  @usecase def copyToArray(xs: Array[A], start: Int, len: Int): Unit
+     */
+    def copyToArray[B >: A](xs: Array[B], start: Int, len: Int) {
+      var i = start
+      val end = (start + len) min xs.length
+      breakable {
+        for (x <- this) {
+          if (i >= end) break
+          xs(i) = x
+          i += 1
+        }
+      }
+    }
+
+    def toTraversable: Traversable[A] = thisCollection
+    def toIterator: Iterator[A] = toStream.iterator
+    def toStream: Stream[A] = toBuffer.toStream
+
+    /** Converts this $coll to a string.
+     *
+     *  @return   a string representation of this collection. By default this
+     *            string consists of the `stringPrefix` of this $coll,
+     *            followed by all elements separated by commas and enclosed in parentheses.
+     */
+    override def toString = mkString(stringPrefix + "(", ", ", ")")
+
+    /** Defines the prefix of this object's `toString` representation.
+     *
+     *  @return  a string representation which starts the result of `toString`
+     *           applied to this $coll. By default the string prefix is the
+     *           simple name of the collection class $coll.
+     */
+    def stringPrefix : String = {
+      var string = repr.asInstanceOf[AnyRef].getClass.getName
+      val idx1 = string.lastIndexOf('.' : Int)
+      if (idx1 != -1) string = string.substring(idx1 + 1)
+      val idx2 = string.indexOf('$')
+      if (idx2 != -1) string = string.substring(0, idx2)
+      string
+    }
+
+    /** Creates a non-strict view of this $coll.
+     * 
+     *  @return a non-strict view of this $coll.
+     */
+    def view = new TraversableView[A, Repr] {
+      protected lazy val underlying = self.repr
+      override def foreach[U](f: A => U) = self foreach f
+    }
+
+    /** Creates a non-strict view of a slice of this $coll.
+     *
+     *  Note: the difference between `view` and `slice` is that `view` produces
+     *        a view of the current $coll, whereas `slice` produces a new $coll.
+     * 
+     *  Note: `view(from, to)` is equivalent to `view.slice(from, to)`
+     *  $orderDependent
+     * 
+     *  @param from   the index of the first element of the view
+     *  @param until  the index of the element following the view
+     *  @return a non-strict view of a slice of this $coll, starting at index `from`
+     *  and extending up to (but not including) index `until`.
+     */
+    def view(from: Int, until: Int): TraversableView[A, Repr] = view.slice(from, until)
+
+    /** Creates a non-strict filter of this $coll.
+     *
+     *  Note: the difference between `c filter p` and `c withFilter p` is that
+     *        the former creates a new collection, whereas the latter only
+     *        restricts the domain of subsequent `map`, `flatMap`, `foreach`,
+     *        and `withFilter` operations.
+     *  $orderDependent
+     * 
+     *  @param p   the predicate used to test elements.
+     *  @return    an object of class `WithFilter`, which supports
+     *             `map`, `flatMap`, `foreach`, and `withFilter` operations.
+     *             All these operations apply to those elements of this $coll which
+     *             satisfy the predicate `p`.
+     */
+    def withFilter(p: A => Boolean): FilterMonadic[A, Repr] = new WithFilter(p)
+
+    /** A class supporting filtered operations. Instances of this class are
+     *  returned by method `withFilter`.
+     */
+    class WithFilter(p: A => Boolean) extends FilterMonadic[A, Repr] {
+
+      /** Builds a new collection by applying a function to all elements of the
+       *  outer $coll containing this `WithFilter` instance that satisfy predicate `p`.
+       *
+       *  @param f      the function to apply to each element.
+       *  @tparam B     the element type of the returned collection.
+       *  @tparam That  $thatinfo
+       *  @param bf     $bfinfo
+       *  @return       a new collection of type `That` resulting from applying
+       *                the given function `f` to each element of the outer $coll
+       *                that satisfies predicate `p` and collecting the results.
+       *
+       *  @usecase def map[B](f: A => B): $Coll[B] 
+       *  
+       *  @return       a new $coll resulting from applying the given function
+       *                `f` to each element of the outer $coll that satisfies
+       *                predicate `p` and collecting the results.
+       */
+      def map[B, That](f: A => B)(implicit bf: CanBuildFrom[Repr, B, That]): That = {
+        val b = bf(repr)
+        for (x <- self) 
+          if (p(x)) b += f(x)
+        b.result
+      }
+
+      /** Builds a new collection by applying a function to all elements of the
+       *  outer $coll containing this `WithFilter` instance that satisfy
+       *  predicate `p` and concatenating the results. 
+       *
+       *  @param f      the function to apply to each element.
+       *  @tparam B     the element type of the returned collection.
+       *  @tparam That  $thatinfo
+       *  @param bf     $bfinfo
+       *  @return       a new collection of type `That` resulting from applying
+       *                the given collection-valued function `f` to each element
+       *                of the outer $coll that satisfies predicate `p` and
+       *                concatenating the results.
+       *
+       *  @usecase def flatMap[B](f: A => TraversableOnce[B]): $Coll[B]
+       * 
+       *  @return       a new $coll resulting from applying the given collection-valued function
+       *                `f` to each element of the outer $coll that satisfies predicate `p` and concatenating the results.
+       */
+      def flatMap[B, That](f: A => GenTraversableOnce[B])(implicit bf: CanBuildFrom[Repr, B, That]): That = {
+        val b = bf(repr)
+        for (x <- self) 
+          if (p(x)) b ++= f(x).seq
+        b.result
+      }
+
+      /** Applies a function `f` to all elements of the outer $coll containing
+       *  this `WithFilter` instance that satisfy predicate `p`.
+       *
+       *  @param  f   the function that is applied for its side-effect to every element.
+       *              The result of function `f` is discarded.
+       *              
+       *  @tparam  U  the type parameter describing the result of function `f`. 
+       *              This result will always be ignored. Typically `U` is `Unit`,
+       *              but this is not necessary.
+       *
+       *  @usecase def foreach(f: A => Unit): Unit
+       */   
+      def foreach[U](f: A => U): Unit = 
+        for (x <- self) 
+          if (p(x)) f(x)
+
+      /** Further refines the filter for this $coll.
+       *
+       *  @param q   the predicate used to test elements.
+       *  @return    an object of class `WithFilter`, which supports
+       *             `map`, `flatMap`, `foreach`, and `withFilter` operations.
+       *             All these operations apply to those elements of this $coll which
+       *             satisfy the predicate `q` in addition to the predicate `p`.
+       */
+      def withFilter(q: A => Boolean): WithFilter = 
+        new WithFilter(x => p(x) && q(x))
+    }
+
+    // A helper for tails and inits.
+    private def iterateUntilEmpty(f: Traversable[A @uV] => Traversable[A @uV]): Iterator[Repr] = {
+      val it = Iterator.iterate(thisCollection)(f) takeWhile (x => !x.isEmpty)
+      it ++ Iterator(Nil) map (newBuilder ++= _ result)
+    }
+  }
+
+
+</textarea>
+</form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        theme: "ambiance",
+        mode: "text/x-scala"
+      });
+    </script>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/clojure/clojure.js b/src/main/webapp/codemirror/mode/clojure/clojure.js
new file mode 100644
index 00000000..ee22a12f
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/clojure/clojure.js
@@ -0,0 +1,224 @@
+/**
+ * Author: Hans Engel
+ * Branched from CodeMirror's Scheme mode (by Koh Zi Han, based on implementation by Koh Zi Chun)
+ */
+CodeMirror.defineMode("clojure", function () {
+    var BUILTIN = "builtin", COMMENT = "comment", STRING = "string", CHARACTER = "string-2",
+        ATOM = "atom", NUMBER = "number", BRACKET = "bracket", KEYWORD = "keyword";
+    var INDENT_WORD_SKIP = 2;
+
+    function makeKeywords(str) {
+        var obj = {}, words = str.split(" ");
+        for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+        return obj;
+    }
+
+    var atoms = makeKeywords("true false nil");
+
+    var keywords = makeKeywords(
+      "defn defn- def def- defonce defmulti defmethod defmacro defstruct deftype defprotocol defrecord defproject deftest slice defalias defhinted defmacro- defn-memo defnk defnk defonce- defunbound defunbound- defvar defvar- let letfn do case cond condp for loop recur when when-not when-let when-first if if-let if-not . .. -> ->> doto and or dosync doseq dotimes dorun doall load import unimport ns in-ns refer try catch finally throw with-open with-local-vars binding gen-class gen-and-load-class gen-and-save-class handler-case handle");
+
+    var builtins = makeKeywords(
+        "* *' *1 *2 *3 *agent* *allow-unresolved-vars* *assert* *clojure-version* *command-line-args* *compile-files* *compile-path* *compiler-options* *data-readers* *e *err* *file* *flush-on-newline* *fn-loader* *in* *math-context* *ns* *out* *print-dup* *print-length* *print-level* *print-meta* *print-readably* *read-eval* *source-path* *unchecked-math* *use-context-classloader* *verbose-defrecords* *warn-on-reflection* + +' - -' -> ->> ->ArrayChunk ->Vec ->VecNode ->VecSeq -cache-protocol-fn -reset-methods .. / < <= = == > >= EMPTY-NODE accessor aclone add-classpath add-watch agent agent-error agent-errors aget alength alias all-ns alter alter-meta! alter-var-root amap ancestors and apply areduce array-map aset aset-boolean aset-byte aset-char aset-double aset-float aset-int aset-long aset-short assert assoc assoc! assoc-in associative? atom await await-for await1 bases bean bigdec bigint biginteger binding bit-and bit-and-not bit-clear bit-flip bit-not bit-or bit-set bit-shift-left bit-shift-right bit-test bit-xor boolean boolean-array booleans bound-fn bound-fn* bound? butlast byte byte-array bytes case cast char char-array char-escape-string char-name-string char? chars chunk chunk-append chunk-buffer chunk-cons chunk-first chunk-next chunk-rest chunked-seq? class class? clear-agent-errors clojure-version coll? comment commute comp comparator compare compare-and-set! compile complement concat cond condp conj conj! cons constantly construct-proxy contains? count counted? create-ns create-struct cycle dec dec' decimal? declare default-data-readers definline definterface defmacro defmethod defmulti defn defn- defonce defprotocol defrecord defstruct deftype delay delay? deliver denominator deref derive descendants destructure disj disj! dissoc dissoc! distinct distinct? doall dorun doseq dosync dotimes doto double double-array doubles drop drop-last drop-while empty empty? ensure enumeration-seq error-handler error-mode eval even? every-pred every? ex-data ex-info extend extend-protocol extend-type extenders extends? false? ffirst file-seq filter filterv find find-keyword find-ns find-protocol-impl find-protocol-method find-var first flatten float float-array float? floats flush fn fn? fnext fnil for force format frequencies future future-call future-cancel future-cancelled? future-done? future? gen-class gen-interface gensym get get-in get-method get-proxy-class get-thread-bindings get-validator group-by hash hash-combine hash-map hash-set identical? identity if-let if-not ifn? import in-ns inc inc' init-proxy instance? int int-array integer? interleave intern interpose into into-array ints io! isa? iterate iterator-seq juxt keep keep-indexed key keys keyword keyword? last lazy-cat lazy-seq let letfn line-seq list list* list? load load-file load-reader load-string loaded-libs locking long long-array longs loop macroexpand macroexpand-1 make-array make-hierarchy map map-indexed map? mapcat mapv max max-key memfn memoize merge merge-with meta method-sig methods min min-key mod munge name namespace namespace-munge neg? newline next nfirst nil? nnext not not-any? not-empty not-every? not= ns ns-aliases ns-imports ns-interns ns-map ns-name ns-publics ns-refers ns-resolve ns-unalias ns-unmap nth nthnext nthrest num number? numerator object-array odd? or parents partial partition partition-all partition-by pcalls peek persistent! pmap pop pop! pop-thread-bindings pos? pr pr-str prefer-method prefers primitives-classnames print print-ctor print-dup print-method print-simple print-str printf println println-str prn prn-str promise proxy proxy-call-with-super proxy-mappings proxy-name proxy-super push-thread-bindings pvalues quot rand rand-int rand-nth range ratio? rational? rationalize re-find re-groups re-matcher re-matches re-pattern re-seq read read-line read-string realized? reduce reduce-kv reductions ref ref-history-count ref-max-history ref-min-history ref-set refer refer-clojure reify release-pending-sends rem remove remove-all-methods remove-method remove-ns remove-watch repeat repeatedly replace replicate require reset! reset-meta! resolve rest restart-agent resultset-seq reverse reversible? rseq rsubseq satisfies? second select-keys send send-off seq seq? seque sequence sequential? set set-error-handler! set-error-mode! set-validator! set? short short-array shorts shuffle shutdown-agents slurp some some-fn sort sort-by sorted-map sorted-map-by sorted-set sorted-set-by sorted? special-symbol? spit split-at split-with str string? struct struct-map subs subseq subvec supers swap! symbol symbol? sync take take-last take-nth take-while test the-ns thread-bound? time to-array to-array-2d trampoline transient tree-seq true? type unchecked-add unchecked-add-int unchecked-byte unchecked-char unchecked-dec unchecked-dec-int unchecked-divide-int unchecked-double unchecked-float unchecked-inc unchecked-inc-int unchecked-int unchecked-long unchecked-multiply unchecked-multiply-int unchecked-negate unchecked-negate-int unchecked-remainder-int unchecked-short unchecked-subtract unchecked-subtract-int underive unquote unquote-splicing update-in update-proxy use val vals var-get var-set var? vary-meta vec vector vector-of vector? when when-first when-let when-not while with-bindings with-bindings* with-in-str with-loading-context with-local-vars with-meta with-open with-out-str with-precision with-redefs with-redefs-fn xml-seq zero? zipmap *default-data-reader-fn* as-> cond-> cond->> reduced reduced? send-via set-agent-send-executor! set-agent-send-off-executor! some-> some->>");
+
+    var indentKeys = makeKeywords(
+        // Built-ins
+        "ns fn def defn defmethod bound-fn if if-not case condp when while when-not when-first do future comment doto locking proxy with-open with-precision reify deftype defrecord defprotocol extend extend-protocol extend-type try catch " +
+
+        // Binding forms
+        "let letfn binding loop for doseq dotimes when-let if-let " +
+
+        // Data structures
+        "defstruct struct-map assoc " +
+
+        // clojure.test
+        "testing deftest " +
+
+        // contrib
+        "handler-case handle dotrace deftrace");
+
+    var tests = {
+        digit: /\d/,
+        digit_or_colon: /[\d:]/,
+        hex: /[0-9a-f]/i,
+        sign: /[+-]/,
+        exponent: /e/i,
+        keyword_char: /[^\s\(\[\;\)\]]/,
+        symbol: /[\w*+!\-\._?:\/]/
+    };
+
+    function stateStack(indent, type, prev) { // represents a state stack object
+        this.indent = indent;
+        this.type = type;
+        this.prev = prev;
+    }
+
+    function pushStack(state, indent, type) {
+        state.indentStack = new stateStack(indent, type, state.indentStack);
+    }
+
+    function popStack(state) {
+        state.indentStack = state.indentStack.prev;
+    }
+
+    function isNumber(ch, stream){
+        // hex
+        if ( ch === '0' && stream.eat(/x/i) ) {
+            stream.eatWhile(tests.hex);
+            return true;
+        }
+
+        // leading sign
+        if ( ( ch == '+' || ch == '-' ) && ( tests.digit.test(stream.peek()) ) ) {
+          stream.eat(tests.sign);
+          ch = stream.next();
+        }
+
+        if ( tests.digit.test(ch) ) {
+            stream.eat(ch);
+            stream.eatWhile(tests.digit);
+
+            if ( '.' == stream.peek() ) {
+                stream.eat('.');
+                stream.eatWhile(tests.digit);
+            }
+
+            if ( stream.eat(tests.exponent) ) {
+                stream.eat(tests.sign);
+                stream.eatWhile(tests.digit);
+            }
+
+            return true;
+        }
+
+        return false;
+    }
+
+    // Eat character that starts after backslash \
+    function eatCharacter(stream) {
+        var first = stream.next();
+        // Read special literals: backspace, newline, space, return.
+        // Just read all lowercase letters.
+        if (first.match(/[a-z]/) && stream.match(/[a-z]+/, true)) {
+            return;
+        }
+        // Read unicode character: \u1000 \uA0a1
+        if (first === "u") {
+            stream.match(/[0-9a-z]{4}/i, true);
+        }
+    }
+
+    return {
+        startState: function () {
+            return {
+                indentStack: null,
+                indentation: 0,
+                mode: false
+            };
+        },
+
+        token: function (stream, state) {
+            if (state.indentStack == null && stream.sol()) {
+                // update indentation, but only if indentStack is empty
+                state.indentation = stream.indentation();
+            }
+
+            // skip spaces
+            if (stream.eatSpace()) {
+                return null;
+            }
+            var returnType = null;
+
+            switch(state.mode){
+                case "string": // multi-line string parsing mode
+                    var next, escaped = false;
+                    while ((next = stream.next()) != null) {
+                        if (next == "\"" && !escaped) {
+
+                            state.mode = false;
+                            break;
+                        }
+                        escaped = !escaped && next == "\\";
+                    }
+                    returnType = STRING; // continue on in string mode
+                    break;
+                default: // default parsing mode
+                    var ch = stream.next();
+
+                    if (ch == "\"") {
+                        state.mode = "string";
+                        returnType = STRING;
+                    } else if (ch == "\\") {
+                        eatCharacter(stream);
+                        returnType = CHARACTER;
+                    } else if (ch == "'" && !( tests.digit_or_colon.test(stream.peek()) )) {
+                        returnType = ATOM;
+                    } else if (ch == ";") { // comment
+                        stream.skipToEnd(); // rest of the line is a comment
+                        returnType = COMMENT;
+                    } else if (isNumber(ch,stream)){
+                        returnType = NUMBER;
+                    } else if (ch == "(" || ch == "[" || ch == "{" ) {
+                        var keyWord = '', indentTemp = stream.column(), letter;
+                        /**
+                        Either
+                        (indent-word ..
+                        (non-indent-word ..
+                        (;something else, bracket, etc.
+                        */
+
+                        if (ch == "(") while ((letter = stream.eat(tests.keyword_char)) != null) {
+                            keyWord += letter;
+                        }
+
+                        if (keyWord.length > 0 && (indentKeys.propertyIsEnumerable(keyWord) ||
+                                                   /^(?:def|with)/.test(keyWord))) { // indent-word
+                            pushStack(state, indentTemp + INDENT_WORD_SKIP, ch);
+                        } else { // non-indent word
+                            // we continue eating the spaces
+                            stream.eatSpace();
+                            if (stream.eol() || stream.peek() == ";") {
+                                // nothing significant after
+                                // we restart indentation 1 space after
+                                pushStack(state, indentTemp + 1, ch);
+                            } else {
+                                pushStack(state, indentTemp + stream.current().length, ch); // else we match
+                            }
+                        }
+                        stream.backUp(stream.current().length - 1); // undo all the eating
+
+                        returnType = BRACKET;
+                    } else if (ch == ")" || ch == "]" || ch == "}") {
+                        returnType = BRACKET;
+                        if (state.indentStack != null && state.indentStack.type == (ch == ")" ? "(" : (ch == "]" ? "[" :"{"))) {
+                            popStack(state);
+                        }
+                    } else if ( ch == ":" ) {
+                        stream.eatWhile(tests.symbol);
+                        return ATOM;
+                    } else {
+                        stream.eatWhile(tests.symbol);
+
+                        if (keywords && keywords.propertyIsEnumerable(stream.current())) {
+                            returnType = KEYWORD;
+                        } else if (builtins && builtins.propertyIsEnumerable(stream.current())) {
+                            returnType = BUILTIN;
+                        } else if (atoms && atoms.propertyIsEnumerable(stream.current())) {
+                            returnType = ATOM;
+                        } else returnType = null;
+                    }
+            }
+
+            return returnType;
+        },
+
+        indent: function (state) {
+            if (state.indentStack == null) return state.indentation;
+            return state.indentStack.indent;
+        },
+
+        lineComment: ";;"
+    };
+});
+
+CodeMirror.defineMIME("text/x-clojure", "clojure");
diff --git a/src/main/webapp/codemirror/mode/clojure/index.html b/src/main/webapp/codemirror/mode/clojure/index.html
new file mode 100644
index 00000000..5a50c566
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/clojure/index.html
@@ -0,0 +1,88 @@
+<!doctype html>
+
+<title>CodeMirror: Clojure mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="clojure.js"></script>
+<style>.CodeMirror {background: #f8f8f8;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Clojure</a>
+  </ul>
+</div>
+
+<article>
+<h2>Clojure mode</h2>
+<form><textarea id="code" name="code">
+; Conway's Game of Life, based on the work of:
+;; Laurent Petit https://gist.github.com/1200343
+;; Christophe Grand http://clj-me.cgrand.net/2011/08/19/conways-game-of-life
+
+(ns ^{:doc "Conway's Game of Life."}
+ game-of-life)
+
+;; Core game of life's algorithm functions
+
+(defn neighbours
+  "Given a cell's coordinates, returns the coordinates of its neighbours."
+  [[x y]]
+  (for [dx [-1 0 1] dy (if (zero? dx) [-1 1] [-1 0 1])]
+    [(+ dx x) (+ dy y)]))
+
+(defn step
+  "Given a set of living cells, computes the new set of living cells."
+  [cells]
+  (set (for [[cell n] (frequencies (mapcat neighbours cells))
+             :when (or (= n 3) (and (= n 2) (cells cell)))]
+         cell)))
+
+;; Utility methods for displaying game on a text terminal
+
+(defn print-board
+  "Prints a board on *out*, representing a step in the game."
+  [board w h]
+  (doseq [x (range (inc w)) y (range (inc h))]
+    (if (= y 0) (print "\n"))
+    (print (if (board [x y]) "[X]" " . "))))
+
+(defn display-grids
+  "Prints a squence of boards on *out*, representing several steps."
+  [grids w h]
+  (doseq [board grids]
+    (print-board board w h)
+    (print "\n")))
+
+;; Launches an example board
+
+(def
+  ^{:doc "board represents the initial set of living cells"}
+   board #{[2 1] [2 2] [2 3]})
+
+(display-grids (take 3 (iterate step board)) 5 5)
+
+;; Let's play with characters
+(println \1 \a \# \\
+         \" \( \newline
+         \} \" \space
+         \tab \return \backspace
+         \u1000 \uAaAa \u9F9F)
+
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-clojure</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/cobol/cobol.js b/src/main/webapp/codemirror/mode/cobol/cobol.js
new file mode 100644
index 00000000..d92491dd
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/cobol/cobol.js
@@ -0,0 +1,240 @@
+/**
+ * Author: Gautam Mehta
+ * Branched from CodeMirror's Scheme mode
+ */
+CodeMirror.defineMode("cobol", function () {
+  var BUILTIN = "builtin", COMMENT = "comment", STRING = "string",
+      ATOM = "atom", NUMBER = "number", KEYWORD = "keyword", MODTAG = "header",
+      COBOLLINENUM = "def", PERIOD = "link";
+  function makeKeywords(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+  var atoms = makeKeywords("TRUE FALSE ZEROES ZEROS ZERO SPACES SPACE LOW-VALUE LOW-VALUES ");
+  var keywords = makeKeywords(
+      "ACCEPT ACCESS ACQUIRE ADD ADDRESS " +
+      "ADVANCING AFTER ALIAS ALL ALPHABET " +
+      "ALPHABETIC ALPHABETIC-LOWER ALPHABETIC-UPPER ALPHANUMERIC ALPHANUMERIC-EDITED " +
+      "ALSO ALTER ALTERNATE AND ANY " +
+      "ARE AREA AREAS ARITHMETIC ASCENDING " +
+      "ASSIGN AT ATTRIBUTE AUTHOR AUTO " +
+      "AUTO-SKIP AUTOMATIC B-AND B-EXOR B-LESS " +
+      "B-NOT B-OR BACKGROUND-COLOR BACKGROUND-COLOUR BEEP " +
+      "BEFORE BELL BINARY BIT BITS " +
+      "BLANK BLINK BLOCK BOOLEAN BOTTOM " +
+      "BY CALL CANCEL CD CF " +
+      "CH CHARACTER CHARACTERS CLASS CLOCK-UNITS " +
+      "CLOSE COBOL CODE CODE-SET COL " +
+      "COLLATING COLUMN COMMA COMMIT COMMITMENT " +
+      "COMMON COMMUNICATION COMP COMP-0 COMP-1 " +
+      "COMP-2 COMP-3 COMP-4 COMP-5 COMP-6 " +
+      "COMP-7 COMP-8 COMP-9 COMPUTATIONAL COMPUTATIONAL-0 " +
+      "COMPUTATIONAL-1 COMPUTATIONAL-2 COMPUTATIONAL-3 COMPUTATIONAL-4 COMPUTATIONAL-5 " +
+      "COMPUTATIONAL-6 COMPUTATIONAL-7 COMPUTATIONAL-8 COMPUTATIONAL-9 COMPUTE " +
+      "CONFIGURATION CONNECT CONSOLE CONTAINED CONTAINS " +
+      "CONTENT CONTINUE CONTROL CONTROL-AREA CONTROLS " +
+      "CONVERTING COPY CORR CORRESPONDING COUNT " +
+      "CRT CRT-UNDER CURRENCY CURRENT CURSOR " +
+      "DATA DATE DATE-COMPILED DATE-WRITTEN DAY " +
+      "DAY-OF-WEEK DB DB-ACCESS-CONTROL-KEY DB-DATA-NAME DB-EXCEPTION " +
+      "DB-FORMAT-NAME DB-RECORD-NAME DB-SET-NAME DB-STATUS DBCS " +
+      "DBCS-EDITED DE DEBUG-CONTENTS DEBUG-ITEM DEBUG-LINE " +
+      "DEBUG-NAME DEBUG-SUB-1 DEBUG-SUB-2 DEBUG-SUB-3 DEBUGGING " +
+      "DECIMAL-POINT DECLARATIVES DEFAULT DELETE DELIMITED " +
+      "DELIMITER DEPENDING DESCENDING DESCRIBED DESTINATION " +
+      "DETAIL DISABLE DISCONNECT DISPLAY DISPLAY-1 " +
+      "DISPLAY-2 DISPLAY-3 DISPLAY-4 DISPLAY-5 DISPLAY-6 " +
+      "DISPLAY-7 DISPLAY-8 DISPLAY-9 DIVIDE DIVISION " +
+      "DOWN DROP DUPLICATE DUPLICATES DYNAMIC " +
+      "EBCDIC EGI EJECT ELSE EMI " +
+      "EMPTY EMPTY-CHECK ENABLE END END. END-ACCEPT END-ACCEPT. " +
+      "END-ADD END-CALL END-COMPUTE END-DELETE END-DISPLAY " +
+      "END-DIVIDE END-EVALUATE END-IF END-INVOKE END-MULTIPLY " +
+      "END-OF-PAGE END-PERFORM END-READ END-RECEIVE END-RETURN " +
+      "END-REWRITE END-SEARCH END-START END-STRING END-SUBTRACT " +
+      "END-UNSTRING END-WRITE END-XML ENTER ENTRY " +
+      "ENVIRONMENT EOP EQUAL EQUALS ERASE " +
+      "ERROR ESI EVALUATE EVERY EXCEEDS " +
+      "EXCEPTION EXCLUSIVE EXIT EXTEND EXTERNAL " +
+      "EXTERNALLY-DESCRIBED-KEY FD FETCH FILE FILE-CONTROL " +
+      "FILE-STREAM FILES FILLER FINAL FIND " +
+      "FINISH FIRST FOOTING FOR FOREGROUND-COLOR " +
+      "FOREGROUND-COLOUR FORMAT FREE FROM FULL " +
+      "FUNCTION GENERATE GET GIVING GLOBAL " +
+      "GO GOBACK GREATER GROUP HEADING " +
+      "HIGH-VALUE HIGH-VALUES HIGHLIGHT I-O I-O-CONTROL " +
+      "ID IDENTIFICATION IF IN INDEX " +
+      "INDEX-1 INDEX-2 INDEX-3 INDEX-4 INDEX-5 " +
+      "INDEX-6 INDEX-7 INDEX-8 INDEX-9 INDEXED " +
+      "INDIC INDICATE INDICATOR INDICATORS INITIAL " +
+      "INITIALIZE INITIATE INPUT INPUT-OUTPUT INSPECT " +
+      "INSTALLATION INTO INVALID INVOKE IS " +
+      "JUST JUSTIFIED KANJI KEEP KEY " +
+      "LABEL LAST LD LEADING LEFT " +
+      "LEFT-JUSTIFY LENGTH LENGTH-CHECK LESS LIBRARY " +
+      "LIKE LIMIT LIMITS LINAGE LINAGE-COUNTER " +
+      "LINE LINE-COUNTER LINES LINKAGE LOCAL-STORAGE " +
+      "LOCALE LOCALLY LOCK " +
+      "MEMBER MEMORY MERGE MESSAGE METACLASS " +
+      "MODE MODIFIED MODIFY MODULES MOVE " +
+      "MULTIPLE MULTIPLY NATIONAL NATIVE NEGATIVE " +
+      "NEXT NO NO-ECHO NONE NOT " +
+      "NULL NULL-KEY-MAP NULL-MAP NULLS NUMBER " +
+      "NUMERIC NUMERIC-EDITED OBJECT OBJECT-COMPUTER OCCURS " +
+      "OF OFF OMITTED ON ONLY " +
+      "OPEN OPTIONAL OR ORDER ORGANIZATION " +
+      "OTHER OUTPUT OVERFLOW OWNER PACKED-DECIMAL " +
+      "PADDING PAGE PAGE-COUNTER PARSE PERFORM " +
+      "PF PH PIC PICTURE PLUS " +
+      "POINTER POSITION POSITIVE PREFIX PRESENT " +
+      "PRINTING PRIOR PROCEDURE PROCEDURE-POINTER PROCEDURES " +
+      "PROCEED PROCESS PROCESSING PROGRAM PROGRAM-ID " +
+      "PROMPT PROTECTED PURGE QUEUE QUOTE " +
+      "QUOTES RANDOM RD READ READY " +
+      "REALM RECEIVE RECONNECT RECORD RECORD-NAME " +
+      "RECORDS RECURSIVE REDEFINES REEL REFERENCE " +
+      "REFERENCE-MONITOR REFERENCES RELATION RELATIVE RELEASE " +
+      "REMAINDER REMOVAL RENAMES REPEATED REPLACE " +
+      "REPLACING REPORT REPORTING REPORTS REPOSITORY " +
+      "REQUIRED RERUN RESERVE RESET RETAINING " +
+      "RETRIEVAL RETURN RETURN-CODE RETURNING REVERSE-VIDEO " +
+      "REVERSED REWIND REWRITE RF RH " +
+      "RIGHT RIGHT-JUSTIFY ROLLBACK ROLLING ROUNDED " +
+      "RUN SAME SCREEN SD SEARCH " +
+      "SECTION SECURE SECURITY SEGMENT SEGMENT-LIMIT " +
+      "SELECT SEND SENTENCE SEPARATE SEQUENCE " +
+      "SEQUENTIAL SET SHARED SIGN SIZE " +
+      "SKIP1 SKIP2 SKIP3 SORT SORT-MERGE " +
+      "SORT-RETURN SOURCE SOURCE-COMPUTER SPACE-FILL " +
+      "SPECIAL-NAMES STANDARD STANDARD-1 STANDARD-2 " +
+      "START STARTING STATUS STOP STORE " +
+      "STRING SUB-QUEUE-1 SUB-QUEUE-2 SUB-QUEUE-3 SUB-SCHEMA " +
+      "SUBFILE SUBSTITUTE SUBTRACT SUM SUPPRESS " +
+      "SYMBOLIC SYNC SYNCHRONIZED SYSIN SYSOUT " +
+      "TABLE TALLYING TAPE TENANT TERMINAL " +
+      "TERMINATE TEST TEXT THAN THEN " +
+      "THROUGH THRU TIME TIMES TITLE " +
+      "TO TOP TRAILING TRAILING-SIGN TRANSACTION " +
+      "TYPE TYPEDEF UNDERLINE UNEQUAL UNIT " +
+      "UNSTRING UNTIL UP UPDATE UPON " +
+      "USAGE USAGE-MODE USE USING VALID " +
+      "VALIDATE VALUE VALUES VARYING VLR " +
+      "WAIT WHEN WHEN-COMPILED WITH WITHIN " +
+      "WORDS WORKING-STORAGE WRITE XML XML-CODE " +
+      "XML-EVENT XML-NTEXT XML-TEXT ZERO ZERO-FILL " );
+
+  var builtins = makeKeywords("- * ** / + < <= = > >= ");
+  var tests = {
+    digit: /\d/,
+    digit_or_colon: /[\d:]/,
+    hex: /[0-9a-f]/i,
+    sign: /[+-]/,
+    exponent: /e/i,
+    keyword_char: /[^\s\(\[\;\)\]]/,
+    symbol: /[\w*+\-]/
+  };
+  function isNumber(ch, stream){
+    // hex
+    if ( ch === '0' && stream.eat(/x/i) ) {
+      stream.eatWhile(tests.hex);
+      return true;
+    }
+    // leading sign
+    if ( ( ch == '+' || ch == '-' ) && ( tests.digit.test(stream.peek()) ) ) {
+      stream.eat(tests.sign);
+      ch = stream.next();
+    }
+    if ( tests.digit.test(ch) ) {
+      stream.eat(ch);
+      stream.eatWhile(tests.digit);
+      if ( '.' == stream.peek()) {
+        stream.eat('.');
+        stream.eatWhile(tests.digit);
+      }
+      if ( stream.eat(tests.exponent) ) {
+        stream.eat(tests.sign);
+        stream.eatWhile(tests.digit);
+      }
+      return true;
+    }
+    return false;
+  }
+  return {
+    startState: function () {
+      return {
+        indentStack: null,
+        indentation: 0,
+        mode: false
+      };
+    },
+    token: function (stream, state) {
+      if (state.indentStack == null && stream.sol()) {
+        // update indentation, but only if indentStack is empty
+        state.indentation = 6 ; //stream.indentation();
+      }
+      // skip spaces
+      if (stream.eatSpace()) {
+        return null;
+      }
+      var returnType = null;
+      switch(state.mode){
+      case "string": // multi-line string parsing mode
+        var next = false;
+        while ((next = stream.next()) != null) {
+          if (next == "\"" || next == "\'") {
+            state.mode = false;
+            break;
+          }
+        }
+        returnType = STRING; // continue on in string mode
+        break;
+      default: // default parsing mode
+        var ch = stream.next();
+        var col = stream.column();
+        if (col >= 0 && col <= 5) {
+          returnType = COBOLLINENUM;
+        } else if (col >= 72 && col <= 79) {
+          stream.skipToEnd();
+          returnType = MODTAG;
+        } else if (ch == "*" && col == 6) { // comment
+          stream.skipToEnd(); // rest of the line is a comment
+          returnType = COMMENT;
+        } else if (ch == "\"" || ch == "\'") {
+          state.mode = "string";
+          returnType = STRING;
+        } else if (ch == "'" && !( tests.digit_or_colon.test(stream.peek()) )) {
+          returnType = ATOM;
+        } else if (ch == ".") {
+          returnType = PERIOD;
+        } else if (isNumber(ch,stream)){
+          returnType = NUMBER;
+        } else {
+          if (stream.current().match(tests.symbol)) {
+            while (col < 71) {
+              if (stream.eat(tests.symbol) === undefined) {
+                break;
+              } else {
+                col++;
+              }
+            }
+          }
+          if (keywords && keywords.propertyIsEnumerable(stream.current().toUpperCase())) {
+            returnType = KEYWORD;
+          } else if (builtins && builtins.propertyIsEnumerable(stream.current().toUpperCase())) {
+            returnType = BUILTIN;
+          } else if (atoms && atoms.propertyIsEnumerable(stream.current().toUpperCase())) {
+            returnType = ATOM;
+          } else returnType = null;
+        }
+      }
+      return returnType;
+    },
+    indent: function (state) {
+      if (state.indentStack == null) return state.indentation;
+      return state.indentStack.indent;
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/x-cobol", "cobol");
diff --git a/src/main/webapp/codemirror/mode/cobol/index.html b/src/main/webapp/codemirror/mode/cobol/index.html
new file mode 100644
index 00000000..326e398b
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/cobol/index.html
@@ -0,0 +1,210 @@
+<!doctype html>
+
+<title>CodeMirror: COBOL mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/neat.css">
+<link rel="stylesheet" href="../../theme/elegant.css">
+<link rel="stylesheet" href="../../theme/erlang-dark.css">
+<link rel="stylesheet" href="../../theme/night.css">
+<link rel="stylesheet" href="../../theme/monokai.css">
+<link rel="stylesheet" href="../../theme/cobalt.css">
+<link rel="stylesheet" href="../../theme/eclipse.css">
+<link rel="stylesheet" href="../../theme/rubyblue.css">
+<link rel="stylesheet" href="../../theme/lesser-dark.css">
+<link rel="stylesheet" href="../../theme/xq-dark.css">
+<link rel="stylesheet" href="../../theme/xq-light.css">
+<link rel="stylesheet" href="../../theme/ambiance.css">
+<link rel="stylesheet" href="../../theme/blackboard.css">
+<link rel="stylesheet" href="../../theme/vibrant-ink.css">
+<link rel="stylesheet" href="../../theme/solarized.css">
+<link rel="stylesheet" href="../../theme/twilight.css">
+<link rel="stylesheet" href="../../theme/midnight.css">
+<link rel="stylesheet" href="../../addon/dialog/dialog.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="cobol.js"></script>
+<script src="../../addon/selection/active-line.js"></script>
+<script src="../../addon/search/search.js"></script>
+<script src="../../addon/dialog/dialog.js"></script>
+<script src="../../addon/search/searchcursor.js"></script>
+<style>
+        .CodeMirror {
+          border: 1px solid #eee;
+          font-size : 20px;
+          height : auto !important;
+        }
+        .CodeMirror-activeline-background {background: #555555 !important;}
+    </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">COBOL</a>
+  </ul>
+</div>
+
+<article>
+<h2>COBOL mode</h2>
+
+    <p> Select Theme <select onchange="selectTheme()" id="selectTheme">
+        <option>default</option>
+        <option>ambiance</option>
+        <option>blackboard</option>
+        <option>cobalt</option>
+        <option>eclipse</option>
+        <option>elegant</option>
+        <option>erlang-dark</option>
+        <option>lesser-dark</option>
+        <option>midnight</option>
+        <option>monokai</option>
+        <option>neat</option>
+        <option>night</option>
+        <option>rubyblue</option>
+        <option>solarized dark</option>
+        <option>solarized light</option>
+        <option selected>twilight</option>
+        <option>vibrant-ink</option>
+        <option>xq-dark</option>
+        <option>xq-light</option>
+    </select>    Select Font Size <select onchange="selectFontsize()" id="selectFontSize">
+          <option value="13px">13px</option>
+          <option value="14px">14px</option>
+          <option value="16px">16px</option>
+          <option value="18px">18px</option>
+          <option value="20px" selected="selected">20px</option>
+          <option value="24px">24px</option>
+          <option value="26px">26px</option>
+          <option value="28px">28px</option>
+          <option value="30px">30px</option>
+          <option value="32px">32px</option>
+          <option value="34px">34px</option>
+          <option value="36px">36px</option>
+        </select>
+<label for="checkBoxReadOnly">Read-only</label>
+<input type="checkbox" id="checkBoxReadOnly" onchange="selectReadOnly()">
+<label for="id_tabToIndentSpace">Insert Spaces on Tab</label>
+<input type="checkbox" id="id_tabToIndentSpace" onchange="tabToIndentSpace()">
+</p>
+<textarea id="code" name="code">
+---------1---------2---------3---------4---------5---------6---------7---------8
+12345678911234567892123456789312345678941234567895123456789612345678971234567898
+000010 IDENTIFICATION DIVISION.                                        MODTGHERE
+000020 PROGRAM-ID.       SAMPLE.
+000030 AUTHOR.           TEST SAM. 
+000040 DATE-WRITTEN.     5 February 2013
+000041
+000042* A sample program just to show the form.
+000043* The program copies its input to the output,
+000044* and counts the number of records.
+000045* At the end this number is printed.
+000046
+000050 ENVIRONMENT DIVISION.
+000060 INPUT-OUTPUT SECTION.
+000070 FILE-CONTROL.
+000080     SELECT STUDENT-FILE     ASSIGN TO SYSIN
+000090         ORGANIZATION IS LINE SEQUENTIAL.
+000100     SELECT PRINT-FILE       ASSIGN TO SYSOUT
+000110         ORGANIZATION IS LINE SEQUENTIAL.
+000120
+000130 DATA DIVISION.
+000140 FILE SECTION.
+000150 FD  STUDENT-FILE
+000160     RECORD CONTAINS 43 CHARACTERS
+000170     DATA RECORD IS STUDENT-IN.
+000180 01  STUDENT-IN              PIC X(43).
+000190
+000200 FD  PRINT-FILE
+000210     RECORD CONTAINS 80 CHARACTERS
+000220     DATA RECORD IS PRINT-LINE.
+000230 01  PRINT-LINE              PIC X(80).
+000240
+000250 WORKING-STORAGE SECTION.
+000260 01  DATA-REMAINS-SWITCH     PIC X(2)      VALUE SPACES.
+000261 01  RECORDS-WRITTEN         PIC 99.
+000270
+000280 01  DETAIL-LINE.
+000290     05  FILLER              PIC X(7)      VALUE SPACES.
+000300     05  RECORD-IMAGE        PIC X(43).
+000310     05  FILLER              PIC X(30)     VALUE SPACES.
+000311 
+000312 01  SUMMARY-LINE.
+000313     05  FILLER              PIC X(7)      VALUE SPACES.
+000314     05  TOTAL-READ          PIC 99.
+000315     05  FILLER              PIC X         VALUE SPACE.
+000316     05  FILLER              PIC X(17)     
+000317                 VALUE  'Records were read'.
+000318     05  FILLER              PIC X(53)     VALUE SPACES.
+000319
+000320 PROCEDURE DIVISION.
+000321
+000330 PREPARE-SENIOR-REPORT.
+000340     OPEN INPUT  STUDENT-FILE
+000350          OUTPUT PRINT-FILE.
+000351     MOVE ZERO TO RECORDS-WRITTEN.
+000360     READ STUDENT-FILE
+000370         AT END MOVE 'NO' TO DATA-REMAINS-SWITCH
+000380     END-READ.
+000390     PERFORM PROCESS-RECORDS
+000410         UNTIL DATA-REMAINS-SWITCH = 'NO'.
+000411     PERFORM PRINT-SUMMARY.
+000420     CLOSE STUDENT-FILE
+000430           PRINT-FILE.
+000440     STOP RUN.
+000450
+000460 PROCESS-RECORDS.
+000470     MOVE STUDENT-IN TO RECORD-IMAGE.
+000480     MOVE DETAIL-LINE TO PRINT-LINE.
+000490     WRITE PRINT-LINE.
+000500     ADD 1 TO RECORDS-WRITTEN.
+000510     READ STUDENT-FILE
+000520         AT END MOVE 'NO' TO DATA-REMAINS-SWITCH
+000530     END-READ. 
+000540
+000550 PRINT-SUMMARY.
+000560     MOVE RECORDS-WRITTEN TO TOTAL-READ.
+000570     MOVE SUMMARY-LINE TO PRINT-LINE.
+000571     WRITE PRINT-LINE. 
+000572
+000580
+</textarea>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        mode: "text/x-cobol",
+        theme : "twilight",
+        styleActiveLine: true,
+        showCursorWhenSelecting : true,  
+      });
+      function selectTheme() {
+        var themeInput = document.getElementById("selectTheme");
+        var theme = themeInput.options[themeInput.selectedIndex].innerHTML;
+        editor.setOption("theme", theme);
+      }
+      function selectFontsize() {
+        var fontSizeInput = document.getElementById("selectFontSize");
+        var fontSize = fontSizeInput.options[fontSizeInput.selectedIndex].innerHTML;
+        editor.getWrapperElement().style["font-size"] = fontSize;
+        editor.refresh();
+      }
+      function selectReadOnly() {
+        editor.setOption("readOnly", document.getElementById("checkBoxReadOnly").checked);
+      }
+      function tabToIndentSpace() {
+        if (document.getElementById("id_tabToIndentSpace").checked) {
+            editor.setOption("extraKeys", {Tab: function(cm) { cm.replaceSelection("    ", "end"); }});
+        } else {
+            editor.setOption("extraKeys", {Tab: function(cm) { cm.replaceSelection("    ", "end"); }});
+        }
+      }
+    </script>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/coffeescript/coffeescript.js b/src/main/webapp/codemirror/mode/coffeescript/coffeescript.js
new file mode 100644
index 00000000..e8bfe48a
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/coffeescript/coffeescript.js
@@ -0,0 +1,354 @@
+/**
+ * Link to the project's GitHub page:
+ * https://github.com/pickhardt/coffeescript-codemirror-mode
+ */
+CodeMirror.defineMode("coffeescript", function(conf) {
+  var ERRORCLASS = "error";
+
+  function wordRegexp(words) {
+    return new RegExp("^((" + words.join(")|(") + "))\\b");
+  }
+
+  var operators = /^(?:->|=>|\+[+=]?|-[\-=]?|\*[\*=]?|\/[\/=]?|[=!]=|<[><]?=?|>>?=?|%=?|&=?|\|=?|\^=?|\~|!|\?)/;
+  var delimiters = /^(?:[()\[\]{},:`=;]|\.\.?\.?)/;
+  var identifiers = /^[_A-Za-z$][_A-Za-z$0-9]*/;
+  var properties = /^(@|this\.)[_A-Za-z$][_A-Za-z$0-9]*/;
+
+  var wordOperators = wordRegexp(["and", "or", "not",
+                                  "is", "isnt", "in",
+                                  "instanceof", "typeof"]);
+  var indentKeywords = ["for", "while", "loop", "if", "unless", "else",
+                        "switch", "try", "catch", "finally", "class"];
+  var commonKeywords = ["break", "by", "continue", "debugger", "delete",
+                        "do", "in", "of", "new", "return", "then",
+                        "this", "throw", "when", "until"];
+
+  var keywords = wordRegexp(indentKeywords.concat(commonKeywords));
+
+  indentKeywords = wordRegexp(indentKeywords);
+
+
+  var stringPrefixes = /^('{3}|\"{3}|['\"])/;
+  var regexPrefixes = /^(\/{3}|\/)/;
+  var commonConstants = ["Infinity", "NaN", "undefined", "null", "true", "false", "on", "off", "yes", "no"];
+  var constants = wordRegexp(commonConstants);
+
+  // Tokenizers
+  function tokenBase(stream, state) {
+    // Handle scope changes
+    if (stream.sol()) {
+      if (state.scope.align === null) state.scope.align = false;
+      var scopeOffset = state.scope.offset;
+      if (stream.eatSpace()) {
+        var lineOffset = stream.indentation();
+        if (lineOffset > scopeOffset && state.scope.type == "coffee") {
+          return "indent";
+        } else if (lineOffset < scopeOffset) {
+          return "dedent";
+        }
+        return null;
+      } else {
+        if (scopeOffset > 0) {
+          dedent(stream, state);
+        }
+      }
+    }
+    if (stream.eatSpace()) {
+      return null;
+    }
+
+    var ch = stream.peek();
+
+    // Handle docco title comment (single line)
+    if (stream.match("####")) {
+      stream.skipToEnd();
+      return "comment";
+    }
+
+    // Handle multi line comments
+    if (stream.match("###")) {
+      state.tokenize = longComment;
+      return state.tokenize(stream, state);
+    }
+
+    // Single line comment
+    if (ch === "#") {
+      stream.skipToEnd();
+      return "comment";
+    }
+
+    // Handle number literals
+    if (stream.match(/^-?[0-9\.]/, false)) {
+      var floatLiteral = false;
+      // Floats
+      if (stream.match(/^-?\d*\.\d+(e[\+\-]?\d+)?/i)) {
+        floatLiteral = true;
+      }
+      if (stream.match(/^-?\d+\.\d*/)) {
+        floatLiteral = true;
+      }
+      if (stream.match(/^-?\.\d+/)) {
+        floatLiteral = true;
+      }
+
+      if (floatLiteral) {
+        // prevent from getting extra . on 1..
+        if (stream.peek() == "."){
+          stream.backUp(1);
+        }
+        return "number";
+      }
+      // Integers
+      var intLiteral = false;
+      // Hex
+      if (stream.match(/^-?0x[0-9a-f]+/i)) {
+        intLiteral = true;
+      }
+      // Decimal
+      if (stream.match(/^-?[1-9]\d*(e[\+\-]?\d+)?/)) {
+        intLiteral = true;
+      }
+      // Zero by itself with no other piece of number.
+      if (stream.match(/^-?0(?![\dx])/i)) {
+        intLiteral = true;
+      }
+      if (intLiteral) {
+        return "number";
+      }
+    }
+
+    // Handle strings
+    if (stream.match(stringPrefixes)) {
+      state.tokenize = tokenFactory(stream.current(), "string");
+      return state.tokenize(stream, state);
+    }
+    // Handle regex literals
+    if (stream.match(regexPrefixes)) {
+      if (stream.current() != "/" || stream.match(/^.*\//, false)) { // prevent highlight of division
+        state.tokenize = tokenFactory(stream.current(), "string-2");
+        return state.tokenize(stream, state);
+      } else {
+        stream.backUp(1);
+      }
+    }
+
+    // Handle operators and delimiters
+    if (stream.match(operators) || stream.match(wordOperators)) {
+      return "operator";
+    }
+    if (stream.match(delimiters)) {
+      return "punctuation";
+    }
+
+    if (stream.match(constants)) {
+      return "atom";
+    }
+
+    if (stream.match(keywords)) {
+      return "keyword";
+    }
+
+    if (stream.match(identifiers)) {
+      return "variable";
+    }
+
+    if (stream.match(properties)) {
+      return "property";
+    }
+
+    // Handle non-detected items
+    stream.next();
+    return ERRORCLASS;
+  }
+
+  function tokenFactory(delimiter, outclass) {
+    var singleline = delimiter.length == 1;
+    return function(stream, state) {
+      while (!stream.eol()) {
+        stream.eatWhile(/[^'"\/\\]/);
+        if (stream.eat("\\")) {
+          stream.next();
+          if (singleline && stream.eol()) {
+            return outclass;
+          }
+        } else if (stream.match(delimiter)) {
+          state.tokenize = tokenBase;
+          return outclass;
+        } else {
+          stream.eat(/['"\/]/);
+        }
+      }
+      if (singleline) {
+        if (conf.mode.singleLineStringErrors) {
+          outclass = ERRORCLASS;
+        } else {
+          state.tokenize = tokenBase;
+        }
+      }
+      return outclass;
+    };
+  }
+
+  function longComment(stream, state) {
+    while (!stream.eol()) {
+      stream.eatWhile(/[^#]/);
+      if (stream.match("###")) {
+        state.tokenize = tokenBase;
+        break;
+      }
+      stream.eatWhile("#");
+    }
+    return "comment";
+  }
+
+  function indent(stream, state, type) {
+    type = type || "coffee";
+    var offset = 0, align = false, alignOffset = null;
+    for (var scope = state.scope; scope; scope = scope.prev) {
+      if (scope.type === "coffee") {
+        offset = scope.offset + conf.indentUnit;
+        break;
+      }
+    }
+    if (type !== "coffee") {
+      align = null;
+      alignOffset = stream.column() + stream.current().length;
+    } else if (state.scope.align) {
+      state.scope.align = false;
+    }
+    state.scope = {
+      offset: offset,
+      type: type,
+      prev: state.scope,
+      align: align,
+      alignOffset: alignOffset
+    };
+  }
+
+  function dedent(stream, state) {
+    if (!state.scope.prev) return;
+    if (state.scope.type === "coffee") {
+      var _indent = stream.indentation();
+      var matched = false;
+      for (var scope = state.scope; scope; scope = scope.prev) {
+        if (_indent === scope.offset) {
+          matched = true;
+          break;
+        }
+      }
+      if (!matched) {
+        return true;
+      }
+      while (state.scope.prev && state.scope.offset !== _indent) {
+        state.scope = state.scope.prev;
+      }
+      return false;
+    } else {
+      state.scope = state.scope.prev;
+      return false;
+    }
+  }
+
+  function tokenLexer(stream, state) {
+    var style = state.tokenize(stream, state);
+    var current = stream.current();
+
+    // Handle "." connected identifiers
+    if (current === ".") {
+      style = state.tokenize(stream, state);
+      current = stream.current();
+      if (/^\.[\w$]+$/.test(current)) {
+        return "variable";
+      } else {
+        return ERRORCLASS;
+      }
+    }
+
+    // Handle scope changes.
+    if (current === "return") {
+      state.dedent += 1;
+    }
+    if (((current === "->" || current === "=>") &&
+         !state.lambda &&
+         !stream.peek())
+        || style === "indent") {
+      indent(stream, state);
+    }
+    var delimiter_index = "[({".indexOf(current);
+    if (delimiter_index !== -1) {
+      indent(stream, state, "])}".slice(delimiter_index, delimiter_index+1));
+    }
+    if (indentKeywords.exec(current)){
+      indent(stream, state);
+    }
+    if (current == "then"){
+      dedent(stream, state);
+    }
+
+
+    if (style === "dedent") {
+      if (dedent(stream, state)) {
+        return ERRORCLASS;
+      }
+    }
+    delimiter_index = "])}".indexOf(current);
+    if (delimiter_index !== -1) {
+      while (state.scope.type == "coffee" && state.scope.prev)
+        state.scope = state.scope.prev;
+      if (state.scope.type == current)
+        state.scope = state.scope.prev;
+    }
+    if (state.dedent > 0 && stream.eol() && state.scope.type == "coffee") {
+      if (state.scope.prev) state.scope = state.scope.prev;
+      state.dedent -= 1;
+    }
+
+    return style;
+  }
+
+  var external = {
+    startState: function(basecolumn) {
+      return {
+        tokenize: tokenBase,
+        scope: {offset:basecolumn || 0, type:"coffee", prev: null, align: false},
+        lastToken: null,
+        lambda: false,
+        dedent: 0
+      };
+    },
+
+    token: function(stream, state) {
+      var fillAlign = state.scope.align === null && state.scope;
+      if (fillAlign && stream.sol()) fillAlign.align = false;
+
+      var style = tokenLexer(stream, state);
+      if (fillAlign && style && style != "comment") fillAlign.align = true;
+
+      state.lastToken = {style:style, content: stream.current()};
+
+      if (stream.eol() && stream.lambda) {
+        state.lambda = false;
+      }
+
+      return style;
+    },
+
+    indent: function(state, text) {
+      if (state.tokenize != tokenBase) return 0;
+      var scope = state.scope;
+      var closer = text && "])}".indexOf(text.charAt(0)) > -1;
+      if (closer) while (scope.type == "coffee" && scope.prev) scope = scope.prev;
+      var closes = closer && scope.type === text.charAt(0);
+      if (scope.align)
+        return scope.alignOffset - (closes ? 1 : 0);
+      else
+        return (closes ? scope.prev : scope).offset;
+    },
+
+    lineComment: "#",
+    fold: "indent"
+  };
+  return external;
+});
+
+CodeMirror.defineMIME("text/x-coffeescript", "coffeescript");
diff --git a/src/main/webapp/codemirror/mode/coffeescript/index.html b/src/main/webapp/codemirror/mode/coffeescript/index.html
new file mode 100644
index 00000000..6e6fde52
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/coffeescript/index.html
@@ -0,0 +1,740 @@
+<!doctype html>
+
+<title>CodeMirror: CoffeeScript mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="coffeescript.js"></script>
+<style>.CodeMirror {border-top: 1px solid silver; border-bottom: 1px solid silver;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">CoffeeScript</a>
+  </ul>
+</div>
+
+<article>
+<h2>CoffeeScript mode</h2>
+<form><textarea id="code" name="code">
+# CoffeeScript mode for CodeMirror
+# Copyright (c) 2011 Jeff Pickhardt, released under
+# the MIT License.
+#
+# Modified from the Python CodeMirror mode, which also is 
+# under the MIT License Copyright (c) 2010 Timothy Farrell.
+#
+# The following script, Underscore.coffee, is used to 
+# demonstrate CoffeeScript mode for CodeMirror.
+#
+# To download CoffeeScript mode for CodeMirror, go to:
+# https://github.com/pickhardt/coffeescript-codemirror-mode
+
+# **Underscore.coffee
+# (c) 2011 Jeremy Ashkenas, DocumentCloud Inc.**
+# Underscore is freely distributable under the terms of the
+# [MIT license](http://en.wikipedia.org/wiki/MIT_License).
+# Portions of Underscore are inspired by or borrowed from
+# [Prototype.js](http://prototypejs.org/api), Oliver Steele's
+# [Functional](http://osteele.com), and John Resig's
+# [Micro-Templating](http://ejohn.org).
+# For all details and documentation:
+# http://documentcloud.github.com/underscore/
+
+
+# Baseline setup
+# --------------
+
+# Establish the root object, `window` in the browser, or `global` on the server.
+root = this
+
+
+# Save the previous value of the `_` variable.
+previousUnderscore = root._
+
+### Multiline
+    comment
+###
+
+# Establish the object that gets thrown to break out of a loop iteration.
+# `StopIteration` is SOP on Mozilla.
+breaker = if typeof(StopIteration) is 'undefined' then '__break__' else StopIteration
+
+
+#### Docco style single line comment (title)
+
+
+# Helper function to escape **RegExp** contents, because JS doesn't have one.
+escapeRegExp = (string) -> string.replace(/([.*+?^${}()|[\]\/\\])/g, '\\$1')
+
+
+# Save bytes in the minified (but not gzipped) version:
+ArrayProto = Array.prototype
+ObjProto = Object.prototype
+
+
+# Create quick reference variables for speed access to core prototypes.
+slice = ArrayProto.slice
+unshift = ArrayProto.unshift
+toString = ObjProto.toString
+hasOwnProperty = ObjProto.hasOwnProperty
+propertyIsEnumerable = ObjProto.propertyIsEnumerable
+
+
+# All **ECMA5** native implementations we hope to use are declared here.
+nativeForEach = ArrayProto.forEach
+nativeMap = ArrayProto.map
+nativeReduce = ArrayProto.reduce
+nativeReduceRight = ArrayProto.reduceRight
+nativeFilter = ArrayProto.filter
+nativeEvery = ArrayProto.every
+nativeSome = ArrayProto.some
+nativeIndexOf = ArrayProto.indexOf
+nativeLastIndexOf = ArrayProto.lastIndexOf
+nativeIsArray = Array.isArray
+nativeKeys = Object.keys
+
+
+# Create a safe reference to the Underscore object for use below.
+_ = (obj) -> new wrapper(obj)
+
+
+# Export the Underscore object for **CommonJS**.
+if typeof(exports) != 'undefined' then exports._ = _
+
+
+# Export Underscore to global scope.
+root._ = _
+
+
+# Current version.
+_.VERSION = '1.1.0'
+
+
+# Collection Functions
+# --------------------
+
+# The cornerstone, an **each** implementation.
+# Handles objects implementing **forEach**, arrays, and raw objects.
+_.each = (obj, iterator, context) ->
+  try
+    if nativeForEach and obj.forEach is nativeForEach
+      obj.forEach iterator, context
+    else if _.isNumber obj.length
+      iterator.call context, obj[i], i, obj for i in [0...obj.length]
+    else
+      iterator.call context, val, key, obj for own key, val of obj
+  catch e
+    throw e if e isnt breaker
+  obj
+
+
+# Return the results of applying the iterator to each element. Use JavaScript
+# 1.6's version of **map**, if possible.
+_.map = (obj, iterator, context) ->
+  return obj.map(iterator, context) if nativeMap and obj.map is nativeMap
+  results = []
+  _.each obj, (value, index, list) ->
+    results.push iterator.call context, value, index, list
+  results
+
+
+# **Reduce** builds up a single result from a list of values. Also known as
+# **inject**, or **foldl**. Uses JavaScript 1.8's version of **reduce**, if possible.
+_.reduce = (obj, iterator, memo, context) ->
+  if nativeReduce and obj.reduce is nativeReduce
+    iterator = _.bind iterator, context if context
+    return obj.reduce iterator, memo
+  _.each obj, (value, index, list) ->
+    memo = iterator.call context, memo, value, index, list
+  memo
+
+
+# The right-associative version of **reduce**, also known as **foldr**. Uses
+# JavaScript 1.8's version of **reduceRight**, if available.
+_.reduceRight = (obj, iterator, memo, context) ->
+  if nativeReduceRight and obj.reduceRight is nativeReduceRight
+    iterator = _.bind iterator, context if context
+    return obj.reduceRight iterator, memo
+  reversed = _.clone(_.toArray(obj)).reverse()
+  _.reduce reversed, iterator, memo, context
+
+
+# Return the first value which passes a truth test.
+_.detect = (obj, iterator, context) ->
+  result = null
+  _.each obj, (value, index, list) ->
+    if iterator.call context, value, index, list
+      result = value
+      _.breakLoop()
+  result
+
+
+# Return all the elements that pass a truth test. Use JavaScript 1.6's
+# **filter**, if it exists.
+_.filter = (obj, iterator, context) ->
+  return obj.filter iterator, context if nativeFilter and obj.filter is nativeFilter
+  results = []
+  _.each obj, (value, index, list) ->
+    results.push value if iterator.call context, value, index, list
+  results
+
+
+# Return all the elements for which a truth test fails.
+_.reject = (obj, iterator, context) ->
+  results = []
+  _.each obj, (value, index, list) ->
+    results.push value if not iterator.call context, value, index, list
+  results
+
+
+# Determine whether all of the elements match a truth test. Delegate to
+# JavaScript 1.6's **every**, if it is present.
+_.every = (obj, iterator, context) ->
+  iterator ||= _.identity
+  return obj.every iterator, context if nativeEvery and obj.every is nativeEvery
+  result = true
+  _.each obj, (value, index, list) ->
+    _.breakLoop() unless (result = result and iterator.call(context, value, index, list))
+  result
+
+
+# Determine if at least one element in the object matches a truth test. Use
+# JavaScript 1.6's **some**, if it exists.
+_.some = (obj, iterator, context) ->
+  iterator ||= _.identity
+  return obj.some iterator, context if nativeSome and obj.some is nativeSome
+  result = false
+  _.each obj, (value, index, list) ->
+    _.breakLoop() if (result = iterator.call(context, value, index, list))
+  result
+
+
+# Determine if a given value is included in the array or object,
+# based on `===`.
+_.include = (obj, target) ->
+  return _.indexOf(obj, target) isnt -1 if nativeIndexOf and obj.indexOf is nativeIndexOf
+  return true for own key, val of obj when val is target
+  false
+
+
+# Invoke a method with arguments on every item in a collection.
+_.invoke = (obj, method) ->
+  args = _.rest arguments, 2
+  (if method then val[method] else val).apply(val, args) for val in obj
+
+
+# Convenience version of a common use case of **map**: fetching a property.
+_.pluck = (obj, key) ->
+  _.map(obj, (val) -> val[key])
+
+
+# Return the maximum item or (item-based computation).
+_.max = (obj, iterator, context) ->
+  return Math.max.apply(Math, obj) if not iterator and _.isArray(obj)
+  result = computed: -Infinity
+  _.each obj, (value, index, list) ->
+    computed = if iterator then iterator.call(context, value, index, list) else value
+    computed >= result.computed and (result = {value: value, computed: computed})
+  result.value
+
+
+# Return the minimum element (or element-based computation).
+_.min = (obj, iterator, context) ->
+  return Math.min.apply(Math, obj) if not iterator and _.isArray(obj)
+  result = computed: Infinity
+  _.each obj, (value, index, list) ->
+    computed = if iterator then iterator.call(context, value, index, list) else value
+    computed < result.computed and (result = {value: value, computed: computed})
+  result.value
+
+
+# Sort the object's values by a criterion produced by an iterator.
+_.sortBy = (obj, iterator, context) ->
+  _.pluck(((_.map obj, (value, index, list) ->
+    {value: value, criteria: iterator.call(context, value, index, list)}
+  ).sort((left, right) ->
+    a = left.criteria; b = right.criteria
+    if a < b then -1 else if a > b then 1 else 0
+  )), 'value')
+
+
+# Use a comparator function to figure out at what index an object should
+# be inserted so as to maintain order. Uses binary search.
+_.sortedIndex = (array, obj, iterator) ->
+  iterator ||= _.identity
+  low = 0
+  high = array.length
+  while low < high
+    mid = (low + high) >> 1
+    if iterator(array[mid]) < iterator(obj) then low = mid + 1 else high = mid
+  low
+
+
+# Convert anything iterable into a real, live array.
+_.toArray = (iterable) ->
+  return [] if (!iterable)
+  return iterable.toArray() if (iterable.toArray)
+  return iterable if (_.isArray(iterable))
+  return slice.call(iterable) if (_.isArguments(iterable))
+  _.values(iterable)
+
+
+# Return the number of elements in an object.
+_.size = (obj) -> _.toArray(obj).length
+
+
+# Array Functions
+# ---------------
+
+# Get the first element of an array. Passing `n` will return the first N
+# values in the array. Aliased as **head**. The `guard` check allows it to work
+# with **map**.
+_.first = (array, n, guard) ->
+  if n and not guard then slice.call(array, 0, n) else array[0]
+
+
+# Returns everything but the first entry of the array. Aliased as **tail**.
+# Especially useful on the arguments object. Passing an `index` will return
+# the rest of the values in the array from that index onward. The `guard`
+# check allows it to work with **map**.
+_.rest = (array, index, guard) ->
+  slice.call(array, if _.isUndefined(index) or guard then 1 else index)
+
+
+# Get the last element of an array.
+_.last = (array) -> array[array.length - 1]
+
+
+# Trim out all falsy values from an array.
+_.compact = (array) -> item for item in array when item
+
+
+# Return a completely flattened version of an array.
+_.flatten = (array) ->
+  _.reduce array, (memo, value) ->
+    return memo.concat(_.flatten(value)) if _.isArray value
+    memo.push value
+    memo
+  , []
+
+
+# Return a version of the array that does not contain the specified value(s).
+_.without = (array) ->
+  values = _.rest arguments
+  val for val in _.toArray(array) when not _.include values, val
+
+
+# Produce a duplicate-free version of the array. If the array has already
+# been sorted, you have the option of using a faster algorithm.
+_.uniq = (array, isSorted) ->
+  memo = []
+  for el, i in _.toArray array
+    memo.push el if i is 0 || (if isSorted is true then _.last(memo) isnt el else not _.include(memo, el))
+  memo
+
+
+# Produce an array that contains every item shared between all the
+# passed-in arrays.
+_.intersect = (array) ->
+  rest = _.rest arguments
+  _.select _.uniq(array), (item) ->
+    _.all rest, (other) ->
+      _.indexOf(other, item) >= 0
+
+
+# Zip together multiple lists into a single array -- elements that share
+# an index go together.
+_.zip = ->
+  length = _.max _.pluck arguments, 'length'
+  results = new Array length
+  for i in [0...length]
+    results[i] = _.pluck arguments, String i
+  results
+
+
+# If the browser doesn't supply us with **indexOf** (I'm looking at you, MSIE),
+# we need this function. Return the position of the first occurrence of an
+# item in an array, or -1 if the item is not included in the array.
+_.indexOf = (array, item) ->
+  return array.indexOf item if nativeIndexOf and array.indexOf is nativeIndexOf
+  i = 0; l = array.length
+  while l - i
+    if array[i] is item then return i else i++
+  -1
+
+
+# Provide JavaScript 1.6's **lastIndexOf**, delegating to the native function,
+# if possible.
+_.lastIndexOf = (array, item) ->
+  return array.lastIndexOf(item) if nativeLastIndexOf and array.lastIndexOf is nativeLastIndexOf
+  i = array.length
+  while i
+    if array[i] is item then return i else i--
+  -1
+
+
+# Generate an integer Array containing an arithmetic progression. A port of
+# [the native Python **range** function](http://docs.python.org/library/functions.html#range).
+_.range = (start, stop, step) ->
+  a = arguments
+  solo = a.length <= 1
+  i = start = if solo then 0 else a[0]
+  stop = if solo then a[0] else a[1]
+  step = a[2] or 1
+  len = Math.ceil((stop - start) / step)
+  return [] if len <= 0
+  range = new Array len
+  idx = 0
+  loop
+    return range if (if step > 0 then i - stop else stop - i) >= 0
+    range[idx] = i
+    idx++
+    i+= step
+
+
+# Function Functions
+# ------------------
+
+# Create a function bound to a given object (assigning `this`, and arguments,
+# optionally). Binding with arguments is also known as **curry**.
+_.bind = (func, obj) ->
+  args = _.rest arguments, 2
+  -> func.apply obj or root, args.concat arguments
+
+
+# Bind all of an object's methods to that object. Useful for ensuring that
+# all callbacks defined on an object belong to it.
+_.bindAll = (obj) ->
+  funcs = if arguments.length > 1 then _.rest(arguments) else _.functions(obj)
+  _.each funcs, (f) -> obj[f] = _.bind obj[f], obj
+  obj
+
+
+# Delays a function for the given number of milliseconds, and then calls
+# it with the arguments supplied.
+_.delay = (func, wait) ->
+  args = _.rest arguments, 2
+  setTimeout((-> func.apply(func, args)), wait)
+
+
+# Memoize an expensive function by storing its results.
+_.memoize = (func, hasher) ->
+  memo = {}
+  hasher or= _.identity
+  ->
+    key = hasher.apply this, arguments
+    return memo[key] if key of memo
+    memo[key] = func.apply this, arguments
+
+
+# Defers a function, scheduling it to run after the current call stack has
+# cleared.
+_.defer = (func) ->
+  _.delay.apply _, [func, 1].concat _.rest arguments
+
+
+# Returns the first function passed as an argument to the second,
+# allowing you to adjust arguments, run code before and after, and
+# conditionally execute the original function.
+_.wrap = (func, wrapper) ->
+  -> wrapper.apply wrapper, [func].concat arguments
+
+
+# Returns a function that is the composition of a list of functions, each
+# consuming the return value of the function that follows.
+_.compose = ->
+  funcs = arguments
+  ->
+    args = arguments
+    for i in [funcs.length - 1..0] by -1
+      args = [funcs[i].apply(this, args)]
+    args[0]
+
+
+# Object Functions
+# ----------------
+
+# Retrieve the names of an object's properties.
+_.keys = nativeKeys or (obj) ->
+  return _.range 0, obj.length if _.isArray(obj)
+  key for key, val of obj
+
+
+# Retrieve the values of an object's properties.
+_.values = (obj) ->
+  _.map obj, _.identity
+
+
+# Return a sorted list of the function names available in Underscore.
+_.functions = (obj) ->
+  _.filter(_.keys(obj), (key) -> _.isFunction(obj[key])).sort()
+
+
+# Extend a given object with all of the properties in a source object.
+_.extend = (obj) ->
+  for source in _.rest(arguments)
+    obj[key] = val for key, val of source
+  obj
+
+
+# Create a (shallow-cloned) duplicate of an object.
+_.clone = (obj) ->
+  return obj.slice 0 if _.isArray obj
+  _.extend {}, obj
+
+
+# Invokes interceptor with the obj, and then returns obj.
+# The primary purpose of this method is to "tap into" a method chain,
+# in order to perform operations on intermediate results within
+ the chain.
+_.tap = (obj, interceptor) ->
+  interceptor obj
+  obj
+
+
+# Perform a deep comparison to check if two objects are equal.
+_.isEqual = (a, b) ->
+  # Check object identity.
+  return true if a is b
+  # Different types?
+  atype = typeof(a); btype = typeof(b)
+  return false if atype isnt btype
+  # Basic equality test (watch out for coercions).
+  return true if `a == b`
+  # One is falsy and the other truthy.
+  return false if (!a and b) or (a and !b)
+  # One of them implements an `isEqual()`?
+  return a.isEqual(b) if a.isEqual
+  # Check dates' integer values.
+  return a.getTime() is b.getTime() if _.isDate(a) and _.isDate(b)
+  # Both are NaN?
+  return false if _.isNaN(a) and _.isNaN(b)
+  # Compare regular expressions.
+  if _.isRegExp(a) and _.isRegExp(b)
+    return a.source is b.source and
+           a.global is b.global and
+           a.ignoreCase is b.ignoreCase and
+           a.multiline is b.multiline
+  # If a is not an object by this point, we can't handle it.
+  return false if atype isnt 'object'
+  # Check for different array lengths before comparing contents.
+  return false if a.length and (a.length isnt b.length)
+  # Nothing else worked, deep compare the contents.
+  aKeys = _.keys(a); bKeys = _.keys(b)
+  # Different object sizes?
+  return false if aKeys.length isnt bKeys.length
+  # Recursive comparison of contents.
+  return false for key, val of a when !(key of b) or !_.isEqual(val, b[key])
+  true
+
+
+# Is a given array or object empty?
+_.isEmpty = (obj) ->
+  return obj.length is 0 if _.isArray(obj) or _.isString(obj)
+  return false for own key of obj
+  true
+
+
+# Is a given value a DOM element?
+_.isElement = (obj) -> obj and obj.nodeType is 1
+
+
+# Is a given value an array?
+_.isArray = nativeIsArray or (obj) -> !!(obj and obj.concat and obj.unshift and not obj.callee)
+
+
+# Is a given variable an arguments object?
+_.isArguments = (obj) -> obj and obj.callee
+
+
+# Is the given value a function?
+_.isFunction = (obj) -> !!(obj and obj.constructor and obj.call and obj.apply)
+
+
+# Is the given value a string?
+_.isString = (obj) -> !!(obj is '' or (obj and obj.charCodeAt and obj.substr))
+
+
+# Is a given value a number?
+_.isNumber = (obj) -> (obj is +obj) or toString.call(obj) is '[object Number]'
+
+
+# Is a given value a boolean?
+_.isBoolean = (obj) -> obj is true or obj is false
+
+
+# Is a given value a Date?
+_.isDate = (obj) -> !!(obj and obj.getTimezoneOffset and obj.setUTCFullYear)
+
+
+# Is the given value a regular expression?
+_.isRegExp = (obj) -> !!(obj and obj.exec and (obj.ignoreCase or obj.ignoreCase is false))
+
+
+# Is the given value NaN -- this one is interesting. `NaN != NaN`, and
+# `isNaN(undefined) == true`, so we make sure it's a number first.
+_.isNaN = (obj) -> _.isNumber(obj) and window.isNaN(obj)
+
+
+# Is a given value equal to null?
+_.isNull = (obj) -> obj is null
+
+
+# Is a given variable undefined?
+_.isUndefined = (obj) -> typeof obj is 'undefined'
+
+
+# Utility Functions
+# -----------------
+
+# Run Underscore.js in noConflict mode, returning the `_` variable to its
+# previous owner. Returns a reference to the Underscore object.
+_.noConflict = ->
+  root._ = previousUnderscore
+  this
+
+
+# Keep the identity function around for default iterators.
+_.identity = (value) -> value
+
+
+# Run a function `n` times.
+_.times = (n, iterator, context) ->
+  iterator.call context, i for i in [0...n]
+
+
+# Break out of the middle of an iteration.
+_.breakLoop = -> throw breaker
+
+
+# Add your own custom functions to the Underscore object, ensuring that
+# they're correctly added to the OOP wrapper as well.
+_.mixin = (obj) ->
+  for name in _.functions(obj)
+    addToWrapper name, _[name] = obj[name]
+
+
+# Generate a unique integer id (unique within the entire client session).
+# Useful for temporary DOM ids.
+idCounter = 0
+_.uniqueId = (prefix) ->
+  (prefix or '') + idCounter++
+
+
+# By default, Underscore uses **ERB**-style template delimiters, change the
+# following template settings to use alternative delimiters.
+_.templateSettings = {
+  start: '<%'
+  end: '%>'
+  interpolate: /<%=(.+?)%>/g
+}
+
+
+# JavaScript templating a-la **ERB**, pilfered from John Resig's
+# *Secrets of the JavaScript Ninja*, page 83.
+# Single-quote fix from Rick Strahl.
+# With alterations for arbitrary delimiters, and to preserve whitespace.
+_.template = (str, data) ->
+  c = _.templateSettings
+  endMatch = new RegExp("'(?=[^"+c.end.substr(0, 1)+"]*"+escapeRegExp(c.end)+")","g")
+  fn = new Function 'obj',
+    'var p=[],print=function(){p.push.apply(p,arguments);};' +
+    'with(obj||{}){p.push(\'' +
+    str.replace(/\r/g, '\\r')
+       .replace(/\n/g, '\\n')
+       .replace(/\t/g, '\\t')
+       .replace(endMatch,"���")
+       .split("'").join("\\'")
+       .split("���").join("'")
+       .replace(c.interpolate, "',$1,'")
+       .split(c.start).join("');")
+       .split(c.end).join("p.push('") +
+       "');}return p.join('');"
+  if data then fn(data) else fn
+
+
+# Aliases
+# -------
+
+_.forEach = _.each
+_.foldl = _.inject = _.reduce
+_.foldr = _.reduceRight
+_.select = _.filter
+_.all = _.every
+_.any = _.some
+_.contains = _.include
+_.head = _.first
+_.tail = _.rest
+_.methods = _.functions
+
+
+# Setup the OOP Wrapper
+# ---------------------
+
+# If Underscore is called as a function, it returns a wrapped object that
+# can be used OO-style. This wrapper holds altered versions of all the
+# underscore functions. Wrapped objects may be chained.
+wrapper = (obj) ->
+  this._wrapped = obj
+  this
+
+
+# Helper function to continue chaining intermediate results.
+result = (obj, chain) ->
+  if chain then _(obj).chain() else obj
+
+
+# A method to easily add functions to the OOP wrapper.
+addToWrapper = (name, func) ->
+  wrapper.prototype[name] = ->
+    args = _.toArray arguments
+    unshift.call args, this._wrapped
+    result func.apply(_, args), this._chain
+
+
+# Add all ofthe Underscore functions to the wrapper object.
+_.mixin _
+
+
+# Add all mutator Array functions to the wrapper.
+_.each ['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], (name) ->
+  method = Array.prototype[name]
+  wrapper.prototype[name] = ->
+    method.apply(this._wrapped, arguments)
+    result(this._wrapped, this._chain)
+
+
+# Add all accessor Array functions to the wrapper.
+_.each ['concat', 'join', 'slice'], (name) ->
+  method = Array.prototype[name]
+  wrapper.prototype[name] = ->
+    result(method.apply(this._wrapped, arguments), this._chain)
+
+
+# Start chaining a wrapped Underscore object.
+wrapper::chain = ->
+  this._chain = true
+  this
+
+
+# Extracts the result from a wrapped and chained object.
+wrapper::value = -> this._wrapped
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-coffeescript</code>.</p>
+
+    <p>The CoffeeScript mode was written by Jeff Pickhardt (<a href="LICENSE">license</a>).</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/commonlisp/commonlisp.js b/src/main/webapp/codemirror/mode/commonlisp/commonlisp.js
new file mode 100644
index 00000000..8fa08c8a
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/commonlisp/commonlisp.js
@@ -0,0 +1,105 @@
+CodeMirror.defineMode("commonlisp", function (config) {
+  var assumeBody = /^with|^def|^do|^prog|case$|^cond$|bind$|when$|unless$/;
+  var numLiteral = /^(?:[+\-]?(?:\d+|\d*\.\d+)(?:[efd][+\-]?\d+)?|[+\-]?\d+(?:\/[+\-]?\d+)?|#b[+\-]?[01]+|#o[+\-]?[0-7]+|#x[+\-]?[\da-f]+)/;
+  var symbol = /[^\s'`,@()\[\]";]/;
+  var type;
+
+  function readSym(stream) {
+    var ch;
+    while (ch = stream.next()) {
+      if (ch == "\\") stream.next();
+      else if (!symbol.test(ch)) { stream.backUp(1); break; }
+    }
+    return stream.current();
+  }
+
+  function base(stream, state) {
+    if (stream.eatSpace()) {type = "ws"; return null;}
+    if (stream.match(numLiteral)) return "number";
+    var ch = stream.next();
+    if (ch == "\\") ch = stream.next();
+
+    if (ch == '"') return (state.tokenize = inString)(stream, state);
+    else if (ch == "(") { type = "open"; return "bracket"; }
+    else if (ch == ")" || ch == "]") { type = "close"; return "bracket"; }
+    else if (ch == ";") { stream.skipToEnd(); type = "ws"; return "comment"; }
+    else if (/['`,@]/.test(ch)) return null;
+    else if (ch == "|") {
+      if (stream.skipTo("|")) { stream.next(); return "symbol"; }
+      else { stream.skipToEnd(); return "error"; }
+    } else if (ch == "#") {
+      var ch = stream.next();
+      if (ch == "[") { type = "open"; return "bracket"; }
+      else if (/[+\-=\.']/.test(ch)) return null;
+      else if (/\d/.test(ch) && stream.match(/^\d*#/)) return null;
+      else if (ch == "|") return (state.tokenize = inComment)(stream, state);
+      else if (ch == ":") { readSym(stream); return "meta"; }
+      else return "error";
+    } else {
+      var name = readSym(stream);
+      if (name == ".") return null;
+      type = "symbol";
+      if (name == "nil" || name == "t") return "atom";
+      if (name.charAt(0) == ":") return "keyword";
+      if (name.charAt(0) == "&") return "variable-2";
+      return "variable";
+    }
+  }
+
+  function inString(stream, state) {
+    var escaped = false, next;
+    while (next = stream.next()) {
+      if (next == '"' && !escaped) { state.tokenize = base; break; }
+      escaped = !escaped && next == "\\";
+    }
+    return "string";
+  }
+
+  function inComment(stream, state) {
+    var next, last;
+    while (next = stream.next()) {
+      if (next == "#" && last == "|") { state.tokenize = base; break; }
+      last = next;
+    }
+    type = "ws";
+    return "comment";
+  }
+
+  return {
+    startState: function () {
+      return {ctx: {prev: null, start: 0, indentTo: 0}, tokenize: base};
+    },
+
+    token: function (stream, state) {
+      if (stream.sol() && typeof state.ctx.indentTo != "number")
+        state.ctx.indentTo = state.ctx.start + 1;
+
+      type = null;
+      var style = state.tokenize(stream, state);
+      if (type != "ws") {
+        if (state.ctx.indentTo == null) {
+          if (type == "symbol" && assumeBody.test(stream.current()))
+            state.ctx.indentTo = state.ctx.start + config.indentUnit;
+          else
+            state.ctx.indentTo = "next";
+        } else if (state.ctx.indentTo == "next") {
+          state.ctx.indentTo = stream.column();
+        }
+      }
+      if (type == "open") state.ctx = {prev: state.ctx, start: stream.column(), indentTo: null};
+      else if (type == "close") state.ctx = state.ctx.prev || state.ctx;
+      return style;
+    },
+
+    indent: function (state, _textAfter) {
+      var i = state.ctx.indentTo;
+      return typeof i == "number" ? i : state.ctx.start + 1;
+    },
+
+    lineComment: ";;",
+    blockCommentStart: "#|",
+    blockCommentEnd: "|#"
+  };
+});
+
+CodeMirror.defineMIME("text/x-common-lisp", "commonlisp");
diff --git a/src/main/webapp/codemirror/mode/commonlisp/index.html b/src/main/webapp/codemirror/mode/commonlisp/index.html
new file mode 100644
index 00000000..d48be8d2
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/commonlisp/index.html
@@ -0,0 +1,177 @@
+<!doctype html>
+
+<title>CodeMirror: Common Lisp mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="commonlisp.js"></script>
+<style>.CodeMirror {background: #f8f8f8;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Common Lisp</a>
+  </ul>
+</div>
+
+<article>
+<h2>Common Lisp mode</h2>
+<form><textarea id="code" name="code">(in-package :cl-postgres)
+
+;; These are used to synthesize reader and writer names for integer
+;; reading/writing functions when the amount of bytes and the
+;; signedness is known. Both the macro that creates the functions and
+;; some macros that use them create names this way.
+(eval-when (:compile-toplevel :load-toplevel :execute)
+  (defun integer-reader-name (bytes signed)
+    (intern (with-standard-io-syntax
+              (format nil "~a~a~a~a" '#:read- (if signed "" '#:u) '#:int bytes))))
+  (defun integer-writer-name (bytes signed)
+    (intern (with-standard-io-syntax
+              (format nil "~a~a~a~a" '#:write- (if signed "" '#:u) '#:int bytes)))))
+
+(defmacro integer-reader (bytes)
+  "Create a function to read integers from a binary stream."
+  (let ((bits (* bytes 8)))
+    (labels ((return-form (signed)
+               (if signed
+                   `(if (logbitp ,(1- bits) result)
+                        (dpb result (byte ,(1- bits) 0) -1)
+                        result)
+                   `result))
+             (generate-reader (signed)
+               `(defun ,(integer-reader-name bytes signed) (socket)
+                  (declare (type stream socket)
+                           #.*optimize*)
+                  ,(if (= bytes 1)
+                       `(let ((result (the (unsigned-byte 8) (read-byte socket))))
+                          (declare (type (unsigned-byte 8) result))
+                          ,(return-form signed))
+                       `(let ((result 0))
+                          (declare (type (unsigned-byte ,bits) result))
+                          ,@(loop :for byte :from (1- bytes) :downto 0
+                                   :collect `(setf (ldb (byte 8 ,(* 8 byte)) result)
+                                                   (the (unsigned-byte 8) (read-byte socket))))
+                          ,(return-form signed))))))
+      `(progn
+;; This causes weird errors on SBCL in some circumstances. Disabled for now.
+;;         (declaim (inline ,(integer-reader-name bytes t)
+;;                          ,(integer-reader-name bytes nil)))
+         (declaim (ftype (function (t) (signed-byte ,bits))
+                         ,(integer-reader-name bytes t)))
+         ,(generate-reader t)
+         (declaim (ftype (function (t) (unsigned-byte ,bits))
+                         ,(integer-reader-name bytes nil)))
+         ,(generate-reader nil)))))
+
+(defmacro integer-writer (bytes)
+  "Create a function to write integers to a binary stream."
+  (let ((bits (* 8 bytes)))
+    `(progn
+      (declaim (inline ,(integer-writer-name bytes t)
+                       ,(integer-writer-name bytes nil)))
+      (defun ,(integer-writer-name bytes nil) (socket value)
+        (declare (type stream socket)
+                 (type (unsigned-byte ,bits) value)
+                 #.*optimize*)
+        ,@(if (= bytes 1)
+              `((write-byte value socket))
+              (loop :for byte :from (1- bytes) :downto 0
+                    :collect `(write-byte (ldb (byte 8 ,(* byte 8)) value)
+                               socket)))
+        (values))
+      (defun ,(integer-writer-name bytes t) (socket value)
+        (declare (type stream socket)
+                 (type (signed-byte ,bits) value)
+                 #.*optimize*)
+        ,@(if (= bytes 1)
+              `((write-byte (ldb (byte 8 0) value) socket))
+              (loop :for byte :from (1- bytes) :downto 0
+                    :collect `(write-byte (ldb (byte 8 ,(* byte 8)) value)
+                               socket)))
+        (values)))))
+
+;; All the instances of the above that we need.
+
+(integer-reader 1)
+(integer-reader 2)
+(integer-reader 4)
+(integer-reader 8)
+
+(integer-writer 1)
+(integer-writer 2)
+(integer-writer 4)
+
+(defun write-bytes (socket bytes)
+  "Write a byte-array to a stream."
+  (declare (type stream socket)
+           (type (simple-array (unsigned-byte 8)) bytes)
+           #.*optimize*)
+  (write-sequence bytes socket))
+
+(defun write-str (socket string)
+  "Write a null-terminated string to a stream \(encoding it when UTF-8
+support is enabled.)."
+  (declare (type stream socket)
+           (type string string)
+           #.*optimize*)
+  (enc-write-string string socket)
+  (write-uint1 socket 0))
+
+(declaim (ftype (function (t unsigned-byte)
+                          (simple-array (unsigned-byte 8) (*)))
+                read-bytes))
+(defun read-bytes (socket length)
+  "Read a byte array of the given length from a stream."
+  (declare (type stream socket)
+           (type fixnum length)
+           #.*optimize*)
+  (let ((result (make-array length :element-type '(unsigned-byte 8))))
+    (read-sequence result socket)
+    result))
+
+(declaim (ftype (function (t) string) read-str))
+(defun read-str (socket)
+  "Read a null-terminated string from a stream. Takes care of encoding
+when UTF-8 support is enabled."
+  (declare (type stream socket)
+           #.*optimize*)
+  (enc-read-string socket :null-terminated t))
+
+(defun skip-bytes (socket length)
+  "Skip a given number of bytes in a binary stream."
+  (declare (type stream socket)
+           (type (unsigned-byte 32) length)
+           #.*optimize*)
+  (dotimes (i length)
+    (read-byte socket)))
+
+(defun skip-str (socket)
+  "Skip a null-terminated string."
+  (declare (type stream socket)
+           #.*optimize*)
+  (loop :for char :of-type fixnum = (read-byte socket)
+        :until (zerop char)))
+
+(defun ensure-socket-is-closed (socket &amp;key abort)
+  (when (open-stream-p socket)
+    (handler-case
+        (close socket :abort abort)
+      (error (error)
+        (warn "Ignoring the error which happened while trying to close PostgreSQL socket: ~A" error)))))
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {lineNumbers: true});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-common-lisp</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/css/css.js b/src/main/webapp/codemirror/mode/css/css.js
new file mode 100644
index 00000000..d8c30cf3
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/css/css.js
@@ -0,0 +1,639 @@
+CodeMirror.defineMode("css", function(config, parserConfig) {
+  "use strict";
+
+  if (!parserConfig.propertyKeywords) parserConfig = CodeMirror.resolveMode("text/css");
+
+  var indentUnit = config.indentUnit || config.tabSize || 2,
+      hooks = parserConfig.hooks || {},
+      atMediaTypes = parserConfig.atMediaTypes || {},
+      atMediaFeatures = parserConfig.atMediaFeatures || {},
+      propertyKeywords = parserConfig.propertyKeywords || {},
+      colorKeywords = parserConfig.colorKeywords || {},
+      valueKeywords = parserConfig.valueKeywords || {},
+      allowNested = !!parserConfig.allowNested,
+      type = null;
+
+  function ret(style, tp) { type = tp; return style; }
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    if (hooks[ch]) {
+      // result[0] is style and result[1] is type
+      var result = hooks[ch](stream, state);
+      if (result !== false) return result;
+    }
+    if (ch == "@") {stream.eatWhile(/[\w\\\-]/); return ret("def", stream.current());}
+    else if (ch == "=") ret(null, "compare");
+    else if ((ch == "~" || ch == "|") && stream.eat("=")) return ret(null, "compare");
+    else if (ch == "\"" || ch == "'") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    }
+    else if (ch == "#") {
+      stream.eatWhile(/[\w\\\-]/);
+      return ret("atom", "hash");
+    }
+    else if (ch == "!") {
+      stream.match(/^\s*\w*/);
+      return ret("keyword", "important");
+    }
+    else if (/\d/.test(ch) || ch == "." && stream.eat(/\d/)) {
+      stream.eatWhile(/[\w.%]/);
+      return ret("number", "unit");
+    }
+    else if (ch === "-") {
+      if (/\d/.test(stream.peek())) {
+        stream.eatWhile(/[\w.%]/);
+        return ret("number", "unit");
+      } else if (stream.match(/^[^-]+-/)) {
+        return ret("meta", "meta");
+      }
+    }
+    else if (/[,+>*\/]/.test(ch)) {
+      return ret(null, "select-op");
+    }
+    else if (ch == "." && stream.match(/^-?[_a-z][_a-z0-9-]*/i)) {
+      return ret("qualifier", "qualifier");
+    }
+    else if (ch == ":") {
+      return ret("operator", ch);
+    }
+    else if (/[;{}\[\]\(\)]/.test(ch)) {
+      return ret(null, ch);
+    }
+    else if (ch == "u" && stream.match("rl(")) {
+      stream.backUp(1);
+      state.tokenize = tokenParenthesized;
+      return ret("property", "variable");
+    }
+    else {
+      stream.eatWhile(/[\w\\\-]/);
+      return ret("property", "variable");
+    }
+  }
+
+  function tokenString(quote, nonInclusive) {
+    return function(stream, state) {
+      var escaped = false, ch;
+      while ((ch = stream.next()) != null) {
+        if (ch == quote && !escaped)
+          break;
+        escaped = !escaped && ch == "\\";
+      }
+      if (!escaped) {
+        if (nonInclusive) stream.backUp(1);
+        state.tokenize = tokenBase;
+      }
+      return ret("string", "string");
+    };
+  }
+
+  function tokenParenthesized(stream, state) {
+    stream.next(); // Must be '('
+    if (!stream.match(/\s*[\"\']/, false))
+      state.tokenize = tokenString(")", true);
+    else
+      state.tokenize = tokenBase;
+    return ret(null, "(");
+  }
+
+  return {
+    startState: function(base) {
+      return {tokenize: tokenBase,
+              baseIndent: base || 0,
+              stack: [],
+              lastToken: null};
+    },
+
+    token: function(stream, state) {
+
+      // Use these terms when applicable (see http://www.xanthir.com/blog/b4E50)
+      //
+      // rule** or **ruleset:
+      // A selector + braces combo, or an at-rule.
+      //
+      // declaration block:
+      // A sequence of declarations.
+      //
+      // declaration:
+      // A property + colon + value combo.
+      //
+      // property value:
+      // The entire value of a property.
+      //
+      // component value:
+      // A single piece of a property value. Like the 5px in
+      // text-shadow: 0 0 5px blue;. Can also refer to things that are
+      // multiple terms, like the 1-4 terms that make up the background-size
+      // portion of the background shorthand.
+      //
+      // term:
+      // The basic unit of author-facing CSS, like a single number (5),
+      // dimension (5px), string ("foo"), or function. Officially defined
+      //  by the CSS 2.1 grammar (look for the 'term' production)
+      //
+      //
+      // simple selector:
+      // A single atomic selector, like a type selector, an attr selector, a
+      // class selector, etc.
+      //
+      // compound selector:
+      // One or more simple selectors without a combinator. div.example is
+      // compound, div > .example is not.
+      //
+      // complex selector:
+      // One or more compound selectors chained with combinators.
+      //
+      // combinator:
+      // The parts of selectors that express relationships. There are four
+      // currently - the space (descendant combinator), the greater-than
+      // bracket (child combinator), the plus sign (next sibling combinator),
+      // and the tilda (following sibling combinator).
+      //
+      // sequence of selectors:
+      // One or more of the named type of selector chained with commas.
+
+      state.tokenize = state.tokenize || tokenBase;
+      if (state.tokenize == tokenBase && stream.eatSpace()) return null;
+      var style = state.tokenize(stream, state);
+      if (style && typeof style != "string") style = ret(style[0], style[1]);
+
+      // Changing style returned based on context
+      var context = state.stack[state.stack.length-1];
+      if (style == "variable") {
+        if (type == "variable-definition") state.stack.push("propertyValue");
+        return state.lastToken = "variable-2";
+      } else if (style == "property") {
+        var word = stream.current().toLowerCase();
+        if (context == "propertyValue") {
+          if (valueKeywords.hasOwnProperty(word)) {
+            style = "string-2";
+          } else if (colorKeywords.hasOwnProperty(word)) {
+            style = "keyword";
+          } else {
+            style = "variable-2";
+          }
+        } else if (context == "rule") {
+          if (!propertyKeywords.hasOwnProperty(word)) {
+            style += " error";
+          }
+        } else if (context == "block") {
+          // if a value is present in both property, value, or color, the order
+          // of preference is property -> color -> value
+          if (propertyKeywords.hasOwnProperty(word)) {
+            style = "property";
+          } else if (colorKeywords.hasOwnProperty(word)) {
+            style = "keyword";
+          } else if (valueKeywords.hasOwnProperty(word)) {
+            style = "string-2";
+          } else {
+            style = "tag";
+          }
+        } else if (!context || context == "@media{") {
+          style = "tag";
+        } else if (context == "@media") {
+          if (atMediaTypes[stream.current()]) {
+            style = "attribute"; // Known attribute
+          } else if (/^(only|not)$/.test(word)) {
+            style = "keyword";
+          } else if (word == "and") {
+            style = "error"; // "and" is only allowed in @mediaType
+          } else if (atMediaFeatures.hasOwnProperty(word)) {
+            style = "error"; // Known property, should be in @mediaType(
+          } else {
+            // Unknown, expecting keyword or attribute, assuming attribute
+            style = "attribute error";
+          }
+        } else if (context == "@mediaType") {
+          if (atMediaTypes.hasOwnProperty(word)) {
+            style = "attribute";
+          } else if (word == "and") {
+            style = "operator";
+          } else if (/^(only|not)$/.test(word)) {
+            style = "error"; // Only allowed in @media
+          } else {
+            // Unknown attribute or property, but expecting property (preceded
+            // by "and"). Should be in parentheses
+            style = "error";
+          }
+        } else if (context == "@mediaType(") {
+          if (propertyKeywords.hasOwnProperty(word)) {
+            // do nothing, remains "property"
+          } else if (atMediaTypes.hasOwnProperty(word)) {
+            style = "error"; // Known property, should be in parentheses
+          } else if (word == "and") {
+            style = "operator";
+          } else if (/^(only|not)$/.test(word)) {
+            style = "error"; // Only allowed in @media
+          } else {
+            style += " error";
+          }
+        } else if (context == "@import") {
+          style = "tag";
+        } else {
+          style = "error";
+        }
+      } else if (style == "atom") {
+        if(!context || context == "@media{" || context == "block") {
+          style = "builtin";
+        } else if (context == "propertyValue") {
+          if (!/^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(stream.current())) {
+            style += " error";
+          }
+        } else {
+          style = "error";
+        }
+      } else if (context == "@media" && type == "{") {
+        style = "error";
+      }
+
+      // Push/pop context stack
+      if (type == "{") {
+        if (context == "@media" || context == "@mediaType") {
+          state.stack[state.stack.length-1] = "@media{";
+        }
+        else {
+          var newContext = allowNested ? "block" : "rule";
+          state.stack.push(newContext);
+        }
+      }
+      else if (type == "}") {
+        if (context == "interpolation") style = "operator";
+        // Pop off end of array until { is reached
+        while(state.stack.length){
+          var removed = state.stack.pop();
+          if(removed.indexOf("{") > -1 || removed == "block" || removed == "rule"){
+            break;
+          }
+        }
+      }
+      else if (type == "interpolation") state.stack.push("interpolation");
+      else if (type == "@media") state.stack.push("@media");
+      else if (type == "@import") state.stack.push("@import");
+      else if (context == "@media" && /\b(keyword|attribute)\b/.test(style))
+        state.stack[state.stack.length-1] = "@mediaType";
+      else if (context == "@mediaType" && stream.current() == ",")
+        state.stack[state.stack.length-1] = "@media";
+      else if (type == "(") {
+        if (context == "@media" || context == "@mediaType") {
+          // Make sure @mediaType is used to avoid error on {
+          state.stack[state.stack.length-1] = "@mediaType";
+          state.stack.push("@mediaType(");
+        }
+        else state.stack.push("(");
+      }
+      else if (type == ")") {
+        // Pop off end of array until ( is reached
+        while(state.stack.length){
+          var removed = state.stack.pop();
+          if(removed.indexOf("(") > -1){
+            break;
+          }
+        }
+      }
+      else if (type == ":" && state.lastToken == "property") state.stack.push("propertyValue");
+      else if (context == "propertyValue" && type == ";") state.stack.pop();
+      else if (context == "@import" && type == ";") state.stack.pop();
+
+      return state.lastToken = style;
+    },
+
+    indent: function(state, textAfter) {
+      var n = state.stack.length;
+      if (/^\}/.test(textAfter))
+        n -= state.stack[n-1] == "propertyValue" ? 2 : 1;
+      return state.baseIndent + n * indentUnit;
+    },
+
+    electricChars: "}",
+    blockCommentStart: "/*",
+    blockCommentEnd: "*/",
+    fold: "brace"
+  };
+});
+
+(function() {
+  function keySet(array) {
+    var keys = {};
+    for (var i = 0; i < array.length; ++i) {
+      keys[array[i]] = true;
+    }
+    return keys;
+  }
+
+  var atMediaTypes = keySet([
+    "all", "aural", "braille", "handheld", "print", "projection", "screen",
+    "tty", "tv", "embossed"
+  ]);
+
+  var atMediaFeatures = keySet([
+    "width", "min-width", "max-width", "height", "min-height", "max-height",
+    "device-width", "min-device-width", "max-device-width", "device-height",
+    "min-device-height", "max-device-height", "aspect-ratio",
+    "min-aspect-ratio", "max-aspect-ratio", "device-aspect-ratio",
+    "min-device-aspect-ratio", "max-device-aspect-ratio", "color", "min-color",
+    "max-color", "color-index", "min-color-index", "max-color-index",
+    "monochrome", "min-monochrome", "max-monochrome", "resolution",
+    "min-resolution", "max-resolution", "scan", "grid"
+  ]);
+
+  var propertyKeywords = keySet([
+    "align-content", "align-items", "align-self", "alignment-adjust",
+    "alignment-baseline", "anchor-point", "animation", "animation-delay",
+    "animation-direction", "animation-duration", "animation-iteration-count",
+    "animation-name", "animation-play-state", "animation-timing-function",
+    "appearance", "azimuth", "backface-visibility", "background",
+    "background-attachment", "background-clip", "background-color",
+    "background-image", "background-origin", "background-position",
+    "background-repeat", "background-size", "baseline-shift", "binding",
+    "bleed", "bookmark-label", "bookmark-level", "bookmark-state",
+    "bookmark-target", "border", "border-bottom", "border-bottom-color",
+    "border-bottom-left-radius", "border-bottom-right-radius",
+    "border-bottom-style", "border-bottom-width", "border-collapse",
+    "border-color", "border-image", "border-image-outset",
+    "border-image-repeat", "border-image-slice", "border-image-source",
+    "border-image-width", "border-left", "border-left-color",
+    "border-left-style", "border-left-width", "border-radius", "border-right",
+    "border-right-color", "border-right-style", "border-right-width",
+    "border-spacing", "border-style", "border-top", "border-top-color",
+    "border-top-left-radius", "border-top-right-radius", "border-top-style",
+    "border-top-width", "border-width", "bottom", "box-decoration-break",
+    "box-shadow", "box-sizing", "break-after", "break-before", "break-inside",
+    "caption-side", "clear", "clip", "color", "color-profile", "column-count",
+    "column-fill", "column-gap", "column-rule", "column-rule-color",
+    "column-rule-style", "column-rule-width", "column-span", "column-width",
+    "columns", "content", "counter-increment", "counter-reset", "crop", "cue",
+    "cue-after", "cue-before", "cursor", "direction", "display",
+    "dominant-baseline", "drop-initial-after-adjust",
+    "drop-initial-after-align", "drop-initial-before-adjust",
+    "drop-initial-before-align", "drop-initial-size", "drop-initial-value",
+    "elevation", "empty-cells", "fit", "fit-position", "flex", "flex-basis",
+    "flex-direction", "flex-flow", "flex-grow", "flex-shrink", "flex-wrap",
+    "float", "float-offset", "flow-from", "flow-into", "font", "font-feature-settings",
+    "font-family", "font-kerning", "font-language-override", "font-size", "font-size-adjust",
+    "font-stretch", "font-style", "font-synthesis", "font-variant",
+    "font-variant-alternates", "font-variant-caps", "font-variant-east-asian",
+    "font-variant-ligatures", "font-variant-numeric", "font-variant-position",
+    "font-weight", "grid-cell", "grid-column", "grid-column-align",
+    "grid-column-sizing", "grid-column-span", "grid-columns", "grid-flow",
+    "grid-row", "grid-row-align", "grid-row-sizing", "grid-row-span",
+    "grid-rows", "grid-template", "hanging-punctuation", "height", "hyphens",
+    "icon", "image-orientation", "image-rendering", "image-resolution",
+    "inline-box-align", "justify-content", "left", "letter-spacing",
+    "line-break", "line-height", "line-stacking", "line-stacking-ruby",
+    "line-stacking-shift", "line-stacking-strategy", "list-style",
+    "list-style-image", "list-style-position", "list-style-type", "margin",
+    "margin-bottom", "margin-left", "margin-right", "margin-top",
+    "marker-offset", "marks", "marquee-direction", "marquee-loop",
+    "marquee-play-count", "marquee-speed", "marquee-style", "max-height",
+    "max-width", "min-height", "min-width", "move-to", "nav-down", "nav-index",
+    "nav-left", "nav-right", "nav-up", "opacity", "order", "orphans", "outline",
+    "outline-color", "outline-offset", "outline-style", "outline-width",
+    "overflow", "overflow-style", "overflow-wrap", "overflow-x", "overflow-y",
+    "padding", "padding-bottom", "padding-left", "padding-right", "padding-top",
+    "page", "page-break-after", "page-break-before", "page-break-inside",
+    "page-policy", "pause", "pause-after", "pause-before", "perspective",
+    "perspective-origin", "pitch", "pitch-range", "play-during", "position",
+    "presentation-level", "punctuation-trim", "quotes", "region-break-after",
+    "region-break-before", "region-break-inside", "region-fragment",
+    "rendering-intent", "resize", "rest", "rest-after", "rest-before", "richness",
+    "right", "rotation", "rotation-point", "ruby-align", "ruby-overhang",
+    "ruby-position", "ruby-span", "shape-inside", "shape-outside", "size",
+    "speak", "speak-as", "speak-header",
+    "speak-numeral", "speak-punctuation", "speech-rate", "stress", "string-set",
+    "tab-size", "table-layout", "target", "target-name", "target-new",
+    "target-position", "text-align", "text-align-last", "text-decoration",
+    "text-decoration-color", "text-decoration-line", "text-decoration-skip",
+    "text-decoration-style", "text-emphasis", "text-emphasis-color",
+    "text-emphasis-position", "text-emphasis-style", "text-height",
+    "text-indent", "text-justify", "text-outline", "text-overflow", "text-shadow",
+    "text-size-adjust", "text-space-collapse", "text-transform", "text-underline-position",
+    "text-wrap", "top", "transform", "transform-origin", "transform-style",
+    "transition", "transition-delay", "transition-duration",
+    "transition-property", "transition-timing-function", "unicode-bidi",
+    "vertical-align", "visibility", "voice-balance", "voice-duration",
+    "voice-family", "voice-pitch", "voice-range", "voice-rate", "voice-stress",
+    "voice-volume", "volume", "white-space", "widows", "width", "word-break",
+    "word-spacing", "word-wrap", "z-index", "zoom",
+    // SVG-specific
+    "clip-path", "clip-rule", "mask", "enable-background", "filter", "flood-color",
+    "flood-opacity", "lighting-color", "stop-color", "stop-opacity", "pointer-events",
+    "color-interpolation", "color-interpolation-filters", "color-profile",
+    "color-rendering", "fill", "fill-opacity", "fill-rule", "image-rendering",
+    "marker", "marker-end", "marker-mid", "marker-start", "shape-rendering", "stroke",
+    "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin",
+    "stroke-miterlimit", "stroke-opacity", "stroke-width", "text-rendering",
+    "baseline-shift", "dominant-baseline", "glyph-orientation-horizontal",
+    "glyph-orientation-vertical", "kerning", "text-anchor", "writing-mode"
+  ]);
+
+  var colorKeywords = keySet([
+    "aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige",
+    "bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown",
+    "burlywood", "cadetblue", "chartreuse", "chocolate", "coral", "cornflowerblue",
+    "cornsilk", "crimson", "cyan", "darkblue", "darkcyan", "darkgoldenrod",
+    "darkgray", "darkgreen", "darkkhaki", "darkmagenta", "darkolivegreen",
+    "darkorange", "darkorchid", "darkred", "darksalmon", "darkseagreen",
+    "darkslateblue", "darkslategray", "darkturquoise", "darkviolet",
+    "deeppink", "deepskyblue", "dimgray", "dodgerblue", "firebrick",
+    "floralwhite", "forestgreen", "fuchsia", "gainsboro", "ghostwhite",
+    "gold", "goldenrod", "gray", "grey", "green", "greenyellow", "honeydew",
+    "hotpink", "indianred", "indigo", "ivory", "khaki", "lavender",
+    "lavenderblush", "lawngreen", "lemonchiffon", "lightblue", "lightcoral",
+    "lightcyan", "lightgoldenrodyellow", "lightgray", "lightgreen", "lightpink",
+    "lightsalmon", "lightseagreen", "lightskyblue", "lightslategray",
+    "lightsteelblue", "lightyellow", "lime", "limegreen", "linen", "magenta",
+    "maroon", "mediumaquamarine", "mediumblue", "mediumorchid", "mediumpurple",
+    "mediumseagreen", "mediumslateblue", "mediumspringgreen", "mediumturquoise",
+    "mediumvioletred", "midnightblue", "mintcream", "mistyrose", "moccasin",
+    "navajowhite", "navy", "oldlace", "olive", "olivedrab", "orange", "orangered",
+    "orchid", "palegoldenrod", "palegreen", "paleturquoise", "palevioletred",
+    "papayawhip", "peachpuff", "peru", "pink", "plum", "powderblue",
+    "purple", "red", "rosybrown", "royalblue", "saddlebrown", "salmon",
+    "sandybrown", "seagreen", "seashell", "sienna", "silver", "skyblue",
+    "slateblue", "slategray", "snow", "springgreen", "steelblue", "tan",
+    "teal", "thistle", "tomato", "turquoise", "violet", "wheat", "white",
+    "whitesmoke", "yellow", "yellowgreen"
+  ]);
+
+  var valueKeywords = keySet([
+    "above", "absolute", "activeborder", "activecaption", "afar",
+    "after-white-space", "ahead", "alias", "all", "all-scroll", "alternate",
+    "always", "amharic", "amharic-abegede", "antialiased", "appworkspace",
+    "arabic-indic", "armenian", "asterisks", "auto", "avoid", "avoid-column", "avoid-page",
+    "avoid-region", "background", "backwards", "baseline", "below", "bidi-override", "binary",
+    "bengali", "blink", "block", "block-axis", "bold", "bolder", "border", "border-box",
+    "both", "bottom", "break", "break-all", "break-word", "button", "button-bevel",
+    "buttonface", "buttonhighlight", "buttonshadow", "buttontext", "cambodian",
+    "capitalize", "caps-lock-indicator", "caption", "captiontext", "caret",
+    "cell", "center", "checkbox", "circle", "cjk-earthly-branch",
+    "cjk-heavenly-stem", "cjk-ideographic", "clear", "clip", "close-quote",
+    "col-resize", "collapse", "column", "compact", "condensed", "contain", "content",
+    "content-box", "context-menu", "continuous", "copy", "cover", "crop",
+    "cross", "crosshair", "currentcolor", "cursive", "dashed", "decimal",
+    "decimal-leading-zero", "default", "default-button", "destination-atop",
+    "destination-in", "destination-out", "destination-over", "devanagari",
+    "disc", "discard", "document", "dot-dash", "dot-dot-dash", "dotted",
+    "double", "down", "e-resize", "ease", "ease-in", "ease-in-out", "ease-out",
+    "element", "ellipse", "ellipsis", "embed", "end", "ethiopic", "ethiopic-abegede",
+    "ethiopic-abegede-am-et", "ethiopic-abegede-gez", "ethiopic-abegede-ti-er",
+    "ethiopic-abegede-ti-et", "ethiopic-halehame-aa-er",
+    "ethiopic-halehame-aa-et", "ethiopic-halehame-am-et",
+    "ethiopic-halehame-gez", "ethiopic-halehame-om-et",
+    "ethiopic-halehame-sid-et", "ethiopic-halehame-so-et",
+    "ethiopic-halehame-ti-er", "ethiopic-halehame-ti-et",
+    "ethiopic-halehame-tig", "ew-resize", "expanded", "extra-condensed",
+    "extra-expanded", "fantasy", "fast", "fill", "fixed", "flat", "footnotes",
+    "forwards", "from", "geometricPrecision", "georgian", "graytext", "groove",
+    "gujarati", "gurmukhi", "hand", "hangul", "hangul-consonant", "hebrew",
+    "help", "hidden", "hide", "higher", "highlight", "highlighttext",
+    "hiragana", "hiragana-iroha", "horizontal", "hsl", "hsla", "icon", "ignore",
+    "inactiveborder", "inactivecaption", "inactivecaptiontext", "infinite",
+    "infobackground", "infotext", "inherit", "initial", "inline", "inline-axis",
+    "inline-block", "inline-table", "inset", "inside", "intrinsic", "invert",
+    "italic", "justify", "kannada", "katakana", "katakana-iroha", "keep-all", "khmer",
+    "landscape", "lao", "large", "larger", "left", "level", "lighter",
+    "line-through", "linear", "lines", "list-item", "listbox", "listitem",
+    "local", "logical", "loud", "lower", "lower-alpha", "lower-armenian",
+    "lower-greek", "lower-hexadecimal", "lower-latin", "lower-norwegian",
+    "lower-roman", "lowercase", "ltr", "malayalam", "match",
+    "media-controls-background", "media-current-time-display",
+    "media-fullscreen-button", "media-mute-button", "media-play-button",
+    "media-return-to-realtime-button", "media-rewind-button",
+    "media-seek-back-button", "media-seek-forward-button", "media-slider",
+    "media-sliderthumb", "media-time-remaining-display", "media-volume-slider",
+    "media-volume-slider-container", "media-volume-sliderthumb", "medium",
+    "menu", "menulist", "menulist-button", "menulist-text",
+    "menulist-textfield", "menutext", "message-box", "middle", "min-intrinsic",
+    "mix", "mongolian", "monospace", "move", "multiple", "myanmar", "n-resize",
+    "narrower", "ne-resize", "nesw-resize", "no-close-quote", "no-drop",
+    "no-open-quote", "no-repeat", "none", "normal", "not-allowed", "nowrap",
+    "ns-resize", "nw-resize", "nwse-resize", "oblique", "octal", "open-quote",
+    "optimizeLegibility", "optimizeSpeed", "oriya", "oromo", "outset",
+    "outside", "outside-shape", "overlay", "overline", "padding", "padding-box",
+    "painted", "page", "paused", "persian", "plus-darker", "plus-lighter", "pointer",
+    "polygon", "portrait", "pre", "pre-line", "pre-wrap", "preserve-3d", "progress", "push-button",
+    "radio", "read-only", "read-write", "read-write-plaintext-only", "rectangle", "region",
+    "relative", "repeat", "repeat-x", "repeat-y", "reset", "reverse", "rgb", "rgba",
+    "ridge", "right", "round", "row-resize", "rtl", "run-in", "running",
+    "s-resize", "sans-serif", "scroll", "scrollbar", "se-resize", "searchfield",
+    "searchfield-cancel-button", "searchfield-decoration",
+    "searchfield-results-button", "searchfield-results-decoration",
+    "semi-condensed", "semi-expanded", "separate", "serif", "show", "sidama",
+    "single", "skip-white-space", "slide", "slider-horizontal",
+    "slider-vertical", "sliderthumb-horizontal", "sliderthumb-vertical", "slow",
+    "small", "small-caps", "small-caption", "smaller", "solid", "somali",
+    "source-atop", "source-in", "source-out", "source-over", "space", "square",
+    "square-button", "start", "static", "status-bar", "stretch", "stroke",
+    "sub", "subpixel-antialiased", "super", "sw-resize", "table",
+    "table-caption", "table-cell", "table-column", "table-column-group",
+    "table-footer-group", "table-header-group", "table-row", "table-row-group",
+    "telugu", "text", "text-bottom", "text-top", "textarea", "textfield", "thai",
+    "thick", "thin", "threeddarkshadow", "threedface", "threedhighlight",
+    "threedlightshadow", "threedshadow", "tibetan", "tigre", "tigrinya-er",
+    "tigrinya-er-abegede", "tigrinya-et", "tigrinya-et-abegede", "to", "top",
+    "transparent", "ultra-condensed", "ultra-expanded", "underline", "up",
+    "upper-alpha", "upper-armenian", "upper-greek", "upper-hexadecimal",
+    "upper-latin", "upper-norwegian", "upper-roman", "uppercase", "urdu", "url",
+    "vertical", "vertical-text", "visible", "visibleFill", "visiblePainted",
+    "visibleStroke", "visual", "w-resize", "wait", "wave", "wider",
+    "window", "windowframe", "windowtext", "x-large", "x-small", "xor",
+    "xx-large", "xx-small"
+  ]);
+
+  function tokenCComment(stream, state) {
+    var maybeEnd = false, ch;
+    while ((ch = stream.next()) != null) {
+      if (maybeEnd && ch == "/") {
+        state.tokenize = null;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return ["comment", "comment"];
+  }
+
+  CodeMirror.defineMIME("text/css", {
+    atMediaTypes: atMediaTypes,
+    atMediaFeatures: atMediaFeatures,
+    propertyKeywords: propertyKeywords,
+    colorKeywords: colorKeywords,
+    valueKeywords: valueKeywords,
+    hooks: {
+      "<": function(stream, state) {
+        function tokenSGMLComment(stream, state) {
+          var dashes = 0, ch;
+          while ((ch = stream.next()) != null) {
+            if (dashes >= 2 && ch == ">") {
+              state.tokenize = null;
+              break;
+            }
+            dashes = (ch == "-") ? dashes + 1 : 0;
+          }
+          return ["comment", "comment"];
+        }
+        if (stream.eat("!")) {
+          state.tokenize = tokenSGMLComment;
+          return tokenSGMLComment(stream, state);
+        }
+      },
+      "/": function(stream, state) {
+        if (stream.eat("*")) {
+          state.tokenize = tokenCComment;
+          return tokenCComment(stream, state);
+        }
+        return false;
+      }
+    },
+    name: "css"
+  });
+
+  CodeMirror.defineMIME("text/x-scss", {
+    atMediaTypes: atMediaTypes,
+    atMediaFeatures: atMediaFeatures,
+    propertyKeywords: propertyKeywords,
+    colorKeywords: colorKeywords,
+    valueKeywords: valueKeywords,
+    allowNested: true,
+    hooks: {
+      ":": function(stream) {
+        if (stream.match(/\s*{/)) {
+          return [null, "{"];
+        }
+        return false;
+      },
+      "$": function(stream) {
+        stream.match(/^[\w-]+/);
+        if (stream.peek() == ":") {
+          return ["variable", "variable-definition"];
+        }
+        return ["variable", "variable"];
+      },
+      ",": function(stream, state) {
+        if (state.stack[state.stack.length - 1] == "propertyValue" && stream.match(/^ *\$/, false)) {
+          return ["operator", ";"];
+        }
+      },
+      "/": function(stream, state) {
+        if (stream.eat("/")) {
+          stream.skipToEnd();
+          return ["comment", "comment"];
+        } else if (stream.eat("*")) {
+          state.tokenize = tokenCComment;
+          return tokenCComment(stream, state);
+        } else {
+          return ["operator", "operator"];
+        }
+      },
+      "#": function(stream) {
+        if (stream.eat("{")) {
+          return ["operator", "interpolation"];
+        } else {
+          stream.eatWhile(/[\w\\\-]/);
+          return ["atom", "hash"];
+        }
+      }
+    },
+    name: "css"
+  });
+})();
diff --git a/src/main/webapp/codemirror/mode/css/index.html b/src/main/webapp/codemirror/mode/css/index.html
new file mode 100644
index 00000000..1d1865e2
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/css/index.html
@@ -0,0 +1,70 @@
+<!doctype html>
+
+<title>CodeMirror: CSS mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="css.js"></script>
+<style>.CodeMirror {background: #f8f8f8;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">CSS</a>
+  </ul>
+</div>
+
+<article>
+<h2>CSS mode</h2>
+<form><textarea id="code" name="code">
+/* Some example CSS */
+
+@import url("something.css");
+
+body {
+  margin: 0;
+  padding: 3em 6em;
+  font-family: tahoma, arial, sans-serif;
+  color: #000;
+}
+
+#navigation a {
+  font-weight: bold;
+  text-decoration: none !important;
+}
+
+h1 {
+  font-size: 2.5em;
+}
+
+h2 {
+  font-size: 1.7em;
+}
+
+h1:before, h2:before {
+  content: "::";
+}
+
+code {
+  font-family: courier, monospace;
+  font-size: 80%;
+  color: #418A8A;
+}
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/css</code>.</p>
+
+    <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#css_*">normal</a>,  <a href="../../test/index.html#verbose,css_*">verbose</a>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/css/scss.html b/src/main/webapp/codemirror/mode/css/scss.html
new file mode 100644
index 00000000..72781c0d
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/css/scss.html
@@ -0,0 +1,157 @@
+<!doctype html>
+
+<title>CodeMirror: SCSS mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="css.js"></script>
+<style>.CodeMirror {background: #f8f8f8;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">SCSS</a>
+  </ul>
+</div>
+
+<article>
+<h2>SCSS mode</h2>
+<form><textarea id="code" name="code">
+/* Some example SCSS */
+
+@import "compass/css3";
+$variable: #333;
+
+$blue: #3bbfce;
+$margin: 16px;
+
+.content-navigation {
+  #nested {
+    background-color: black;
+  }
+  border-color: $blue;
+  color:
+    darken($blue, 9%);
+}
+
+.border {
+  padding: $margin / 2;
+  margin: $margin / 2;
+  border-color: $blue;
+}
+
+@mixin table-base {
+  th {
+    text-align: center;
+    font-weight: bold;
+  }
+  td, th {padding: 2px}
+}
+
+table.hl {
+  margin: 2em 0;
+  td.ln {
+    text-align: right;
+  }
+}
+
+li {
+  font: {
+    family: serif;
+    weight: bold;
+    size: 1.2em;
+  }
+}
+
+@mixin left($dist) {
+  float: left;
+  margin-left: $dist;
+}
+
+#data {
+  @include left(10px);
+  @include table-base;
+}
+
+.source {
+  @include flow-into(target);
+  border: 10px solid green;
+  margin: 20px;
+  width: 200px; }
+
+.new-container {
+  @include flow-from(target);
+  border: 10px solid red;
+  margin: 20px;
+  width: 200px; }
+
+body {
+  margin: 0;
+  padding: 3em 6em;
+  font-family: tahoma, arial, sans-serif;
+  color: #000;
+}
+
+@mixin yellow() {
+  background: yellow;
+}
+
+.big {
+  font-size: 14px;
+}
+
+.nested {
+  @include border-radius(3px);
+  @extend .big;
+  p {
+    background: whitesmoke;
+    a {
+      color: red;
+    }
+  }
+}
+
+#navigation a {
+  font-weight: bold;
+  text-decoration: none !important;
+}
+
+h1 {
+  font-size: 2.5em;
+}
+
+h2 {
+  font-size: 1.7em;
+}
+
+h1:before, h2:before {
+  content: "::";
+}
+
+code {
+  font-family: courier, monospace;
+  font-size: 80%;
+  color: #418A8A;
+}
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        mode: "text/x-scss"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/scss</code>.</p>
+
+    <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#scss_*">normal</a>,  <a href="../../test/index.html#verbose,scss_*">verbose</a>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/css/scss_test.js b/src/main/webapp/codemirror/mode/css/scss_test.js
new file mode 100644
index 00000000..9998e2aa
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/css/scss_test.js
@@ -0,0 +1,93 @@
+(function() {
+  var mode = CodeMirror.getMode({tabSize: 1}, "text/x-scss");
+  function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1), "scss"); }
+  function IT(name) { test.indentation(name, mode, Array.prototype.slice.call(arguments, 1), "scss"); }
+
+  MT('url_with_quotation',
+    "[tag foo] { [property background][operator :][string-2 url]([string test.jpg]) }");
+
+  MT('url_with_double_quotes',
+    "[tag foo] { [property background][operator :][string-2 url]([string \"test.jpg\"]) }");
+
+  MT('url_with_single_quotes',
+    "[tag foo] { [property background][operator :][string-2 url]([string \'test.jpg\']) }");
+
+  MT('string',
+    "[def @import] [string \"compass/css3\"]");
+
+  MT('important_keyword',
+    "[tag foo] { [property background][operator :][string-2 url]([string \'test.jpg\']) [keyword !important] }");
+
+  MT('variable',
+    "[variable-2 $blue][operator :][atom #333]");
+
+  MT('variable_as_attribute',
+    "[tag foo] { [property color][operator :][variable-2 $blue] }");
+
+  MT('numbers',
+    "[tag foo] { [property padding][operator :][number 10px] [number 10] [number 10em] [number 8in] }");
+
+  MT('number_percentage',
+    "[tag foo] { [property width][operator :][number 80%] }");
+
+  MT('selector',
+    "[builtin #hello][qualifier .world]{}");
+
+  MT('singleline_comment',
+    "[comment // this is a comment]");
+
+  MT('multiline_comment',
+    "[comment /*foobar*/]");
+
+  MT('attribute_with_hyphen',
+    "[tag foo] { [property font-size][operator :][number 10px] }");
+
+  MT('string_after_attribute',
+    "[tag foo] { [property content][operator :][string \"::\"] }");
+
+  MT('directives',
+    "[def @include] [qualifier .mixin]");
+
+  MT('basic_structure',
+    "[tag p] { [property background][operator :][keyword red]; }");
+
+  MT('nested_structure',
+    "[tag p] { [tag a] { [property color][operator :][keyword red]; } }");
+
+  MT('mixin',
+    "[def @mixin] [tag table-base] {}");
+
+  MT('number_without_semicolon',
+    "[tag p] {[property width][operator :][number 12]}",
+    "[tag a] {[property color][operator :][keyword red];}");
+
+  MT('atom_in_nested_block',
+    "[tag p] { [tag a] { [property color][operator :][atom #000]; } }");
+
+  MT('interpolation_in_property',
+    "[tag foo] { [operator #{][variable-2 $hello][operator }:][number 2]; }");
+
+  MT('interpolation_in_selector',
+    "[tag foo][operator #{][variable-2 $hello][operator }] { [property color][operator :][atom #000]; }");
+
+  MT('interpolation_error',
+    "[tag foo][operator #{][error foo][operator }] { [property color][operator :][atom #000]; }");
+
+  MT("divide_operator",
+    "[tag foo] { [property width][operator :][number 4] [operator /] [number 2] }");
+
+  MT('nested_structure_with_id_selector',
+    "[tag p] { [builtin #hello] { [property color][operator :][keyword red]; } }");
+
+  IT('mixin',
+    "@mixin container[1 (][2 $a: 10][1 , ][2 $b: 10][1 , ][2 $c: 10]) [1 {]}");
+
+  IT('nested',
+    "foo [1 { bar ][2 { ][1 } ]}");
+
+  IT('comma',
+    "foo [1 { font-family][2 : verdana, sans-serif][1 ; ]}");
+
+  IT('parentheses',
+    "foo [1 { color][2 : darken][3 ($blue, 9%][2 )][1 ; ]}");
+})();
diff --git a/src/main/webapp/codemirror/mode/css/test.js b/src/main/webapp/codemirror/mode/css/test.js
new file mode 100644
index 00000000..3c52460d
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/css/test.js
@@ -0,0 +1,142 @@
+(function() {
+  var mode = CodeMirror.getMode({tabSize: 1}, "css");
+  function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1)); }
+  function IT(name) { test.indentation(name, mode, Array.prototype.slice.call(arguments, 1)); }
+
+  // Requires at least one media query
+  MT("atMediaEmpty",
+     "[def @media] [error {] }");
+
+  MT("atMediaMultiple",
+     "[def @media] [keyword not] [attribute screen] [operator and] ([property color]), [keyword not] [attribute print] [operator and] ([property color]) { }");
+
+  MT("atMediaCheckStack",
+     "[def @media] [attribute screen] { } [tag foo] { }");
+
+  MT("atMediaCheckStack",
+     "[def @media] [attribute screen] ([property color]) { } [tag foo] { }");
+
+  MT("atMediaPropertyOnly",
+     "[def @media] ([property color]) { } [tag foo] { }");
+
+  MT("atMediaCheckStackInvalidAttribute",
+     "[def @media] [attribute&error foobarhello] { [tag foo] { } }");
+
+  MT("atMediaCheckStackInvalidAttribute",
+     "[def @media] [attribute&error foobarhello] { } [tag foo] { }");
+
+  // Error, because "and" is only allowed immediately preceding a media expression
+  MT("atMediaInvalidAttribute",
+     "[def @media] [attribute&error foobarhello] { }");
+
+  // Error, because "and" is only allowed immediately preceding a media expression
+  MT("atMediaInvalidAnd",
+     "[def @media] [error and] [attribute screen] { }");
+
+  // Error, because "not" is only allowed as the first item in each media query
+  MT("atMediaInvalidNot",
+     "[def @media] [attribute screen] [error not] ([error not]) { }");
+
+  // Error, because "only" is only allowed as the first item in each media query
+  MT("atMediaInvalidOnly",
+     "[def @media] [attribute screen] [error only] ([error only]) { }");
+
+  // Error, because "foobarhello" is neither a known type or property, but
+  // property was expected (after "and"), and it should be in parenthese.
+  MT("atMediaUnknownType",
+     "[def @media] [attribute screen] [operator and] [error foobarhello] { }");
+
+  // Error, because "color" is not a known type, but is a known property, and
+  // should be in parentheses.
+  MT("atMediaInvalidType",
+     "[def @media] [attribute screen] [operator and] [error color] { }");
+
+  // Error, because "print" is not a known property, but is a known type,
+  // and should not be in parenthese.
+  MT("atMediaInvalidProperty",
+     "[def @media] [attribute screen] [operator and] ([error print]) { }");
+
+  // Soft error, because "foobarhello" is not a known property or type.
+  MT("atMediaUnknownProperty",
+     "[def @media] [attribute screen] [operator and] ([property&error foobarhello]) { }");
+
+  // Make sure nesting works with media queries
+  MT("atMediaMaxWidthNested",
+     "[def @media] [attribute screen] [operator and] ([property max-width][operator :] [number 25px]) { [tag foo] { } }");
+
+  MT("tagSelector",
+     "[tag foo] { }");
+
+  MT("classSelector",
+     "[qualifier .foo-bar_hello] { }");
+
+  MT("idSelector",
+     "[builtin #foo] { [error #foo] }");
+
+  MT("tagSelectorUnclosed",
+     "[tag foo] { [property margin][operator :] [number 0] } [tag bar] { }");
+
+  MT("tagStringNoQuotes",
+     "[tag foo] { [property font-family][operator :] [variable-2 hello] [variable-2 world]; }");
+
+  MT("tagStringDouble",
+     "[tag foo] { [property font-family][operator :] [string \"hello world\"]; }");
+
+  MT("tagStringSingle",
+     "[tag foo] { [property font-family][operator :] [string 'hello world']; }");
+
+  MT("tagColorKeyword",
+     "[tag foo] {" +
+       "[property color][operator :] [keyword black];" +
+       "[property color][operator :] [keyword navy];" +
+       "[property color][operator :] [keyword yellow];" +
+       "}");
+
+  MT("tagColorHex3",
+     "[tag foo] { [property background][operator :] [atom #fff]; }");
+
+  MT("tagColorHex6",
+     "[tag foo] { [property background][operator :] [atom #ffffff]; }");
+
+  MT("tagColorHex4",
+     "[tag foo] { [property background][operator :] [atom&error #ffff]; }");
+
+  MT("tagColorHexInvalid",
+     "[tag foo] { [property background][operator :] [atom&error #ffg]; }");
+
+  MT("tagNegativeNumber",
+     "[tag foo] { [property margin][operator :] [number -5px]; }");
+
+  MT("tagPositiveNumber",
+     "[tag foo] { [property padding][operator :] [number 5px]; }");
+
+  MT("tagVendor",
+     "[tag foo] { [meta -foo-][property box-sizing][operator :] [meta -foo-][string-2 border-box]; }");
+
+  MT("tagBogusProperty",
+     "[tag foo] { [property&error barhelloworld][operator :] [number 0]; }");
+
+  MT("tagTwoProperties",
+     "[tag foo] { [property margin][operator :] [number 0]; [property padding][operator :] [number 0]; }");
+
+  MT("tagTwoPropertiesURL",
+     "[tag foo] { [property background][operator :] [string-2 url]([string //example.com/foo.png]); [property padding][operator :] [number 0]; }");
+
+  MT("commentSGML",
+     "[comment <!--comment-->]");
+
+  IT("tagSelector",
+    "strong, em [1 { background][2 : rgba][3 (255, 255, 0, .2][2 )][1 ;]}");
+
+  IT("atMedia",
+    "[1 @media { foo ][2 { ][1 } ]}");
+
+  IT("comma",
+    "foo [1 { font-family][2 : verdana, sans-serif][1 ; ]}");
+
+  IT("parentheses",
+    "foo [1 { background][2 : url][3 (\"bar\"][2 )][1 ; ]}");
+
+  IT("pseudo",
+    "foo:before [1 { ]}");
+})();
diff --git a/src/main/webapp/codemirror/mode/d/d.js b/src/main/webapp/codemirror/mode/d/d.js
new file mode 100644
index 00000000..ab345f1a
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/d/d.js
@@ -0,0 +1,205 @@
+CodeMirror.defineMode("d", function(config, parserConfig) {
+  var indentUnit = config.indentUnit,
+      statementIndentUnit = parserConfig.statementIndentUnit || indentUnit,
+      keywords = parserConfig.keywords || {},
+      builtin = parserConfig.builtin || {},
+      blockKeywords = parserConfig.blockKeywords || {},
+      atoms = parserConfig.atoms || {},
+      hooks = parserConfig.hooks || {},
+      multiLineStrings = parserConfig.multiLineStrings;
+  var isOperatorChar = /[+\-*&%=<>!?|\/]/;
+
+  var curPunc;
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    if (hooks[ch]) {
+      var result = hooks[ch](stream, state);
+      if (result !== false) return result;
+    }
+    if (ch == '"' || ch == "'" || ch == "`") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    }
+    if (/[\[\]{}\(\),;\:\.]/.test(ch)) {
+      curPunc = ch;
+      return null;
+    }
+    if (/\d/.test(ch)) {
+      stream.eatWhile(/[\w\.]/);
+      return "number";
+    }
+    if (ch == "/") {
+      if (stream.eat("+")) {
+        state.tokenize = tokenComment;
+        return tokenNestedComment(stream, state);
+      }
+      if (stream.eat("*")) {
+        state.tokenize = tokenComment;
+        return tokenComment(stream, state);
+      }
+      if (stream.eat("/")) {
+        stream.skipToEnd();
+        return "comment";
+      }
+    }
+    if (isOperatorChar.test(ch)) {
+      stream.eatWhile(isOperatorChar);
+      return "operator";
+    }
+    stream.eatWhile(/[\w\$_]/);
+    var cur = stream.current();
+    if (keywords.propertyIsEnumerable(cur)) {
+      if (blockKeywords.propertyIsEnumerable(cur)) curPunc = "newstatement";
+      return "keyword";
+    }
+    if (builtin.propertyIsEnumerable(cur)) {
+      if (blockKeywords.propertyIsEnumerable(cur)) curPunc = "newstatement";
+      return "builtin";
+    }
+    if (atoms.propertyIsEnumerable(cur)) return "atom";
+    return "variable";
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, next, end = false;
+      while ((next = stream.next()) != null) {
+        if (next == quote && !escaped) {end = true; break;}
+        escaped = !escaped && next == "\\";
+      }
+      if (end || !(escaped || multiLineStrings))
+        state.tokenize = null;
+      return "string";
+    };
+  }
+
+  function tokenComment(stream, state) {
+    var maybeEnd = false, ch;
+    while (ch = stream.next()) {
+      if (ch == "/" && maybeEnd) {
+        state.tokenize = null;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return "comment";
+  }
+
+  function tokenNestedComment(stream, state) {
+    var maybeEnd = false, ch;
+    while (ch = stream.next()) {
+      if (ch == "/" && maybeEnd) {
+        state.tokenize = null;
+        break;
+      }
+      maybeEnd = (ch == "+");
+    }
+    return "comment";
+  }
+
+  function Context(indented, column, type, align, prev) {
+    this.indented = indented;
+    this.column = column;
+    this.type = type;
+    this.align = align;
+    this.prev = prev;
+  }
+  function pushContext(state, col, type) {
+    var indent = state.indented;
+    if (state.context && state.context.type == "statement")
+      indent = state.context.indented;
+    return state.context = new Context(indent, col, type, null, state.context);
+  }
+  function popContext(state) {
+    var t = state.context.type;
+    if (t == ")" || t == "]" || t == "}")
+      state.indented = state.context.indented;
+    return state.context = state.context.prev;
+  }
+
+  // Interface
+
+  return {
+    startState: function(basecolumn) {
+      return {
+        tokenize: null,
+        context: new Context((basecolumn || 0) - indentUnit, 0, "top", false),
+        indented: 0,
+        startOfLine: true
+      };
+    },
+
+    token: function(stream, state) {
+      var ctx = state.context;
+      if (stream.sol()) {
+        if (ctx.align == null) ctx.align = false;
+        state.indented = stream.indentation();
+        state.startOfLine = true;
+      }
+      if (stream.eatSpace()) return null;
+      curPunc = null;
+      var style = (state.tokenize || tokenBase)(stream, state);
+      if (style == "comment" || style == "meta") return style;
+      if (ctx.align == null) ctx.align = true;
+
+      if ((curPunc == ";" || curPunc == ":" || curPunc == ",") && ctx.type == "statement") popContext(state);
+      else if (curPunc == "{") pushContext(state, stream.column(), "}");
+      else if (curPunc == "[") pushContext(state, stream.column(), "]");
+      else if (curPunc == "(") pushContext(state, stream.column(), ")");
+      else if (curPunc == "}") {
+        while (ctx.type == "statement") ctx = popContext(state);
+        if (ctx.type == "}") ctx = popContext(state);
+        while (ctx.type == "statement") ctx = popContext(state);
+      }
+      else if (curPunc == ctx.type) popContext(state);
+      else if (((ctx.type == "}" || ctx.type == "top") && curPunc != ';') || (ctx.type == "statement" && curPunc == "newstatement"))
+        pushContext(state, stream.column(), "statement");
+      state.startOfLine = false;
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      if (state.tokenize != tokenBase && state.tokenize != null) return CodeMirror.Pass;
+      var ctx = state.context, firstChar = textAfter && textAfter.charAt(0);
+      if (ctx.type == "statement" && firstChar == "}") ctx = ctx.prev;
+      var closing = firstChar == ctx.type;
+      if (ctx.type == "statement") return ctx.indented + (firstChar == "{" ? 0 : statementIndentUnit);
+      else if (ctx.align) return ctx.column + (closing ? 0 : 1);
+      else return ctx.indented + (closing ? 0 : indentUnit);
+    },
+
+    electricChars: "{}"
+  };
+});
+
+(function() {
+  function words(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+
+  var blockKeywords = "body catch class do else enum for foreach foreach_reverse if in interface mixin " +
+                      "out scope struct switch try union unittest version while with";
+
+  CodeMirror.defineMIME("text/x-d", {
+    name: "d",
+    keywords: words("abstract alias align asm assert auto break case cast cdouble cent cfloat const continue " +
+                    "debug default delegate delete deprecated export extern final finally function goto immutable " +
+                    "import inout invariant is lazy macro module new nothrow override package pragma private " +
+                    "protected public pure ref return shared short static super synchronized template this " +
+                    "throw typedef typeid typeof volatile __FILE__ __LINE__ __gshared __traits __vector __parameters " +
+                    blockKeywords),
+    blockKeywords: words(blockKeywords),
+    builtin: words("bool byte char creal dchar double float idouble ifloat int ireal long real short ubyte " +
+                   "ucent uint ulong ushort wchar wstring void size_t sizediff_t"),
+    atoms: words("exit failure success true false null"),
+    hooks: {
+      "@": function(stream, _state) {
+        stream.eatWhile(/[\w\$_]/);
+        return "meta";
+      }
+    }
+  });
+}());
diff --git a/src/main/webapp/codemirror/mode/d/index.html b/src/main/webapp/codemirror/mode/d/index.html
new file mode 100644
index 00000000..8b25fcc5
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/d/index.html
@@ -0,0 +1,273 @@
+<!doctype html>
+
+<title>CodeMirror: D mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="d.js"></script>
+<style>.CodeMirror {border: 2px inset #dee;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">D</a>
+  </ul>
+</div>
+
+<article>
+<h2>D mode</h2>
+<form><textarea id="code" name="code">
+/* D demo code // copied from phobos/sd/metastrings.d */
+// Written in the D programming language.
+
+/**
+Templates with which to do compile-time manipulation of strings.
+
+Macros:
+ WIKI = Phobos/StdMetastrings
+
+Copyright: Copyright Digital Mars 2007 - 2009.
+License:   <a href="http://www.boost.org/LICENSE_1_0.txt">Boost License 1.0</a>.
+Authors:   $(WEB digitalmars.com, Walter Bright),
+           Don Clugston
+Source:    $(PHOBOSSRC std/_metastrings.d)
+*/
+/*
+         Copyright Digital Mars 2007 - 2009.
+Distributed under the Boost Software License, Version 1.0.
+   (See accompanying file LICENSE_1_0.txt or copy at
+         http://www.boost.org/LICENSE_1_0.txt)
+ */
+module std.metastrings;
+
+/**
+Formats constants into a string at compile time.  Analogous to $(XREF
+string,format).
+
+Parameters:
+
+A = tuple of constants, which can be strings, characters, or integral
+    values.
+
+Formats:
+ *    The formats supported are %s for strings, and %%
+ *    for the % character.
+Example:
+---
+import std.metastrings;
+import std.stdio;
+
+void main()
+{
+  string s = Format!("Arg %s = %s", "foo", 27);
+  writefln(s); // "Arg foo = 27"
+}
+ * ---
+ */
+
+template Format(A...)
+{
+    static if (A.length == 0)
+        enum Format = "";
+    else static if (is(typeof(A[0]) : const(char)[]))
+        enum Format = FormatString!(A[0], A[1..$]);
+    else
+        enum Format = toStringNow!(A[0]) ~ Format!(A[1..$]);
+}
+
+template FormatString(const(char)[] F, A...)
+{
+    static if (F.length == 0)
+        enum FormatString = Format!(A);
+    else static if (F.length == 1)
+        enum FormatString = F[0] ~ Format!(A);
+    else static if (F[0..2] == "%s")
+        enum FormatString
+            = toStringNow!(A[0]) ~ FormatString!(F[2..$],A[1..$]);
+    else static if (F[0..2] == "%%")
+        enum FormatString = "%" ~ FormatString!(F[2..$],A);
+    else
+    {
+        static assert(F[0] != '%', "unrecognized format %" ~ F[1]);
+        enum FormatString = F[0] ~ FormatString!(F[1..$],A);
+    }
+}
+
+unittest
+{
+    auto s = Format!("hel%slo", "world", -138, 'c', true);
+    assert(s == "helworldlo-138ctrue", "[" ~ s ~ "]");
+}
+
+/**
+ * Convert constant argument to a string.
+ */
+
+template toStringNow(ulong v)
+{
+    static if (v < 10)
+        enum toStringNow = "" ~ cast(char)(v + '0');
+    else
+        enum toStringNow = toStringNow!(v / 10) ~ toStringNow!(v % 10);
+}
+
+unittest
+{
+    static assert(toStringNow!(1uL << 62) == "4611686018427387904");
+}
+
+/// ditto
+template toStringNow(long v)
+{
+    static if (v < 0)
+        enum toStringNow = "-" ~ toStringNow!(cast(ulong) -v);
+    else
+        enum toStringNow = toStringNow!(cast(ulong) v);
+}
+
+unittest
+{
+    static assert(toStringNow!(0x100000000) == "4294967296");
+    static assert(toStringNow!(-138L) == "-138");
+}
+
+/// ditto
+template toStringNow(uint U)
+{
+    enum toStringNow = toStringNow!(cast(ulong)U);
+}
+
+/// ditto
+template toStringNow(int I)
+{
+    enum toStringNow = toStringNow!(cast(long)I);
+}
+
+/// ditto
+template toStringNow(bool B)
+{
+    enum toStringNow = B ? "true" : "false";
+}
+
+/// ditto
+template toStringNow(string S)
+{
+    enum toStringNow = S;
+}
+
+/// ditto
+template toStringNow(char C)
+{
+    enum toStringNow = "" ~ C;
+}
+
+
+/********
+ * Parse unsigned integer literal from the start of string s.
+ * returns:
+ *    .value = the integer literal as a string,
+ *    .rest = the string following the integer literal
+ * Otherwise:
+ *    .value = null,
+ *    .rest = s
+ */
+
+template parseUinteger(const(char)[] s)
+{
+    static if (s.length == 0)
+    {
+        enum value = "";
+        enum rest = "";
+    }
+    else static if (s[0] >= '0' && s[0] <= '9')
+    {
+        enum value = s[0] ~ parseUinteger!(s[1..$]).value;
+        enum rest = parseUinteger!(s[1..$]).rest;
+    }
+    else
+    {
+        enum value = "";
+        enum rest = s;
+    }
+}
+
+/********
+Parse integer literal optionally preceded by $(D '-') from the start
+of string $(D s).
+
+Returns:
+   .value = the integer literal as a string,
+   .rest = the string following the integer literal
+
+Otherwise:
+   .value = null,
+   .rest = s
+*/
+
+template parseInteger(const(char)[] s)
+{
+    static if (s.length == 0)
+    {
+        enum value = "";
+        enum rest = "";
+    }
+    else static if (s[0] >= '0' && s[0] <= '9')
+    {
+        enum value = s[0] ~ parseUinteger!(s[1..$]).value;
+        enum rest = parseUinteger!(s[1..$]).rest;
+    }
+    else static if (s.length >= 2 &&
+            s[0] == '-' && s[1] >= '0' && s[1] <= '9')
+    {
+        enum value = s[0..2] ~ parseUinteger!(s[2..$]).value;
+        enum rest = parseUinteger!(s[2..$]).rest;
+    }
+    else
+    {
+        enum value = "";
+        enum rest = s;
+    }
+}
+
+unittest
+{
+    assert(parseUinteger!("1234abc").value == "1234");
+    assert(parseUinteger!("1234abc").rest == "abc");
+    assert(parseInteger!("-1234abc").value == "-1234");
+    assert(parseInteger!("-1234abc").rest == "abc");
+}
+
+/**
+Deprecated aliases held for backward compatibility.
+*/
+deprecated alias toStringNow ToString;
+/// Ditto
+deprecated alias parseUinteger ParseUinteger;
+/// Ditto
+deprecated alias parseUinteger ParseInteger;
+
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        indentUnit: 4,
+        mode: "text/x-d"
+      });
+    </script>
+
+    <p>Simple mode that handle D-Syntax (<a href="http://www.dlang.org">DLang Homepage</a>).</p>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-d</code>
+    .</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/diff/diff.js b/src/main/webapp/codemirror/mode/diff/diff.js
new file mode 100644
index 00000000..9a0d90ea
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/diff/diff.js
@@ -0,0 +1,32 @@
+CodeMirror.defineMode("diff", function() {
+
+  var TOKEN_NAMES = {
+    '+': 'positive',
+    '-': 'negative',
+    '@': 'meta'
+  };
+
+  return {
+    token: function(stream) {
+      var tw_pos = stream.string.search(/[\t ]+?$/);
+
+      if (!stream.sol() || tw_pos === 0) {
+        stream.skipToEnd();
+        return ("error " + (
+          TOKEN_NAMES[stream.string.charAt(0)] || '')).replace(/ $/, '');
+      }
+
+      var token_name = TOKEN_NAMES[stream.peek()] || stream.skipToEnd();
+
+      if (tw_pos === -1) {
+        stream.skipToEnd();
+      } else {
+        stream.pos = tw_pos;
+      }
+
+      return token_name;
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/x-diff", "diff");
diff --git a/src/main/webapp/codemirror/mode/diff/index.html b/src/main/webapp/codemirror/mode/diff/index.html
new file mode 100644
index 00000000..6ceae8b3
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/diff/index.html
@@ -0,0 +1,117 @@
+<!doctype html>
+
+<title>CodeMirror: Diff mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="diff.js"></script>
+<style>
+      .CodeMirror {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
+      span.cm-meta {color: #a0b !important;}
+      span.cm-error { background-color: black; opacity: 0.4;}
+      span.cm-error.cm-string { background-color: red; }
+      span.cm-error.cm-tag { background-color: #2b2; }
+    </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Diff</a>
+  </ul>
+</div>
+
+<article>
+<h2>Diff mode</h2>
+<form><textarea id="code" name="code">
+diff --git a/index.html b/index.html
+index c1d9156..7764744 100644
+--- a/index.html
++++ b/index.html
+@@ -95,7 +95,8 @@ StringStream.prototype = {
+     <script>
+       var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+         lineNumbers: true,
+-        autoMatchBrackets: true
++        autoMatchBrackets: true,
++      onGutterClick: function(x){console.log(x);}
+       });
+     </script>
+   </body>
+diff --git a/lib/codemirror.js b/lib/codemirror.js
+index 04646a9..9a39cc7 100644
+--- a/lib/codemirror.js
++++ b/lib/codemirror.js
+@@ -399,10 +399,16 @@ var CodeMirror = (function() {
+     }
+ 
+     function onMouseDown(e) {
+-      var start = posFromMouse(e), last = start;    
++      var start = posFromMouse(e), last = start, target = e.target();
+       if (!start) return;
+       setCursor(start.line, start.ch, false);
+       if (e.button() != 1) return;
++      if (target.parentNode == gutter) {    
++        if (options.onGutterClick)
++          options.onGutterClick(indexOf(gutter.childNodes, target) + showingFrom);
++        return;
++      }
++
+       if (!focused) onFocus();
+ 
+       e.stop();
+@@ -808,7 +814,7 @@ var CodeMirror = (function() {
+       for (var i = showingFrom; i < showingTo; ++i) {
+         var marker = lines[i].gutterMarker;
+         if (marker) html.push('<div class="' + marker.style + '">' + htmlEscape(marker.text) + '</div>');
+-        else html.push("<div>" + (options.lineNumbers ? i + 1 : "\u00a0") + "</div>");
++        else html.push("<div>" + (options.lineNumbers ? i + options.firstLineNumber : "\u00a0") + "</div>");
+       }
+       gutter.style.display = "none"; // TODO test whether this actually helps
+       gutter.innerHTML = html.join("");
+@@ -1371,10 +1377,8 @@ var CodeMirror = (function() {
+         if (option == "parser") setParser(value);
+         else if (option === "lineNumbers") setLineNumbers(value);
+         else if (option === "gutter") setGutter(value);
+-        else if (option === "readOnly") options.readOnly = value;
+-        else if (option === "indentUnit") {options.indentUnit = indentUnit = value; setParser(options.parser);}
+-        else if (/^(?:enterMode|tabMode|indentWithTabs|readOnly|autoMatchBrackets|undoDepth)$/.test(option)) options[option] = value;
+-        else throw new Error("Can't set option " + option);
++        else if (option === "indentUnit") {options.indentUnit = value; setParser(options.parser);}
++        else options[option] = value;
+       },
+       cursorCoords: cursorCoords,
+       undo: operation(undo),
+@@ -1402,7 +1406,8 @@ var CodeMirror = (function() {
+       replaceRange: operation(replaceRange),
+ 
+       operation: function(f){return operation(f)();},
+-      refresh: function(){updateDisplay([{from: 0, to: lines.length}]);}
++      refresh: function(){updateDisplay([{from: 0, to: lines.length}]);},
++      getInputField: function(){return input;}
+     };
+     return instance;
+   }
+@@ -1420,6 +1425,7 @@ var CodeMirror = (function() {
+     readOnly: false,
+     onChange: null,
+     onCursorActivity: null,
++    onGutterClick: null,
+     autoMatchBrackets: false,
+     workTime: 200,
+     workDelay: 300,
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-diff</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/dtd/dtd.js b/src/main/webapp/codemirror/mode/dtd/dtd.js
new file mode 100644
index 00000000..7033bf0f
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/dtd/dtd.js
@@ -0,0 +1,127 @@
+/*
+  DTD mode
+  Ported to CodeMirror by Peter Kroon <plakroon@gmail.com>
+  Report bugs/issues here: https://github.com/marijnh/CodeMirror/issues
+  GitHub: @peterkroon
+*/
+
+CodeMirror.defineMode("dtd", function(config) {
+  var indentUnit = config.indentUnit, type;
+  function ret(style, tp) {type = tp; return style;}
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+
+    if (ch == "<" && stream.eat("!") ) {
+      if (stream.eatWhile(/[\-]/)) {
+        state.tokenize = tokenSGMLComment;
+        return tokenSGMLComment(stream, state);
+      } else if (stream.eatWhile(/[\w]/)) return ret("keyword", "doindent");
+    } else if (ch == "<" && stream.eat("?")) { //xml declaration
+      state.tokenize = inBlock("meta", "?>");
+      return ret("meta", ch);
+    } else if (ch == "#" && stream.eatWhile(/[\w]/)) return ret("atom", "tag");
+    else if (ch == "|") return ret("keyword", "seperator");
+    else if (ch.match(/[\(\)\[\]\-\.,\+\?>]/)) return ret(null, ch);//if(ch === ">") return ret(null, "endtag"); else
+    else if (ch.match(/[\[\]]/)) return ret("rule", ch);
+    else if (ch == "\"" || ch == "'") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    } else if (stream.eatWhile(/[a-zA-Z\?\+\d]/)) {
+      var sc = stream.current();
+      if( sc.substr(sc.length-1,sc.length).match(/\?|\+/) !== null )stream.backUp(1);
+      return ret("tag", "tag");
+    } else if (ch == "%" || ch == "*" ) return ret("number", "number");
+    else {
+      stream.eatWhile(/[\w\\\-_%.{,]/);
+      return ret(null, null);
+    }
+  }
+
+  function tokenSGMLComment(stream, state) {
+    var dashes = 0, ch;
+    while ((ch = stream.next()) != null) {
+      if (dashes >= 2 && ch == ">") {
+        state.tokenize = tokenBase;
+        break;
+      }
+      dashes = (ch == "-") ? dashes + 1 : 0;
+    }
+    return ret("comment", "comment");
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, ch;
+      while ((ch = stream.next()) != null) {
+        if (ch == quote && !escaped) {
+          state.tokenize = tokenBase;
+          break;
+        }
+        escaped = !escaped && ch == "\\";
+      }
+      return ret("string", "tag");
+    };
+  }
+
+  function inBlock(style, terminator) {
+    return function(stream, state) {
+      while (!stream.eol()) {
+        if (stream.match(terminator)) {
+          state.tokenize = tokenBase;
+          break;
+        }
+        stream.next();
+      }
+      return style;
+    };
+  }
+
+  return {
+    startState: function(base) {
+      return {tokenize: tokenBase,
+              baseIndent: base || 0,
+              stack: []};
+    },
+
+    token: function(stream, state) {
+      if (stream.eatSpace()) return null;
+      var style = state.tokenize(stream, state);
+
+      var context = state.stack[state.stack.length-1];
+      if (stream.current() == "[" || type === "doindent" || type == "[") state.stack.push("rule");
+      else if (type === "endtag") state.stack[state.stack.length-1] = "endtag";
+      else if (stream.current() == "]" || type == "]" || (type == ">" && context == "rule")) state.stack.pop();
+      else if (type == "[") state.stack.push("[");
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      var n = state.stack.length;
+
+      if( textAfter.match(/\]\s+|\]/) )n=n-1;
+      else if(textAfter.substr(textAfter.length-1, textAfter.length) === ">"){
+        if(textAfter.substr(0,1) === "<")n;
+        else if( type == "doindent" && textAfter.length > 1 )n;
+        else if( type == "doindent")n--;
+        else if( type == ">" && textAfter.length > 1)n;
+        else if( type == "tag" && textAfter !== ">")n;
+        else if( type == "tag" && state.stack[state.stack.length-1] == "rule")n--;
+        else if( type == "tag")n++;
+        else if( textAfter === ">" && state.stack[state.stack.length-1] == "rule" && type === ">")n--;
+        else if( textAfter === ">" && state.stack[state.stack.length-1] == "rule")n;
+        else if( textAfter.substr(0,1) !== "<" && textAfter.substr(0,1) === ">" )n=n-1;
+        else if( textAfter === ">")n;
+        else n=n-1;
+        //over rule them all
+        if(type == null || type == "]")n--;
+      }
+
+      return state.baseIndent + n * indentUnit;
+    },
+
+    electricChars: "]>"
+  };
+});
+
+CodeMirror.defineMIME("application/xml-dtd", "dtd");
diff --git a/src/main/webapp/codemirror/mode/dtd/index.html b/src/main/webapp/codemirror/mode/dtd/index.html
new file mode 100644
index 00000000..076d827f
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/dtd/index.html
@@ -0,0 +1,89 @@
+<!doctype html>
+
+<title>CodeMirror: DTD mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="dtd.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">DTD</a>
+  </ul>
+</div>
+
+<article>
+<h2>DTD mode</h2>
+<form><textarea id="code" name="code"><?xml version="1.0" encoding="UTF-8"?>
+
+<!ATTLIST title
+  xmlns	CDATA	#FIXED	"http://docbook.org/ns/docbook"
+  role	CDATA	#IMPLIED
+  %db.common.attributes;
+  %db.common.linking.attributes;
+>
+
+<!--
+  Try: http://docbook.org/xml/5.0/dtd/docbook.dtd
+-->
+
+<!DOCTYPE xsl:stylesheet
+  [
+    <!ENTITY nbsp   "&amp;#160;">
+    <!ENTITY copy   "&amp;#169;">
+    <!ENTITY reg    "&amp;#174;">
+    <!ENTITY trade  "&amp;#8482;">
+    <!ENTITY mdash  "&amp;#8212;">
+    <!ENTITY ldquo  "&amp;#8220;">
+    <!ENTITY rdquo  "&amp;#8221;">
+    <!ENTITY pound  "&amp;#163;">
+    <!ENTITY yen    "&amp;#165;">
+    <!ENTITY euro   "&amp;#8364;">
+    <!ENTITY mathml "http://www.w3.org/1998/Math/MathML">
+  ]
+>
+
+<!ELEMENT title (#PCDATA|inlinemediaobject|remark|superscript|subscript|xref|link|olink|anchor|biblioref|alt|annotation|indexterm|abbrev|acronym|date|emphasis|footnote|footnoteref|foreignphrase|phrase|quote|wordasword|firstterm|glossterm|coref|trademark|productnumber|productname|database|application|hardware|citation|citerefentry|citetitle|citebiblioid|author|person|personname|org|orgname|editor|jobtitle|replaceable|package|parameter|termdef|nonterminal|systemitem|option|optional|property|inlineequation|tag|markup|token|symbol|literal|code|constant|email|uri|guiicon|guibutton|guimenuitem|guimenu|guisubmenu|guilabel|menuchoice|mousebutton|keycombo|keycap|keycode|keysym|shortcut|accel|prompt|envar|filename|command|computeroutput|userinput|function|varname|returnvalue|type|classname|exceptionname|interfacename|methodname|modifier|initializer|ooclass|ooexception|oointerface|errorcode|errortext|errorname|errortype)*>
+
+<!ENTITY % db.common.attributes "
+  xml:id	ID	#IMPLIED
+  version	CDATA	#IMPLIED
+  xml:lang	CDATA	#IMPLIED
+  xml:base	CDATA	#IMPLIED
+  remap	CDATA	#IMPLIED
+  xreflabel	CDATA	#IMPLIED
+  revisionflag	(changed|added|deleted|off)	#IMPLIED
+  dir	(ltr|rtl|lro|rlo)	#IMPLIED
+  arch	CDATA	#IMPLIED
+  audience	CDATA	#IMPLIED
+  condition	CDATA	#IMPLIED
+  conformance	CDATA	#IMPLIED
+  os	CDATA	#IMPLIED
+  revision	CDATA	#IMPLIED
+  security	CDATA	#IMPLIED
+  userlevel	CDATA	#IMPLIED
+  vendor	CDATA	#IMPLIED
+  wordsize	CDATA	#IMPLIED
+  annotations	CDATA	#IMPLIED
+
+"></textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: {name: "dtd", alignCDATA: true},
+        lineNumbers: true,
+        lineWrapping: true
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>application/xml-dtd</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/ecl/ecl.js b/src/main/webapp/codemirror/mode/ecl/ecl.js
new file mode 100644
index 00000000..7601b189
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/ecl/ecl.js
@@ -0,0 +1,192 @@
+CodeMirror.defineMode("ecl", function(config) {
+
+  function words(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+
+  function metaHook(stream, state) {
+    if (!state.startOfLine) return false;
+    stream.skipToEnd();
+    return "meta";
+  }
+
+  var indentUnit = config.indentUnit;
+  var keyword = words("abs acos allnodes ascii asin asstring atan atan2 ave case choose choosen choosesets clustersize combine correlation cos cosh count covariance cron dataset dedup define denormalize distribute distributed distribution ebcdic enth error evaluate event eventextra eventname exists exp failcode failmessage fetch fromunicode getisvalid global graph group hash hash32 hash64 hashcrc hashmd5 having if index intformat isvalid iterate join keyunicode length library limit ln local log loop map matched matchlength matchposition matchtext matchunicode max merge mergejoin min nolocal nonempty normalize parse pipe power preload process project pull random range rank ranked realformat recordof regexfind regexreplace regroup rejected rollup round roundup row rowdiff sample set sin sinh sizeof soapcall sort sorted sqrt stepped stored sum table tan tanh thisnode topn tounicode transfer trim truncate typeof ungroup unicodeorder variance which workunit xmldecode xmlencode xmltext xmlunicode");
+  var variable = words("apply assert build buildindex evaluate fail keydiff keypatch loadxml nothor notify output parallel sequential soapcall wait");
+  var variable_2 = words("__compressed__ all and any as atmost before beginc++ best between case const counter csv descend encrypt end endc++ endmacro except exclusive expire export extend false few first flat from full function group header heading hole ifblock import in interface joined keep keyed last left limit load local locale lookup macro many maxcount maxlength min skew module named nocase noroot noscan nosort not of only opt or outer overwrite packed partition penalty physicallength pipe quote record relationship repeat return right scan self separator service shared skew skip sql store terminator thor threshold token transform trim true type unicodeorder unsorted validate virtual whole wild within xml xpath");
+  var variable_3 = words("ascii big_endian boolean data decimal ebcdic integer pattern qstring real record rule set of string token udecimal unicode unsigned varstring varunicode");
+  var builtin = words("checkpoint deprecated failcode failmessage failure global independent onwarning persist priority recovery stored success wait when");
+  var blockKeywords = words("catch class do else finally for if switch try while");
+  var atoms = words("true false null");
+  var hooks = {"#": metaHook};
+  var multiLineStrings;
+  var isOperatorChar = /[+\-*&%=<>!?|\/]/;
+
+  var curPunc;
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    if (hooks[ch]) {
+      var result = hooks[ch](stream, state);
+      if (result !== false) return result;
+    }
+    if (ch == '"' || ch == "'") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    }
+    if (/[\[\]{}\(\),;\:\.]/.test(ch)) {
+      curPunc = ch;
+      return null;
+    }
+    if (/\d/.test(ch)) {
+      stream.eatWhile(/[\w\.]/);
+      return "number";
+    }
+    if (ch == "/") {
+      if (stream.eat("*")) {
+        state.tokenize = tokenComment;
+        return tokenComment(stream, state);
+      }
+      if (stream.eat("/")) {
+        stream.skipToEnd();
+        return "comment";
+      }
+    }
+    if (isOperatorChar.test(ch)) {
+      stream.eatWhile(isOperatorChar);
+      return "operator";
+    }
+    stream.eatWhile(/[\w\$_]/);
+    var cur = stream.current().toLowerCase();
+    if (keyword.propertyIsEnumerable(cur)) {
+      if (blockKeywords.propertyIsEnumerable(cur)) curPunc = "newstatement";
+      return "keyword";
+    } else if (variable.propertyIsEnumerable(cur)) {
+      if (blockKeywords.propertyIsEnumerable(cur)) curPunc = "newstatement";
+      return "variable";
+    } else if (variable_2.propertyIsEnumerable(cur)) {
+      if (blockKeywords.propertyIsEnumerable(cur)) curPunc = "newstatement";
+      return "variable-2";
+    } else if (variable_3.propertyIsEnumerable(cur)) {
+      if (blockKeywords.propertyIsEnumerable(cur)) curPunc = "newstatement";
+      return "variable-3";
+    } else if (builtin.propertyIsEnumerable(cur)) {
+      if (blockKeywords.propertyIsEnumerable(cur)) curPunc = "newstatement";
+      return "builtin";
+    } else { //Data types are of from KEYWORD##
+                var i = cur.length - 1;
+                while(i >= 0 && (!isNaN(cur[i]) || cur[i] == '_'))
+                        --i;
+
+                if (i > 0) {
+                        var cur2 = cur.substr(0, i + 1);
+                if (variable_3.propertyIsEnumerable(cur2)) {
+                        if (blockKeywords.propertyIsEnumerable(cur2)) curPunc = "newstatement";
+                        return "variable-3";
+                }
+            }
+    }
+    if (atoms.propertyIsEnumerable(cur)) return "atom";
+    return null;
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, next, end = false;
+      while ((next = stream.next()) != null) {
+        if (next == quote && !escaped) {end = true; break;}
+        escaped = !escaped && next == "\\";
+      }
+      if (end || !(escaped || multiLineStrings))
+        state.tokenize = tokenBase;
+      return "string";
+    };
+  }
+
+  function tokenComment(stream, state) {
+    var maybeEnd = false, ch;
+    while (ch = stream.next()) {
+      if (ch == "/" && maybeEnd) {
+        state.tokenize = tokenBase;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return "comment";
+  }
+
+  function Context(indented, column, type, align, prev) {
+    this.indented = indented;
+    this.column = column;
+    this.type = type;
+    this.align = align;
+    this.prev = prev;
+  }
+  function pushContext(state, col, type) {
+    return state.context = new Context(state.indented, col, type, null, state.context);
+  }
+  function popContext(state) {
+    var t = state.context.type;
+    if (t == ")" || t == "]" || t == "}")
+      state.indented = state.context.indented;
+    return state.context = state.context.prev;
+  }
+
+  // Interface
+
+  return {
+    startState: function(basecolumn) {
+      return {
+        tokenize: null,
+        context: new Context((basecolumn || 0) - indentUnit, 0, "top", false),
+        indented: 0,
+        startOfLine: true
+      };
+    },
+
+    token: function(stream, state) {
+      var ctx = state.context;
+      if (stream.sol()) {
+        if (ctx.align == null) ctx.align = false;
+        state.indented = stream.indentation();
+        state.startOfLine = true;
+      }
+      if (stream.eatSpace()) return null;
+      curPunc = null;
+      var style = (state.tokenize || tokenBase)(stream, state);
+      if (style == "comment" || style == "meta") return style;
+      if (ctx.align == null) ctx.align = true;
+
+      if ((curPunc == ";" || curPunc == ":") && ctx.type == "statement") popContext(state);
+      else if (curPunc == "{") pushContext(state, stream.column(), "}");
+      else if (curPunc == "[") pushContext(state, stream.column(), "]");
+      else if (curPunc == "(") pushContext(state, stream.column(), ")");
+      else if (curPunc == "}") {
+        while (ctx.type == "statement") ctx = popContext(state);
+        if (ctx.type == "}") ctx = popContext(state);
+        while (ctx.type == "statement") ctx = popContext(state);
+      }
+      else if (curPunc == ctx.type) popContext(state);
+      else if (ctx.type == "}" || ctx.type == "top" || (ctx.type == "statement" && curPunc == "newstatement"))
+        pushContext(state, stream.column(), "statement");
+      state.startOfLine = false;
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      if (state.tokenize != tokenBase && state.tokenize != null) return 0;
+      var ctx = state.context, firstChar = textAfter && textAfter.charAt(0);
+      if (ctx.type == "statement" && firstChar == "}") ctx = ctx.prev;
+      var closing = firstChar == ctx.type;
+      if (ctx.type == "statement") return ctx.indented + (firstChar == "{" ? 0 : indentUnit);
+      else if (ctx.align) return ctx.column + (closing ? 0 : 1);
+      else return ctx.indented + (closing ? 0 : indentUnit);
+    },
+
+    electricChars: "{}"
+  };
+});
+
+CodeMirror.defineMIME("text/x-ecl", "ecl");
diff --git a/src/main/webapp/codemirror/mode/ecl/index.html b/src/main/webapp/codemirror/mode/ecl/index.html
new file mode 100644
index 00000000..f4b612d6
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/ecl/index.html
@@ -0,0 +1,52 @@
+<!doctype html>
+
+<title>CodeMirror: ECL mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="ecl.js"></script>
+<style>.CodeMirror {border: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">ECL</a>
+  </ul>
+</div>
+
+<article>
+<h2>ECL mode</h2>
+<form><textarea id="code" name="code">
+/*
+sample useless code to demonstrate ecl syntax highlighting
+this is a multiline comment!
+*/
+
+//  this is a singleline comment!
+
+import ut;
+r := 
+  record
+   string22 s1 := '123';
+   integer4 i1 := 123;
+  end;
+#option('tmp', true);
+d := dataset('tmp::qb', r, thor);
+output(d);
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p>Based on CodeMirror's clike mode.  For more information see <a href="http://hpccsystems.com">HPCC Systems</a> web site.</p>
+    <p><strong>MIME types defined:</strong> <code>text/x-ecl</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/eiffel/eiffel.js b/src/main/webapp/codemirror/mode/eiffel/eiffel.js
new file mode 100644
index 00000000..15f34a93
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/eiffel/eiffel.js
@@ -0,0 +1,147 @@
+CodeMirror.defineMode("eiffel", function() {
+  function wordObj(words) {
+    var o = {};
+    for (var i = 0, e = words.length; i < e; ++i) o[words[i]] = true;
+    return o;
+  }
+  var keywords = wordObj([
+    'note',
+    'across',
+    'when',
+    'variant',
+    'until',
+    'unique',
+    'undefine',
+    'then',
+    'strip',
+    'select',
+    'retry',
+    'rescue',
+    'require',
+    'rename',
+    'reference',
+    'redefine',
+    'prefix',
+    'once',
+    'old',
+    'obsolete',
+    'loop',
+    'local',
+    'like',
+    'is',
+    'inspect',
+    'infix',
+    'include',
+    'if',
+    'frozen',
+    'from',
+    'external',
+    'export',
+    'ensure',
+    'end',
+    'elseif',
+    'else',
+    'do',
+    'creation',
+    'create',
+    'check',
+    'alias',
+    'agent',
+    'separate',
+    'invariant',
+    'inherit',
+    'indexing',
+    'feature',
+    'expanded',
+    'deferred',
+    'class',
+    'Void',
+    'True',
+    'Result',
+    'Precursor',
+    'False',
+    'Current',
+    'create',
+    'attached',
+    'detachable',
+    'as',
+    'and',
+    'implies',
+    'not',
+    'or'
+  ]);
+  var operators = wordObj([":=", "and then","and", "or","<<",">>"]);
+  var curPunc;
+
+  function chain(newtok, stream, state) {
+    state.tokenize.push(newtok);
+    return newtok(stream, state);
+  }
+
+  function tokenBase(stream, state) {
+    curPunc = null;
+    if (stream.eatSpace()) return null;
+    var ch = stream.next();
+    if (ch == '"'||ch == "'") {
+      return chain(readQuoted(ch, "string"), stream, state);
+    } else if (ch == "-"&&stream.eat("-")) {
+      stream.skipToEnd();
+      return "comment";
+    } else if (ch == ":"&&stream.eat("=")) {
+      return "operator";
+    } else if (/[0-9]/.test(ch)) {
+      stream.eatWhile(/[xXbBCc0-9\.]/);
+      stream.eat(/[\?\!]/);
+      return "ident";
+    } else if (/[a-zA-Z_0-9]/.test(ch)) {
+      stream.eatWhile(/[a-zA-Z_0-9]/);
+      stream.eat(/[\?\!]/);
+      return "ident";
+    } else if (/[=+\-\/*^%<>~]/.test(ch)) {
+      stream.eatWhile(/[=+\-\/*^%<>~]/);
+      return "operator";
+    } else {
+      return null;
+    }
+  }
+
+  function readQuoted(quote, style,  unescaped) {
+    return function(stream, state) {
+      var escaped = false, ch;
+      while ((ch = stream.next()) != null) {
+        if (ch == quote && (unescaped || !escaped)) {
+          state.tokenize.pop();
+          break;
+        }
+        escaped = !escaped && ch == "%";
+      }
+      return style;
+    };
+  }
+
+  return {
+    startState: function() {
+      return {tokenize: [tokenBase]};
+    },
+
+    token: function(stream, state) {
+      var style = state.tokenize[state.tokenize.length-1](stream, state);
+      if (style == "ident") {
+        var word = stream.current();
+        style = keywords.propertyIsEnumerable(stream.current()) ? "keyword"
+          : operators.propertyIsEnumerable(stream.current()) ? "operator"
+          : /^[A-Z][A-Z_0-9]*$/g.test(word) ? "tag"
+          : /^0[bB][0-1]+$/g.test(word) ? "number"
+          : /^0[cC][0-7]+$/g.test(word) ? "number"
+          : /^0[xX][a-fA-F0-9]+$/g.test(word) ? "number"
+          : /^([0-9]+\.[0-9]*)|([0-9]*\.[0-9]+)$/g.test(word) ? "number"
+          : /^[0-9]+$/g.test(word) ? "number"
+          : "variable";
+      }
+      return style;
+    },
+    lineComment: "--"
+  };
+});
+
+CodeMirror.defineMIME("text/x-eiffel", "eiffel");
diff --git a/src/main/webapp/codemirror/mode/eiffel/index.html b/src/main/webapp/codemirror/mode/eiffel/index.html
new file mode 100644
index 00000000..5d395a05
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/eiffel/index.html
@@ -0,0 +1,430 @@
+<!doctype html>
+
+<title>CodeMirror: Eiffel mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/neat.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="eiffel.js"></script>
+<style>
+      .CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
+      .cm-s-default span.cm-arrow { color: red; }
+    </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Eiffel</a>
+  </ul>
+</div>
+
+<article>
+<h2>Eiffel mode</h2>
+<form><textarea id="code" name="code">
+note
+    description: "[
+        Project-wide universal properties.
+        This class is an ancestor to all developer-written classes.
+        ANY may be customized for individual projects or teams.
+        ]"
+
+    library: "Free implementation of ELKS library"
+    status: "See notice at end of class."
+    legal: "See notice at end of class."
+    date: "$Date: 2013-01-25 11:49:00 -0800 (Fri, 25 Jan 2013) $"
+    revision: "$Revision: 712 $"
+
+class
+    ANY
+
+feature -- Customization
+
+feature -- Access
+
+    generator: STRING
+            -- Name of current object's generating class
+            -- (base class of the type of which it is a direct instance)
+        external
+            "built_in"
+        ensure
+            generator_not_void: Result /= Void
+            generator_not_empty: not Result.is_empty
+        end
+
+    generating_type: TYPE [detachable like Current]
+            -- Type of current object
+            -- (type of which it is a direct instance)
+        do
+            Result := {detachable like Current}
+        ensure
+            generating_type_not_void: Result /= Void
+        end
+
+feature -- Status report
+
+    conforms_to (other: ANY): BOOLEAN
+            -- Does type of current object conform to type
+            -- of `other' (as per Eiffel: The Language, chapter 13)?
+        require
+            other_not_void: other /= Void
+        external
+            "built_in"
+        end
+
+    same_type (other: ANY): BOOLEAN
+            -- Is type of current object identical to type of `other'?
+        require
+            other_not_void: other /= Void
+        external
+            "built_in"
+        ensure
+            definition: Result = (conforms_to (other) and
+                                        other.conforms_to (Current))
+        end
+
+feature -- Comparison
+
+    is_equal (other: like Current): BOOLEAN
+            -- Is `other' attached to an object considered
+            -- equal to current object?
+        require
+            other_not_void: other /= Void
+        external
+            "built_in"
+        ensure
+            symmetric: Result implies other ~ Current
+            consistent: standard_is_equal (other) implies Result
+        end
+
+    frozen standard_is_equal (other: like Current): BOOLEAN
+            -- Is `other' attached to an object of the same type
+            -- as current object, and field-by-field identical to it?
+        require
+            other_not_void: other /= Void
+        external
+            "built_in"
+        ensure
+            same_type: Result implies same_type (other)
+            symmetric: Result implies other.standard_is_equal (Current)
+        end
+
+    frozen equal (a: detachable ANY; b: like a): BOOLEAN
+            -- Are `a' and `b' either both void or attached
+            -- to objects considered equal?
+        do
+            if a = Void then
+                Result := b = Void
+            else
+                Result := b /= Void and then
+                            a.is_equal (b)
+            end
+        ensure
+            definition: Result = (a = Void and b = Void) or else
+                        ((a /= Void and b /= Void) and then
+                        a.is_equal (b))
+        end
+
+    frozen standard_equal (a: detachable ANY; b: like a): BOOLEAN
+            -- Are `a' and `b' either both void or attached to
+            -- field-by-field identical objects of the same type?
+            -- Always uses default object comparison criterion.
+        do
+            if a = Void then
+                Result := b = Void
+            else
+                Result := b /= Void and then
+                            a.standard_is_equal (b)
+            end
+        ensure
+            definition: Result = (a = Void and b = Void) or else
+                        ((a /= Void and b /= Void) and then
+                        a.standard_is_equal (b))
+        end
+
+    frozen is_deep_equal (other: like Current): BOOLEAN
+            -- Are `Current' and `other' attached to isomorphic object structures?
+        require
+            other_not_void: other /= Void
+        external
+            "built_in"
+        ensure
+            shallow_implies_deep: standard_is_equal (other) implies Result
+            same_type: Result implies same_type (other)
+            symmetric: Result implies other.is_deep_equal (Current)
+        end
+
+    frozen deep_equal (a: detachable ANY; b: like a): BOOLEAN
+            -- Are `a' and `b' either both void
+            -- or attached to isomorphic object structures?
+        do
+            if a = Void then
+                Result := b = Void
+            else
+                Result := b /= Void and then a.is_deep_equal (b)
+            end
+        ensure
+            shallow_implies_deep: standard_equal (a, b) implies Result
+            both_or_none_void: (a = Void) implies (Result = (b = Void))
+            same_type: (Result and (a /= Void)) implies (b /= Void and then a.same_type (b))
+            symmetric: Result implies deep_equal (b, a)
+        end
+
+feature -- Duplication
+
+    frozen twin: like Current
+            -- New object equal to `Current'
+            -- `twin' calls `copy'; to change copying/twinning semantics, redefine `copy'.
+        external
+            "built_in"
+        ensure
+            twin_not_void: Result /= Void
+            is_equal: Result ~ Current
+        end
+
+    copy (other: like Current)
+            -- Update current object using fields of object attached
+            -- to `other', so as to yield equal objects.
+        require
+            other_not_void: other /= Void
+            type_identity: same_type (other)
+        external
+            "built_in"
+        ensure
+            is_equal: Current ~ other
+        end
+
+    frozen standard_copy (other: like Current)
+            -- Copy every field of `other' onto corresponding field
+            -- of current object.
+        require
+            other_not_void: other /= Void
+            type_identity: same_type (other)
+        external
+            "built_in"
+        ensure
+            is_standard_equal: standard_is_equal (other)
+        end
+
+    frozen clone (other: detachable ANY): like other
+            -- Void if `other' is void; otherwise new object
+            -- equal to `other'
+            --
+            -- For non-void `other', `clone' calls `copy';
+            -- to change copying/cloning semantics, redefine `copy'.
+        obsolete
+            "Use `twin' instead."
+        do
+            if other /= Void then
+                Result := other.twin
+            end
+        ensure
+            equal: Result ~ other
+        end
+
+    frozen standard_clone (other: detachable ANY): like other
+            -- Void if `other' is void; otherwise new object
+            -- field-by-field identical to `other'.
+            -- Always uses default copying semantics.
+        obsolete
+            "Use `standard_twin' instead."
+        do
+            if other /= Void then
+                Result := other.standard_twin
+            end
+        ensure
+            equal: standard_equal (Result, other)
+        end
+
+    frozen standard_twin: like Current
+            -- New object field-by-field identical to `other'.
+            -- Always uses default copying semantics.
+        external
+            "built_in"
+        ensure
+            standard_twin_not_void: Result /= Void
+            equal: standard_equal (Result, Current)
+        end
+
+    frozen deep_twin: like Current
+            -- New object structure recursively duplicated from Current.
+        external
+            "built_in"
+        ensure
+            deep_twin_not_void: Result /= Void
+            deep_equal: deep_equal (Current, Result)
+        end
+
+    frozen deep_clone (other: detachable ANY): like other
+            -- Void if `other' is void: otherwise, new object structure
+            -- recursively duplicated from the one attached to `other'
+        obsolete
+            "Use `deep_twin' instead."
+        do
+            if other /= Void then
+                Result := other.deep_twin
+            end
+        ensure
+            deep_equal: deep_equal (other, Result)
+        end
+
+    frozen deep_copy (other: like Current)
+            -- Effect equivalent to that of:
+            --      `copy' (`other' . `deep_twin')
+        require
+            other_not_void: other /= Void
+        do
+            copy (other.deep_twin)
+        ensure
+            deep_equal: deep_equal (Current, other)
+        end
+
+feature {NONE} -- Retrieval
+
+    frozen internal_correct_mismatch
+            -- Called from runtime to perform a proper dynamic dispatch on `correct_mismatch'
+            -- from MISMATCH_CORRECTOR.
+        local
+            l_msg: STRING
+            l_exc: EXCEPTIONS
+        do
+            if attached {MISMATCH_CORRECTOR} Current as l_corrector then
+                l_corrector.correct_mismatch
+            else
+                create l_msg.make_from_string ("Mismatch: ")
+                create l_exc
+                l_msg.append (generating_type.name)
+                l_exc.raise_retrieval_exception (l_msg)
+            end
+        end
+
+feature -- Output
+
+    io: STD_FILES
+            -- Handle to standard file setup
+        once
+            create Result
+            Result.set_output_default
+        ensure
+            io_not_void: Result /= Void
+        end
+
+    out: STRING
+            -- New string containing terse printable representation
+            -- of current object
+        do
+            Result := tagged_out
+        ensure
+            out_not_void: Result /= Void
+        end
+
+    frozen tagged_out: STRING
+            -- New string containing terse printable representation
+            -- of current object
+        external
+            "built_in"
+        ensure
+            tagged_out_not_void: Result /= Void
+        end
+
+    print (o: detachable ANY)
+            -- Write terse external representation of `o'
+            -- on standard output.
+        do
+            if o /= Void then
+                io.put_string (o.out)
+            end
+        end
+
+feature -- Platform
+
+    Operating_environment: OPERATING_ENVIRONMENT
+            -- Objects available from the operating system
+        once
+            create Result
+        ensure
+            operating_environment_not_void: Result /= Void
+        end
+
+feature {NONE} -- Initialization
+
+    default_create
+            -- Process instances of classes with no creation clause.
+            -- (Default: do nothing.)
+        do
+        end
+
+feature -- Basic operations
+
+    default_rescue
+            -- Process exception for routines with no Rescue clause.
+            -- (Default: do nothing.)
+        do
+        end
+
+    frozen do_nothing
+            -- Execute a null action.
+        do
+        end
+
+    frozen default: detachable like Current
+            -- Default value of object's type
+        do
+        end
+
+    frozen default_pointer: POINTER
+            -- Default value of type `POINTER'
+            -- (Avoid the need to write `p'.`default' for
+            -- some `p' of type `POINTER'.)
+        do
+        ensure
+            -- Result = Result.default
+        end
+
+    frozen as_attached: attached like Current
+            -- Attached version of Current
+            -- (Can be used during transitional period to convert
+            -- non-void-safe classes to void-safe ones.)
+        do
+            Result := Current
+        end
+
+invariant
+    reflexive_equality: standard_is_equal (Current)
+    reflexive_conformance: conforms_to (Current)
+
+note
+    copyright: "Copyright (c) 1984-2012, Eiffel Software and others"
+    license:   "Eiffel Forum License v2 (see http://www.eiffel.com/licensing/forum.txt)"
+    source: "[
+            Eiffel Software
+            5949 Hollister Ave., Goleta, CA 93117 USA
+            Telephone 805-685-1006, Fax 805-685-6869
+            Website http://www.eiffel.com
+            Customer support http://support.eiffel.com
+        ]"
+
+end
+
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: "text/x-eiffel",
+        tabMode: "indent",
+        indentUnit: 4,
+        lineNumbers: true,
+        theme: "neat"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-eiffel</code>.</p>
+ 
+ <p> Created by <a href="https://github.com/ynh">YNH</a>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/erlang/erlang.js b/src/main/webapp/codemirror/mode/erlang/erlang.js
new file mode 100644
index 00000000..af8953c3
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/erlang/erlang.js
@@ -0,0 +1,484 @@
+// block; "begin", "case", "fun", "if", "receive", "try": closed by "end"
+// block internal; "after", "catch", "of"
+// guard; "when", closed by "->"
+// "->" opens a clause, closed by ";" or "."
+// "<<" opens a binary, closed by ">>"
+// "," appears in arglists, lists, tuples and terminates lines of code
+// "." resets indentation to 0
+// obsolete; "cond", "let", "query"
+
+CodeMirror.defineMIME("text/x-erlang", "erlang");
+
+CodeMirror.defineMode("erlang", function(cmCfg) {
+
+  function rval(state,_stream,type) {
+    // distinguish between "." as terminator and record field operator
+    state.in_record = (type == "record");
+
+    //     erlang             -> CodeMirror tag
+    switch (type) {
+      case "atom":        return "atom";
+      case "attribute":   return "attribute";
+      case "boolean":     return "special";
+      case "builtin":     return "builtin";
+      case "comment":     return "comment";
+      case "fun":         return "meta";
+      case "function":    return "tag";
+      case "guard":       return "property";
+      case "keyword":     return "keyword";
+      case "macro":       return "variable-2";
+      case "number":      return "number";
+      case "operator":    return "operator";
+      case "record":      return "bracket";
+      case "string":      return "string";
+      case "type":        return "def";
+      case "variable":    return "variable";
+      case "error":       return "error";
+      case "separator":   return null;
+      case "open_paren":  return null;
+      case "close_paren": return null;
+      default:            return null;
+    }
+  }
+
+  var typeWords = [
+    "-type", "-spec", "-export_type", "-opaque"];
+
+  var keywordWords = [
+    "after","begin","catch","case","cond","end","fun","if",
+    "let","of","query","receive","try","when"];
+
+  var separatorRE        = /[\->\.,:;]/;
+  var separatorWords = [
+    "->",";",":",".",","];
+
+  var operatorWords = [
+    "and","andalso","band","bnot","bor","bsl","bsr","bxor",
+    "div","not","or","orelse","rem","xor"];
+
+  var symbolRE     = /[\+\-\*\/<>=\|:!]/;
+  var symbolWords = [
+    "+","-","*","/",">",">=","<","=<","=:=","==","=/=","/=","||","<-","!"];
+
+  var openParenRE  = /[<\(\[\{]/;
+  var openParenWords = [
+    "<<","(","[","{"];
+
+  var closeParenRE = /[>\)\]\}]/;
+  var closeParenWords = [
+    "}","]",")",">>"];
+
+  var guardWords = [
+    "is_atom","is_binary","is_bitstring","is_boolean","is_float",
+    "is_function","is_integer","is_list","is_number","is_pid",
+    "is_port","is_record","is_reference","is_tuple",
+    "atom","binary","bitstring","boolean","function","integer","list",
+    "number","pid","port","record","reference","tuple"];
+
+  var bifWords = [
+    "abs","adler32","adler32_combine","alive","apply","atom_to_binary",
+    "atom_to_list","binary_to_atom","binary_to_existing_atom",
+    "binary_to_list","binary_to_term","bit_size","bitstring_to_list",
+    "byte_size","check_process_code","contact_binary","crc32",
+    "crc32_combine","date","decode_packet","delete_module",
+    "disconnect_node","element","erase","exit","float","float_to_list",
+    "garbage_collect","get","get_keys","group_leader","halt","hd",
+    "integer_to_list","internal_bif","iolist_size","iolist_to_binary",
+    "is_alive","is_atom","is_binary","is_bitstring","is_boolean",
+    "is_float","is_function","is_integer","is_list","is_number","is_pid",
+    "is_port","is_process_alive","is_record","is_reference","is_tuple",
+    "length","link","list_to_atom","list_to_binary","list_to_bitstring",
+    "list_to_existing_atom","list_to_float","list_to_integer",
+    "list_to_pid","list_to_tuple","load_module","make_ref","module_loaded",
+    "monitor_node","node","node_link","node_unlink","nodes","notalive",
+    "now","open_port","pid_to_list","port_close","port_command",
+    "port_connect","port_control","pre_loaded","process_flag",
+    "process_info","processes","purge_module","put","register",
+    "registered","round","self","setelement","size","spawn","spawn_link",
+    "spawn_monitor","spawn_opt","split_binary","statistics",
+    "term_to_binary","time","throw","tl","trunc","tuple_size",
+    "tuple_to_list","unlink","unregister","whereis"];
+
+// [Ø-Þ] [À-Ö]
+// [ß-ö] [ø-ÿ]
+  var anumRE       = /[\w@Ø-ÞÀ-Öß-öø-ÿ]/;
+  var escapesRE    =
+    /[0-7]{1,3}|[bdefnrstv\\"']|\^[a-zA-Z]|x[0-9a-zA-Z]{2}|x{[0-9a-zA-Z]+}/;
+
+  function tokenize(stream, state) {
+
+    // in multi-line string
+    if (state.in_string) {
+      state.in_string =  (!doubleQuote(stream));
+      return rval(state,stream,"string");
+    }
+
+    // in multi-line atom
+    if (state.in_atom) {
+      state.in_atom =  (!singleQuote(stream));
+      return rval(state,stream,"atom");
+    }
+
+    // whitespace
+    if (stream.eatSpace()) {
+      return rval(state,stream,"whitespace");
+    }
+
+    // attributes and type specs
+    if ((peekToken(state).token == "") &&
+        stream.match(/-\s*[a-zß-öø-ÿ][\wØ-ÞÀ-Öß-öø-ÿ]*/)) {
+      if (isMember(stream.current(),typeWords)) {
+        return rval(state,stream,"type");
+      }else{
+        return rval(state,stream,"attribute");
+      }
+    }
+
+    var ch = stream.next();
+
+    // comment
+    if (ch == '%') {
+      stream.skipToEnd();
+      return rval(state,stream,"comment");
+    }
+
+    // macro
+    if (ch == '?') {
+      stream.eatWhile(anumRE);
+      return rval(state,stream,"macro");
+    }
+
+    // record
+    if (ch == "#") {
+      stream.eatWhile(anumRE);
+      return rval(state,stream,"record");
+    }
+
+    // dollar escape
+    if ( ch == "$" ) {
+      if (stream.next() == "\\" && !stream.match(escapesRE)) {
+        return rval(state,stream,"error");
+      }
+      return rval(state,stream,"number");
+    }
+
+    // quoted atom
+    if (ch == '\'') {
+      if (!(state.in_atom = (!singleQuote(stream)))) {
+        if (stream.match(/\s*\/\s*[0-9]/,false)) {
+          stream.match(/\s*\/\s*[0-9]/,true);
+          popToken(state);
+          return rval(state,stream,"fun");      // 'f'/0 style fun
+        }
+        if (stream.match(/\s*\(/,false) || stream.match(/\s*:/,false)) {
+          return rval(state,stream,"function");
+        }
+      }
+      return rval(state,stream,"atom");
+    }
+
+    // string
+    if (ch == '"') {
+      state.in_string = (!doubleQuote(stream));
+      return rval(state,stream,"string");
+    }
+
+    // variable
+    if (/[A-Z_Ø-ÞÀ-Ö]/.test(ch)) {
+      stream.eatWhile(anumRE);
+      return rval(state,stream,"variable");
+    }
+
+    // atom/keyword/BIF/function
+    if (/[a-z_ß-öø-ÿ]/.test(ch)) {
+      stream.eatWhile(anumRE);
+
+      if (stream.match(/\s*\/\s*[0-9]/,false)) {
+        stream.match(/\s*\/\s*[0-9]/,true);
+        popToken(state);
+        return rval(state,stream,"fun");      // f/0 style fun
+      }
+
+      var w = stream.current();
+
+      if (isMember(w,keywordWords)) {
+        pushToken(state,stream);
+        return rval(state,stream,"keyword");
+      }else if (stream.match(/\s*\(/,false)) {
+        // 'put' and 'erlang:put' are bifs, 'foo:put' is not
+        if (isMember(w,bifWords) &&
+            (!isPrev(stream,":") || isPrev(stream,"erlang:"))) {
+          return rval(state,stream,"builtin");
+        }else if (isMember(w,guardWords)) {
+          return rval(state,stream,"guard");
+        }else{
+          return rval(state,stream,"function");
+        }
+      }else if (isMember(w,operatorWords)) {
+        return rval(state,stream,"operator");
+      }else if (stream.match(/\s*:/,false)) {
+        if (w == "erlang") {
+          return rval(state,stream,"builtin");
+        } else {
+          return rval(state,stream,"function");
+        }
+      }else if (isMember(w,["true","false"])) {
+        return rval(state,stream,"boolean");
+      }else{
+        return rval(state,stream,"atom");
+      }
+    }
+
+    // number
+    var digitRE      = /[0-9]/;
+    var radixRE      = /[0-9a-zA-Z]/;         // 36#zZ style int
+    if (digitRE.test(ch)) {
+      stream.eatWhile(digitRE);
+      if (stream.eat('#')) {
+        stream.eatWhile(radixRE);    // 36#aZ  style integer
+      } else {
+        if (stream.eat('.')) {       // float
+          stream.eatWhile(digitRE);
+        }
+        if (stream.eat(/[eE]/)) {
+          stream.eat(/[-+]/);        // float with exponent
+          stream.eatWhile(digitRE);
+        }
+      }
+      return rval(state,stream,"number");   // normal integer
+    }
+
+    // open parens
+    if (nongreedy(stream,openParenRE,openParenWords)) {
+      pushToken(state,stream);
+      return rval(state,stream,"open_paren");
+    }
+
+    // close parens
+    if (nongreedy(stream,closeParenRE,closeParenWords)) {
+      pushToken(state,stream);
+      return rval(state,stream,"close_paren");
+    }
+
+    // separators
+    if (greedy(stream,separatorRE,separatorWords)) {
+      // distinguish between "." as terminator and record field operator
+      if (!state.in_record) {
+        pushToken(state,stream);
+      }
+      return rval(state,stream,"separator");
+    }
+
+    // operators
+    if (greedy(stream,symbolRE,symbolWords)) {
+      return rval(state,stream,"operator");
+    }
+
+    return rval(state,stream,null);
+  }
+
+  function isPrev(stream,string) {
+    var start = stream.start;
+    var len = string.length;
+    if (len <= start) {
+      var word = stream.string.slice(start-len,start);
+      return word == string;
+    }else{
+      return false;
+    }
+  }
+
+  function nongreedy(stream,re,words) {
+    if (stream.current().length == 1 && re.test(stream.current())) {
+      stream.backUp(1);
+      while (re.test(stream.peek())) {
+        stream.next();
+        if (isMember(stream.current(),words)) {
+          return true;
+        }
+      }
+      stream.backUp(stream.current().length-1);
+    }
+    return false;
+  }
+
+  function greedy(stream,re,words) {
+    if (stream.current().length == 1 && re.test(stream.current())) {
+      while (re.test(stream.peek())) {
+        stream.next();
+      }
+      while (0 < stream.current().length) {
+        if (isMember(stream.current(),words)) {
+          return true;
+        }else{
+          stream.backUp(1);
+        }
+      }
+      stream.next();
+    }
+    return false;
+  }
+
+  function doubleQuote(stream) {
+    return quote(stream, '"', '\\');
+  }
+
+  function singleQuote(stream) {
+    return quote(stream,'\'','\\');
+  }
+
+  function quote(stream,quoteChar,escapeChar) {
+    while (!stream.eol()) {
+      var ch = stream.next();
+      if (ch == quoteChar) {
+        return true;
+      }else if (ch == escapeChar) {
+        stream.next();
+      }
+    }
+    return false;
+  }
+
+  function isMember(element,list) {
+    return (-1 < list.indexOf(element));
+  }
+
+/////////////////////////////////////////////////////////////////////////////
+  function myIndent(state,textAfter) {
+    var indent = cmCfg.indentUnit;
+    var token = (peekToken(state)).token;
+    var wordAfter = takewhile(textAfter,/[^a-z]/);
+
+    if (state.in_string || state.in_atom) {
+      return CodeMirror.Pass;
+    }else if (token == "") {
+      return 0;
+    }else if (isMember(token,openParenWords)) {
+      return (peekToken(state)).column+token.length;
+    }else if (token == "when") {
+      return (peekToken(state)).column+token.length+1;
+    }else if (token == "fun" && wordAfter == "") {
+      return (peekToken(state)).column+token.length;
+    }else if (token == "->") {
+      if (isMember(wordAfter,["end","after","catch"])) {
+        return peekToken(state,2).column;
+      }else if (peekToken(state,2).token == "fun") {
+        return peekToken(state,2).column+indent;
+      }else if (peekToken(state,2).token == "") {
+        return indent;
+      }else{
+        return (peekToken(state)).indent+indent;
+      }
+    }else if (isMember(wordAfter,["after","catch","of"])) {
+      return (peekToken(state)).indent;
+    }else{
+      return (peekToken(state)).column+indent;
+    }
+  }
+
+  function takewhile(str,re) {
+    var m = str.match(re);
+    return m ? str.slice(0,m.index) : str;
+  }
+
+  function Token(stream) {
+    this.token  = stream ? stream.current() : "";
+    this.column = stream ? stream.column() : 0;
+    this.indent = stream ? stream.indentation() : 0;
+  }
+
+  function popToken(state) {
+    return state.tokenStack.pop();
+  }
+
+  function peekToken(state,depth) {
+    var len = state.tokenStack.length;
+    var dep = (depth ? depth : 1);
+    if (len < dep) {
+      return new Token;
+    }else{
+      return state.tokenStack[len-dep];
+    }
+  }
+
+  function pushToken(state,stream) {
+    var token = stream.current();
+    var prev_token = peekToken(state).token;
+
+    if (token == ".") {
+      state.tokenStack = [];
+      return false;
+    }else if(isMember(token,[",", ":", "of", "cond", "let", "query"])) {
+      return false;
+    }else if (drop_last(prev_token,token)) {
+      return false;
+    }else if (drop_both(prev_token,token)) {
+      popToken(state);
+      return false;
+    }else if (drop_first(prev_token,token)) {
+      popToken(state);
+      return pushToken(state,stream);
+    }else if (isMember(token,["after","catch"])) {
+      return false;
+    }else{
+      state.tokenStack.push(new Token(stream));
+      return true;
+    }
+  }
+
+  function drop_last(open, close) {
+    switch(open+" "+close) {
+      case "when ;": return true;
+      default: return false;
+    }
+  }
+
+  function drop_first(open, close) {
+    switch (open+" "+close) {
+      case "when ->":       return true;
+      case "-> end":        return true;
+      default:              return false;
+    }
+  }
+
+  function drop_both(open, close) {
+    switch (open+" "+close) {
+      case "( )":         return true;
+      case "[ ]":         return true;
+      case "{ }":         return true;
+      case "<< >>":       return true;
+      case "begin end":   return true;
+      case "case end":    return true;
+      case "fun end":     return true;
+      case "if end":      return true;
+      case "receive end": return true;
+      case "try end":     return true;
+      case "-> catch":    return true;
+      case "-> after":    return true;
+      case "-> ;":        return true;
+      default:            return false;
+    }
+  }
+
+  return {
+    startState:
+      function() {
+        return {tokenStack: [],
+                in_record:  false,
+                in_string:  false,
+                in_atom:    false};
+      },
+
+    token:
+      function(stream, state) {
+        return tokenize(stream, state);
+      },
+
+    indent:
+      function(state, textAfter) {
+        return myIndent(state,textAfter);
+      },
+
+    lineComment: "%"
+  };
+});
diff --git a/src/main/webapp/codemirror/mode/erlang/index.html b/src/main/webapp/codemirror/mode/erlang/index.html
new file mode 100644
index 00000000..e63e2312
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/erlang/index.html
@@ -0,0 +1,75 @@
+<!doctype html>
+
+<title>CodeMirror: Erlang mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/erlang-dark.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="erlang.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Erlang</a>
+  </ul>
+</div>
+
+<article>
+<h2>Erlang mode</h2>
+<form><textarea id="code" name="code">
+%% -*- mode: erlang; erlang-indent-level: 2 -*-
+%%% Created :  7 May 2012 by mats cronqvist <masse@klarna.com>
+
+%% @doc
+%% Demonstrates how to print a record.
+%% @end
+
+-module('ex').
+-author('mats cronqvist').
+-export([demo/0,
+         rec_info/1]).
+
+-record(demo,{a="One",b="Two",c="Three",d="Four"}).
+
+rec_info(demo) -> record_info(fields,demo).
+
+demo() -> expand_recs(?MODULE,#demo{a="A",b="BB"}).
+
+expand_recs(M,List) when is_list(List) ->
+  [expand_recs(M,L)||L<-List];
+expand_recs(M,Tup) when is_tuple(Tup) ->
+  case tuple_size(Tup) of
+    L when L < 1 -> Tup;
+    L ->
+      try Fields = M:rec_info(element(1,Tup)),
+          L = length(Fields)+1,
+          lists:zip(Fields,expand_recs(M,tl(tuple_to_list(Tup))))
+      catch _:_ ->
+          list_to_tuple(expand_recs(M,tuple_to_list(Tup)))
+      end
+  end;
+expand_recs(_,Term) ->
+  Term.
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        extraKeys: {"Tab":  "indentAuto"},
+        theme: "erlang-dark"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-erlang</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/fortran/fortran.js b/src/main/webapp/codemirror/mode/fortran/fortran.js
new file mode 100644
index 00000000..83fd8fde
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/fortran/fortran.js
@@ -0,0 +1,173 @@
+CodeMirror.defineMode("fortran", function() {
+  function words(array) {
+    var keys = {};
+    for (var i = 0; i < array.length; ++i) {
+      keys[array[i]] = true;
+    }
+    return keys;
+  }
+
+  var keywords = words([
+                  "abstract", "accept", "allocatable", "allocate",
+                  "array", "assign", "asynchronous", "backspace",
+                  "bind", "block", "byte", "call", "case",
+                  "class", "close", "common", "contains",
+                  "continue", "cycle", "data", "deallocate",
+                  "decode", "deferred", "dimension", "do",
+                  "elemental", "else", "encode", "end",
+                  "endif", "entry", "enumerator", "equivalence",
+                  "exit", "external", "extrinsic", "final",
+                  "forall", "format", "function", "generic",
+                  "go", "goto", "if", "implicit", "import", "include",
+                  "inquire", "intent", "interface", "intrinsic",
+                  "module", "namelist", "non_intrinsic",
+                  "non_overridable", "none", "nopass",
+                  "nullify", "open", "optional", "options",
+                  "parameter", "pass", "pause", "pointer",
+                  "print", "private", "program", "protected",
+                  "public", "pure", "read", "recursive", "result",
+                  "return", "rewind", "save", "select", "sequence",
+                  "stop", "subroutine", "target", "then", "to", "type",
+                  "use", "value", "volatile", "where", "while",
+                  "write"]);
+  var builtins = words(["abort", "abs", "access", "achar", "acos",
+                          "adjustl", "adjustr", "aimag", "aint", "alarm",
+                          "all", "allocated", "alog", "amax", "amin",
+                          "amod", "and", "anint", "any", "asin",
+                          "associated", "atan", "besj", "besjn", "besy",
+                          "besyn", "bit_size", "btest", "cabs", "ccos",
+                          "ceiling", "cexp", "char", "chdir", "chmod",
+                          "clog", "cmplx", "command_argument_count",
+                          "complex", "conjg", "cos", "cosh", "count",
+                          "cpu_time", "cshift", "csin", "csqrt", "ctime",
+                          "c_funloc", "c_loc", "c_associated", "c_null_ptr",
+                          "c_null_funptr", "c_f_pointer", "c_null_char",
+                          "c_alert", "c_backspace", "c_form_feed",
+                          "c_new_line", "c_carriage_return",
+                          "c_horizontal_tab", "c_vertical_tab", "dabs",
+                          "dacos", "dasin", "datan", "date_and_time",
+                          "dbesj", "dbesj", "dbesjn", "dbesy", "dbesy",
+                          "dbesyn", "dble", "dcos", "dcosh", "ddim", "derf",
+                          "derfc", "dexp", "digits", "dim", "dint", "dlog",
+                          "dlog", "dmax", "dmin", "dmod", "dnint",
+                          "dot_product", "dprod", "dsign", "dsinh",
+                          "dsin", "dsqrt", "dtanh", "dtan", "dtime",
+                          "eoshift", "epsilon", "erf", "erfc", "etime",
+                          "exit", "exp", "exponent", "extends_type_of",
+                          "fdate", "fget", "fgetc", "float", "floor",
+                          "flush", "fnum", "fputc", "fput", "fraction",
+                          "fseek", "fstat", "ftell", "gerror", "getarg",
+                          "get_command", "get_command_argument",
+                          "get_environment_variable", "getcwd",
+                          "getenv", "getgid", "getlog", "getpid",
+                          "getuid", "gmtime", "hostnm", "huge", "iabs",
+                          "iachar", "iand", "iargc", "ibclr", "ibits",
+                          "ibset", "ichar", "idate", "idim", "idint",
+                          "idnint", "ieor", "ierrno", "ifix", "imag",
+                          "imagpart", "index", "int", "ior", "irand",
+                          "isatty", "ishft", "ishftc", "isign",
+                          "iso_c_binding", "is_iostat_end", "is_iostat_eor",
+                          "itime", "kill", "kind", "lbound", "len", "len_trim",
+                          "lge", "lgt", "link", "lle", "llt", "lnblnk", "loc",
+                          "log", "logical", "long", "lshift", "lstat", "ltime",
+                          "matmul", "max", "maxexponent", "maxloc", "maxval",
+                          "mclock", "merge", "move_alloc", "min", "minexponent",
+                          "minloc", "minval", "mod", "modulo", "mvbits",
+                          "nearest", "new_line", "nint", "not", "or", "pack",
+                          "perror", "precision", "present", "product", "radix",
+                          "rand", "random_number", "random_seed", "range",
+                          "real", "realpart", "rename", "repeat", "reshape",
+                          "rrspacing", "rshift", "same_type_as", "scale",
+                          "scan", "second", "selected_int_kind",
+                          "selected_real_kind", "set_exponent", "shape",
+                          "short", "sign", "signal", "sinh", "sin", "sleep",
+                          "sngl", "spacing", "spread", "sqrt", "srand", "stat",
+                          "sum", "symlnk", "system", "system_clock", "tan",
+                          "tanh", "time", "tiny", "transfer", "transpose",
+                          "trim", "ttynam", "ubound", "umask", "unlink",
+                          "unpack", "verify", "xor", "zabs", "zcos", "zexp",
+                          "zlog", "zsin", "zsqrt"]);
+
+    var dataTypes =  words(["c_bool", "c_char", "c_double", "c_double_complex",
+                     "c_float", "c_float_complex", "c_funptr", "c_int",
+                     "c_int16_t", "c_int32_t", "c_int64_t", "c_int8_t",
+                     "c_int_fast16_t", "c_int_fast32_t", "c_int_fast64_t",
+                     "c_int_fast8_t", "c_int_least16_t", "c_int_least32_t",
+                     "c_int_least64_t", "c_int_least8_t", "c_intmax_t",
+                     "c_intptr_t", "c_long", "c_long_double",
+                     "c_long_double_complex", "c_long_long", "c_ptr",
+                     "c_short", "c_signed_char", "c_size_t", "character",
+                     "complex", "double", "integer", "logical", "real"]);
+  var isOperatorChar = /[+\-*&=<>\/\:]/;
+  var litOperator = new RegExp("(\.and\.|\.or\.|\.eq\.|\.lt\.|\.le\.|\.gt\.|\.ge\.|\.ne\.|\.not\.|\.eqv\.|\.neqv\.)", "i");
+
+  function tokenBase(stream, state) {
+
+    if (stream.match(litOperator)){
+        return 'operator';
+    }
+
+    var ch = stream.next();
+    if (ch == "!") {
+      stream.skipToEnd();
+      return "comment";
+    }
+    if (ch == '"' || ch == "'") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    }
+    if (/[\[\]\(\),]/.test(ch)) {
+      return null;
+    }
+    if (/\d/.test(ch)) {
+      stream.eatWhile(/[\w\.]/);
+      return "number";
+    }
+    if (isOperatorChar.test(ch)) {
+      stream.eatWhile(isOperatorChar);
+      return "operator";
+    }
+    stream.eatWhile(/[\w\$_]/);
+    var word = stream.current().toLowerCase();
+
+    if (keywords.hasOwnProperty(word)){
+            return 'keyword';
+    }
+    if (builtins.hasOwnProperty(word) || dataTypes.hasOwnProperty(word)) {
+            return 'builtin';
+    }
+    return "variable";
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, next, end = false;
+      while ((next = stream.next()) != null) {
+        if (next == quote && !escaped) {
+            end = true;
+            break;
+        }
+        escaped = !escaped && next == "\\";
+      }
+      if (end || !escaped) state.tokenize = null;
+      return "string";
+    };
+  }
+
+  // Interface
+
+  return {
+    startState: function() {
+      return {tokenize: null};
+    },
+
+    token: function(stream, state) {
+      if (stream.eatSpace()) return null;
+      var style = (state.tokenize || tokenBase)(stream, state);
+      if (style == "comment" || style == "meta") return style;
+      return style;
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/x-fortran", "fortran");
diff --git a/src/main/webapp/codemirror/mode/fortran/index.html b/src/main/webapp/codemirror/mode/fortran/index.html
new file mode 100644
index 00000000..efa55ec8
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/fortran/index.html
@@ -0,0 +1,81 @@
+<!doctype html>
+
+<title>CodeMirror: Fortran mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="fortran.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Fortran</a>
+  </ul>
+</div>
+
+<article>
+<h2>Fortran mode</h2>
+
+
+<div><textarea id="code" name="code">
+! Example Fortran code
+  program average
+
+  ! Read in some numbers and take the average
+  ! As written, if there are no data points, an average of zero is returned
+  ! While this may not be desired behavior, it keeps this example simple
+
+  implicit none
+
+  real, dimension(:), allocatable :: points
+  integer                         :: number_of_points
+  real                            :: average_points=0., positive_average=0., negative_average=0.
+
+  write (*,*) "Input number of points to average:"
+  read  (*,*) number_of_points
+
+  allocate (points(number_of_points))
+
+  write (*,*) "Enter the points to average:"
+  read  (*,*) points
+
+  ! Take the average by summing points and dividing by number_of_points
+  if (number_of_points > 0) average_points = sum(points) / number_of_points
+
+  ! Now form average over positive and negative points only
+  if (count(points > 0.) > 0) then
+     positive_average = sum(points, points > 0.) / count(points > 0.)
+  end if
+
+  if (count(points < 0.) > 0) then
+     negative_average = sum(points, points < 0.) / count(points < 0.)
+  end if
+
+  deallocate (points)
+
+  ! Print result to terminal
+  write (*,'(a,g12.4)') 'Average = ', average_points
+  write (*,'(a,g12.4)') 'Average of positive points = ', positive_average
+  write (*,'(a,g12.4)') 'Average of negative points = ', negative_average
+
+  end program average
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        mode: "text/x-fortran"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-Fortran</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/gas/gas.js b/src/main/webapp/codemirror/mode/gas/gas.js
new file mode 100644
index 00000000..a6e68929
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/gas/gas.js
@@ -0,0 +1,330 @@
+CodeMirror.defineMode("gas", function(_config, parserConfig) {
+  'use strict';
+
+  // If an architecture is specified, its initialization function may
+  // populate this array with custom parsing functions which will be
+  // tried in the event that the standard functions do not find a match.
+  var custom = [];
+
+  // The symbol used to start a line comment changes based on the target
+  // architecture.
+  // If no architecture is pased in "parserConfig" then only multiline
+  // comments will have syntax support.
+  var lineCommentStartSymbol = "";
+
+  // These directives are architecture independent.
+  // Machine specific directives should go in their respective
+  // architecture initialization function.
+  // Reference:
+  // http://sourceware.org/binutils/docs/as/Pseudo-Ops.html#Pseudo-Ops
+  var directives = {
+    ".abort" : "builtin",
+    ".align" : "builtin",
+    ".altmacro" : "builtin",
+    ".ascii" : "builtin",
+    ".asciz" : "builtin",
+    ".balign" : "builtin",
+    ".balignw" : "builtin",
+    ".balignl" : "builtin",
+    ".bundle_align_mode" : "builtin",
+    ".bundle_lock" : "builtin",
+    ".bundle_unlock" : "builtin",
+    ".byte" : "builtin",
+    ".cfi_startproc" : "builtin",
+    ".comm" : "builtin",
+    ".data" : "builtin",
+    ".def" : "builtin",
+    ".desc" : "builtin",
+    ".dim" : "builtin",
+    ".double" : "builtin",
+    ".eject" : "builtin",
+    ".else" : "builtin",
+    ".elseif" : "builtin",
+    ".end" : "builtin",
+    ".endef" : "builtin",
+    ".endfunc" : "builtin",
+    ".endif" : "builtin",
+    ".equ" : "builtin",
+    ".equiv" : "builtin",
+    ".eqv" : "builtin",
+    ".err" : "builtin",
+    ".error" : "builtin",
+    ".exitm" : "builtin",
+    ".extern" : "builtin",
+    ".fail" : "builtin",
+    ".file" : "builtin",
+    ".fill" : "builtin",
+    ".float" : "builtin",
+    ".func" : "builtin",
+    ".global" : "builtin",
+    ".gnu_attribute" : "builtin",
+    ".hidden" : "builtin",
+    ".hword" : "builtin",
+    ".ident" : "builtin",
+    ".if" : "builtin",
+    ".incbin" : "builtin",
+    ".include" : "builtin",
+    ".int" : "builtin",
+    ".internal" : "builtin",
+    ".irp" : "builtin",
+    ".irpc" : "builtin",
+    ".lcomm" : "builtin",
+    ".lflags" : "builtin",
+    ".line" : "builtin",
+    ".linkonce" : "builtin",
+    ".list" : "builtin",
+    ".ln" : "builtin",
+    ".loc" : "builtin",
+    ".loc_mark_labels" : "builtin",
+    ".local" : "builtin",
+    ".long" : "builtin",
+    ".macro" : "builtin",
+    ".mri" : "builtin",
+    ".noaltmacro" : "builtin",
+    ".nolist" : "builtin",
+    ".octa" : "builtin",
+    ".offset" : "builtin",
+    ".org" : "builtin",
+    ".p2align" : "builtin",
+    ".popsection" : "builtin",
+    ".previous" : "builtin",
+    ".print" : "builtin",
+    ".protected" : "builtin",
+    ".psize" : "builtin",
+    ".purgem" : "builtin",
+    ".pushsection" : "builtin",
+    ".quad" : "builtin",
+    ".reloc" : "builtin",
+    ".rept" : "builtin",
+    ".sbttl" : "builtin",
+    ".scl" : "builtin",
+    ".section" : "builtin",
+    ".set" : "builtin",
+    ".short" : "builtin",
+    ".single" : "builtin",
+    ".size" : "builtin",
+    ".skip" : "builtin",
+    ".sleb128" : "builtin",
+    ".space" : "builtin",
+    ".stab" : "builtin",
+    ".string" : "builtin",
+    ".struct" : "builtin",
+    ".subsection" : "builtin",
+    ".symver" : "builtin",
+    ".tag" : "builtin",
+    ".text" : "builtin",
+    ".title" : "builtin",
+    ".type" : "builtin",
+    ".uleb128" : "builtin",
+    ".val" : "builtin",
+    ".version" : "builtin",
+    ".vtable_entry" : "builtin",
+    ".vtable_inherit" : "builtin",
+    ".warning" : "builtin",
+    ".weak" : "builtin",
+    ".weakref" : "builtin",
+    ".word" : "builtin"
+  };
+
+  var registers = {};
+
+  function x86(_parserConfig) {
+    lineCommentStartSymbol = "#";
+
+    registers.ax  = "variable";
+    registers.eax = "variable-2";
+    registers.rax = "variable-3";
+
+    registers.bx  = "variable";
+    registers.ebx = "variable-2";
+    registers.rbx = "variable-3";
+
+    registers.cx  = "variable";
+    registers.ecx = "variable-2";
+    registers.rcx = "variable-3";
+
+    registers.dx  = "variable";
+    registers.edx = "variable-2";
+    registers.rdx = "variable-3";
+
+    registers.si  = "variable";
+    registers.esi = "variable-2";
+    registers.rsi = "variable-3";
+
+    registers.di  = "variable";
+    registers.edi = "variable-2";
+    registers.rdi = "variable-3";
+
+    registers.sp  = "variable";
+    registers.esp = "variable-2";
+    registers.rsp = "variable-3";
+
+    registers.bp  = "variable";
+    registers.ebp = "variable-2";
+    registers.rbp = "variable-3";
+
+    registers.ip  = "variable";
+    registers.eip = "variable-2";
+    registers.rip = "variable-3";
+
+    registers.cs  = "keyword";
+    registers.ds  = "keyword";
+    registers.ss  = "keyword";
+    registers.es  = "keyword";
+    registers.fs  = "keyword";
+    registers.gs  = "keyword";
+  }
+
+  function armv6(_parserConfig) {
+    // Reference:
+    // http://infocenter.arm.com/help/topic/com.arm.doc.qrc0001l/QRC0001_UAL.pdf
+    // http://infocenter.arm.com/help/topic/com.arm.doc.ddi0301h/DDI0301H_arm1176jzfs_r0p7_trm.pdf
+    lineCommentStartSymbol = "@";
+    directives.syntax = "builtin";
+
+    registers.r0  = "variable";
+    registers.r1  = "variable";
+    registers.r2  = "variable";
+    registers.r3  = "variable";
+    registers.r4  = "variable";
+    registers.r5  = "variable";
+    registers.r6  = "variable";
+    registers.r7  = "variable";
+    registers.r8  = "variable";
+    registers.r9  = "variable";
+    registers.r10 = "variable";
+    registers.r11 = "variable";
+    registers.r12 = "variable";
+
+    registers.sp  = "variable-2";
+    registers.lr  = "variable-2";
+    registers.pc  = "variable-2";
+    registers.r13 = registers.sp;
+    registers.r14 = registers.lr;
+    registers.r15 = registers.pc;
+
+    custom.push(function(ch, stream) {
+      if (ch === '#') {
+        stream.eatWhile(/\w/);
+        return "number";
+      }
+    });
+  }
+
+  var arch = parserConfig.architecture.toLowerCase();
+  if (arch === "x86") {
+    x86(parserConfig);
+  } else if (arch === "arm" || arch === "armv6") {
+    armv6(parserConfig);
+  }
+
+  function nextUntilUnescaped(stream, end) {
+    var escaped = false, next;
+    while ((next = stream.next()) != null) {
+      if (next === end && !escaped) {
+        return false;
+      }
+      escaped = !escaped && next === "\\";
+    }
+    return escaped;
+  }
+
+  function clikeComment(stream, state) {
+    var maybeEnd = false, ch;
+    while ((ch = stream.next()) != null) {
+      if (ch === "/" && maybeEnd) {
+        state.tokenize = null;
+        break;
+      }
+      maybeEnd = (ch === "*");
+    }
+    return "comment";
+  }
+
+  return {
+    startState: function() {
+      return {
+        tokenize: null
+      };
+    },
+
+    token: function(stream, state) {
+      if (state.tokenize) {
+        return state.tokenize(stream, state);
+      }
+
+      if (stream.eatSpace()) {
+        return null;
+      }
+
+      var style, cur, ch = stream.next();
+
+      if (ch === "/") {
+        if (stream.eat("*")) {
+          state.tokenize = clikeComment;
+          return clikeComment(stream, state);
+        }
+      }
+
+      if (ch === lineCommentStartSymbol) {
+        stream.skipToEnd();
+        return "comment";
+      }
+
+      if (ch === '"') {
+        nextUntilUnescaped(stream, '"');
+        return "string";
+      }
+
+      if (ch === '.') {
+        stream.eatWhile(/\w/);
+        cur = stream.current().toLowerCase();
+        style = directives[cur];
+        return style || null;
+      }
+
+      if (ch === '=') {
+        stream.eatWhile(/\w/);
+        return "tag";
+      }
+
+      if (ch === '{') {
+        return "braket";
+      }
+
+      if (ch === '}') {
+        return "braket";
+      }
+
+      if (/\d/.test(ch)) {
+        if (ch === "0" && stream.eat("x")) {
+          stream.eatWhile(/[0-9a-fA-F]/);
+          return "number";
+        }
+        stream.eatWhile(/\d/);
+        return "number";
+      }
+
+      if (/\w/.test(ch)) {
+        stream.eatWhile(/\w/);
+        if (stream.eat(":")) {
+          return 'tag';
+        }
+        cur = stream.current().toLowerCase();
+        style = registers[cur];
+        return style || null;
+      }
+
+      for (var i = 0; i < custom.length; i++) {
+        style = custom[i](ch, stream, state);
+        if (style) {
+          return style;
+        }
+      }
+    },
+
+    lineComment: lineCommentStartSymbol,
+    blockCommentStart: "/*",
+    blockCommentEnd: "*/"
+  };
+});
diff --git a/src/main/webapp/codemirror/mode/gas/index.html b/src/main/webapp/codemirror/mode/gas/index.html
new file mode 100644
index 00000000..cd8a2ff5
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/gas/index.html
@@ -0,0 +1,68 @@
+<!doctype html>
+
+<title>CodeMirror: Gas mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="gas.js"></script>
+<style>.CodeMirror {border: 2px inset #dee;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Gas</a>
+  </ul>
+</div>
+
+<article>
+<h2>Gas mode</h2>
+<form>
+<textarea id="code" name="code">
+.syntax unified
+.global main
+
+/* 
+ *  A
+ *  multi-line
+ *  comment.
+ */
+
+@ A single line comment.
+
+main:
+        push    {sp, lr}
+        ldr     r0, =message
+        bl      puts
+        mov     r0, #0
+        pop     {sp, pc}
+
+message:
+        .asciz "Hello world!<br />"
+</textarea>
+        </form>
+
+        <script>
+            var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+                lineNumbers: true,
+                mode: {name: "gas", architecture: "ARMv6"},
+            });
+        </script>
+
+        <p>Handles AT&amp;T assembler syntax (more specifically this handles
+        the GNU Assembler (gas) syntax.)
+        It takes a single optional configuration parameter:
+        <code>architecture</code>, which can be one of <code>"ARM"</code>,
+        <code>"ARMv6"</code> or <code>"x86"</code>.
+        Including the parameter adds syntax for the registers and special
+        directives for the supplied architecture.
+
+        <p><strong>MIME types defined:</strong> <code>text/x-gas</code></p>
+    </article>
diff --git a/src/main/webapp/codemirror/mode/gfm/gfm.js b/src/main/webapp/codemirror/mode/gfm/gfm.js
new file mode 100644
index 00000000..1411a938
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/gfm/gfm.js
@@ -0,0 +1,97 @@
+CodeMirror.defineMode("gfm", function(config) {
+  var codeDepth = 0;
+  function blankLine(state) {
+    state.code = false;
+    return null;
+  }
+  var gfmOverlay = {
+    startState: function() {
+      return {
+        code: false,
+        codeBlock: false,
+        ateSpace: false
+      };
+    },
+    copyState: function(s) {
+      return {
+        code: s.code,
+        codeBlock: s.codeBlock,
+        ateSpace: s.ateSpace
+      };
+    },
+    token: function(stream, state) {
+      // Hack to prevent formatting override inside code blocks (block and inline)
+      if (state.codeBlock) {
+        if (stream.match(/^```/)) {
+          state.codeBlock = false;
+          return null;
+        }
+        stream.skipToEnd();
+        return null;
+      }
+      if (stream.sol()) {
+        state.code = false;
+      }
+      if (stream.sol() && stream.match(/^```/)) {
+        stream.skipToEnd();
+        state.codeBlock = true;
+        return null;
+      }
+      // If this block is changed, it may need to be updated in Markdown mode
+      if (stream.peek() === '`') {
+        stream.next();
+        var before = stream.pos;
+        stream.eatWhile('`');
+        var difference = 1 + stream.pos - before;
+        if (!state.code) {
+          codeDepth = difference;
+          state.code = true;
+        } else {
+          if (difference === codeDepth) { // Must be exact
+            state.code = false;
+          }
+        }
+        return null;
+      } else if (state.code) {
+        stream.next();
+        return null;
+      }
+      // Check if space. If so, links can be formatted later on
+      if (stream.eatSpace()) {
+        state.ateSpace = true;
+        return null;
+      }
+      if (stream.sol() || state.ateSpace) {
+        state.ateSpace = false;
+        if(stream.match(/^(?:[a-zA-Z0-9\-_]+\/)?(?:[a-zA-Z0-9\-_]+@)?(?:[a-f0-9]{7,40}\b)/)) {
+          // User/Project@SHA
+          // User@SHA
+          // SHA
+          return "link";
+        } else if (stream.match(/^(?:[a-zA-Z0-9\-_]+\/)?(?:[a-zA-Z0-9\-_]+)?#[0-9]+\b/)) {
+          // User/Project#Num
+          // User#Num
+          // #Num
+          return "link";
+        }
+      }
+      if (stream.match(/^((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\([^\s()<>]*\))+(?:\([^\s()<>]*\)|[^\s`!()\[\]{};:'".,<>?«»“”‘’]))/i) &&
+         stream.string.slice(stream.start - 2, stream.start) != "](") {
+        // URLs
+        // Taken from http://daringfireball.net/2010/07/improved_regex_for_matching_urls
+        // And then (issue #1160) simplified to make it not crash the Chrome Regexp engine
+        return "link";
+      }
+      stream.next();
+      return null;
+    },
+    blankLine: blankLine
+  };
+  CodeMirror.defineMIME("gfmBase", {
+    name: "markdown",
+    underscoresBreakWords: false,
+    taskLists: true,
+    fencedCodeBlocks: true
+  });
+  return CodeMirror.overlayMode(CodeMirror.getMode(config, "gfmBase"), gfmOverlay);
+}, "markdown");
diff --git a/src/main/webapp/codemirror/mode/gfm/index.html b/src/main/webapp/codemirror/mode/gfm/index.html
new file mode 100644
index 00000000..b71cd5c7
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/gfm/index.html
@@ -0,0 +1,82 @@
+<!doctype html>
+
+<title>CodeMirror: GFM mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/mode/overlay.js"></script>
+<script src="../xml/xml.js"></script>
+<script src="../markdown/markdown.js"></script>
+<script src="gfm.js"></script>
+<script src="../javascript/javascript.js"></script>
+<script src="../css/css.js"></script>
+<script src="../htmlmixed/htmlmixed.js"></script>
+<script src="../clike/clike.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">GFM</a>
+  </ul>
+</div>
+
+<article>
+<h2>GFM mode</h2>
+<form><textarea id="code" name="code">
+GitHub Flavored Markdown
+========================
+
+Everything from markdown plus GFM features:
+
+## URL autolinking
+
+Underscores_are_allowed_between_words.
+
+## Fenced code blocks (and syntax highlighting)
+
+```javascript
+for (var i = 0; i &lt; items.length; i++) {
+    console.log(items[i], i); // log them
+}
+```
+
+## Task Lists
+
+- [ ] Incomplete task list item
+- [x] **Completed** task list item
+
+## A bit of GitHub spice
+
+* SHA: be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2
+* User@SHA ref: mojombo@be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2
+* User/Project@SHA: mojombo/god@be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2
+* \#Num: #1
+* User/#Num: mojombo#1
+* User/Project#Num: mojombo/god#1
+
+See http://github.github.com/github-flavored-markdown/.
+
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: 'gfm',
+        lineNumbers: true,
+        theme: "default"
+      });
+    </script>
+
+    <p>Optionally depends on other modes for properly highlighted code blocks.</p>
+
+    <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#gfm_*">normal</a>,  <a href="../../test/index.html#verbose,gfm_*">verbose</a>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/gfm/test.js b/src/main/webapp/codemirror/mode/gfm/test.js
new file mode 100644
index 00000000..3ccaec50
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/gfm/test.js
@@ -0,0 +1,112 @@
+(function() {
+  var mode = CodeMirror.getMode({tabSize: 4}, "gfm");
+  function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1)); }
+
+  MT("emInWordAsterisk",
+     "foo[em *bar*]hello");
+
+  MT("emInWordUnderscore",
+     "foo_bar_hello");
+
+  MT("emStrongUnderscore",
+     "[strong __][em&strong _foo__][em _] bar");
+
+  MT("fencedCodeBlocks",
+     "[comment ```]",
+     "[comment foo]",
+     "",
+     "[comment ```]",
+     "bar");
+
+  MT("fencedCodeBlockModeSwitching",
+     "[comment ```javascript]",
+     "[variable foo]",
+     "",
+     "[comment ```]",
+     "bar");
+
+  MT("taskListAsterisk",
+     "[variable-2 * []] foo]", // Invalid; must have space or x between []
+     "[variable-2 * [ ]]bar]", // Invalid; must have space after ]
+     "[variable-2 * [x]]hello]", // Invalid; must have space after ]
+     "[variable-2 * ][meta [ ]]][variable-2  [world]]]", // Valid; tests reference style links
+     "    [variable-3 * ][property [x]]][variable-3  foo]"); // Valid; can be nested
+
+  MT("taskListPlus",
+     "[variable-2 + []] foo]", // Invalid; must have space or x between []
+     "[variable-2 + [ ]]bar]", // Invalid; must have space after ]
+     "[variable-2 + [x]]hello]", // Invalid; must have space after ]
+     "[variable-2 + ][meta [ ]]][variable-2  [world]]]", // Valid; tests reference style links
+     "    [variable-3 + ][property [x]]][variable-3  foo]"); // Valid; can be nested
+
+  MT("taskListDash",
+     "[variable-2 - []] foo]", // Invalid; must have space or x between []
+     "[variable-2 - [ ]]bar]", // Invalid; must have space after ]
+     "[variable-2 - [x]]hello]", // Invalid; must have space after ]
+     "[variable-2 - ][meta [ ]]][variable-2  [world]]]", // Valid; tests reference style links
+     "    [variable-3 - ][property [x]]][variable-3  foo]"); // Valid; can be nested
+
+  MT("taskListNumber",
+     "[variable-2 1. []] foo]", // Invalid; must have space or x between []
+     "[variable-2 2. [ ]]bar]", // Invalid; must have space after ]
+     "[variable-2 3. [x]]hello]", // Invalid; must have space after ]
+     "[variable-2 4. ][meta [ ]]][variable-2  [world]]]", // Valid; tests reference style links
+     "    [variable-3 1. ][property [x]]][variable-3  foo]"); // Valid; can be nested
+
+  MT("SHA",
+     "foo [link be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2] bar");
+
+  MT("shortSHA",
+     "foo [link be6a8cc] bar");
+
+  MT("tooShortSHA",
+     "foo be6a8c bar");
+
+  MT("longSHA",
+     "foo be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd22 bar");
+
+  MT("badSHA",
+     "foo be6a8cc1c1ecfe9489fb51e4869af15a13fc2cg2 bar");
+
+  MT("userSHA",
+     "foo [link bar@be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2] hello");
+
+  MT("userProjectSHA",
+     "foo [link bar/hello@be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2] world");
+
+  MT("num",
+     "foo [link #1] bar");
+
+  MT("badNum",
+     "foo #1bar hello");
+
+  MT("userNum",
+     "foo [link bar#1] hello");
+
+  MT("userProjectNum",
+     "foo [link bar/hello#1] world");
+
+  MT("vanillaLink",
+     "foo [link http://www.example.com/] bar");
+
+  MT("vanillaLinkPunctuation",
+     "foo [link http://www.example.com/]. bar");
+
+  MT("vanillaLinkExtension",
+     "foo [link http://www.example.com/index.html] bar");
+
+  MT("notALink",
+     "[comment ```css]",
+     "[tag foo] {[property color][operator :][keyword black];}",
+     "[comment ```][link http://www.example.com/]");
+
+  MT("notALink",
+     "[comment ``foo `bar` http://www.example.com/``] hello");
+
+  MT("notALink",
+     "[comment `foo]",
+     "[link http://www.example.com/]",
+     "[comment `foo]",
+     "",
+     "[link http://www.example.com/]");
+})();
diff --git a/src/main/webapp/codemirror/mode/gherkin/gherkin.js b/src/main/webapp/codemirror/mode/gherkin/gherkin.js
new file mode 100644
index 00000000..dadb5836
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/gherkin/gherkin.js
@@ -0,0 +1,168 @@
+/*
+Gherkin mode - http://www.cukes.info/
+Report bugs/issues here: https://github.com/marijnh/CodeMirror/issues
+*/
+
+// Following Objs from Brackets implementation: https://github.com/tregusti/brackets-gherkin/blob/master/main.js
+//var Quotes = {
+//  SINGLE: 1,
+//  DOUBLE: 2
+//};
+
+//var regex = {
+//  keywords: /(Feature| {2}(Scenario|In order to|As|I)| {4}(Given|When|Then|And))/
+//};
+
+CodeMirror.defineMode("gherkin", function () {
+  return {
+    startState: function () {
+      return {
+        lineNumber: 0,
+        tableHeaderLine: null,
+        allowFeature: true,
+        allowBackground: false,
+        allowScenario: false,
+        allowSteps: false,
+        allowPlaceholders: false,
+        inMultilineArgument: false,
+        inMultilineString: false,
+        inMultilineTable: false
+      };
+    },
+    token: function (stream, state) {
+      if (stream.sol()) {
+        state.lineNumber++;
+      }
+      stream.eatSpace();
+
+      // INSIDE OF MULTILINE ARGUMENTS
+      if (state.inMultilineArgument) {
+
+        // STRING
+        if (state.inMultilineString) {
+          if (stream.match('"""')) {
+            state.inMultilineString = false;
+            state.inMultilineArgument = false;
+          } else {
+            stream.match(/.*/);
+          }
+          return "string";
+        }
+
+        // TABLE
+        if (state.inMultilineTable) {
+          // New table, assume first row is headers
+          if (state.tableHeaderLine === null) {
+            state.tableHeaderLine = state.lineNumber;
+          }
+
+          if (stream.match(/\|\s*/)) {
+            if (stream.eol()) {
+              state.inMultilineTable = false;
+            }
+            return "bracket";
+          } else {
+            stream.match(/[^\|]*/);
+            return state.tableHeaderLine === state.lineNumber ? "property" : "string";
+          }
+        }
+
+        // DETECT START
+        if (stream.match('"""')) {
+          // String
+          state.inMultilineString = true;
+          return "string";
+        } else if (stream.match("|")) {
+          // Table
+          state.inMultilineTable = true;
+          return "bracket";
+        } else {
+          // Or abort
+          state.inMultilineArgument = false;
+          state.tableHeaderLine = null;
+        }
+
+
+        return null;
+      }
+
+      // LINE COMMENT
+      if (stream.match(/#.*/)) {
+        return "comment";
+
+      // TAG
+      } else if (stream.match(/@\S+/)) {
+        return "def";
+
+      // FEATURE
+      } else if (state.allowFeature && stream.match(/Feature:/)) {
+        state.allowScenario = true;
+        state.allowBackground = true;
+        state.allowPlaceholders = false;
+        state.allowSteps = false;
+        return "keyword";
+
+      // BACKGROUND
+      } else if (state.allowBackground && stream.match("Background:")) {
+        state.allowPlaceholders = false;
+        state.allowSteps = true;
+        state.allowBackground = false;
+        return "keyword";
+
+      // SCENARIO OUTLINE
+      } else if (state.allowScenario && stream.match("Scenario Outline:")) {
+        state.allowPlaceholders = true;
+        state.allowSteps = true;
+        return "keyword";
+
+      // EXAMPLES
+      } else if (state.allowScenario && stream.match("Examples:")) {
+        state.allowPlaceholders = false;
+        state.allowSteps = true;
+        state.allowBackground = false;
+        state.inMultilineArgument = true;
+        return "keyword";
+
+      // SCENARIO
+      } else if (state.allowScenario && stream.match(/Scenario:/)) {
+        state.allowPlaceholders = false;
+        state.allowSteps = true;
+        state.allowBackground = false;
+        return "keyword";
+
+      // STEPS
+      } else if (state.allowSteps && stream.match(/(Given|When|Then|And|But)/)) {
+        return "keyword";
+
+      // INLINE STRING
+      } else if (!state.inMultilineArgument && stream.match(/"/)) {
+        stream.match(/.*?"/);
+        return "string";
+
+      // MULTILINE ARGUMENTS
+      } else if (state.allowSteps && stream.eat(":")) {
+        if (stream.match(/\s*$/)) {
+          state.inMultilineArgument = true;
+          return "keyword";
+        } else {
+          return null;
+        }
+
+      } else if (state.allowSteps && stream.match("<")) {
+        if (stream.match(/.*?>/)) {
+          return "property";
+        } else {
+          return null;
+        }
+
+      // Fall through
+      } else {
+        stream.eatWhile(/[^":<]/);
+      }
+
+      return null;
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/x-feature", "gherkin");
diff --git a/src/main/webapp/codemirror/mode/gherkin/index.html b/src/main/webapp/codemirror/mode/gherkin/index.html
new file mode 100644
index 00000000..b76877ac
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/gherkin/index.html
@@ -0,0 +1,48 @@
+<!doctype html>
+
+<title>CodeMirror: Gherkin mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="gherkin.js"></script>
+<style>.CodeMirror { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Gherkin</a>
+  </ul>
+</div>
+
+<article>
+<h2>Gherkin mode</h2>
+<form><textarea id="code" name="code">
+Feature: Using Google
+  Background: 
+    Something something
+    Something else
+  Scenario: Has a homepage
+    When I navigate to the google home page
+    Then the home page should contain the menu and the search form
+  Scenario: Searching for a term 
+    When I navigate to the google home page
+    When I search for Tofu
+    Then the search results page is displayed
+    Then the search results page contains 10 individual search results
+    Then the search results contain a link to the wikipedia tofu page
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-feature</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/go/go.js b/src/main/webapp/codemirror/mode/go/go.js
new file mode 100644
index 00000000..862c0911
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/go/go.js
@@ -0,0 +1,168 @@
+CodeMirror.defineMode("go", function(config) {
+  var indentUnit = config.indentUnit;
+
+  var keywords = {
+    "break":true, "case":true, "chan":true, "const":true, "continue":true,
+    "default":true, "defer":true, "else":true, "fallthrough":true, "for":true,
+    "func":true, "go":true, "goto":true, "if":true, "import":true,
+    "interface":true, "map":true, "package":true, "range":true, "return":true,
+    "select":true, "struct":true, "switch":true, "type":true, "var":true,
+    "bool":true, "byte":true, "complex64":true, "complex128":true,
+    "float32":true, "float64":true, "int8":true, "int16":true, "int32":true,
+    "int64":true, "string":true, "uint8":true, "uint16":true, "uint32":true,
+    "uint64":true, "int":true, "uint":true, "uintptr":true
+  };
+
+  var atoms = {
+    "true":true, "false":true, "iota":true, "nil":true, "append":true,
+    "cap":true, "close":true, "complex":true, "copy":true, "imag":true,
+    "len":true, "make":true, "new":true, "panic":true, "print":true,
+    "println":true, "real":true, "recover":true
+  };
+
+  var isOperatorChar = /[+\-*&^%:=<>!|\/]/;
+
+  var curPunc;
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    if (ch == '"' || ch == "'" || ch == "`") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    }
+    if (/[\d\.]/.test(ch)) {
+      if (ch == ".") {
+        stream.match(/^[0-9]+([eE][\-+]?[0-9]+)?/);
+      } else if (ch == "0") {
+        stream.match(/^[xX][0-9a-fA-F]+/) || stream.match(/^0[0-7]+/);
+      } else {
+        stream.match(/^[0-9]*\.?[0-9]*([eE][\-+]?[0-9]+)?/);
+      }
+      return "number";
+    }
+    if (/[\[\]{}\(\),;\:\.]/.test(ch)) {
+      curPunc = ch;
+      return null;
+    }
+    if (ch == "/") {
+      if (stream.eat("*")) {
+        state.tokenize = tokenComment;
+        return tokenComment(stream, state);
+      }
+      if (stream.eat("/")) {
+        stream.skipToEnd();
+        return "comment";
+      }
+    }
+    if (isOperatorChar.test(ch)) {
+      stream.eatWhile(isOperatorChar);
+      return "operator";
+    }
+    stream.eatWhile(/[\w\$_]/);
+    var cur = stream.current();
+    if (keywords.propertyIsEnumerable(cur)) {
+      if (cur == "case" || cur == "default") curPunc = "case";
+      return "keyword";
+    }
+    if (atoms.propertyIsEnumerable(cur)) return "atom";
+    return "variable";
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, next, end = false;
+      while ((next = stream.next()) != null) {
+        if (next == quote && !escaped) {end = true; break;}
+        escaped = !escaped && next == "\\";
+      }
+      if (end || !(escaped || quote == "`"))
+        state.tokenize = tokenBase;
+      return "string";
+    };
+  }
+
+  function tokenComment(stream, state) {
+    var maybeEnd = false, ch;
+    while (ch = stream.next()) {
+      if (ch == "/" && maybeEnd) {
+        state.tokenize = tokenBase;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return "comment";
+  }
+
+  function Context(indented, column, type, align, prev) {
+    this.indented = indented;
+    this.column = column;
+    this.type = type;
+    this.align = align;
+    this.prev = prev;
+  }
+  function pushContext(state, col, type) {
+    return state.context = new Context(state.indented, col, type, null, state.context);
+  }
+  function popContext(state) {
+    var t = state.context.type;
+    if (t == ")" || t == "]" || t == "}")
+      state.indented = state.context.indented;
+    return state.context = state.context.prev;
+  }
+
+  // Interface
+
+  return {
+    startState: function(basecolumn) {
+      return {
+        tokenize: null,
+        context: new Context((basecolumn || 0) - indentUnit, 0, "top", false),
+        indented: 0,
+        startOfLine: true
+      };
+    },
+
+    token: function(stream, state) {
+      var ctx = state.context;
+      if (stream.sol()) {
+        if (ctx.align == null) ctx.align = false;
+        state.indented = stream.indentation();
+        state.startOfLine = true;
+        if (ctx.type == "case") ctx.type = "}";
+      }
+      if (stream.eatSpace()) return null;
+      curPunc = null;
+      var style = (state.tokenize || tokenBase)(stream, state);
+      if (style == "comment") return style;
+      if (ctx.align == null) ctx.align = true;
+
+      if (curPunc == "{") pushContext(state, stream.column(), "}");
+      else if (curPunc == "[") pushContext(state, stream.column(), "]");
+      else if (curPunc == "(") pushContext(state, stream.column(), ")");
+      else if (curPunc == "case") ctx.type = "case";
+      else if (curPunc == "}" && ctx.type == "}") ctx = popContext(state);
+      else if (curPunc == ctx.type) popContext(state);
+      state.startOfLine = false;
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      if (state.tokenize != tokenBase && state.tokenize != null) return 0;
+      var ctx = state.context, firstChar = textAfter && textAfter.charAt(0);
+      if (ctx.type == "case" && /^(?:case|default)\b/.test(textAfter)) {
+        state.context.type = "}";
+        return ctx.indented;
+      }
+      var closing = firstChar == ctx.type;
+      if (ctx.align) return ctx.column + (closing ? 0 : 1);
+      else return ctx.indented + (closing ? 0 : indentUnit);
+    },
+
+    electricChars: "{}):",
+    blockCommentStart: "/*",
+    blockCommentEnd: "*/",
+    lineComment: "//"
+  };
+});
+
+CodeMirror.defineMIME("text/x-go", "go");
diff --git a/src/main/webapp/codemirror/mode/go/index.html b/src/main/webapp/codemirror/mode/go/index.html
new file mode 100644
index 00000000..3673fa0b
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/go/index.html
@@ -0,0 +1,85 @@
+<!doctype html>
+
+<title>CodeMirror: Go mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/elegant.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="go.js"></script>
+<style>.CodeMirror {border:1px solid #999; background:#ffc}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Go</a>
+  </ul>
+</div>
+
+<article>
+<h2>Go mode</h2>
+<form><textarea id="code" name="code">
+// Prime Sieve in Go.
+// Taken from the Go specification.
+// Copyright © The Go Authors.
+
+package main
+
+import "fmt"
+
+// Send the sequence 2, 3, 4, ... to channel 'ch'.
+func generate(ch chan&lt;- int) {
+	for i := 2; ; i++ {
+		ch &lt;- i  // Send 'i' to channel 'ch'
+	}
+}
+
+// Copy the values from channel 'src' to channel 'dst',
+// removing those divisible by 'prime'.
+func filter(src &lt;-chan int, dst chan&lt;- int, prime int) {
+	for i := range src {    // Loop over values received from 'src'.
+		if i%prime != 0 {
+			dst &lt;- i  // Send 'i' to channel 'dst'.
+		}
+	}
+}
+
+// The prime sieve: Daisy-chain filter processes together.
+func sieve() {
+	ch := make(chan int)  // Create a new channel.
+	go generate(ch)       // Start generate() as a subprocess.
+	for {
+		prime := &lt;-ch
+		fmt.Print(prime, "\n")
+		ch1 := make(chan int)
+		go filter(ch, ch1, prime)
+		ch = ch1
+	}
+}
+
+func main() {
+	sieve()
+}
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        theme: "elegant",
+        matchBrackets: true,
+        indentUnit: 8,
+        tabSize: 8,
+        indentWithTabs: true,
+        mode: "text/x-go"
+      });
+    </script>
+
+    <p><strong>MIME type:</strong> <code>text/x-go</code></p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/groovy/groovy.js b/src/main/webapp/codemirror/mode/groovy/groovy.js
new file mode 100644
index 00000000..6800e0aa
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/groovy/groovy.js
@@ -0,0 +1,211 @@
+CodeMirror.defineMode("groovy", function(config) {
+  function words(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+  var keywords = words(
+    "abstract as assert boolean break byte case catch char class const continue def default " +
+    "do double else enum extends final finally float for goto if implements import in " +
+    "instanceof int interface long native new package private protected public return " +
+    "short static strictfp super switch synchronized threadsafe throw throws transient " +
+    "try void volatile while");
+  var blockKeywords = words("catch class do else finally for if switch try while enum interface def");
+  var atoms = words("null true false this");
+
+  var curPunc;
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    if (ch == '"' || ch == "'") {
+      return startString(ch, stream, state);
+    }
+    if (/[\[\]{}\(\),;\:\.]/.test(ch)) {
+      curPunc = ch;
+      return null;
+    }
+    if (/\d/.test(ch)) {
+      stream.eatWhile(/[\w\.]/);
+      if (stream.eat(/eE/)) { stream.eat(/\+\-/); stream.eatWhile(/\d/); }
+      return "number";
+    }
+    if (ch == "/") {
+      if (stream.eat("*")) {
+        state.tokenize.push(tokenComment);
+        return tokenComment(stream, state);
+      }
+      if (stream.eat("/")) {
+        stream.skipToEnd();
+        return "comment";
+      }
+      if (expectExpression(state.lastToken)) {
+        return startString(ch, stream, state);
+      }
+    }
+    if (ch == "-" && stream.eat(">")) {
+      curPunc = "->";
+      return null;
+    }
+    if (/[+\-*&%=<>!?|\/~]/.test(ch)) {
+      stream.eatWhile(/[+\-*&%=<>|~]/);
+      return "operator";
+    }
+    stream.eatWhile(/[\w\$_]/);
+    if (ch == "@") { stream.eatWhile(/[\w\$_\.]/); return "meta"; }
+    if (state.lastToken == ".") return "property";
+    if (stream.eat(":")) { curPunc = "proplabel"; return "property"; }
+    var cur = stream.current();
+    if (atoms.propertyIsEnumerable(cur)) { return "atom"; }
+    if (keywords.propertyIsEnumerable(cur)) {
+      if (blockKeywords.propertyIsEnumerable(cur)) curPunc = "newstatement";
+      return "keyword";
+    }
+    return "variable";
+  }
+  tokenBase.isBase = true;
+
+  function startString(quote, stream, state) {
+    var tripleQuoted = false;
+    if (quote != "/" && stream.eat(quote)) {
+      if (stream.eat(quote)) tripleQuoted = true;
+      else return "string";
+    }
+    function t(stream, state) {
+      var escaped = false, next, end = !tripleQuoted;
+      while ((next = stream.next()) != null) {
+        if (next == quote && !escaped) {
+          if (!tripleQuoted) { break; }
+          if (stream.match(quote + quote)) { end = true; break; }
+        }
+        if (quote == '"' && next == "$" && !escaped && stream.eat("{")) {
+          state.tokenize.push(tokenBaseUntilBrace());
+          return "string";
+        }
+        escaped = !escaped && next == "\\";
+      }
+      if (end) state.tokenize.pop();
+      return "string";
+    }
+    state.tokenize.push(t);
+    return t(stream, state);
+  }
+
+  function tokenBaseUntilBrace() {
+    var depth = 1;
+    function t(stream, state) {
+      if (stream.peek() == "}") {
+        depth--;
+        if (depth == 0) {
+          state.tokenize.pop();
+          return state.tokenize[state.tokenize.length-1](stream, state);
+        }
+      } else if (stream.peek() == "{") {
+        depth++;
+      }
+      return tokenBase(stream, state);
+    }
+    t.isBase = true;
+    return t;
+  }
+
+  function tokenComment(stream, state) {
+    var maybeEnd = false, ch;
+    while (ch = stream.next()) {
+      if (ch == "/" && maybeEnd) {
+        state.tokenize.pop();
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return "comment";
+  }
+
+  function expectExpression(last) {
+    return !last || last == "operator" || last == "->" || /[\.\[\{\(,;:]/.test(last) ||
+      last == "newstatement" || last == "keyword" || last == "proplabel";
+  }
+
+  function Context(indented, column, type, align, prev) {
+    this.indented = indented;
+    this.column = column;
+    this.type = type;
+    this.align = align;
+    this.prev = prev;
+  }
+  function pushContext(state, col, type) {
+    return state.context = new Context(state.indented, col, type, null, state.context);
+  }
+  function popContext(state) {
+    var t = state.context.type;
+    if (t == ")" || t == "]" || t == "}")
+      state.indented = state.context.indented;
+    return state.context = state.context.prev;
+  }
+
+  // Interface
+
+  return {
+    startState: function(basecolumn) {
+      return {
+        tokenize: [tokenBase],
+        context: new Context((basecolumn || 0) - config.indentUnit, 0, "top", false),
+        indented: 0,
+        startOfLine: true,
+        lastToken: null
+      };
+    },
+
+    token: function(stream, state) {
+      var ctx = state.context;
+      if (stream.sol()) {
+        if (ctx.align == null) ctx.align = false;
+        state.indented = stream.indentation();
+        state.startOfLine = true;
+        // Automatic semicolon insertion
+        if (ctx.type == "statement" && !expectExpression(state.lastToken)) {
+          popContext(state); ctx = state.context;
+        }
+      }
+      if (stream.eatSpace()) return null;
+      curPunc = null;
+      var style = state.tokenize[state.tokenize.length-1](stream, state);
+      if (style == "comment") return style;
+      if (ctx.align == null) ctx.align = true;
+
+      if ((curPunc == ";" || curPunc == ":") && ctx.type == "statement") popContext(state);
+      // Handle indentation for {x -> \n ... }
+      else if (curPunc == "->" && ctx.type == "statement" && ctx.prev.type == "}") {
+        popContext(state);
+        state.context.align = false;
+      }
+      else if (curPunc == "{") pushContext(state, stream.column(), "}");
+      else if (curPunc == "[") pushContext(state, stream.column(), "]");
+      else if (curPunc == "(") pushContext(state, stream.column(), ")");
+      else if (curPunc == "}") {
+        while (ctx.type == "statement") ctx = popContext(state);
+        if (ctx.type == "}") ctx = popContext(state);
+        while (ctx.type == "statement") ctx = popContext(state);
+      }
+      else if (curPunc == ctx.type) popContext(state);
+      else if (ctx.type == "}" || ctx.type == "top" || (ctx.type == "statement" && curPunc == "newstatement"))
+        pushContext(state, stream.column(), "statement");
+      state.startOfLine = false;
+      state.lastToken = curPunc || style;
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      if (!state.tokenize[state.tokenize.length-1].isBase) return 0;
+      var firstChar = textAfter && textAfter.charAt(0), ctx = state.context;
+      if (ctx.type == "statement" && !expectExpression(state.lastToken)) ctx = ctx.prev;
+      var closing = firstChar == ctx.type;
+      if (ctx.type == "statement") return ctx.indented + (firstChar == "{" ? 0 : config.indentUnit);
+      else if (ctx.align) return ctx.column + (closing ? 0 : 1);
+      else return ctx.indented + (closing ? 0 : config.indentUnit);
+    },
+
+    electricChars: "{}",
+    fold: "brace"
+  };
+});
+
+CodeMirror.defineMIME("text/x-groovy", "groovy");
diff --git a/src/main/webapp/codemirror/mode/groovy/index.html b/src/main/webapp/codemirror/mode/groovy/index.html
new file mode 100644
index 00000000..f5efdf75
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/groovy/index.html
@@ -0,0 +1,84 @@
+<!doctype html>
+
+<title>CodeMirror: Groovy mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="groovy.js"></script>
+<style>.CodeMirror {border-top: 1px solid #500; border-bottom: 1px solid #500;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Groovy</a>
+  </ul>
+</div>
+
+<article>
+<h2>Groovy mode</h2>
+<form><textarea id="code" name="code">
+//Pattern for groovy script
+def p = ~/.*\.groovy/
+new File( 'd:\\scripts' ).eachFileMatch(p) {f ->
+  // imports list
+  def imports = []
+  f.eachLine {
+    // condition to detect an import instruction
+    ln -> if ( ln =~ '^import .*' ) {
+      imports << "${ln - 'import '}"
+    }
+  }
+  // print thmen
+  if ( ! imports.empty ) {
+    println f
+    imports.each{ println "   $it" }
+  }
+}
+
+/* Coin changer demo code from http://groovy.codehaus.org */
+
+enum UsCoin {
+  quarter(25), dime(10), nickel(5), penny(1)
+  UsCoin(v) { value = v }
+  final value
+}
+
+enum OzzieCoin {
+  fifty(50), twenty(20), ten(10), five(5)
+  OzzieCoin(v) { value = v }
+  final value
+}
+
+def plural(word, count) {
+  if (count == 1) return word
+  word[-1] == 'y' ? word[0..-2] + "ies" : word + "s"
+}
+
+def change(currency, amount) {
+  currency.values().inject([]){ list, coin ->
+     int count = amount / coin.value
+     amount = amount % coin.value
+     list += "$count ${plural(coin.toString(), count)}"
+  }
+}
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        mode: "text/x-groovy"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-groovy</code></p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/haml/haml.js b/src/main/webapp/codemirror/mode/haml/haml.js
new file mode 100644
index 00000000..793308f6
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/haml/haml.js
@@ -0,0 +1,153 @@
+(function() {
+  "use strict";
+
+  // full haml mode. This handled embeded ruby and html fragments too
+  CodeMirror.defineMode("haml", function(config) {
+    var htmlMode = CodeMirror.getMode(config, {name: "htmlmixed"});
+    var rubyMode = CodeMirror.getMode(config, "ruby");
+
+    function rubyInQuote(endQuote) {
+      return function(stream, state) {
+        var ch = stream.peek();
+        if (ch == endQuote && state.rubyState.tokenize.length == 1) {
+          // step out of ruby context as it seems to complete processing all the braces
+          stream.next();
+          state.tokenize = html;
+          return "closeAttributeTag";
+        } else {
+          return ruby(stream, state);
+        }
+      };
+    }
+
+    function ruby(stream, state) {
+      if (stream.match("-#")) {
+        stream.skipToEnd();
+        return "comment";
+      }
+      return rubyMode.token(stream, state.rubyState);
+    }
+
+    function html(stream, state) {
+      var ch = stream.peek();
+
+      // handle haml declarations. All declarations that cant be handled here
+      // will be passed to html mode
+      if (state.previousToken.style == "comment" ) {
+        if (state.indented > state.previousToken.indented) {
+          stream.skipToEnd();
+          return "commentLine";
+        }
+      }
+
+      if (state.startOfLine) {
+        if (ch == "!" && stream.match("!!")) {
+          stream.skipToEnd();
+          return "tag";
+        } else if (stream.match(/^%[\w:#\.]+=/)) {
+          state.tokenize = ruby;
+          return "hamlTag";
+        } else if (stream.match(/^%[\w:]+/)) {
+          return "hamlTag";
+        } else if (ch == "/" ) {
+          stream.skipToEnd();
+          return "comment";
+        }
+      }
+
+      if (state.startOfLine || state.previousToken.style == "hamlTag") {
+        if ( ch == "#" || ch == ".") {
+          stream.match(/[\w-#\.]*/);
+          return "hamlAttribute";
+        }
+      }
+
+      // donot handle --> as valid ruby, make it HTML close comment instead
+      if (state.startOfLine && !stream.match("-->", false) && (ch == "=" || ch == "-" )) {
+        state.tokenize = ruby;
+        return null;
+      }
+
+      if (state.previousToken.style == "hamlTag" ||
+          state.previousToken.style == "closeAttributeTag" ||
+          state.previousToken.style == "hamlAttribute") {
+        if (ch == "(") {
+          state.tokenize = rubyInQuote(")");
+          return null;
+        } else if (ch == "{") {
+          state.tokenize = rubyInQuote("}");
+          return null;
+        }
+      }
+
+      return htmlMode.token(stream, state.htmlState);
+    }
+
+    return {
+      // default to html mode
+      startState: function() {
+        var htmlState = htmlMode.startState();
+        var rubyState = rubyMode.startState();
+        return {
+          htmlState: htmlState,
+          rubyState: rubyState,
+          indented: 0,
+          previousToken: { style: null, indented: 0},
+          tokenize: html
+        };
+      },
+
+      copyState: function(state) {
+        return {
+          htmlState : CodeMirror.copyState(htmlMode, state.htmlState),
+          rubyState: CodeMirror.copyState(rubyMode, state.rubyState),
+          indented: state.indented,
+          previousToken: state.previousToken,
+          tokenize: state.tokenize
+        };
+      },
+
+      token: function(stream, state) {
+        if (stream.sol()) {
+          state.indented = stream.indentation();
+          state.startOfLine = true;
+        }
+        if (stream.eatSpace()) return null;
+        var style = state.tokenize(stream, state);
+        state.startOfLine = false;
+        // dont record comment line as we only want to measure comment line with
+        // the opening comment block
+        if (style && style != "commentLine") {
+          state.previousToken = { style: style, indented: state.indented };
+        }
+        // if current state is ruby and the previous token is not `,` reset the
+        // tokenize to html
+        if (stream.eol() && state.tokenize == ruby) {
+          stream.backUp(1);
+          var ch = stream.peek();
+          stream.next();
+          if (ch && ch != ",") {
+            state.tokenize = html;
+          }
+        }
+        // reprocess some of the specific style tag when finish setting previousToken
+        if (style == "hamlTag") {
+          style = "tag";
+        } else if (style == "commentLine") {
+          style = "comment";
+        } else if (style == "hamlAttribute") {
+          style = "attribute";
+        } else if (style == "closeAttributeTag") {
+          style = null;
+        }
+        return style;
+      },
+
+      indent: function(state) {
+        return state.indented;
+      }
+    };
+  }, "htmlmixed", "ruby");
+
+  CodeMirror.defineMIME("text/x-haml", "haml");
+})();
diff --git a/src/main/webapp/codemirror/mode/haml/index.html b/src/main/webapp/codemirror/mode/haml/index.html
new file mode 100644
index 00000000..a7378755
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/haml/index.html
@@ -0,0 +1,79 @@
+<!doctype html>
+
+<title>CodeMirror: HAML mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../xml/xml.js"></script>
+<script src="../htmlmixed/htmlmixed.js"></script>
+<script src="../javascript/javascript.js"></script>
+<script src="../ruby/ruby.js"></script>
+<script src="haml.js"></script>
+<style>.CodeMirror {background: #f8f8f8;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">HAML</a>
+  </ul>
+</div>
+
+<article>
+<h2>HAML mode</h2>
+<form><textarea id="code" name="code">
+!!!
+#content
+.left.column(title="title"){:href => "/hello", :test => "#{hello}_#{world}"}
+    <!-- This is a comment -->
+    %h2 Welcome to our site!
+    %p= puts "HAML MODE"
+  .right.column
+    = render :partial => "sidebar"
+
+.container
+  .row
+    .span8
+      %h1.title= @page_title
+%p.title= @page_title
+%p
+  /
+    The same as HTML comment
+    Hello multiline comment
+
+  -# haml comment
+      This wont be displayed
+      nor will this
+  Date/Time:
+  - now = DateTime.now
+  %strong= now
+  - if now > DateTime.parse("December 31, 2006")
+    = "Happy new " + "year!"
+
+%title
+  = @title
+  \= @title
+  <h1>Title</h1>
+  <h1 title="HELLO">
+    Title
+  </h1>
+    </textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        mode: "text/x-haml"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-haml</code>.</p>
+
+    <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#haml_*">normal</a>,  <a href="../../test/index.html#verbose,haml_*">verbose</a>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/haml/test.js b/src/main/webapp/codemirror/mode/haml/test.js
new file mode 100644
index 00000000..b7178d40
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/haml/test.js
@@ -0,0 +1,94 @@
+(function() {
+  var mode = CodeMirror.getMode({tabSize: 4}, "haml");
+  function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1)); }
+
+  // Requires at least one media query
+  MT("elementName",
+     "[tag %h1] Hey There");
+
+  MT("oneElementPerLine",
+     "[tag %h1] Hey There %h2");
+
+  MT("idSelector",
+     "[tag %h1][attribute #test] Hey There");
+
+  MT("classSelector",
+     "[tag %h1][attribute .hello] Hey There");
+
+  MT("docType",
+     "[tag !!! XML]");
+
+  MT("comment",
+     "[comment / Hello WORLD]");
+
+  MT("notComment",
+     "[tag %h1] This is not a / comment ");
+
+  MT("attributes",
+     "[tag %a]([variable title][operator =][string \"test\"]){[atom :title] [operator =>] [string \"test\"]}");
+
+  MT("htmlCode",
+     "[tag <h1>]Title[tag </h1>]");
+
+  MT("rubyBlock",
+     "[operator =][variable-2 @item]");
+
+  MT("selectorRubyBlock",
+     "[tag %a.selector=] [variable-2 @item]");
+
+  MT("nestedRubyBlock",
+      "[tag %a]",
+      "   [operator =][variable puts] [string \"test\"]");
+
+  MT("multilinePlaintext",
+      "[tag %p]",
+      "  Hello,",
+      "  World");
+
+  MT("multilineRuby",
+      "[tag %p]",
+      "  [comment -# this is a comment]",
+      "     [comment and this is a comment too]",
+      "  Date/Time",
+      "  [operator -] [variable now] [operator =] [tag DateTime][operator .][variable now]",
+      "  [tag %strong=] [variable now]",
+      "  [operator -] [keyword if] [variable now] [operator >] [tag DateTime][operator .][variable parse]([string \"December 31, 2006\"])",
+      "     [operator =][string \"Happy\"]",
+      "     [operator =][string \"Belated\"]",
+      "     [operator =][string \"Birthday\"]");
+
+  MT("multilineComment",
+      "[comment /]",
+      "  [comment Multiline]",
+      "  [comment Comment]");
+
+  MT("hamlComment",
+     "[comment -# this is a comment]");
+
+  MT("multilineHamlComment",
+     "[comment -# this is a comment]",
+     "   [comment and this is a comment too]");
+
+  MT("multilineHTMLComment",
+    "[comment <!--]",
+    "  [comment what a comment]",
+    "  [comment -->]");
+
+  MT("hamlAfterRubyTag",
+    "[attribute .block]",
+    "  [tag %strong=] [variable now]",
+    "  [attribute .test]",
+    "     [operator =][variable now]",
+    "  [attribute .right]");
+
+  MT("stretchedRuby",
+     "[operator =] [variable puts] [string \"Hello\"],",
+     "   [string \"World\"]");
+
+  MT("interpolationInHashAttribute",
+     //"[tag %div]{[atom :id] [operator =>] [string \"#{][variable test][string }_#{][variable ting][string }\"]} test");
+     "[tag %div]{[atom :id] [operator =>] [string \"#{][variable test][string }_#{][variable ting][string }\"]} test");
+
+  MT("interpolationInHTMLAttribute",
+     "[tag %div]([variable title][operator =][string \"#{][variable test][string }_#{][variable ting]()[string }\"]) Test");
+})();
diff --git a/src/main/webapp/codemirror/mode/haskell/haskell.js b/src/main/webapp/codemirror/mode/haskell/haskell.js
new file mode 100644
index 00000000..68a6317e
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/haskell/haskell.js
@@ -0,0 +1,250 @@
+CodeMirror.defineMode("haskell", function(_config, modeConfig) {
+
+  function switchState(source, setState, f) {
+    setState(f);
+    return f(source, setState);
+  }
+
+  // These should all be Unicode extended, as per the Haskell 2010 report
+  var smallRE = /[a-z_]/;
+  var largeRE = /[A-Z]/;
+  var digitRE = /[0-9]/;
+  var hexitRE = /[0-9A-Fa-f]/;
+  var octitRE = /[0-7]/;
+  var idRE = /[a-z_A-Z0-9']/;
+  var symbolRE = /[-!#$%&*+.\/<=>?@\\^|~:]/;
+  var specialRE = /[(),;[\]`{}]/;
+  var whiteCharRE = /[ \t\v\f]/; // newlines are handled in tokenizer
+
+  function normal(source, setState) {
+    if (source.eatWhile(whiteCharRE)) {
+      return null;
+    }
+
+    var ch = source.next();
+    if (specialRE.test(ch)) {
+      if (ch == '{' && source.eat('-')) {
+        var t = "comment";
+        if (source.eat('#')) {
+          t = "meta";
+        }
+        return switchState(source, setState, ncomment(t, 1));
+      }
+      return null;
+    }
+
+    if (ch == '\'') {
+      if (source.eat('\\')) {
+        source.next();  // should handle other escapes here
+      }
+      else {
+        source.next();
+      }
+      if (source.eat('\'')) {
+        return "string";
+      }
+      return "error";
+    }
+
+    if (ch == '"') {
+      return switchState(source, setState, stringLiteral);
+    }
+
+    if (largeRE.test(ch)) {
+      source.eatWhile(idRE);
+      if (source.eat('.')) {
+        return "qualifier";
+      }
+      return "variable-2";
+    }
+
+    if (smallRE.test(ch)) {
+      source.eatWhile(idRE);
+      return "variable";
+    }
+
+    if (digitRE.test(ch)) {
+      if (ch == '0') {
+        if (source.eat(/[xX]/)) {
+          source.eatWhile(hexitRE); // should require at least 1
+          return "integer";
+        }
+        if (source.eat(/[oO]/)) {
+          source.eatWhile(octitRE); // should require at least 1
+          return "number";
+        }
+      }
+      source.eatWhile(digitRE);
+      var t = "number";
+      if (source.eat('.')) {
+        t = "number";
+        source.eatWhile(digitRE); // should require at least 1
+      }
+      if (source.eat(/[eE]/)) {
+        t = "number";
+        source.eat(/[-+]/);
+        source.eatWhile(digitRE); // should require at least 1
+      }
+      return t;
+    }
+
+    if (symbolRE.test(ch)) {
+      if (ch == '-' && source.eat(/-/)) {
+        source.eatWhile(/-/);
+        if (!source.eat(symbolRE)) {
+          source.skipToEnd();
+          return "comment";
+        }
+      }
+      var t = "variable";
+      if (ch == ':') {
+        t = "variable-2";
+      }
+      source.eatWhile(symbolRE);
+      return t;
+    }
+
+    return "error";
+  }
+
+  function ncomment(type, nest) {
+    if (nest == 0) {
+      return normal;
+    }
+    return function(source, setState) {
+      var currNest = nest;
+      while (!source.eol()) {
+        var ch = source.next();
+        if (ch == '{' && source.eat('-')) {
+          ++currNest;
+        }
+        else if (ch == '-' && source.eat('}')) {
+          --currNest;
+          if (currNest == 0) {
+            setState(normal);
+            return type;
+          }
+        }
+      }
+      setState(ncomment(type, currNest));
+      return type;
+    };
+  }
+
+  function stringLiteral(source, setState) {
+    while (!source.eol()) {
+      var ch = source.next();
+      if (ch == '"') {
+        setState(normal);
+        return "string";
+      }
+      if (ch == '\\') {
+        if (source.eol() || source.eat(whiteCharRE)) {
+          setState(stringGap);
+          return "string";
+        }
+        if (source.eat('&')) {
+        }
+        else {
+          source.next(); // should handle other escapes here
+        }
+      }
+    }
+    setState(normal);
+    return "error";
+  }
+
+  function stringGap(source, setState) {
+    if (source.eat('\\')) {
+      return switchState(source, setState, stringLiteral);
+    }
+    source.next();
+    setState(normal);
+    return "error";
+  }
+
+
+  var wellKnownWords = (function() {
+    var wkw = {};
+    function setType(t) {
+      return function () {
+        for (var i = 0; i < arguments.length; i++)
+          wkw[arguments[i]] = t;
+      };
+    }
+
+    setType("keyword")(
+      "case", "class", "data", "default", "deriving", "do", "else", "foreign",
+      "if", "import", "in", "infix", "infixl", "infixr", "instance", "let",
+      "module", "newtype", "of", "then", "type", "where", "_");
+
+    setType("keyword")(
+      "\.\.", ":", "::", "=", "\\", "\"", "<-", "->", "@", "~", "=>");
+
+    setType("builtin")(
+      "!!", "$!", "$", "&&", "+", "++", "-", ".", "/", "/=", "<", "<=", "=<<",
+      "==", ">", ">=", ">>", ">>=", "^", "^^", "||", "*", "**");
+
+    setType("builtin")(
+      "Bool", "Bounded", "Char", "Double", "EQ", "Either", "Enum", "Eq",
+      "False", "FilePath", "Float", "Floating", "Fractional", "Functor", "GT",
+      "IO", "IOError", "Int", "Integer", "Integral", "Just", "LT", "Left",
+      "Maybe", "Monad", "Nothing", "Num", "Ord", "Ordering", "Rational", "Read",
+      "ReadS", "Real", "RealFloat", "RealFrac", "Right", "Show", "ShowS",
+      "String", "True");
+
+    setType("builtin")(
+      "abs", "acos", "acosh", "all", "and", "any", "appendFile", "asTypeOf",
+      "asin", "asinh", "atan", "atan2", "atanh", "break", "catch", "ceiling",
+      "compare", "concat", "concatMap", "const", "cos", "cosh", "curry",
+      "cycle", "decodeFloat", "div", "divMod", "drop", "dropWhile", "either",
+      "elem", "encodeFloat", "enumFrom", "enumFromThen", "enumFromThenTo",
+      "enumFromTo", "error", "even", "exp", "exponent", "fail", "filter",
+      "flip", "floatDigits", "floatRadix", "floatRange", "floor", "fmap",
+      "foldl", "foldl1", "foldr", "foldr1", "fromEnum", "fromInteger",
+      "fromIntegral", "fromRational", "fst", "gcd", "getChar", "getContents",
+      "getLine", "head", "id", "init", "interact", "ioError", "isDenormalized",
+      "isIEEE", "isInfinite", "isNaN", "isNegativeZero", "iterate", "last",
+      "lcm", "length", "lex", "lines", "log", "logBase", "lookup", "map",
+      "mapM", "mapM_", "max", "maxBound", "maximum", "maybe", "min", "minBound",
+      "minimum", "mod", "negate", "not", "notElem", "null", "odd", "or",
+      "otherwise", "pi", "pred", "print", "product", "properFraction",
+      "putChar", "putStr", "putStrLn", "quot", "quotRem", "read", "readFile",
+      "readIO", "readList", "readLn", "readParen", "reads", "readsPrec",
+      "realToFrac", "recip", "rem", "repeat", "replicate", "return", "reverse",
+      "round", "scaleFloat", "scanl", "scanl1", "scanr", "scanr1", "seq",
+      "sequence", "sequence_", "show", "showChar", "showList", "showParen",
+      "showString", "shows", "showsPrec", "significand", "signum", "sin",
+      "sinh", "snd", "span", "splitAt", "sqrt", "subtract", "succ", "sum",
+      "tail", "take", "takeWhile", "tan", "tanh", "toEnum", "toInteger",
+      "toRational", "truncate", "uncurry", "undefined", "unlines", "until",
+      "unwords", "unzip", "unzip3", "userError", "words", "writeFile", "zip",
+      "zip3", "zipWith", "zipWith3");
+
+    var override = modeConfig.overrideKeywords;
+    if (override) for (var word in override) if (override.hasOwnProperty(word))
+      wkw[word] = override[word];
+
+    return wkw;
+  })();
+
+
+
+  return {
+    startState: function ()  { return { f: normal }; },
+    copyState:  function (s) { return { f: s.f }; },
+
+    token: function(stream, state) {
+      var t = state.f(stream, function(s) { state.f = s; });
+      var w = stream.current();
+      return wellKnownWords.hasOwnProperty(w) ? wellKnownWords[w] : t;
+    },
+
+    blockCommentStart: "{-",
+    blockCommentEnd: "-}",
+    lineComment: "--"
+  };
+
+});
+
+CodeMirror.defineMIME("text/x-haskell", "haskell");
diff --git a/src/main/webapp/codemirror/mode/haskell/index.html b/src/main/webapp/codemirror/mode/haskell/index.html
new file mode 100644
index 00000000..056b01d4
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/haskell/index.html
@@ -0,0 +1,73 @@
+<!doctype html>
+
+<title>CodeMirror: Haskell mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/elegant.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="haskell.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Haskell</a>
+  </ul>
+</div>
+
+<article>
+<h2>Haskell mode</h2>
+<form><textarea id="code" name="code">
+module UniquePerms (
+    uniquePerms
+    )
+where
+
+-- | Find all unique permutations of a list where there might be duplicates.
+uniquePerms :: (Eq a) => [a] -> [[a]]
+uniquePerms = permBag . makeBag
+
+-- | An unordered collection where duplicate values are allowed,
+-- but represented with a single value and a count.
+type Bag a = [(a, Int)]
+
+makeBag :: (Eq a) => [a] -> Bag a
+makeBag [] = []
+makeBag (a:as) = mix a $ makeBag as
+  where
+    mix a []                        = [(a,1)]
+    mix a (bn@(b,n):bs) | a == b    = (b,n+1):bs
+                        | otherwise = bn : mix a bs
+
+permBag :: Bag a -> [[a]]
+permBag [] = [[]]
+permBag bs = concatMap (\(f,cs) -> map (f:) $ permBag cs) . oneOfEach $ bs
+  where
+    oneOfEach [] = []
+    oneOfEach (an@(a,n):bs) =
+        let bs' = if n == 1 then bs else (a,n-1):bs
+        in (a,bs') : mapSnd (an:) (oneOfEach bs)
+    
+    apSnd f (a,b) = (a, f b)
+    mapSnd = map . apSnd
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        theme: "elegant"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-haskell</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/haxe/haxe.js b/src/main/webapp/codemirror/mode/haxe/haxe.js
new file mode 100644
index 00000000..cb761ad1
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/haxe/haxe.js
@@ -0,0 +1,429 @@
+CodeMirror.defineMode("haxe", function(config, parserConfig) {
+  var indentUnit = config.indentUnit;
+
+  // Tokenizer
+
+  var keywords = function(){
+    function kw(type) {return {type: type, style: "keyword"};}
+    var A = kw("keyword a"), B = kw("keyword b"), C = kw("keyword c");
+    var operator = kw("operator"), atom = {type: "atom", style: "atom"}, attribute = {type:"attribute", style: "attribute"};
+  var type = kw("typedef");
+    return {
+      "if": A, "while": A, "else": B, "do": B, "try": B,
+      "return": C, "break": C, "continue": C, "new": C, "throw": C,
+      "var": kw("var"), "inline":attribute, "static": attribute, "using":kw("import"),
+    "public": attribute, "private": attribute, "cast": kw("cast"), "import": kw("import"), "macro": kw("macro"),
+      "function": kw("function"), "catch": kw("catch"), "untyped": kw("untyped"), "callback": kw("cb"),
+      "for": kw("for"), "switch": kw("switch"), "case": kw("case"), "default": kw("default"),
+      "in": operator, "never": kw("property_access"), "trace":kw("trace"),
+    "class": type, "enum":type, "interface":type, "typedef":type, "extends":type, "implements":type, "dynamic":type,
+      "true": atom, "false": atom, "null": atom
+    };
+  }();
+
+  var isOperatorChar = /[+\-*&%=<>!?|]/;
+
+  function chain(stream, state, f) {
+    state.tokenize = f;
+    return f(stream, state);
+  }
+
+  function nextUntilUnescaped(stream, end) {
+    var escaped = false, next;
+    while ((next = stream.next()) != null) {
+      if (next == end && !escaped)
+        return false;
+      escaped = !escaped && next == "\\";
+    }
+    return escaped;
+  }
+
+  // Used as scratch variables to communicate multiple values without
+  // consing up tons of objects.
+  var type, content;
+  function ret(tp, style, cont) {
+    type = tp; content = cont;
+    return style;
+  }
+
+  function haxeTokenBase(stream, state) {
+    var ch = stream.next();
+    if (ch == '"' || ch == "'")
+      return chain(stream, state, haxeTokenString(ch));
+    else if (/[\[\]{}\(\),;\:\.]/.test(ch))
+      return ret(ch);
+    else if (ch == "0" && stream.eat(/x/i)) {
+      stream.eatWhile(/[\da-f]/i);
+      return ret("number", "number");
+    }
+    else if (/\d/.test(ch) || ch == "-" && stream.eat(/\d/)) {
+      stream.match(/^\d*(?:\.\d*)?(?:[eE][+\-]?\d+)?/);
+      return ret("number", "number");
+    }
+    else if (state.reAllowed && (ch == "~" && stream.eat(/\//))) {
+      nextUntilUnescaped(stream, "/");
+      stream.eatWhile(/[gimsu]/);
+      return ret("regexp", "string-2");
+    }
+    else if (ch == "/") {
+      if (stream.eat("*")) {
+        return chain(stream, state, haxeTokenComment);
+      }
+      else if (stream.eat("/")) {
+        stream.skipToEnd();
+        return ret("comment", "comment");
+      }
+      else {
+        stream.eatWhile(isOperatorChar);
+        return ret("operator", null, stream.current());
+      }
+    }
+    else if (ch == "#") {
+        stream.skipToEnd();
+        return ret("conditional", "meta");
+    }
+    else if (ch == "@") {
+      stream.eat(/:/);
+      stream.eatWhile(/[\w_]/);
+      return ret ("metadata", "meta");
+    }
+    else if (isOperatorChar.test(ch)) {
+      stream.eatWhile(isOperatorChar);
+      return ret("operator", null, stream.current());
+    }
+    else {
+    var word;
+    if(/[A-Z]/.test(ch))
+    {
+      stream.eatWhile(/[\w_<>]/);
+      word = stream.current();
+      return ret("type", "variable-3", word);
+    }
+    else
+    {
+        stream.eatWhile(/[\w_]/);
+        var word = stream.current(), known = keywords.propertyIsEnumerable(word) && keywords[word];
+        return (known && state.kwAllowed) ? ret(known.type, known.style, word) :
+                       ret("variable", "variable", word);
+    }
+    }
+  }
+
+  function haxeTokenString(quote) {
+    return function(stream, state) {
+      if (!nextUntilUnescaped(stream, quote))
+        state.tokenize = haxeTokenBase;
+      return ret("string", "string");
+    };
+  }
+
+  function haxeTokenComment(stream, state) {
+    var maybeEnd = false, ch;
+    while (ch = stream.next()) {
+      if (ch == "/" && maybeEnd) {
+        state.tokenize = haxeTokenBase;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return ret("comment", "comment");
+  }
+
+  // Parser
+
+  var atomicTypes = {"atom": true, "number": true, "variable": true, "string": true, "regexp": true};
+
+  function HaxeLexical(indented, column, type, align, prev, info) {
+    this.indented = indented;
+    this.column = column;
+    this.type = type;
+    this.prev = prev;
+    this.info = info;
+    if (align != null) this.align = align;
+  }
+
+  function inScope(state, varname) {
+    for (var v = state.localVars; v; v = v.next)
+      if (v.name == varname) return true;
+  }
+
+  function parseHaxe(state, style, type, content, stream) {
+    var cc = state.cc;
+    // Communicate our context to the combinators.
+    // (Less wasteful than consing up a hundred closures on every call.)
+    cx.state = state; cx.stream = stream; cx.marked = null, cx.cc = cc;
+
+    if (!state.lexical.hasOwnProperty("align"))
+      state.lexical.align = true;
+
+    while(true) {
+      var combinator = cc.length ? cc.pop() : statement;
+      if (combinator(type, content)) {
+        while(cc.length && cc[cc.length - 1].lex)
+          cc.pop()();
+        if (cx.marked) return cx.marked;
+        if (type == "variable" && inScope(state, content)) return "variable-2";
+    if (type == "variable" && imported(state, content)) return "variable-3";
+        return style;
+      }
+    }
+  }
+
+  function imported(state, typename)
+  {
+  if (/[a-z]/.test(typename.charAt(0)))
+    return false;
+  var len = state.importedtypes.length;
+  for (var i = 0; i<len; i++)
+    if(state.importedtypes[i]==typename) return true;
+  }
+
+
+  function registerimport(importname) {
+  var state = cx.state;
+  for (var t = state.importedtypes; t; t = t.next)
+    if(t.name == importname) return;
+  state.importedtypes = { name: importname, next: state.importedtypes };
+  }
+  // Combinator utils
+
+  var cx = {state: null, column: null, marked: null, cc: null};
+  function pass() {
+    for (var i = arguments.length - 1; i >= 0; i--) cx.cc.push(arguments[i]);
+  }
+  function cont() {
+    pass.apply(null, arguments);
+    return true;
+  }
+  function register(varname) {
+    var state = cx.state;
+    if (state.context) {
+      cx.marked = "def";
+      for (var v = state.localVars; v; v = v.next)
+        if (v.name == varname) return;
+      state.localVars = {name: varname, next: state.localVars};
+    }
+  }
+
+  // Combinators
+
+  var defaultVars = {name: "this", next: null};
+  function pushcontext() {
+    if (!cx.state.context) cx.state.localVars = defaultVars;
+    cx.state.context = {prev: cx.state.context, vars: cx.state.localVars};
+  }
+  function popcontext() {
+    cx.state.localVars = cx.state.context.vars;
+    cx.state.context = cx.state.context.prev;
+  }
+  function pushlex(type, info) {
+    var result = function() {
+      var state = cx.state;
+      state.lexical = new HaxeLexical(state.indented, cx.stream.column(), type, null, state.lexical, info);
+    };
+    result.lex = true;
+    return result;
+  }
+  function poplex() {
+    var state = cx.state;
+    if (state.lexical.prev) {
+      if (state.lexical.type == ")")
+        state.indented = state.lexical.indented;
+      state.lexical = state.lexical.prev;
+    }
+  }
+  poplex.lex = true;
+
+  function expect(wanted) {
+    return function(type) {
+      if (type == wanted) return cont();
+      else if (wanted == ";") return pass();
+      else return cont(arguments.callee);
+    };
+  }
+
+  function statement(type) {
+    if (type == "@") return cont(metadef);
+    if (type == "var") return cont(pushlex("vardef"), vardef1, expect(";"), poplex);
+    if (type == "keyword a") return cont(pushlex("form"), expression, statement, poplex);
+    if (type == "keyword b") return cont(pushlex("form"), statement, poplex);
+    if (type == "{") return cont(pushlex("}"), pushcontext, block, poplex, popcontext);
+    if (type == ";") return cont();
+    if (type == "attribute") return cont(maybeattribute);
+    if (type == "function") return cont(functiondef);
+    if (type == "for") return cont(pushlex("form"), expect("("), pushlex(")"), forspec1, expect(")"),
+                                      poplex, statement, poplex);
+    if (type == "variable") return cont(pushlex("stat"), maybelabel);
+    if (type == "switch") return cont(pushlex("form"), expression, pushlex("}", "switch"), expect("{"),
+                                         block, poplex, poplex);
+    if (type == "case") return cont(expression, expect(":"));
+    if (type == "default") return cont(expect(":"));
+    if (type == "catch") return cont(pushlex("form"), pushcontext, expect("("), funarg, expect(")"),
+                                        statement, poplex, popcontext);
+    if (type == "import") return cont(importdef, expect(";"));
+    if (type == "typedef") return cont(typedef);
+    return pass(pushlex("stat"), expression, expect(";"), poplex);
+  }
+  function expression(type) {
+    if (atomicTypes.hasOwnProperty(type)) return cont(maybeoperator);
+    if (type == "function") return cont(functiondef);
+    if (type == "keyword c") return cont(maybeexpression);
+    if (type == "(") return cont(pushlex(")"), maybeexpression, expect(")"), poplex, maybeoperator);
+    if (type == "operator") return cont(expression);
+    if (type == "[") return cont(pushlex("]"), commasep(expression, "]"), poplex, maybeoperator);
+    if (type == "{") return cont(pushlex("}"), commasep(objprop, "}"), poplex, maybeoperator);
+    return cont();
+  }
+  function maybeexpression(type) {
+    if (type.match(/[;\}\)\],]/)) return pass();
+    return pass(expression);
+  }
+
+  function maybeoperator(type, value) {
+    if (type == "operator" && /\+\+|--/.test(value)) return cont(maybeoperator);
+    if (type == "operator" || type == ":") return cont(expression);
+    if (type == ";") return;
+    if (type == "(") return cont(pushlex(")"), commasep(expression, ")"), poplex, maybeoperator);
+    if (type == ".") return cont(property, maybeoperator);
+    if (type == "[") return cont(pushlex("]"), expression, expect("]"), poplex, maybeoperator);
+  }
+
+  function maybeattribute(type) {
+    if (type == "attribute") return cont(maybeattribute);
+    if (type == "function") return cont(functiondef);
+    if (type == "var") return cont(vardef1);
+  }
+
+  function metadef(type) {
+    if(type == ":") return cont(metadef);
+    if(type == "variable") return cont(metadef);
+    if(type == "(") return cont(pushlex(")"), commasep(metaargs, ")"), poplex, statement);
+  }
+  function metaargs(type) {
+    if(type == "variable") return cont();
+  }
+
+  function importdef (type, value) {
+  if(type == "variable" && /[A-Z]/.test(value.charAt(0))) { registerimport(value); return cont(); }
+  else if(type == "variable" || type == "property" || type == ".") return cont(importdef);
+  }
+
+  function typedef (type, value)
+  {
+  if(type == "variable" && /[A-Z]/.test(value.charAt(0))) { registerimport(value); return cont(); }
+  }
+
+  function maybelabel(type) {
+    if (type == ":") return cont(poplex, statement);
+    return pass(maybeoperator, expect(";"), poplex);
+  }
+  function property(type) {
+    if (type == "variable") {cx.marked = "property"; return cont();}
+  }
+  function objprop(type) {
+    if (type == "variable") cx.marked = "property";
+    if (atomicTypes.hasOwnProperty(type)) return cont(expect(":"), expression);
+  }
+  function commasep(what, end) {
+    function proceed(type) {
+      if (type == ",") return cont(what, proceed);
+      if (type == end) return cont();
+      return cont(expect(end));
+    }
+    return function(type) {
+      if (type == end) return cont();
+      else return pass(what, proceed);
+    };
+  }
+  function block(type) {
+    if (type == "}") return cont();
+    return pass(statement, block);
+  }
+  function vardef1(type, value) {
+    if (type == "variable"){register(value); return cont(typeuse, vardef2);}
+    return cont();
+  }
+  function vardef2(type, value) {
+    if (value == "=") return cont(expression, vardef2);
+    if (type == ",") return cont(vardef1);
+  }
+  function forspec1(type, value) {
+  if (type == "variable") {
+    register(value);
+  }
+  return cont(pushlex(")"), pushcontext, forin, expression, poplex, statement, popcontext);
+  }
+  function forin(_type, value) {
+    if (value == "in") return cont();
+  }
+  function functiondef(type, value) {
+    if (type == "variable") {register(value); return cont(functiondef);}
+    if (value == "new") return cont(functiondef);
+    if (type == "(") return cont(pushlex(")"), pushcontext, commasep(funarg, ")"), poplex, typeuse, statement, popcontext);
+  }
+  function typeuse(type) {
+    if(type == ":") return cont(typestring);
+  }
+  function typestring(type) {
+    if(type == "type") return cont();
+    if(type == "variable") return cont();
+    if(type == "{") return cont(pushlex("}"), commasep(typeprop, "}"), poplex);
+  }
+  function typeprop(type) {
+    if(type == "variable") return cont(typeuse);
+  }
+  function funarg(type, value) {
+    if (type == "variable") {register(value); return cont(typeuse);}
+  }
+
+  // Interface
+
+  return {
+    startState: function(basecolumn) {
+    var defaulttypes = ["Int", "Float", "String", "Void", "Std", "Bool", "Dynamic", "Array"];
+      return {
+        tokenize: haxeTokenBase,
+        reAllowed: true,
+        kwAllowed: true,
+        cc: [],
+        lexical: new HaxeLexical((basecolumn || 0) - indentUnit, 0, "block", false),
+        localVars: parserConfig.localVars,
+    importedtypes: defaulttypes,
+        context: parserConfig.localVars && {vars: parserConfig.localVars},
+        indented: 0
+      };
+    },
+
+    token: function(stream, state) {
+      if (stream.sol()) {
+        if (!state.lexical.hasOwnProperty("align"))
+          state.lexical.align = false;
+        state.indented = stream.indentation();
+      }
+      if (stream.eatSpace()) return null;
+      var style = state.tokenize(stream, state);
+      if (type == "comment") return style;
+      state.reAllowed = !!(type == "operator" || type == "keyword c" || type.match(/^[\[{}\(,;:]$/));
+      state.kwAllowed = type != '.';
+      return parseHaxe(state, style, type, content, stream);
+    },
+
+    indent: function(state, textAfter) {
+      if (state.tokenize != haxeTokenBase) return 0;
+      var firstChar = textAfter && textAfter.charAt(0), lexical = state.lexical;
+      if (lexical.type == "stat" && firstChar == "}") lexical = lexical.prev;
+      var type = lexical.type, closing = firstChar == type;
+      if (type == "vardef") return lexical.indented + 4;
+      else if (type == "form" && firstChar == "{") return lexical.indented;
+      else if (type == "stat" || type == "form") return lexical.indented + indentUnit;
+      else if (lexical.info == "switch" && !closing)
+        return lexical.indented + (/^(?:case|default)\b/.test(textAfter) ? indentUnit : 2 * indentUnit);
+      else if (lexical.align) return lexical.column + (closing ? 0 : 1);
+      else return lexical.indented + (closing ? 0 : indentUnit);
+    },
+
+    electricChars: "{}"
+  };
+});
+
+CodeMirror.defineMIME("text/x-haxe", "haxe");
diff --git a/src/main/webapp/codemirror/mode/haxe/index.html b/src/main/webapp/codemirror/mode/haxe/index.html
new file mode 100644
index 00000000..ec3b8e0e
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/haxe/index.html
@@ -0,0 +1,103 @@
+<!doctype html>
+
+<title>CodeMirror: Haxe mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="haxe.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Haxe</a>
+  </ul>
+</div>
+
+<article>
+<h2>Haxe mode</h2>
+
+
+<div><textarea id="code" name="code">
+import one.two.Three;
+
+@attr("test")
+class Foo&lt;T&gt; extends Three
+{
+	public function new()
+	{
+		noFoo = 12;
+	}
+	
+	public static inline function doFoo(obj:{k:Int, l:Float}):Int
+	{
+		for(i in 0...10)
+		{
+			obj.k++;
+			trace(i);
+			var var1 = new Array();
+			if(var1.length > 1)
+				throw "Error";
+		}
+		// The following line should not be colored, the variable is scoped out
+		var1;
+		/* Multi line
+		 * Comment test
+		 */
+		return obj.k;
+	}
+	private function bar():Void
+	{
+		#if flash
+		var t1:String = "1.21";
+		#end
+		try {
+			doFoo({k:3, l:1.2});
+		}
+		catch (e : String) {
+			trace(e);
+		}
+		var t2:Float = cast(3.2);
+		var t3:haxe.Timer = new haxe.Timer();
+		var t4 = {k:Std.int(t2), l:Std.parseFloat(t1)};
+		var t5 = ~/123+.*$/i;
+		doFoo(t4);
+		untyped t1 = 4;
+		bob = new Foo&lt;Int&gt;
+	}
+	public var okFoo(default, never):Float;
+	var noFoo(getFoo, null):Int;
+	function getFoo():Int {
+		return noFoo;
+	}
+	
+	public var three:Int;
+}
+enum Color
+{
+	red;
+	green;
+	blue;
+	grey( v : Int );
+	rgb (r:Int,g:Int,b:Int);
+}
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        indentUnit: 4,
+        indentWithTabs: true
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-haxe</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/htmlembedded/htmlembedded.js b/src/main/webapp/codemirror/mode/htmlembedded/htmlembedded.js
new file mode 100644
index 00000000..ff6dfd2f
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/htmlembedded/htmlembedded.js
@@ -0,0 +1,73 @@
+CodeMirror.defineMode("htmlembedded", function(config, parserConfig) {
+
+  //config settings
+  var scriptStartRegex = parserConfig.scriptStartRegex || /^<%/i,
+      scriptEndRegex = parserConfig.scriptEndRegex || /^%>/i;
+
+  //inner modes
+  var scriptingMode, htmlMixedMode;
+
+  //tokenizer when in html mode
+  function htmlDispatch(stream, state) {
+      if (stream.match(scriptStartRegex, false)) {
+          state.token=scriptingDispatch;
+          return scriptingMode.token(stream, state.scriptState);
+          }
+      else
+          return htmlMixedMode.token(stream, state.htmlState);
+    }
+
+  //tokenizer when in scripting mode
+  function scriptingDispatch(stream, state) {
+      if (stream.match(scriptEndRegex, false))  {
+          state.token=htmlDispatch;
+          return htmlMixedMode.token(stream, state.htmlState);
+         }
+      else
+          return scriptingMode.token(stream, state.scriptState);
+         }
+
+
+  return {
+    startState: function() {
+      scriptingMode = scriptingMode || CodeMirror.getMode(config, parserConfig.scriptingModeSpec);
+      htmlMixedMode = htmlMixedMode || CodeMirror.getMode(config, "htmlmixed");
+      return {
+          token :  parserConfig.startOpen ? scriptingDispatch : htmlDispatch,
+          htmlState : CodeMirror.startState(htmlMixedMode),
+          scriptState : CodeMirror.startState(scriptingMode)
+      };
+    },
+
+    token: function(stream, state) {
+      return state.token(stream, state);
+    },
+
+    indent: function(state, textAfter) {
+      if (state.token == htmlDispatch)
+        return htmlMixedMode.indent(state.htmlState, textAfter);
+      else if (scriptingMode.indent)
+        return scriptingMode.indent(state.scriptState, textAfter);
+    },
+
+    copyState: function(state) {
+      return {
+       token : state.token,
+       htmlState : CodeMirror.copyState(htmlMixedMode, state.htmlState),
+       scriptState : CodeMirror.copyState(scriptingMode, state.scriptState)
+      };
+    },
+
+    electricChars: "/{}:",
+
+    innerMode: function(state) {
+      if (state.token == scriptingDispatch) return {state: state.scriptState, mode: scriptingMode};
+      else return {state: state.htmlState, mode: htmlMixedMode};
+    }
+  };
+}, "htmlmixed");
+
+CodeMirror.defineMIME("application/x-ejs", { name: "htmlembedded", scriptingModeSpec:"javascript"});
+CodeMirror.defineMIME("application/x-aspx", { name: "htmlembedded", scriptingModeSpec:"text/x-csharp"});
+CodeMirror.defineMIME("application/x-jsp", { name: "htmlembedded", scriptingModeSpec:"text/x-java"});
+CodeMirror.defineMIME("application/x-erb", { name: "htmlembedded", scriptingModeSpec:"ruby"});
diff --git a/src/main/webapp/codemirror/mode/htmlembedded/index.html b/src/main/webapp/codemirror/mode/htmlembedded/index.html
new file mode 100644
index 00000000..4ab90f7d
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/htmlembedded/index.html
@@ -0,0 +1,60 @@
+<!doctype html>
+
+<title>CodeMirror: Html Embedded Scripts mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../xml/xml.js"></script>
+<script src="../javascript/javascript.js"></script>
+<script src="../css/css.js"></script>
+<script src="../htmlmixed/htmlmixed.js"></script>
+<script src="htmlembedded.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Html Embedded Scripts</a>
+  </ul>
+</div>
+
+<article>
+<h2>Html Embedded Scripts mode</h2>
+<form><textarea id="code" name="code">
+<%
+function hello(who) {
+	return "Hello " + who;
+}
+%>
+This is an example of EJS (embedded javascript)
+<p>The program says <%= hello("world") %>.</p>
+<script>
+	alert("And here is some normal JS code"); // also colored
+</script>
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        mode: "application/x-ejs",
+        indentUnit: 4,
+        indentWithTabs: true,
+        enterMode: "keep",
+        tabMode: "shift"
+      });
+    </script>
+
+    <p>Mode for html embedded scripts like JSP and ASP.NET. Depends on HtmlMixed which in turn depends on
+    JavaScript, CSS and XML.<br />Other dependancies include those of the scriping language chosen.</p>
+
+    <p><strong>MIME types defined:</strong> <code>application/x-aspx</code> (ASP.NET), 
+    <code>application/x-ejs</code> (Embedded Javascript), <code>application/x-jsp</code> (JavaServer Pages)</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/htmlmixed/htmlmixed.js b/src/main/webapp/codemirror/mode/htmlmixed/htmlmixed.js
new file mode 100644
index 00000000..b59ef37e
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/htmlmixed/htmlmixed.js
@@ -0,0 +1,104 @@
+CodeMirror.defineMode("htmlmixed", function(config, parserConfig) {
+  var htmlMode = CodeMirror.getMode(config, {name: "xml", htmlMode: true});
+  var cssMode = CodeMirror.getMode(config, "css");
+
+  var scriptTypes = [], scriptTypesConf = parserConfig && parserConfig.scriptTypes;
+  scriptTypes.push({matches: /^(?:text|application)\/(?:x-)?(?:java|ecma)script$|^$/i,
+                    mode: CodeMirror.getMode(config, "javascript")});
+  if (scriptTypesConf) for (var i = 0; i < scriptTypesConf.length; ++i) {
+    var conf = scriptTypesConf[i];
+    scriptTypes.push({matches: conf.matches, mode: conf.mode && CodeMirror.getMode(config, conf.mode)});
+  }
+  scriptTypes.push({matches: /./,
+                    mode: CodeMirror.getMode(config, "text/plain")});
+
+  function html(stream, state) {
+    var tagName = state.htmlState.tagName;
+    var style = htmlMode.token(stream, state.htmlState);
+    if (tagName == "script" && /\btag\b/.test(style) && stream.current() == ">") {
+      // Script block: mode to change to depends on type attribute
+      var scriptType = stream.string.slice(Math.max(0, stream.pos - 100), stream.pos).match(/\btype\s*=\s*("[^"]+"|'[^']+'|\S+)[^<]*$/i);
+      scriptType = scriptType ? scriptType[1] : "";
+      if (scriptType && /[\"\']/.test(scriptType.charAt(0))) scriptType = scriptType.slice(1, scriptType.length - 1);
+      for (var i = 0; i < scriptTypes.length; ++i) {
+        var tp = scriptTypes[i];
+        if (typeof tp.matches == "string" ? scriptType == tp.matches : tp.matches.test(scriptType)) {
+          if (tp.mode) {
+            state.token = script;
+            state.localMode = tp.mode;
+            state.localState = tp.mode.startState && tp.mode.startState(htmlMode.indent(state.htmlState, ""));
+          }
+          break;
+        }
+      }
+    } else if (tagName == "style" && /\btag\b/.test(style) && stream.current() == ">") {
+      state.token = css;
+      state.localMode = cssMode;
+      state.localState = cssMode.startState(htmlMode.indent(state.htmlState, ""));
+    }
+    return style;
+  }
+  function maybeBackup(stream, pat, style) {
+    var cur = stream.current();
+    var close = cur.search(pat), m;
+    if (close > -1) stream.backUp(cur.length - close);
+    else if (m = cur.match(/<\/?$/)) {
+      stream.backUp(cur.length);
+      if (!stream.match(pat, false)) stream.match(cur);
+    }
+    return style;
+  }
+  function script(stream, state) {
+    if (stream.match(/^<\/\s*script\s*>/i, false)) {
+      state.token = html;
+      state.localState = state.localMode = null;
+      return html(stream, state);
+    }
+    return maybeBackup(stream, /<\/\s*script\s*>/,
+                       state.localMode.token(stream, state.localState));
+  }
+  function css(stream, state) {
+    if (stream.match(/^<\/\s*style\s*>/i, false)) {
+      state.token = html;
+      state.localState = state.localMode = null;
+      return html(stream, state);
+    }
+    return maybeBackup(stream, /<\/\s*style\s*>/,
+                       cssMode.token(stream, state.localState));
+  }
+
+  return {
+    startState: function() {
+      var state = htmlMode.startState();
+      return {token: html, localMode: null, localState: null, htmlState: state};
+    },
+
+    copyState: function(state) {
+      if (state.localState)
+        var local = CodeMirror.copyState(state.localMode, state.localState);
+      return {token: state.token, localMode: state.localMode, localState: local,
+              htmlState: CodeMirror.copyState(htmlMode, state.htmlState)};
+    },
+
+    token: function(stream, state) {
+      return state.token(stream, state);
+    },
+
+    indent: function(state, textAfter) {
+      if (!state.localMode || /^\s*<\//.test(textAfter))
+        return htmlMode.indent(state.htmlState, textAfter);
+      else if (state.localMode.indent)
+        return state.localMode.indent(state.localState, textAfter);
+      else
+        return CodeMirror.Pass;
+    },
+
+    electricChars: "/{}:",
+
+    innerMode: function(state) {
+      return {state: state.localState || state.htmlState, mode: state.localMode || htmlMode};
+    }
+  };
+}, "xml", "javascript", "css");
+
+CodeMirror.defineMIME("text/html", "htmlmixed");
diff --git a/src/main/webapp/codemirror/mode/htmlmixed/index.html b/src/main/webapp/codemirror/mode/htmlmixed/index.html
new file mode 100644
index 00000000..b4617435
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/htmlmixed/index.html
@@ -0,0 +1,85 @@
+<!doctype html>
+
+<title>CodeMirror: HTML mixed mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../xml/xml.js"></script>
+<script src="../javascript/javascript.js"></script>
+<script src="../css/css.js"></script>
+<script src="../vbscript/vbscript.js"></script>
+<script src="htmlmixed.js"></script>
+<style>.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">HTML mixed</a>
+  </ul>
+</div>
+
+<article>
+<h2>HTML mixed mode</h2>
+<form><textarea id="code" name="code">
+<html style="color: green">
+  <!-- this is a comment -->
+  <head>
+    <title>Mixed HTML Example</title>
+    <style type="text/css">
+      h1 {font-family: comic sans; color: #f0f;}
+      div {background: yellow !important;}
+      body {
+        max-width: 50em;
+        margin: 1em 2em 1em 5em;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Mixed HTML Example</h1>
+    <script>
+      function jsFunc(arg1, arg2) {
+        if (arg1 && arg2) document.body.innerHTML = "achoo";
+      }
+    </script>
+  </body>
+</html>
+</textarea></form>
+    <script>
+      // Define an extended mixed-mode that understands vbscript and
+      // leaves mustache/handlebars embedded templates in html mode
+      var mixedMode = {
+        name: "htmlmixed",
+        scriptTypes: [{matches: /\/x-handlebars-template|\/x-mustache/i,
+                       mode: null},
+                      {matches: /(text|application)\/(x-)?vb(a|script)/i,
+                       mode: "vbscript"}]
+      };
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {mode: mixedMode, tabMode: "indent"});
+    </script>
+
+    <p>The HTML mixed mode depends on the XML, JavaScript, and CSS modes.</p>
+
+    <p>It takes an optional mode configuration
+    option, <code>scriptTypes</code>, which can be used to add custom
+    behavior for specific <code>&lt;script type="..."></code> tags. If
+    given, it should hold an array of <code>{matches, mode}</code>
+    objects, where <code>matches</code> is a string or regexp that
+    matches the script type, and <code>mode</code> is
+    either <code>null</code>, for script types that should stay in
+    HTML mode, or a <a href="../../doc/manual.html#option_mode">mode
+    spec</a> corresponding to the mode that should be used for the
+    script.</p>
+
+    <p><strong>MIME types defined:</strong> <code>text/html</code>
+    (redefined, only takes effect if you load this parser after the
+    XML parser).</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/http/http.js b/src/main/webapp/codemirror/mode/http/http.js
new file mode 100644
index 00000000..5a516360
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/http/http.js
@@ -0,0 +1,98 @@
+CodeMirror.defineMode("http", function() {
+  function failFirstLine(stream, state) {
+    stream.skipToEnd();
+    state.cur = header;
+    return "error";
+  }
+
+  function start(stream, state) {
+    if (stream.match(/^HTTP\/\d\.\d/)) {
+      state.cur = responseStatusCode;
+      return "keyword";
+    } else if (stream.match(/^[A-Z]+/) && /[ \t]/.test(stream.peek())) {
+      state.cur = requestPath;
+      return "keyword";
+    } else {
+      return failFirstLine(stream, state);
+    }
+  }
+
+  function responseStatusCode(stream, state) {
+    var code = stream.match(/^\d+/);
+    if (!code) return failFirstLine(stream, state);
+
+    state.cur = responseStatusText;
+    var status = Number(code[0]);
+    if (status >= 100 && status < 200) {
+      return "positive informational";
+    } else if (status >= 200 && status < 300) {
+      return "positive success";
+    } else if (status >= 300 && status < 400) {
+      return "positive redirect";
+    } else if (status >= 400 && status < 500) {
+      return "negative client-error";
+    } else if (status >= 500 && status < 600) {
+      return "negative server-error";
+    } else {
+      return "error";
+    }
+  }
+
+  function responseStatusText(stream, state) {
+    stream.skipToEnd();
+    state.cur = header;
+    return null;
+  }
+
+  function requestPath(stream, state) {
+    stream.eatWhile(/\S/);
+    state.cur = requestProtocol;
+    return "string-2";
+  }
+
+  function requestProtocol(stream, state) {
+    if (stream.match(/^HTTP\/\d\.\d$/)) {
+      state.cur = header;
+      return "keyword";
+    } else {
+      return failFirstLine(stream, state);
+    }
+  }
+
+  function header(stream) {
+    if (stream.sol() && !stream.eat(/[ \t]/)) {
+      if (stream.match(/^.*?:/)) {
+        return "atom";
+      } else {
+        stream.skipToEnd();
+        return "error";
+      }
+    } else {
+      stream.skipToEnd();
+      return "string";
+    }
+  }
+
+  function body(stream) {
+    stream.skipToEnd();
+    return null;
+  }
+
+  return {
+    token: function(stream, state) {
+      var cur = state.cur;
+      if (cur != header && cur != body && stream.eatSpace()) return null;
+      return cur(stream, state);
+    },
+
+    blankLine: function(state) {
+      state.cur = body;
+    },
+
+    startState: function() {
+      return {cur: start};
+    }
+  };
+});
+
+CodeMirror.defineMIME("message/http", "http");
diff --git a/src/main/webapp/codemirror/mode/http/index.html b/src/main/webapp/codemirror/mode/http/index.html
new file mode 100644
index 00000000..705085e2
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/http/index.html
@@ -0,0 +1,45 @@
+<!doctype html>
+
+<title>CodeMirror: HTTP mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="http.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">HTTP</a>
+  </ul>
+</div>
+
+<article>
+<h2>HTTP mode</h2>
+
+
+<div><textarea id="code" name="code">
+POST /somewhere HTTP/1.1
+Host: example.com
+If-Modified-Since: Sat, 29 Oct 1994 19:43:31 GMT
+Content-Type: application/x-www-form-urlencoded;
+	charset=utf-8
+User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/536.11 (KHTML, like Gecko) Ubuntu/12.04 Chromium/20.0.1132.47 Chrome/20.0.1132.47 Safari/536.11
+
+This is the request body!
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>message/http</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/index.html b/src/main/webapp/codemirror/mode/index.html
new file mode 100644
index 00000000..81abc42d
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/index.html
@@ -0,0 +1,114 @@
+<!doctype html>
+
+<title>CodeMirror: Language Modes</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../doc/docs.css">
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../index.html">Home</a>
+    <li><a href="../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a class=active href="#">Language modes</a>
+  </ul>
+</div>
+
+<article>
+
+<h2>Language modes</h2>
+
+<p>This is a list of every mode in the distribution. Each mode lives
+in a subdirectory of the <code>mode/</code> directory, and typically
+defines a single JavaScript file that implements the mode. Loading
+such file will make the language available to CodeMirror, through
+the <a href="manual.html#option_mode"><code>mode</code></a>
+option.</p>
+
+<div style="-webkit-columns: 100px 2; -moz-columns: 100px 2; columns: 100px 2;">
+    <ul>
+      <li><a href="apl/index.html">APL</a></li>
+      <li><a href="asterisk/index.html">Asterisk dialplan</a></li>
+      <li><a href="clike/index.html">C, C++, C#</a></li>
+      <li><a href="clojure/index.html">Clojure</a></li>
+      <li><a href="cobol/index.html">COBOL</a></li>
+      <li><a href="coffeescript/index.html">CoffeeScript</a></li>
+      <li><a href="commonlisp/index.html">Common Lisp</a></li>
+      <li><a href="css/index.html">CSS</a></li>
+      <li><a href="python/index.html">Cython</a></li>
+      <li><a href="d/index.html">D</a></li>
+      <li><a href="diff/index.html">diff</a></li>
+      <li><a href="dtd/index.html">DTD</a></li>
+      <li><a href="ecl/index.html">ECL</a></li>
+      <li><a href="eiffel/index.html">Eiffel</a></li>
+      <li><a href="erlang/index.html">Erlang</a></li>
+      <li><a href="fortran/index.html">Fortran</a></li>
+      <li><a href="gas/index.html">Gas</a> (AT&amp;T-style assembly)</li>
+      <li><a href="gherkin/index.html">Gherkin</a></li>
+      <li><a href="go/index.html">Go</a></li>
+      <li><a href="groovy/index.html">Groovy</a></li>
+      <li><a href="haml/index.html">HAML</a></li>
+      <li><a href="haskell/index.html">Haskell</a></li>
+      <li><a href="haxe/index.html">Haxe</a></li>
+      <li><a href="htmlembedded/index.html">HTML embedded scripts</a></li>
+      <li><a href="htmlmixed/index.html">HTML mixed-mode</a></li>
+      <li><a href="http/index.html">HTTP</a></li>
+      <li><a href="clike/index.html">Java</a></li>
+      <li><a href="jade/index.html">Jade</a></li>
+      <li><a href="javascript/index.html">JavaScript</a></li>
+      <li><a href="jinja2/index.html">Jinja2</a></li>
+      <li><a href="julia/index.html">Julia</a></li>
+      <li><a href="less/index.html">LESS</a></li>
+      <li><a href="livescript/index.html">LiveScript</a></li>
+      <li><a href="lua/index.html">Lua</a></li>
+      <li><a href="markdown/index.html">Markdown</a> (<a href="gfm/index.html">GitHub-flavour</a>)</li>
+      <li><a href="mirc/index.html">mIRC</a></li>
+      <li><a href="nginx/index.html">Nginx</a></li>
+      <li><a href="ntriples/index.html">NTriples</a></li>
+      <li><a href="ocaml/index.html">OCaml</a></li>
+      <li><a href="octave/index.html">Octave</a> (MATLAB)</li>
+      <li><a href="pascal/index.html">Pascal</a></li>
+      <li><a href="pegjs/index.html">PEG.js</a></li>
+      <li><a href="perl/index.html">Perl</a></li>
+      <li><a href="php/index.html">PHP</a></li>
+      <li><a href="pig/index.html">Pig Latin</a></li>
+      <li><a href="properties/index.html">Properties files</a></li>
+      <li><a href="python/index.html">Python</a></li>
+      <li><a href="q/index.html">Q</a></li>
+      <li><a href="r/index.html">R</a></li>
+      <li>RPM <a href="rpm/spec/index.html">spec</a> and <a href="rpm/changes/index.html">changelog</a></li>
+      <li><a href="rst/index.html">reStructuredText</a></li>
+      <li><a href="ruby/index.html">Ruby</a></li>
+      <li><a href="rust/index.html">Rust</a></li>
+      <li><a href="sass/index.html">Sass</a></li>
+      <li><a href="clike/scala.html">Scala</a></li>
+      <li><a href="scheme/index.html">Scheme</a></li>
+      <li><a href="css/scss.html">SCSS</a></li>
+      <li><a href="shell/index.html">Shell</a></li>
+      <li><a href="sieve/index.html">Sieve</a></li>
+      <li><a href="smalltalk/index.html">Smalltalk</a></li>
+      <li><a href="smarty/index.html">Smarty</a></li>
+      <li><a href="smartymixed/index.html">Smarty/HTML mixed</a></li>
+      <li><a href="sql/index.html">SQL</a> (several dialects)</li>
+      <li><a href="sparql/index.html">SPARQL</a></li>
+      <li><a href="stex/index.html">sTeX, LaTeX</a></li>
+      <li><a href="tcl/index.html">Tcl</a></li>
+      <li><a href="tiddlywiki/index.html">Tiddlywiki</a></li>
+      <li><a href="tiki/index.html">Tiki wiki</a></li>
+      <li><a href="toml/index.html">TOML</a></li>
+      <li><a href="turtle/index.html">Turtle</a></li>
+      <li><a href="vb/index.html">VB.NET</a></li>
+      <li><a href="vbscript/index.html">VBScript</a></li>
+      <li><a href="velocity/index.html">Velocity</a></li>
+      <li><a href="verilog/index.html">Verilog</a></li>
+      <li><a href="xml/index.html">XML/HTML</a></li>
+      <li><a href="xquery/index.html">XQuery</a></li>
+      <li><a href="yaml/index.html">YAML</a></li>
+      <li><a href="z80/index.html">Z80</a></li>
+    </ul>
+  </div>
+
+</article>
diff --git a/src/main/webapp/codemirror/mode/jade/index.html b/src/main/webapp/codemirror/mode/jade/index.html
new file mode 100644
index 00000000..e22b15e6
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/jade/index.html
@@ -0,0 +1,66 @@
+<!doctype html>
+
+<title>CodeMirror: Jade Templating Mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="jade.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Jade Templating Mode</a>
+  </ul>
+</div>
+
+<article>
+<h2>Jade Templating Mode</h2>
+<form><textarea id="code" name="code">
+doctype 5
+  html
+    head
+      title= "Jade Templating CodeMirror Mode Example"
+      link(rel='stylesheet', href='/css/bootstrap.min.css')
+      link(rel='stylesheet', href='/css/index.css')
+      script(type='text/javascript', src='/js/jquery-1.9.1.min.js')
+      script(type='text/javascript', src='/js/bootstrap.min.js')
+    body
+      div.header
+        h1 Welcome to this Example
+      div.spots
+        if locals.spots
+          each spot in spots
+            div.spot.well
+         div
+           if spot.logo
+             img.img-rounded.logo(src=spot.logo)
+           else
+             img.img-rounded.logo(src="img/placeholder.png")
+         h3
+           a(href=spot.hash) ##{spot.hash}
+           if spot.title
+             span.title #{spot.title}
+           if spot.desc
+             div #{spot.desc}
+        else
+          h3 There are no spots currently available.
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: {name: "jade", alignCDATA: true},
+        lineNumbers: true
+      });
+    </script>
+    <h3>The Jade Templating Mode</h3>
+      <p> Created by Drew Bratcher. Managed as part of an Adobe Brackets extension at <a href="https://github.com/dbratcher/brackets-jade">https://github.com/dbratcher/brackets-jade</a>.</p>
+    <p><strong>MIME type defined:</strong> <code>text/x-jade</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/jade/jade.js b/src/main/webapp/codemirror/mode/jade/jade.js
new file mode 100644
index 00000000..61abb27a
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/jade/jade.js
@@ -0,0 +1,90 @@
+CodeMirror.defineMode("jade", function () {
+  var symbol_regex1 = /^(?:~|!|%|\^|\*|\+|=|\\|:|;|,|\/|\?|&|<|>|\|)/;
+  var open_paren_regex = /^(\(|\[)/;
+  var close_paren_regex = /^(\)|\])/;
+  var keyword_regex1 = /^(if|else|return|var|function|include|doctype|each)/;
+  var keyword_regex2 = /^(#|{|}|\.)/;
+  var keyword_regex3 = /^(in)/;
+  var html_regex1 = /^(html|head|title|meta|link|script|body|br|div|input|span|a|img)/;
+  var html_regex2 = /^(h1|h2|h3|h4|h5|p|strong|em)/;
+  return {
+    startState: function () {
+      return {
+        inString: false,
+        stringType: "",
+        beforeTag: true,
+        justMatchedKeyword: false,
+        afterParen: false
+      };
+    },
+    token: function (stream, state) {
+      //check for state changes
+      if (!state.inString && ((stream.peek() == '"') || (stream.peek() == "'"))) {
+        state.stringType = stream.peek();
+        stream.next(); // Skip quote
+        state.inString = true; // Update state
+      }
+
+      //return state
+      if (state.inString) {
+        if (stream.skipTo(state.stringType)) { // Quote found on this line
+          stream.next(); // Skip quote
+          state.inString = false; // Clear flag
+        } else {
+          stream.skipToEnd(); // Rest of line is string
+        }
+        state.justMatchedKeyword = false;
+        return "string"; // Token style
+      } else if (stream.sol() && stream.eatSpace()) {
+        if (stream.match(keyword_regex1)) {
+          state.justMatchedKeyword = true;
+          stream.eatSpace();
+          return "keyword";
+        }
+        if (stream.match(html_regex1) || stream.match(html_regex2)) {
+          state.justMatchedKeyword = true;
+          return "variable";
+        }
+      } else if (stream.sol() && stream.match(keyword_regex1)) {
+        state.justMatchedKeyword = true;
+        stream.eatSpace();
+        return "keyword";
+      } else if (stream.sol() && (stream.match(html_regex1) || stream.match(html_regex2))) {
+        state.justMatchedKeyword = true;
+        return "variable";
+      } else if (stream.eatSpace()) {
+        state.justMatchedKeyword = false;
+        if (stream.match(keyword_regex3) && stream.eatSpace()) {
+          state.justMatchedKeyword = true;
+          return "keyword";
+        }
+      } else if (stream.match(symbol_regex1)) {
+        state.justMatchedKeyword = false;
+        return "atom";
+      } else if (stream.match(open_paren_regex)) {
+        state.afterParen = true;
+        state.justMatchedKeyword = true;
+        return "def";
+      } else if (stream.match(close_paren_regex)) {
+        state.afterParen = false;
+        state.justMatchedKeyword = true;
+        return "def";
+      } else if (stream.match(keyword_regex2)) {
+        state.justMatchedKeyword = true;
+        return "keyword";
+      } else if (stream.eatSpace()) {
+        state.justMatchedKeyword = false;
+      } else {
+        stream.next();
+        if (state.justMatchedKeyword) {
+          return "property";
+        } else if (state.afterParen) {
+          return "property";
+        }
+      }
+      return null;
+    }
+  };
+});
+
+CodeMirror.defineMIME('text/x-jade', 'jade');
diff --git a/src/main/webapp/codemirror/mode/javascript/index.html b/src/main/webapp/codemirror/mode/javascript/index.html
new file mode 100644
index 00000000..45d70ffd
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/javascript/index.html
@@ -0,0 +1,107 @@
+<!doctype html>
+
+<title>CodeMirror: JavaScript mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="../../addon/comment/continuecomment.js"></script>
+<script src="../../addon/comment/comment.js"></script>
+<script src="javascript.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">JavaScript</a>
+  </ul>
+</div>
+
+<article>
+<h2>JavaScript mode</h2>
+
+
+<div><textarea id="code" name="code">
+// Demo code (the actual new parser character stream implementation)
+
+function StringStream(string) {
+  this.pos = 0;
+  this.string = string;
+}
+
+StringStream.prototype = {
+  done: function() {return this.pos >= this.string.length;},
+  peek: function() {return this.string.charAt(this.pos);},
+  next: function() {
+    if (this.pos &lt; this.string.length)
+      return this.string.charAt(this.pos++);
+  },
+  eat: function(match) {
+    var ch = this.string.charAt(this.pos);
+    if (typeof match == "string") var ok = ch == match;
+    else var ok = ch &amp;&amp; match.test ? match.test(ch) : match(ch);
+    if (ok) {this.pos++; return ch;}
+  },
+  eatWhile: function(match) {
+    var start = this.pos;
+    while (this.eat(match));
+    if (this.pos > start) return this.string.slice(start, this.pos);
+  },
+  backUp: function(n) {this.pos -= n;},
+  column: function() {return this.pos;},
+  eatSpace: function() {
+    var start = this.pos;
+    while (/\s/.test(this.string.charAt(this.pos))) this.pos++;
+    return this.pos - start;
+  },
+  match: function(pattern, consume, caseInsensitive) {
+    if (typeof pattern == "string") {
+      function cased(str) {return caseInsensitive ? str.toLowerCase() : str;}
+      if (cased(this.string).indexOf(cased(pattern), this.pos) == this.pos) {
+        if (consume !== false) this.pos += str.length;
+        return true;
+      }
+    }
+    else {
+      var match = this.string.slice(this.pos).match(pattern);
+      if (match &amp;&amp; consume !== false) this.pos += match[0].length;
+      return match;
+    }
+  }
+};
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        continueComments: "Enter",
+        extraKeys: {"Ctrl-Q": "toggleComment"}
+      });
+    </script>
+
+    <p>
+      JavaScript mode supports a two configuration
+      options:
+      <ul>
+        <li><code>json</code> which will set the mode to expect JSON
+        data rather than a JavaScript program.</li>
+        <li><code>typescript</code> which will activate additional
+        syntax highlighting and some other things for TypeScript code
+        (<a href="typescript.html">demo</a>).</li>
+        <li><code>statementIndent</code> which (given a number) will
+        determine the amount of indentation to use for statements
+        continued on a new line.</li>
+      </ul>
+    </p>
+
+    <p><strong>MIME types defined:</strong> <code>text/javascript</code>, <code>application/json</code>, <code>text/typescript</code>, <code>application/typescript</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/javascript/javascript.js b/src/main/webapp/codemirror/mode/javascript/javascript.js
new file mode 100644
index 00000000..f27c0634
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/javascript/javascript.js
@@ -0,0 +1,617 @@
+// TODO actually recognize syntax of TypeScript constructs
+
+CodeMirror.defineMode("javascript", function(config, parserConfig) {
+  var indentUnit = config.indentUnit;
+  var statementIndent = parserConfig.statementIndent;
+  var jsonMode = parserConfig.json;
+  var isTS = parserConfig.typescript;
+
+  // Tokenizer
+
+  var keywords = function(){
+    function kw(type) {return {type: type, style: "keyword"};}
+    var A = kw("keyword a"), B = kw("keyword b"), C = kw("keyword c");
+    var operator = kw("operator"), atom = {type: "atom", style: "atom"};
+
+    var jsKeywords = {
+      "if": kw("if"), "while": A, "with": A, "else": B, "do": B, "try": B, "finally": B,
+      "return": C, "break": C, "continue": C, "new": C, "delete": C, "throw": C,
+      "var": kw("var"), "const": kw("var"), "let": kw("var"),
+      "function": kw("function"), "catch": kw("catch"),
+      "for": kw("for"), "switch": kw("switch"), "case": kw("case"), "default": kw("default"),
+      "in": operator, "typeof": operator, "instanceof": operator,
+      "true": atom, "false": atom, "null": atom, "undefined": atom, "NaN": atom, "Infinity": atom,
+      "this": kw("this"), "module": kw("module"), "class": kw("class"), "super": kw("atom"),
+      "yield": C, "export": kw("export"), "import": kw("import"), "extends": C
+    };
+
+    // Extend the 'normal' keywords with the TypeScript language extensions
+    if (isTS) {
+      var type = {type: "variable", style: "variable-3"};
+      var tsKeywords = {
+        // object-like things
+        "interface": kw("interface"),
+        "extends": kw("extends"),
+        "constructor": kw("constructor"),
+
+        // scope modifiers
+        "public": kw("public"),
+        "private": kw("private"),
+        "protected": kw("protected"),
+        "static": kw("static"),
+
+        // types
+        "string": type, "number": type, "bool": type, "any": type
+      };
+
+      for (var attr in tsKeywords) {
+        jsKeywords[attr] = tsKeywords[attr];
+      }
+    }
+
+    return jsKeywords;
+  }();
+
+  var isOperatorChar = /[+\-*&%=<>!?|~^]/;
+
+  function nextUntilUnescaped(stream, end) {
+    var escaped = false, next;
+    while ((next = stream.next()) != null) {
+      if (next == end && !escaped)
+        return false;
+      escaped = !escaped && next == "\\";
+    }
+    return escaped;
+  }
+
+  // Used as scratch variables to communicate multiple values without
+  // consing up tons of objects.
+  var type, content;
+  function ret(tp, style, cont) {
+    type = tp; content = cont;
+    return style;
+  }
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    if (ch == '"' || ch == "'") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    } else if (ch == "." && stream.match(/^\d+(?:[eE][+\-]?\d+)?/)) {
+      return ret("number", "number");
+    } else if (ch == "." && stream.match("..")) {
+      return ret("spread", "meta");
+    } else if (/[\[\]{}\(\),;\:\.]/.test(ch)) {
+      return ret(ch);
+    } else if (ch == "=" && stream.eat(">")) {
+      return ret("=>");
+    } else if (ch == "0" && stream.eat(/x/i)) {
+      stream.eatWhile(/[\da-f]/i);
+      return ret("number", "number");
+    } else if (/\d/.test(ch)) {
+      stream.match(/^\d*(?:\.\d*)?(?:[eE][+\-]?\d+)?/);
+      return ret("number", "number");
+    } else if (ch == "/") {
+      if (stream.eat("*")) {
+        state.tokenize = tokenComment;
+        return tokenComment(stream, state);
+      } else if (stream.eat("/")) {
+        stream.skipToEnd();
+        return ret("comment", "comment");
+      } else if (state.lastType == "operator" || state.lastType == "keyword c" ||
+               state.lastType == "sof" || /^[\[{}\(,;:]$/.test(state.lastType)) {
+        nextUntilUnescaped(stream, "/");
+        stream.eatWhile(/[gimy]/); // 'y' is "sticky" option in Mozilla
+        return ret("regexp", "string-2");
+      } else {
+        stream.eatWhile(isOperatorChar);
+        return ret("operator", null, stream.current());
+      }
+    } else if (ch == "`") {
+      state.tokenize = tokenQuasi;
+      return tokenQuasi(stream, state);
+    } else if (ch == "#") {
+      stream.skipToEnd();
+      return ret("error", "error");
+    } else if (isOperatorChar.test(ch)) {
+      stream.eatWhile(isOperatorChar);
+      return ret("operator", null, stream.current());
+    } else {
+      stream.eatWhile(/[\w\$_]/);
+      var word = stream.current(), known = keywords.propertyIsEnumerable(word) && keywords[word];
+      return (known && state.lastType != ".") ? ret(known.type, known.style, word) :
+                     ret("variable", "variable", word);
+    }
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      if (!nextUntilUnescaped(stream, quote))
+        state.tokenize = tokenBase;
+      return ret("string", "string");
+    };
+  }
+
+  function tokenComment(stream, state) {
+    var maybeEnd = false, ch;
+    while (ch = stream.next()) {
+      if (ch == "/" && maybeEnd) {
+        state.tokenize = tokenBase;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return ret("comment", "comment");
+  }
+
+  function tokenQuasi(stream, state) {
+    var escaped = false, next;
+    while ((next = stream.next()) != null) {
+      if (!escaped && (next == "`" || next == "$" && stream.eat("{"))) {
+        state.tokenize = tokenBase;
+        break;
+      }
+      escaped = !escaped && next == "\\";
+    }
+    return ret("quasi", "string-2", stream.current());
+  }
+
+  var brackets = "([{}])";
+  // This is a crude lookahead trick to try and notice that we're
+  // parsing the argument patterns for a fat-arrow function before we
+  // actually hit the arrow token. It only works if the arrow is on
+  // the same line as the arguments and there's no strange noise
+  // (comments) in between. Fallback is to only notice when we hit the
+  // arrow, and not declare the arguments as locals for the arrow
+  // body.
+  function findFatArrow(stream, state) {
+    if (state.fatArrowAt) state.fatArrowAt = null;
+    var arrow = stream.string.indexOf("=>", stream.start);
+    if (arrow < 0) return;
+
+    var depth = 0, sawSomething = false;
+    for (var pos = arrow - 1; pos >= 0; --pos) {
+      var ch = stream.string.charAt(pos);
+      var bracket = brackets.indexOf(ch);
+      if (bracket >= 0 && bracket < 3) {
+        if (!depth) { ++pos; break; }
+        if (--depth == 0) break;
+      } else if (bracket >= 3 && bracket < 6) {
+        ++depth;
+      } else if (/[$\w]/.test(ch)) {
+        sawSomething = true;
+      } else if (sawSomething && !depth) {
+        ++pos;
+        break;
+      }
+    }
+    if (sawSomething && !depth) state.fatArrowAt = pos;
+  }
+
+  // Parser
+
+  var atomicTypes = {"atom": true, "number": true, "variable": true, "string": true, "regexp": true, "this": true};
+
+  function JSLexical(indented, column, type, align, prev, info) {
+    this.indented = indented;
+    this.column = column;
+    this.type = type;
+    this.prev = prev;
+    this.info = info;
+    if (align != null) this.align = align;
+  }
+
+  function inScope(state, varname) {
+    for (var v = state.localVars; v; v = v.next)
+      if (v.name == varname) return true;
+    for (var cx = state.context; cx; cx = cx.prev) {
+      for (var v = cx.vars; v; v = v.next)
+        if (v.name == varname) return true;
+    }
+  }
+
+  function parseJS(state, style, type, content, stream) {
+    var cc = state.cc;
+    // Communicate our context to the combinators.
+    // (Less wasteful than consing up a hundred closures on every call.)
+    cx.state = state; cx.stream = stream; cx.marked = null, cx.cc = cc;
+
+    if (!state.lexical.hasOwnProperty("align"))
+      state.lexical.align = true;
+
+    while(true) {
+      var combinator = cc.length ? cc.pop() : jsonMode ? expression : statement;
+      if (combinator(type, content)) {
+        while(cc.length && cc[cc.length - 1].lex)
+          cc.pop()();
+        if (cx.marked) return cx.marked;
+        if (type == "variable" && inScope(state, content)) return "variable-2";
+        return style;
+      }
+    }
+  }
+
+  // Combinator utils
+
+  var cx = {state: null, column: null, marked: null, cc: null};
+  function pass() {
+    for (var i = arguments.length - 1; i >= 0; i--) cx.cc.push(arguments[i]);
+  }
+  function cont() {
+    pass.apply(null, arguments);
+    return true;
+  }
+  function register(varname) {
+    function inList(list) {
+      for (var v = list; v; v = v.next)
+        if (v.name == varname) return true;
+      return false;
+    }
+    var state = cx.state;
+    if (state.context) {
+      cx.marked = "def";
+      if (inList(state.localVars)) return;
+      state.localVars = {name: varname, next: state.localVars};
+    } else {
+      if (inList(state.globalVars)) return;
+      if (parserConfig.globalVars)
+        state.globalVars = {name: varname, next: state.globalVars};
+    }
+  }
+
+  // Combinators
+
+  var defaultVars = {name: "this", next: {name: "arguments"}};
+  function pushcontext() {
+    cx.state.context = {prev: cx.state.context, vars: cx.state.localVars};
+    cx.state.localVars = defaultVars;
+  }
+  function popcontext() {
+    cx.state.localVars = cx.state.context.vars;
+    cx.state.context = cx.state.context.prev;
+  }
+  function pushlex(type, info) {
+    var result = function() {
+      var state = cx.state, indent = state.indented;
+      if (state.lexical.type == "stat") indent = state.lexical.indented;
+      state.lexical = new JSLexical(indent, cx.stream.column(), type, null, state.lexical, info);
+    };
+    result.lex = true;
+    return result;
+  }
+  function poplex() {
+    var state = cx.state;
+    if (state.lexical.prev) {
+      if (state.lexical.type == ")")
+        state.indented = state.lexical.indented;
+      state.lexical = state.lexical.prev;
+    }
+  }
+  poplex.lex = true;
+
+  function expect(wanted) {
+    return function(type) {
+      if (type == wanted) return cont();
+      else if (wanted == ";") return pass();
+      else return cont(arguments.callee);
+    };
+  }
+
+  function statement(type, value) {
+    if (type == "var") return cont(pushlex("vardef", value.length), vardef, expect(";"), poplex);
+    if (type == "keyword a") return cont(pushlex("form"), expression, statement, poplex);
+    if (type == "keyword b") return cont(pushlex("form"), statement, poplex);
+    if (type == "{") return cont(pushlex("}"), block, poplex);
+    if (type == ";") return cont();
+    if (type == "if") return cont(pushlex("form"), expression, statement, poplex, maybeelse);
+    if (type == "function") return cont(functiondef);
+    if (type == "for") return cont(pushlex("form"), forspec, poplex, statement, poplex);
+    if (type == "variable") return cont(pushlex("stat"), maybelabel);
+    if (type == "switch") return cont(pushlex("form"), expression, pushlex("}", "switch"), expect("{"),
+                                      block, poplex, poplex);
+    if (type == "case") return cont(expression, expect(":"));
+    if (type == "default") return cont(expect(":"));
+    if (type == "catch") return cont(pushlex("form"), pushcontext, expect("("), funarg, expect(")"),
+                                     statement, poplex, popcontext);
+    if (type == "module") return cont(pushlex("form"), pushcontext, afterModule, popcontext, poplex);
+    if (type == "class") return cont(pushlex("form"), className, objlit, poplex);
+    if (type == "export") return cont(pushlex("form"), afterExport, poplex);
+    if (type == "import") return cont(pushlex("form"), afterImport, poplex);
+    return pass(pushlex("stat"), expression, expect(";"), poplex);
+  }
+  function expression(type) {
+    return expressionInner(type, false);
+  }
+  function expressionNoComma(type) {
+    return expressionInner(type, true);
+  }
+  function expressionInner(type, noComma) {
+    if (cx.state.fatArrowAt == cx.stream.start) {
+      var body = noComma ? arrowBodyNoComma : arrowBody;
+      if (type == "(") return cont(pushcontext, commasep(pattern, ")"), expect("=>"), body, popcontext);
+      else if (type == "variable") return pass(pushcontext, pattern, expect("=>"), body, popcontext);
+    }
+
+    var maybeop = noComma ? maybeoperatorNoComma : maybeoperatorComma;
+    if (atomicTypes.hasOwnProperty(type)) return cont(maybeop);
+    if (type == "function") return cont(functiondef);
+    if (type == "keyword c") return cont(noComma ? maybeexpressionNoComma : maybeexpression);
+    if (type == "(") return cont(pushlex(")"), maybeexpression, comprehension, expect(")"), poplex, maybeop);
+    if (type == "operator" || type == "spread") return cont(noComma ? expressionNoComma : expression);
+    if (type == "[") return cont(pushlex("]"), expressionNoComma, maybeArrayComprehension, poplex, maybeop);
+    if (type == "{") return cont(commasep(objprop, "}"), maybeop);
+    return cont();
+  }
+  function maybeexpression(type) {
+    if (type.match(/[;\}\)\],]/)) return pass();
+    return pass(expression);
+  }
+  function maybeexpressionNoComma(type) {
+    if (type.match(/[;\}\)\],]/)) return pass();
+    return pass(expressionNoComma);
+  }
+
+  function maybeoperatorComma(type, value) {
+    if (type == ",") return cont(expression);
+    return maybeoperatorNoComma(type, value, false);
+  }
+  function maybeoperatorNoComma(type, value, noComma) {
+    var me = noComma == false ? maybeoperatorComma : maybeoperatorNoComma;
+    var expr = noComma == false ? expression : expressionNoComma;
+    if (value == "=>") return cont(pushcontext, noComma ? arrowBodyNoComma : arrowBody, popcontext);
+    if (type == "operator") {
+      if (/\+\+|--/.test(value)) return cont(me);
+      if (value == "?") return cont(expression, expect(":"), expr);
+      return cont(expr);
+    }
+    if (type == "quasi") { cx.cc.push(me); return quasi(value); }
+    if (type == ";") return;
+    if (type == "(") return cont(commasep(expressionNoComma, ")", "call"), me);
+    if (type == ".") return cont(property, me);
+    if (type == "[") return cont(pushlex("]"), maybeexpression, expect("]"), poplex, me);
+  }
+  function quasi(value) {
+    if (!value) debugger;
+    if (value.slice(value.length - 2) != "${") return cont();
+    return cont(expression, continueQuasi);
+  }
+  function continueQuasi(type) {
+    if (type == "}") {
+      cx.marked = "string-2";
+      cx.state.tokenize = tokenQuasi;
+      return cont();
+    }
+  }
+  function arrowBody(type) {
+    findFatArrow(cx.stream, cx.state);
+    if (type == "{") return pass(statement);
+    return pass(expression);
+  }
+  function arrowBodyNoComma(type) {
+    findFatArrow(cx.stream, cx.state);
+    if (type == "{") return pass(statement);
+    return pass(expressionNoComma);
+  }
+  function maybelabel(type) {
+    if (type == ":") return cont(poplex, statement);
+    return pass(maybeoperatorComma, expect(";"), poplex);
+  }
+  function property(type) {
+    if (type == "variable") {cx.marked = "property"; return cont();}
+  }
+  function objprop(type, value) {
+    if (type == "variable") {
+      cx.marked = "property";
+      if (value == "get" || value == "set") return cont(getterSetter);
+    } else if (type == "number" || type == "string") {
+      cx.marked = type + " property";
+    } else if (type == "[") {
+      return cont(expression, expect("]"), afterprop);
+    }
+    if (atomicTypes.hasOwnProperty(type)) return cont(afterprop);
+  }
+  function getterSetter(type) {
+    if (type != "variable") return pass(afterprop);
+    cx.marked = "property";
+    return cont(functiondef);
+  }
+  function afterprop(type) {
+    if (type == ":") return cont(expressionNoComma);
+    if (type == "(") return pass(functiondef);
+  }
+  function commasep(what, end, info) {
+    function proceed(type) {
+      if (type == ",") {
+        var lex = cx.state.lexical;
+        if (lex.info == "call") lex.pos = (lex.pos || 0) + 1;
+        return cont(what, proceed);
+      }
+      if (type == end) return cont();
+      return cont(expect(end));
+    }
+    return function(type) {
+      if (type == end) return cont();
+      if (info === false) return pass(what, proceed);
+      return pass(pushlex(end, info), what, proceed, poplex);
+    };
+  }
+  function block(type) {
+    if (type == "}") return cont();
+    return pass(statement, block);
+  }
+  function maybetype(type) {
+    if (isTS && type == ":") return cont(typedef);
+  }
+  function typedef(type) {
+    if (type == "variable"){cx.marked = "variable-3"; return cont();}
+  }
+  function vardef() {
+    return pass(pattern, maybetype, maybeAssign, vardefCont);
+  }
+  function pattern(type, value) {
+    if (type == "variable") { register(value); return cont(); }
+    if (type == "[") return cont(commasep(pattern, "]"));
+    if (type == "{") return cont(commasep(proppattern, "}"));
+  }
+  function proppattern(type, value) {
+    if (type == "variable" && !cx.stream.match(/^\s*:/, false)) {
+      register(value);
+      return cont(maybeAssign);
+    }
+    if (type == "variable") cx.marked = "property";
+    return cont(expect(":"), pattern, maybeAssign);
+  }
+  function maybeAssign(_type, value) {
+    if (value == "=") return cont(expressionNoComma);
+  }
+  function vardefCont(type) {
+    if (type == ",") return cont(vardef);
+  }
+  function maybeelse(type, value) {
+    if (type == "keyword b" && value == "else") return cont(pushlex("form"), statement, poplex);
+  }
+  function forspec(type) {
+    if (type == "(") return cont(pushlex(")"), forspec1, expect(")"));
+  }
+  function forspec1(type) {
+    if (type == "var") return cont(vardef, expect(";"), forspec2);
+    if (type == ";") return cont(forspec2);
+    if (type == "variable") return cont(formaybeinof);
+    return pass(expression, expect(";"), forspec2);
+  }
+  function formaybeinof(_type, value) {
+    if (value == "in" || value == "of") { cx.marked = "keyword"; return cont(expression); }
+    return cont(maybeoperatorComma, forspec2);
+  }
+  function forspec2(type, value) {
+    if (type == ";") return cont(forspec3);
+    if (value == "in" || value == "of") { cx.marked = "keyword"; return cont(expression); }
+    return pass(expression, expect(";"), forspec3);
+  }
+  function forspec3(type) {
+    if (type != ")") cont(expression);
+  }
+  function functiondef(type, value) {
+    if (value == "*") {cx.marked = "keyword"; return cont(functiondef);}
+    if (type == "variable") {register(value); return cont(functiondef);}
+    if (type == "(") return cont(pushcontext, commasep(funarg, ")"), statement, popcontext);
+  }
+  function funarg(type) {
+    if (type == "spread") return cont(funarg);
+    return pass(pattern, maybetype);
+  }
+  function className(type, value) {
+    if (type == "variable") {register(value); return cont(classNameAfter);}
+  }
+  function classNameAfter(_type, value) {
+    if (value == "extends") return cont(expression);
+  }
+  function objlit(type) {
+    if (type == "{") return cont(commasep(objprop, "}"));
+  }
+  function afterModule(type, value) {
+    if (type == "string") return cont(statement);
+    if (type == "variable") { register(value); return cont(maybeFrom); }
+  }
+  function afterExport(_type, value) {
+    if (value == "*") { cx.marked = "keyword"; return cont(maybeFrom, expect(";")); }
+    if (value == "default") { cx.marked = "keyword"; return cont(expression, expect(";")); }
+    return pass(statement);
+  }
+  function afterImport(type) {
+    if (type == "string") return cont();
+    return pass(importSpec, maybeFrom);
+  }
+  function importSpec(type, value) {
+    if (type == "{") return cont(commasep(importSpec, "}"));
+    if (type == "variable") register(value);
+    return cont();
+  }
+  function maybeFrom(_type, value) {
+    if (value == "from") { cx.marked = "keyword"; return cont(expression); }
+  }
+  function maybeArrayComprehension(type) {
+    if (type == "for") return pass(comprehension);
+    if (type == ",") return cont(commasep(expressionNoComma, "]", false));
+    return pass(commasep(expressionNoComma, "]", false));
+  }
+  function comprehension(type) {
+    if (type == "for") return cont(forspec, comprehension);
+    if (type == "if") return cont(expression, comprehension);
+  }
+
+  // Interface
+
+  return {
+    startState: function(basecolumn) {
+      var state = {
+        tokenize: tokenBase,
+        lastType: "sof",
+        cc: [],
+        lexical: new JSLexical((basecolumn || 0) - indentUnit, 0, "block", false),
+        localVars: parserConfig.localVars,
+        context: parserConfig.localVars && {vars: parserConfig.localVars},
+        indented: 0
+      };
+      if (parserConfig.globalVars) state.globalVars = parserConfig.globalVars;
+      return state;
+    },
+
+    token: function(stream, state) {
+      if (stream.sol()) {
+        if (!state.lexical.hasOwnProperty("align"))
+          state.lexical.align = false;
+        state.indented = stream.indentation();
+        findFatArrow(stream, state);
+      }
+      if (state.tokenize != tokenComment && stream.eatSpace()) return null;
+      var style = state.tokenize(stream, state);
+      if (type == "comment") return style;
+      state.lastType = type == "operator" && (content == "++" || content == "--") ? "incdec" : type;
+      return parseJS(state, style, type, content, stream);
+    },
+
+    indent: function(state, textAfter) {
+      if (state.tokenize == tokenComment) return CodeMirror.Pass;
+      if (state.tokenize != tokenBase) return 0;
+      var firstChar = textAfter && textAfter.charAt(0), lexical = state.lexical;
+      // Kludge to prevent 'maybelse' from blocking lexical scope pops
+      for (var i = state.cc.length - 1; i >= 0; --i) {
+        var c = state.cc[i];
+        if (c == poplex) lexical = lexical.prev;
+        else if (c != maybeelse) break;
+      }
+      if (lexical.type == "stat" && firstChar == "}") lexical = lexical.prev;
+      if (statementIndent && lexical.type == ")" && lexical.prev.type == "stat")
+        lexical = lexical.prev;
+      var type = lexical.type, closing = firstChar == type;
+
+      if (type == "vardef") return lexical.indented + (state.lastType == "operator" || state.lastType == "," ? lexical.info + 1 : 0);
+      else if (type == "form" && firstChar == "{") return lexical.indented;
+      else if (type == "form") return lexical.indented + indentUnit;
+      else if (type == "stat")
+        return lexical.indented + (state.lastType == "operator" || state.lastType == "," ? statementIndent || indentUnit : 0);
+      else if (lexical.info == "switch" && !closing && parserConfig.doubleIndentSwitch != false)
+        return lexical.indented + (/^(?:case|default)\b/.test(textAfter) ? indentUnit : 2 * indentUnit);
+      else if (lexical.align) return lexical.column + (closing ? 0 : 1);
+      else return lexical.indented + (closing ? 0 : indentUnit);
+    },
+
+    electricChars: ":{}",
+    blockCommentStart: jsonMode ? null : "/*",
+    blockCommentEnd: jsonMode ? null : "*/",
+    lineComment: jsonMode ? null : "//",
+    fold: "brace",
+
+    helperType: jsonMode ? "json" : "javascript",
+    jsonMode: jsonMode
+  };
+});
+
+CodeMirror.defineMIME("text/javascript", "javascript");
+CodeMirror.defineMIME("text/ecmascript", "javascript");
+CodeMirror.defineMIME("application/javascript", "javascript");
+CodeMirror.defineMIME("application/ecmascript", "javascript");
+CodeMirror.defineMIME("application/json", {name: "javascript", json: true});
+CodeMirror.defineMIME("application/x-json", {name: "javascript", json: true});
+CodeMirror.defineMIME("text/typescript", { name: "javascript", typescript: true });
+CodeMirror.defineMIME("application/typescript", { name: "javascript", typescript: true });
diff --git a/src/main/webapp/codemirror/mode/javascript/test.js b/src/main/webapp/codemirror/mode/javascript/test.js
new file mode 100644
index 00000000..76015249
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/javascript/test.js
@@ -0,0 +1,72 @@
+(function() {
+  var mode = CodeMirror.getMode({indentUnit: 2}, "javascript");
+  function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1)); }
+
+  MT("locals",
+     "[keyword function] [variable foo]([def a], [def b]) { [keyword var] [def c] = [number 10]; [keyword return] [variable-2 a] + [variable-2 c] + [variable d]; }");
+
+  MT("comma-and-binop",
+     "[keyword function](){ [keyword var] [def x] = [number 1] + [number 2], [def y]; }");
+
+  MT("destructuring",
+     "([keyword function]([def a], [[[def b], [def c] ]]) {",
+     "  [keyword let] {[def d], [property foo]: [def c]=[number 10], [def x]} = [variable foo]([variable-2 a]);",
+     "  [[[variable-2 c], [variable y] ]] = [variable-2 c];",
+     "})();");
+
+  MT("class",
+     "[keyword class] [variable Point] [keyword extends] [variable SuperThing] {",
+     "  [[ [string-2 /expr/] ]]: [number 24],",
+     "  [property constructor]([def x], [def y]) {",
+     "    [keyword super]([string 'something']);",
+     "    [keyword this].[property x] = [variable-2 x];",
+     "  }",
+     "}");
+
+  MT("module",
+     "[keyword module] [string 'foo'] {",
+     "  [keyword export] [keyword let] [def x] = [number 42];",
+     "  [keyword export] [keyword *] [keyword from] [string 'somewhere'];",
+     "}");
+
+  MT("import",
+     "[keyword function] [variable foo]() {",
+     "  [keyword import] [def $] [keyword from] [string 'jquery'];",
+     "  [keyword module] [def crypto] [keyword from] [string 'crypto'];",
+     "  [keyword import] { [def encrypt], [def decrypt] } [keyword from] [string 'crypto'];",
+     "}");
+
+  MT("const",
+     "[keyword function] [variable f]() {",
+     "  [keyword const] [[ [def a], [def b] ]] = [[ [number 1], [number 2] ]];",
+     "}");
+
+  MT("for/of",
+     "[keyword for]([keyword let] [variable of] [keyword of] [variable something]) {}");
+
+  MT("generator",
+     "[keyword function*] [variable repeat]([def n]) {",
+     "  [keyword for]([keyword var] [def i] = [number 0]; [variable-2 i] < [variable-2 n]; ++[variable-2 i])",
+     "    [keyword yield] [variable-2 i];",
+     "}");
+
+  MT("fatArrow",
+     "[variable array].[property filter]([def a] => [variable-2 a] + [number 1]);",
+     "[variable a];", // No longer in scope
+     "[keyword let] [variable f] = ([[ [def a], [def b] ]], [def c]) => [variable-2 a] + [variable-2 c];",
+     "[variable c];");
+
+  MT("spread",
+     "[keyword function] [variable f]([def a], [meta ...][def b]) {",
+     "  [variable something]([variable-2 a], [meta ...][variable-2 b]);",
+     "}");
+
+  MT("comprehension",
+     "[keyword function] [variable f]() {",
+     "  [[ [variable x] + [number 1] [keyword for] ([keyword var] [def x] [keyword in] [variable y]) [keyword if] [variable pred]([variable-2 x]) ]];",
+     "  ([variable u] [keyword for] ([keyword var] [def u] [keyword of] [variable generateValues]()) [keyword if] ([variable-2 u].[property color] === [string 'blue']));",
+     "}");
+
+  MT("quasi",
+     "[variable re][string-2 `fofdlakj${][variable x] + ([variable re][string-2 `foo`]) + [number 1][string-2 }fdsa`] + [number 2]");
+})();
diff --git a/src/main/webapp/codemirror/mode/javascript/typescript.html b/src/main/webapp/codemirror/mode/javascript/typescript.html
new file mode 100644
index 00000000..9cc5f493
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/javascript/typescript.html
@@ -0,0 +1,61 @@
+<!doctype html>
+
+<title>CodeMirror: TypeScript mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="javascript.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">TypeScript</a>
+  </ul>
+</div>
+
+<article>
+<h2>TypeScript mode</h2>
+
+
+<div><textarea id="code" name="code">
+class Greeter {
+	greeting: string;
+	constructor (message: string) {
+		this.greeting = message;
+	}
+	greet() {
+		return "Hello, " + this.greeting;
+	}
+}   
+
+var greeter = new Greeter("world");
+
+var button = document.createElement('button')
+button.innerText = "Say Hello"
+button.onclick = function() {
+	alert(greeter.greet())
+}
+
+document.body.appendChild(button)
+
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        mode: "text/typescript"
+      });
+    </script>
+
+    <p>This is a specialization of the <a href="index.html">JavaScript mode</a>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/jinja2/index.html b/src/main/webapp/codemirror/mode/jinja2/index.html
new file mode 100644
index 00000000..66bf2ec6
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/jinja2/index.html
@@ -0,0 +1,50 @@
+<!doctype html>
+
+<title>CodeMirror: Jinja2 mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="jinja2.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Jinja2</a>
+  </ul>
+</div>
+
+<article>
+<h2>Jinja2 mode</h2>
+<form><textarea id="code" name="code">
+&lt;html style="color: green"&gt;
+  &lt;!-- this is a comment --&gt;
+  &lt;head&gt;
+    &lt;title&gt;Jinja2 Example&lt;/title&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;ul&gt;
+    {# this is a comment #}
+    {%- for item in li -%}
+      &lt;li&gt;
+        {{ item.label }}
+      &lt;/li&gt;
+    {% endfor -%}
+    &lt;/ul&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
+</textarea></form>
+    <script>
+      var editor =
+      CodeMirror.fromTextArea(document.getElementById("code"), {mode:
+        {name: "jinja2", htmlMode: true}});
+    </script>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/jinja2/jinja2.js b/src/main/webapp/codemirror/mode/jinja2/jinja2.js
new file mode 100644
index 00000000..16b06c48
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/jinja2/jinja2.js
@@ -0,0 +1,42 @@
+CodeMirror.defineMode("jinja2", function() {
+    var keywords = ["block", "endblock", "for", "endfor", "in", "true", "false",
+                    "loop", "none", "self", "super", "if", "as", "not", "and",
+                    "else", "import", "with", "without", "context"];
+    keywords = new RegExp("^((" + keywords.join(")|(") + "))\\b");
+
+    function tokenBase (stream, state) {
+        var ch = stream.next();
+        if (ch == "{") {
+            if (ch = stream.eat(/\{|%|#/)) {
+                stream.eat("-");
+                state.tokenize = inTag(ch);
+                return "tag";
+            }
+        }
+    }
+    function inTag (close) {
+        if (close == "{") {
+            close = "}";
+        }
+        return function (stream, state) {
+            var ch = stream.next();
+            if ((ch == close || (ch == "-" && stream.eat(close)))
+                && stream.eat("}")) {
+                state.tokenize = tokenBase;
+                return "tag";
+            }
+            if (stream.match(keywords)) {
+                return "keyword";
+            }
+            return close == "#" ? "comment" : "string";
+        };
+    }
+    return {
+        startState: function () {
+            return {tokenize: tokenBase};
+        },
+        token: function (stream, state) {
+            return state.tokenize(stream, state);
+        }
+    };
+});
diff --git a/src/main/webapp/codemirror/mode/julia/index.html b/src/main/webapp/codemirror/mode/julia/index.html
new file mode 100644
index 00000000..dd567a62
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/julia/index.html
@@ -0,0 +1,187 @@
+<!doctype html>
+
+<title>CodeMirror: Julia mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="julia.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Julia</a>
+  </ul>
+</div>
+
+<article>
+<h2>Julia mode</h2>
+
+    <div><textarea id="code" name="code">
+#numbers
+1234
+1234im
+.234
+.234im
+2.23im
+2.3f3
+23e2
+0x234
+
+#strings
+'a'
+"asdf"
+r"regex"
+b"bytestring"
+
+"""
+multiline string
+"""
+
+#identifiers
+a
+as123
+function_name!
+
+#literal identifier multiples
+3x
+4[1, 2, 3]
+
+#dicts and indexing
+x=[1, 2, 3]
+x[end-1]
+x={"julia"=>"language of technical computing"}
+
+#exception handling
+try
+  f()
+catch
+  @printf "Error"
+finally
+  g()
+end
+
+#types
+immutable Color{T<:Number}
+  r::T
+  g::T
+  b::T
+end
+
+#functions
+function change!(x::Vector{Float64})
+  for i = 1:length(x)
+    x[i] *= 2
+  end
+end
+
+#function invocation
+f('b', (2, 3)...)
+
+#operators
+|=
+&=
+^=
+\-
+%=
+*=
++=
+-=
+<=
+>=
+!=
+==
+%
+*
++
+-
+<
+>
+!
+=
+|
+&
+^
+\
+?
+~
+:
+$
+<:
+.<
+.>
+<<
+<<=
+>>
+>>>>
+>>=
+>>>=
+<<=
+<<<=
+.<=
+.>=
+.==
+->
+//
+in
+...
+//
+:=
+.//=
+.*=
+./=
+.^=
+.%=
+.+=
+.-=
+\=
+\\=
+||
+===
+&&
+|=
+.|=
+<:
+>:
+|>
+<|
+::
+x ? y : z
+
+#macros
+@spawnat 2 1+1
+@eval(:x)
+
+#keywords and operators
+if else elseif while for
+ begin let end do
+try catch finally return break continue
+global local const 
+export import importall using
+function macro module baremodule 
+type immutable quote
+true false enumerate
+
+
+    </textarea></div>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: {name: "julia",
+               },
+        lineNumbers: true,
+        indentUnit: 4,
+        tabMode: "shift",
+        matchBrackets: true
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-julia</code>.</p>
+</article>
diff --git a/src/main/webapp/codemirror/mode/julia/julia.js b/src/main/webapp/codemirror/mode/julia/julia.js
new file mode 100644
index 00000000..9ec2428c
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/julia/julia.js
@@ -0,0 +1,262 @@
+CodeMirror.defineMode("julia", function(_conf, parserConf) {
+  var ERRORCLASS = 'error';
+
+  function wordRegexp(words) {
+    return new RegExp("^((" + words.join(")|(") + "))\\b");
+  }
+
+  var operators = parserConf.operators || /^(?:\.?[|&^\\%*+\-<>!=\/]=?|\?|~|:|\$|<:|\.[<>]|<<=?|>>>?=?|\.[<>=]=|->?|\/\/|\bin\b|\.{3})/;
+  var delimiters = parserConf.delimiters || /^[;,()[\]{}]/;
+  var identifiers = parserConf.identifiers|| /^[_A-Za-z][_A-Za-z0-9]*!*/;
+  var blockOpeners = ["begin", "function", "type", "immutable", "let", "macro", "for", "while", "quote", "if", "else", "elseif", "try", "finally", "catch"];
+  var blockClosers = ["end", "else", "elseif", "catch", "finally"];
+  var keywordList = ['if', 'else', 'elseif', 'while', 'for', 'begin', 'let', 'end', 'do', 'try', 'catch', 'finally', 'return', 'break', 'continue', 'global', 'local', 'const', 'export', 'import', 'importall', 'using', 'function', 'macro', 'module', 'baremodule', 'type', 'immutable', 'quote', 'typealias', 'abstract', 'bitstype', 'ccall'];
+  var builtinList = ['true', 'false', 'enumerate', 'open', 'close', 'nothing', 'NaN', 'Inf', 'print', 'println', 'Int8', 'Uint8', 'Int16', 'Uint16', 'Int32', 'Uint32', 'Int64', 'Uint64', 'Int128', 'Uint128', 'Bool', 'Char', 'Float16', 'Float32', 'Float64', 'Array', 'Vector', 'Matrix', 'String', 'UTF8String', 'ASCIIString', 'error', 'warn', 'info', '@printf'];
+
+  //var stringPrefixes = new RegExp("^[br]?('|\")")
+  var stringPrefixes = /^[br]?('|"{3}|")/;
+  var keywords = wordRegexp(keywordList);
+  var builtins = wordRegexp(builtinList);
+  var openers = wordRegexp(blockOpeners);
+  var closers = wordRegexp(blockClosers);
+  var macro = /@[_A-Za-z][_A-Za-z0-9]*!*/;
+  var indentInfo = null;
+
+  function in_array(state) {
+    var ch = cur_scope(state);
+    if(ch=="[" || ch=="{") {
+      return true;
+    }
+    else {
+      return false;
+    }
+  }
+
+  function cur_scope(state) {
+    if(state.scopes.length==0) {
+      return null;
+    }
+    return state.scopes[state.scopes.length - 1];
+  }
+
+  // tokenizers
+  function tokenBase(stream, state) {
+    // Handle scope changes
+    var leaving_expr = state.leaving_expr;
+    state.leaving_expr = false;
+    if(leaving_expr) {
+      if(stream.match(/^'+/)) {
+        return 'operator';
+      }
+      if(stream.match("...")) {
+        return 'operator';
+      }
+    }
+
+    if (stream.eatSpace()) {
+      return null;
+    }
+
+    var ch = stream.peek();
+    // Handle Comments
+    if (ch === '#') {
+        stream.skipToEnd();
+        return 'comment';
+    }
+    if(ch==='[') {
+      state.scopes.push("[");
+    }
+
+    if(ch==='{') {
+      state.scopes.push("{");
+    }
+
+    var scope=cur_scope(state);
+
+    if(scope==='[' && ch===']') {
+      state.scopes.pop();
+      state.leaving_expr=true;
+    }
+
+    if(scope==='{' && ch==='}') {
+      state.scopes.pop();
+      state.leaving_expr=true;
+    }
+
+    var match;
+    if(match=stream.match(openers, false)) {
+      state.scopes.push(match);
+    }
+
+    if(!in_array(state) && stream.match(closers, false)) {
+      state.scopes.pop();
+    }
+
+    if(in_array(state)) {
+      if(stream.match("end")) {
+        return 'number';
+      }
+
+    }
+    if(stream.match("=>")) {
+      return 'operator';
+    }
+    // Handle Number Literals
+    if (stream.match(/^[0-9\.]/, false)) {
+      var imMatcher = RegExp(/^im\b/);
+      var floatLiteral = false;
+      // Floats
+      if (stream.match(/^\d*\.\d+([ef][\+\-]?\d+)?/i)) { floatLiteral = true; }
+      if (stream.match(/^\d+\.\d*/)) { floatLiteral = true; }
+      if (stream.match(/^\.\d+/)) { floatLiteral = true; }
+      if (floatLiteral) {
+          // Float literals may be "imaginary"
+          stream.match(imMatcher);
+          return 'number';
+      }
+      // Integers
+      var intLiteral = false;
+      // Hex
+      if (stream.match(/^0x[0-9a-f]+/i)) { intLiteral = true; }
+      // Binary
+      if (stream.match(/^0b[01]+/i)) { intLiteral = true; }
+      // Octal
+      if (stream.match(/^0o[0-7]+/i)) { intLiteral = true; }
+      // Decimal
+      if (stream.match(/^[1-9]\d*(e[\+\-]?\d+)?/)) {
+          // Decimal literals may be "imaginary"
+          stream.eat(/J/i);
+          // TODO - Can you have imaginary longs?
+          intLiteral = true;
+      }
+      // Zero by itself with no other piece of number.
+      if (stream.match(/^0(?![\dx])/i)) { intLiteral = true; }
+      if (intLiteral) {
+          // Integer literals may be "long"
+          stream.match(imMatcher);
+          return 'number';
+      }
+    }
+
+    // Handle Strings
+    if (stream.match(stringPrefixes)) {
+      state.tokenize = tokenStringFactory(stream.current());
+      return state.tokenize(stream, state);
+    }
+
+    // Handle operators and Delimiters
+    if (stream.match(operators)) {
+      return 'operator';
+    }
+
+    if (stream.match(delimiters)) {
+      return null;
+    }
+
+    if (stream.match(keywords)) {
+      return 'keyword';
+    }
+
+    if (stream.match(builtins)) {
+      return 'builtin';
+    }
+
+    if (stream.match(macro)) {
+      return 'meta';
+    }
+
+    if (stream.match(identifiers)) {
+      state.leaving_expr=true;
+      return 'variable';
+    }
+    // Handle non-detected items
+    stream.next();
+    return ERRORCLASS;
+  }
+
+  function tokenStringFactory(delimiter) {
+    while ('rub'.indexOf(delimiter.charAt(0).toLowerCase()) >= 0) {
+      delimiter = delimiter.substr(1);
+    }
+    var singleline = delimiter.length == 1;
+    var OUTCLASS = 'string';
+
+    function tokenString(stream, state) {
+      while (!stream.eol()) {
+        stream.eatWhile(/[^'"\\]/);
+        if (stream.eat('\\')) {
+            stream.next();
+            if (singleline && stream.eol()) {
+              return OUTCLASS;
+            }
+        } else if (stream.match(delimiter)) {
+            state.tokenize = tokenBase;
+            return OUTCLASS;
+        } else {
+            stream.eat(/['"]/);
+        }
+      }
+      if (singleline) {
+        if (parserConf.singleLineStringErrors) {
+            return ERRORCLASS;
+        } else {
+            state.tokenize = tokenBase;
+        }
+      }
+      return OUTCLASS;
+    }
+    tokenString.isString = true;
+    return tokenString;
+  }
+
+  function tokenLexer(stream, state) {
+    indentInfo = null;
+    var style = state.tokenize(stream, state);
+    var current = stream.current();
+
+    // Handle '.' connected identifiers
+    if (current === '.') {
+      style = stream.match(identifiers, false) ? null : ERRORCLASS;
+      if (style === null && state.lastStyle === 'meta') {
+          // Apply 'meta' style to '.' connected identifiers when
+          // appropriate.
+        style = 'meta';
+      }
+      return style;
+    }
+
+    return style;
+  }
+
+  var external = {
+    startState: function() {
+      return {
+        tokenize: tokenBase,
+        scopes: [],
+        leaving_expr: false
+      };
+    },
+
+    token: function(stream, state) {
+      var style = tokenLexer(stream, state);
+      state.lastStyle = style;
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      var delta = 0;
+      if(textAfter=="end" || textAfter=="]" || textAfter=="}" || textAfter=="else" || textAfter=="elseif" || textAfter=="catch" || textAfter=="finally") {
+        delta = -1;
+      }
+      return (state.scopes.length + delta) * 2;
+    },
+
+    lineComment: "#",
+    fold: "indent",
+    electricChars: "edlsifyh]}"
+  };
+  return external;
+});
+
+
+CodeMirror.defineMIME("text/x-julia", "julia");
diff --git a/src/main/webapp/codemirror/mode/less/index.html b/src/main/webapp/codemirror/mode/less/index.html
new file mode 100644
index 00000000..7239143c
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/less/index.html
@@ -0,0 +1,753 @@
+<!doctype html>
+
+<title>CodeMirror: LESS mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/lesser-dark.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="less.js"></script>
+<style>.CodeMirror {background: #f8f8f8; border: 1px solid #ddd; font-size:12px; height: 400px}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">LESS</a>
+  </ul>
+</div>
+
+<article>
+<h2>LESS mode</h2>
+<form><textarea id="code" name="code">@media screen and (device-aspect-ratio: 16/9) { … }
+@media screen and (device-aspect-ratio: 32/18) { … }
+@media screen and (device-aspect-ratio: 1280/720) { … }
+@media screen and (device-aspect-ratio: 2560/1440) { … }
+
+html:lang(fr-be)
+html:lang(de)
+:lang(fr-be) > q
+:lang(de) > q
+
+tr:nth-child(2n+1) /* represents every odd row of an HTML table */
+tr:nth-child(odd)  /* same */
+tr:nth-child(2n+0) /* represents every even row of an HTML table */
+tr:nth-child(even) /* same */
+
+/* Alternate paragraph colours in CSS */
+p:nth-child(4n+1) { color: navy; }
+p:nth-child(4n+2) { color: green; }
+p:nth-child(4n+3) { color: maroon; }
+p:nth-child(4n+4) { color: purple; }
+
+:nth-child(10n-1)  /* represents the 9th, 19th, 29th, etc, element */
+:nth-child(10n+9)  /* Same */
+:nth-child(10n+-1) /* Syntactically invalid, and would be ignored */
+
+:nth-child( 3n + 1 )
+:nth-child( +3n - 2 )
+:nth-child( -n+ 6)
+:nth-child( +6 )
+
+html|tr:nth-child(-n+6)  /* represents the 6 first rows of XHTML tables */
+
+img:nth-of-type(2n+1) { float: right; }
+img:nth-of-type(2n) { float: left; }
+
+body > h2:nth-of-type(n+2):nth-last-of-type(n+2)
+body > h2:not(:first-of-type):not(:last-of-type)
+
+html|*:not(:link):not(:visited)
+*|*:not(:hover)
+p::first-line { text-transform: uppercase }
+
+p { color: red; font-size: 12pt }
+p::first-letter { color: green; font-size: 200% }
+p::first-line { color: blue }
+
+p { line-height: 1.1 }
+p::first-letter { font-size: 3em; font-weight: normal }
+span { font-weight: bold }
+
+*               /* a=0 b=0 c=0 -> specificity =   0 */
+LI              /* a=0 b=0 c=1 -> specificity =   1 */
+UL LI           /* a=0 b=0 c=2 -> specificity =   2 */
+UL OL+LI        /* a=0 b=0 c=3 -> specificity =   3 */
+H1 + *[REL=up]  /* a=0 b=1 c=1 -> specificity =  11 */
+UL OL LI.red    /* a=0 b=1 c=3 -> specificity =  13 */
+LI.red.level    /* a=0 b=2 c=1 -> specificity =  21 */
+#x34y           /* a=1 b=0 c=0 -> specificity = 100 */
+#s12:not(FOO)   /* a=1 b=0 c=1 -> specificity = 101 */
+
+@namespace foo url(http://www.example.com);
+foo|h1 { color: blue }  /* first rule */
+foo|* { color: yellow } /* second rule */
+|h1 { color: red }      /* ...*/
+*|h1 { color: green }
+h1 { color: green }
+
+span[hello="Ocean"][goodbye="Land"]
+
+a[rel~="copyright"] { ... }
+a[href="http://www.w3.org/"] { ... }
+
+DIALOGUE[character=romeo]
+DIALOGUE[character=juliet]
+
+[att^=val]
+[att$=val]
+[att*=val]
+
+@namespace foo "http://www.example.com";
+[foo|att=val] { color: blue }
+[*|att] { color: yellow }
+[|att] { color: green }
+[att] { color: green }
+
+
+*:target { color : red }
+*:target::before { content : url(target.png) }
+
+E[foo]{
+  padding:65px;
+}
+E[foo] ~ F{
+  padding:65px;
+}
+E#myid{
+  padding:65px;
+}
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
+  padding: 0;
+  border: 0;
+}
+.btn {
+  // reset here as of 2.0.3 due to Recess property order
+  border-color: #ccc;
+  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
+}
+fieldset span button, fieldset span input[type="file"] {
+  font-size:12px;
+	font-family:Arial, Helvetica, sans-serif;
+}
+.el tr:nth-child(even):last-child td:first-child{
+	-moz-border-radius-bottomleft:3px;
+	-webkit-border-bottom-left-radius:3px;
+	border-bottom-left-radius:3px;
+}
+
+/* Some LESS code */
+
+button {
+    width:  32px;
+    height: 32px;
+    border: 0;
+    margin: 4px;
+    cursor: pointer;
+}
+button.icon-plus { background: url(http://dahlström.net/tmp/sharp-icons/svg-icon-target.svg#plus) no-repeat; }
+button.icon-chart { background: url(http://dahlström.net/tmp/sharp-icons/svg-icon-target.svg#chart) no-repeat; }
+
+button:hover { background-color: #999; }
+button:active { background-color: #666; }
+
+@test_a: #eeeQQQ;//this is not a valid hex value and thus parsed as an element id
+@test_b: #eeeFFF //this is a valid hex value but the declaration doesn't end with a semicolon and thus parsed as an element id
+
+#eee aaa .box
+{
+  #test bbb {
+    width: 500px;
+    height: 250px;
+    background-image: url(dir/output/sheep.png), url( betweengrassandsky.png );
+    background-position: center bottom, left top;
+    background-repeat: no-repeat;
+  }
+}
+
+@base: #f938ab;
+
+.box-shadow(@style, @c) when (iscolor(@c)) {
+  box-shadow:         @style @c;
+  -webkit-box-shadow: @style @c;
+  -moz-box-shadow:    @style @c;
+}
+.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
+  .box-shadow(@style, rgba(0, 0, 0, @alpha));
+}
+
+@color: #4D926F;
+
+#header {
+  color: @color;
+  color: #000000;
+}
+h2 {
+  color: @color;
+}
+
+.rounded-corners (@radius: 5px) {
+  border-radius: @radius;
+  -webkit-border-radius: @radius;
+  -moz-border-radius: @radius;
+}
+
+#header {
+  .rounded-corners;
+}
+#footer {
+  .rounded-corners(10px);
+}
+
+.box-shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
+  @val: @x @y @blur rgba(0, 0, 0, @alpha);
+
+  box-shadow:         @val;
+  -webkit-box-shadow: @val;
+  -moz-box-shadow:    @val;
+}
+.box { @base: #f938ab;
+  color:        saturate(@base, 5%);
+  border-color: lighten(@base, 30%);
+  div { .box-shadow(0, 0, 5px, 0.4) }
+}
+
+@import url("something.css");
+
+@light-blue:   hsl(190, 50%, 65%);
+@light-yellow: desaturate(#fefec8, 10%);
+@dark-yellow:  desaturate(darken(@light-yellow, 10%), 40%);
+@darkest:      hsl(20, 0%, 15%);
+@dark:         hsl(190, 20%, 30%);
+@medium:       hsl(10, 60%, 30%);
+@light:        hsl(90, 40%, 20%);
+@lightest:     hsl(90, 20%, 90%);
+@highlight:    hsl(80, 50%, 90%);
+@blue:         hsl(210, 60%, 20%);
+@alpha-blue:   hsla(210, 60%, 40%, 0.5);
+
+.box-shadow (@x, @y, @blur, @alpha) {
+  @value: @x @y @blur rgba(0, 0, 0, @alpha);
+  box-shadow:         @value;
+  -moz-box-shadow:    @value;
+  -webkit-box-shadow: @value;
+}
+.border-radius (@radius) {
+  border-radius: @radius;
+  -moz-border-radius: @radius;
+  -webkit-border-radius: @radius;
+}
+
+.border-radius (@radius, bottom) {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+  -moz-border-top-right-radius: 0;
+  -moz-border-top-left-radius: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-top-right-radius: 0;
+}
+.border-radius (@radius, right) {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  -moz-border-bottom-left-radius: 0;
+  -moz-border-top-left-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-top-left-radius: 0;
+}
+.box-shadow-inset (@x, @y, @blur, @color) {
+  box-shadow: @x @y @blur @color inset;
+  -moz-box-shadow: @x @y @blur @color inset;
+  -webkit-box-shadow: @x @y @blur @color inset;
+}
+.code () {
+  font-family: 'Bitstream Vera Sans Mono',
+               'DejaVu Sans Mono',
+               'Monaco',
+               Courier,
+               monospace !important;
+}
+.wrap () {
+  text-wrap: wrap;
+  white-space: pre-wrap;       /* css-3 */
+  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+  white-space: -pre-wrap;      /* Opera 4-6 */
+  white-space: -o-pre-wrap;    /* Opera 7 */
+  word-wrap: break-word;       /* Internet Explorer 5.5+ */
+}
+
+html { margin: 0 }
+body {
+  background-color: @darkest;
+  margin: 0 auto;
+  font-family: Arial, sans-serif;
+  font-size: 100%;
+  overflow-x: hidden;
+}
+nav, header, footer, section, article {
+  display: block;
+}
+a {
+  color: #b83000;
+}
+h1 a {
+  color: black;
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: underline;
+}
+h1, h2, h3, h4 {
+  margin: 0;
+  font-weight: normal;
+}
+ul, li {
+  list-style-type: none;
+}
+code { .code; }
+code {
+  .string, .regexp { color: @dark }
+  .keyword { font-weight: bold }
+  .comment { color: rgba(0, 0, 0, 0.5) }
+  .number { color: @blue }
+  .class, .special { color: rgba(0, 50, 100, 0.8) }
+}
+pre {
+  padding: 0 30px;
+  .wrap;
+}
+blockquote {
+  font-style: italic;
+}
+body > footer {
+  text-align: left;
+  margin-left: 10px;
+  font-style: italic;
+  font-size: 18px;
+  color: #888;
+}
+
+#logo {
+  margin-top: 30px;
+  margin-bottom: 30px;
+  display: block;
+  width: 199px;
+  height: 81px;
+  background: url(/images/logo.png) no-repeat;
+}
+nav {
+  margin-left: 15px;
+}
+nav a, #dropdown li {
+  display: inline-block;
+  color: white;
+  line-height: 42px;
+  margin: 0;
+  padding: 0px 15px;
+  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
+  text-decoration: none;
+  border: 2px solid transparent;
+  border-width: 0 2px;
+  &:hover {
+    .dark-red; 
+    text-decoration: none;
+  }
+}
+.dark-red {
+    @red: @medium;
+    border: 2px solid darken(@red, 25%);
+    border-left-color: darken(@red, 15%);
+    border-right-color: darken(@red, 15%);
+    border-bottom: 0;
+    border-top: 0;
+    background-color: darken(@red, 10%);
+}
+
+.content {
+  margin: 0 auto;
+  width: 980px;
+}
+
+#menu {
+  position: absolute;
+  width: 100%;
+  z-index: 3;
+  clear: both;
+  display: block;
+  background-color: @blue;
+  height: 42px;
+  border-top: 2px solid lighten(@alpha-blue, 20%);
+  border-bottom: 2px solid darken(@alpha-blue, 25%);
+  .box-shadow(0, 1px, 8px, 0.6);
+  -moz-box-shadow: 0 0 0 #000; // Because firefox sucks.
+
+  &.docked {
+    background-color: hsla(210, 60%, 40%, 0.4);
+  }
+  &:hover {
+    background-color: @blue;
+  }
+
+  #dropdown {
+    margin: 0 0 0 117px;
+    padding: 0;
+    padding-top: 5px;
+    display: none;
+    width: 190px;
+    border-top: 2px solid @medium;
+    color: @highlight;
+    border: 2px solid darken(@medium, 25%);
+    border-left-color: darken(@medium, 15%);
+    border-right-color: darken(@medium, 15%);
+    border-top-width: 0;
+    background-color: darken(@medium, 10%);
+    ul {
+      padding: 0px;  
+    }
+    li {
+      font-size: 14px;
+      display: block;
+      text-align: left;
+      padding: 0;
+      border: 0;
+      a {
+        display: block;
+        padding: 0px 15px;  
+        text-decoration: none;
+        color: white;  
+        &:hover {
+          background-color: darken(@medium, 15%);
+          text-decoration: none;
+        }
+      }
+    }
+    .border-radius(5px, bottom);
+    .box-shadow(0, 6px, 8px, 0.5);
+  }
+}
+
+#main {
+  margin: 0 auto;
+  width: 100%;
+  background-color: @light-blue;
+  border-top: 8px solid darken(@light-blue, 5%);
+
+  #intro {
+    background-color: lighten(@light-blue, 25%);
+    float: left;
+    margin-top: -8px;
+    margin-right: 5px;
+
+    height: 380px;
+    position: relative;
+    z-index: 2;
+    font-family: 'Droid Serif', 'Georgia';
+    width: 395px;
+    padding: 45px 20px 23px 30px;
+    border: 2px dashed darken(@light-blue, 10%);
+    .box-shadow(1px, 0px, 6px, 0.5);
+    border-bottom: 0;
+    border-top: 0;
+    #download { color: transparent; border: 0; float: left; display: inline-block; margin: 15px 0 15px -5px; }
+    #download img { display: inline-block}
+    #download-info {
+      code {
+        font-size: 13px;  
+      }
+      color: @blue + #333; display: inline; float: left; margin: 36px 0 0 15px }
+  }
+  h2 {
+    span {
+      color: @medium;  
+    }
+    color: @blue;
+    margin: 20px 0;
+    font-size: 24px;
+    line-height: 1.2em;
+  }
+  h3 {
+    color: @blue;
+    line-height: 1.4em;
+    margin: 30px 0 15px 0;
+    font-size: 1em;
+    text-shadow: 0px 0px 0px @lightest;
+    span { color: @medium }
+  }
+  #example {
+    p {
+      font-size: 18px;
+      color: @blue;
+      font-weight: bold;
+      text-shadow: 0px 1px 1px @lightest;
+    }
+    pre {
+      margin: 0;
+      text-shadow: 0 -1px 1px @darkest;
+      margin-top: 20px;
+      background-color: desaturate(@darkest, 8%);
+      border: 0;
+      width: 450px;
+      color: lighten(@lightest, 2%);
+      background-repeat: repeat;
+      padding: 15px;
+      border: 1px dashed @lightest;
+      line-height: 15px;
+      .box-shadow(0, 0px, 15px, 0.5);
+      .code;
+      .border-radius(2px);
+      code .attribute { color: hsl(40, 50%, 70%) }
+      code .variable  { color: hsl(120, 10%, 50%) }
+      code .element   { color: hsl(170, 20%, 50%) }
+
+      code .string, .regexp { color: hsl(75, 50%, 65%) }
+      code .class { color: hsl(40, 40%, 60%); font-weight: normal }
+      code .id { color: hsl(50, 40%, 60%); font-weight: normal }
+      code .comment { color: rgba(255, 255, 255, 0.2) }
+      code .number, .color { color: hsl(10, 40%, 50%) }
+      code .class, code .mixin, .special { color: hsl(190, 20%, 50%) }
+      #time { color: #aaa }
+    }
+    float: right;
+    font-size: 12px;
+    margin: 0;
+    margin-top: 15px;
+    padding: 0;
+    width: 500px;
+  }
+}
+
+
+.page {
+  .content {
+    width: 870px;
+    padding: 45px;
+  }
+  margin: 0 auto;
+  font-family: 'Georgia', serif;
+  font-size: 18px;
+  line-height: 26px;
+  padding: 0 60px;
+  code {
+    font-size: 16px;  
+  }
+  pre {
+    border-width: 1px;
+    border-style: dashed;
+    padding: 15px;
+    margin: 15px 0;
+  }
+  h1 {
+    text-align: left;
+    font-size: 40px;
+    margin-top: 15px;
+    margin-bottom: 35px;
+  }
+  p + h1 { margin-top: 60px }
+  h2, h3 {
+    margin: 30px 0 15px 0;
+  }
+  p + h2, pre + h2, code + h2 {
+    border-top: 6px solid rgba(255, 255, 255, 0.1);
+    padding-top: 30px;
+  }
+  h3 {
+    margin: 15px 0;
+  }
+}
+
+
+#docs {
+  @bg: lighten(@light-blue, 5%);
+  border-top: 2px solid lighten(@bg, 5%);
+  color: @blue;
+  background-color: @light-blue;
+  .box-shadow(0, -2px, 5px, 0.2);
+
+  h1 {
+    font-family: 'Droid Serif', 'Georgia', serif;
+    padding-top: 30px;
+    padding-left: 45px;
+    font-size: 44px;
+    text-align: left;
+    margin: 30px 0 !important;
+    text-shadow: 0px 1px 1px @lightest;
+    font-weight: bold;
+  }
+  .content {
+    clear: both;
+    border-color: transparent;
+    background-color: lighten(@light-blue, 25%);
+    .box-shadow(0, 5px, 5px, 0.4);
+  }
+  pre {
+    @background: lighten(@bg, 30%);
+    color: lighten(@blue, 10%);
+    background-color: @background;
+    border-color: lighten(@light-blue, 25%);
+    border-width: 2px;
+    code .attribute { color: hsl(40, 50%, 30%) }
+    code .variable  { color: hsl(120, 10%, 30%) }
+    code .element   { color: hsl(170, 20%, 30%) }
+
+    code .string, .regexp { color: hsl(75, 50%, 35%) }
+    code .class { color: hsl(40, 40%, 30%); font-weight: normal }
+    code .id { color: hsl(50, 40%, 30%); font-weight: normal }
+    code .comment { color: rgba(0, 0, 0, 0.4) }
+    code .number, .color { color: hsl(10, 40%, 30%) }
+    code .class, code .mixin, .special { color: hsl(190, 20%, 30%) }
+  }
+  pre code                    { font-size: 15px  }
+  p + h2, pre + h2, code + h2 { border-top-color: rgba(0, 0, 0, 0.1) }
+}
+
+td {
+  padding-right: 30px;  
+}
+#synopsis {
+  .box-shadow(0, 5px, 5px, 0.2);
+}
+#synopsis, #about {
+  h2 {
+    font-size: 30px;  
+    padding: 10px 0;
+  }
+  h1 + h2 {
+      margin-top: 15px;  
+  }
+  h3 { font-size: 22px }
+
+  .code-example {
+    border-spacing: 0;
+    border-width: 1px;
+    border-style: dashed;
+    padding: 0;
+    pre { border: 0; margin: 0 }
+    td {
+      border: 0;
+      margin: 0;
+      background-color: desaturate(darken(@darkest, 5%), 20%);
+      vertical-align: top;
+      padding: 0;
+    }
+    tr { padding: 0 }
+  }
+  .css-output {
+    td {
+      border-left: 0;  
+    }
+  }
+  .less-example {
+    //border-right: 1px dotted rgba(255, 255, 255, 0.5) !important;
+  }
+  .css-output, .less-example {
+    width: 390px;
+  }
+  pre {
+    padding: 20px;
+    line-height: 20px;
+    font-size: 14px;
+  }
+}
+#about, #synopsis, #guide {
+  a {
+    text-decoration: none;
+    color: @light-yellow;
+    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
+    &:hover {
+      text-decoration: none;
+      border-bottom: 1px dashed @light-yellow;
+    }
+  }
+  @bg: desaturate(darken(@darkest, 5%), 20%);
+  text-shadow: 0 -1px 1px lighten(@bg, 5%);
+  color: @highlight;
+  background-color: @bg;
+  .content {
+    background-color: desaturate(@darkest, 20%);
+    clear: both;
+    .box-shadow(0, 5px, 5px, 0.4);
+  }
+  h1, h2, h3 {
+    color: @dark-yellow;
+  }
+  pre {
+      code .attribute { color: hsl(40, 50%, 70%) }
+      code .variable  { color: hsl(120, 10%, 50%) }
+      code .element   { color: hsl(170, 20%, 50%) }
+
+      code .string, .regexp { color: hsl(75, 50%, 65%) }
+      code .class { color: hsl(40, 40%, 60%); font-weight: normal }
+      code .id { color: hsl(50, 40%, 60%); font-weight: normal }
+      code .comment { color: rgba(255, 255, 255, 0.2) }
+      code .number, .color { color: hsl(10, 40%, 50%) }
+      code .class, code .mixin, .special { color: hsl(190, 20%, 50%) }
+    background-color: @bg;
+    border-color: darken(@light-yellow, 5%);
+  }
+  code {
+    color: darken(@dark-yellow, 5%);
+    .string, .regexp { color: desaturate(@light-blue, 15%) }
+    .keyword { color: hsl(40, 40%, 60%); font-weight: normal }
+    .comment { color: rgba(255, 255, 255, 0.2) }
+    .number { color: lighten(@blue, 10%) }
+    .class, .special { color: hsl(190, 20%, 50%) }
+  }
+}
+#guide {
+  background-color: @darkest;
+  .content {
+    background-color: transparent;
+  }
+
+}
+
+#about {
+  background-color: @darkest !important;
+  .content {
+    background-color: desaturate(lighten(@darkest, 3%), 5%);
+  }
+}
+#synopsis {
+  background-color: desaturate(lighten(@darkest, 3%), 5%) !important;
+  .content {
+    background-color: desaturate(lighten(@darkest, 3%), 5%);
+  }
+  pre {}
+}
+#synopsis, #guide {
+  .content {
+    .box-shadow(0, 0px, 0px, 0.0);
+  }
+}
+#about footer {
+  margin-top: 30px;
+  padding-top: 30px;
+  border-top: 6px solid rgba(0, 0, 0, 0.1);
+  text-align: center;
+  font-size: 16px;
+  color: rgba(255, 255, 255, 0.35);
+  #copy { font-size: 12px }
+  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.02);
+}
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        theme: "lesser-dark",
+        lineNumbers : true,
+        matchBrackets : true
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-less</code>, <code>text/css</code> (if not previously defined).</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/less/less.js b/src/main/webapp/codemirror/mode/less/less.js
new file mode 100644
index 00000000..da390748
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/less/less.js
@@ -0,0 +1,346 @@
+/*
+  LESS mode - http://www.lesscss.org/
+  Ported to CodeMirror by Peter Kroon <plakroon@gmail.com>
+  Report bugs/issues here: https://github.com/marijnh/CodeMirror/issues
+  GitHub: @peterkroon
+*/
+
+CodeMirror.defineMode("less", function(config) {
+  var indentUnit = config.indentUnit, type;
+  function ret(style, tp) {type = tp; return style;}
+
+  var selectors = /(^\:root$|^\:nth\-child$|^\:nth\-last\-child$|^\:nth\-of\-type$|^\:nth\-last\-of\-type$|^\:first\-child$|^\:last\-child$|^\:first\-of\-type$|^\:last\-of\-type$|^\:only\-child$|^\:only\-of\-type$|^\:empty$|^\:link|^\:visited$|^\:active$|^\:hover$|^\:focus$|^\:target$|^\:lang$|^\:enabled^\:disabled$|^\:checked$|^\:first\-line$|^\:first\-letter$|^\:before$|^\:after$|^\:not$|^\:required$|^\:invalid$)/;
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+
+    if (ch == "@") {stream.eatWhile(/[\w\-]/); return ret("meta", stream.current());}
+    else if (ch == "/" && stream.eat("*")) {
+      state.tokenize = tokenCComment;
+      return tokenCComment(stream, state);
+    } else if (ch == "<" && stream.eat("!")) {
+      state.tokenize = tokenSGMLComment;
+      return tokenSGMLComment(stream, state);
+    } else if (ch == "=") ret(null, "compare");
+    else if (ch == "|" && stream.eat("=")) return ret(null, "compare");
+    else if (ch == "\"" || ch == "'") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    } else if (ch == "/") { // e.g.: .png will not be parsed as a class
+      if(stream.eat("/")){
+        state.tokenize = tokenSComment;
+        return tokenSComment(stream, state);
+      } else {
+        if(type == "string" || type == "(") return ret("string", "string");
+        if(state.stack[state.stack.length-1] !== undefined) return ret(null, ch);
+        stream.eatWhile(/[\a-zA-Z0-9\-_.\s]/);
+        if( /\/|\)|#/.test(stream.peek() || (stream.eatSpace() && stream.peek() === ")"))  || stream.eol() )return ret("string", "string"); // let url(/images/logo.png) without quotes return as string
+      }
+    } else if (ch == "!") {
+      stream.match(/^\s*\w*/);
+      return ret("keyword", "important");
+    } else if (/\d/.test(ch)) {
+      stream.eatWhile(/[\w.%]/);
+      return ret("number", "unit");
+    } else if (/[,+<>*\/]/.test(ch)) {
+      if(stream.peek() == "=" || type == "a")return ret("string", "string");
+      if(ch === ",")return ret(null, ch);
+      return ret(null, "select-op");
+    } else if (/[;{}:\[\]()~\|]/.test(ch)) {
+      if(ch == ":"){
+        stream.eatWhile(/[a-z\\\-]/);
+        if( selectors.test(stream.current()) ){
+          return ret("tag", "tag");
+        } else if(stream.peek() == ":"){//::-webkit-search-decoration
+          stream.next();
+          stream.eatWhile(/[a-z\\\-]/);
+          if(stream.current().match(/\:\:\-(o|ms|moz|webkit)\-/))return ret("string", "string");
+          if( selectors.test(stream.current().substring(1)) )return ret("tag", "tag");
+          return ret(null, ch);
+        } else {
+          return ret(null, ch);
+        }
+      } else if(ch == "~"){
+        if(type == "r")return ret("string", "string");
+      } else {
+        return ret(null, ch);
+      }
+    } else if (ch == ".") {
+      if(type == "(")return ret("string", "string"); // allow url(../image.png)
+      stream.eatWhile(/[\a-zA-Z0-9\-_]/);
+      if(stream.peek() === " ")stream.eatSpace();
+      if(stream.peek() === ")" || type === ":")return ret("number", "unit");//rgba(0,0,0,.25);
+      else if(stream.current().length >1){
+        if(state.stack[state.stack.length-1] === "rule" && stream.peek().match(/{|,|\+|\(/) === null)return ret("number", "unit");
+      }
+      return ret("tag", "tag");
+    } else if (ch == "#") {
+      //we don't eat white-space, we want the hex color and or id only
+      stream.eatWhile(/[A-Za-z0-9]/);
+      //check if there is a proper hex color length e.g. #eee || #eeeEEE
+      if(stream.current().length == 4 || stream.current().length == 7){
+        if(stream.current().match(/[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3}/,false) != null){//is there a valid hex color value present in the current stream
+          //when not a valid hex value, parse as id
+          if(stream.current().substring(1) != stream.current().match(/[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3}/,false))return ret("atom", "tag");
+          //eat white-space
+          stream.eatSpace();
+          //when hex value declaration doesn't end with [;,] but is does with a slash/cc comment treat it as an id, just like the other hex values that don't end with[;,]
+          if( /[\/<>.(){!$%^&*_\-\\?=+\|#'~`]/.test(stream.peek()) ){
+            if(type === "select-op")return ret("number", "unit"); else return ret("atom", "tag");
+          }
+          //#time { color: #aaa }
+          else if(stream.peek() == "}" )return ret("number", "unit");
+          //we have a valid hex color value, parse as id whenever an element/class is defined after the hex(id) value e.g. #eee aaa || #eee .aaa
+          else if( /[a-zA-Z\\]/.test(stream.peek()) )return ret("atom", "tag");
+          //when a hex value is on the end of a line, parse as id
+          else if(stream.eol())return ret("atom", "tag");
+          //default
+          else return ret("number", "unit");
+        } else {//when not a valid hexvalue in the current stream e.g. #footer
+          stream.eatWhile(/[\w\\\-]/);
+          return ret("atom", stream.current());
+        }
+      } else {//when not a valid hexvalue length
+        stream.eatWhile(/[\w\\\-]/);
+        if(state.stack[state.stack.length-1] === "rule")return ret("atom", stream.current());return ret("atom", stream.current());
+        return ret("atom", "tag");
+      }
+    } else if (ch == "&") {
+      stream.eatWhile(/[\w\-]/);
+      return ret(null, ch);
+    } else {
+      stream.eatWhile(/[\w\\\-_%.{]/);
+      if(stream.current().match(/\\/) !== null){
+        if(stream.current().charAt(stream.current().length-1) === "\\"){
+          stream.eat(/\'|\"|\)|\(/);
+          while(stream.eatWhile(/[\w\\\-_%.{]/)){
+            stream.eat(/\'|\"|\)|\(/);
+          }
+          return ret("string", stream.current());
+        }
+      } //else if(type === "tag")return ret("tag", "tag");
+        else if(type == "string"){
+        if(state.stack[state.stack.length-1] === "{" && stream.peek() === ":")return ret("variable", "variable");
+        if(stream.peek() === "/")stream.eatWhile(/[\w\\\-_%.{:\/]/);
+        return ret(type, stream.current());
+      } else if(stream.current().match(/(^http$|^https$)/) != null){
+        stream.eatWhile(/[\w\\\-_%.{:\/]/);
+        if(stream.peek() === "/")stream.eatWhile(/[\w\\\-_%.{:\/]/);
+        return ret("string", "string");
+      } else if(stream.peek() == "<" || stream.peek() == ">" || stream.peek() == "+"){
+        if(type === "(" && (stream.current() === "n" || stream.current() === "-n"))return ret("string", stream.current());
+        return ret("tag", "tag");
+      } else if( /\(/.test(stream.peek()) ){
+        if(stream.current() === "when")return ret("variable","variable");
+        else if(state.stack[state.stack.length-1] === "@media" && stream.current() === "and")return ret("variable",stream.current());
+        return ret(null, ch);
+      } else if (stream.peek() == "/" && state.stack[state.stack.length-1] !== undefined){ // url(dir/center/image.png)
+        if(stream.peek() === "/")stream.eatWhile(/[\w\\\-_%.{:\/]/);
+        return ret("string", stream.current());
+      } else if( stream.current().match(/\-\d|\-.\d/) ){ // match e.g.: -5px -0.4 etc... only colorize the minus sign
+        //commment out these 2 comment if you want the minus sign to be parsed as null -500px
+        //stream.backUp(stream.current().length-1);
+        //return ret(null, ch);
+        return ret("number", "unit");
+      } else if( /\/|[\s\)]/.test(stream.peek() || stream.eol() || (stream.eatSpace() && stream.peek() == "/")) && stream.current().indexOf(".") !== -1){
+        if(stream.current().substring(stream.current().length-1,stream.current().length) == "{"){
+          stream.backUp(1);
+          return ret("tag", "tag");
+        }//end if
+        stream.eatSpace();
+        if( /[{<>.a-zA-Z\/]/.test(stream.peek())  || stream.eol() )return ret("tag", "tag"); // e.g. button.icon-plus
+        return ret("string", "string"); // let url(/images/logo.png) without quotes return as string
+      } else if( stream.eol() || stream.peek() == "[" || stream.peek() == "#" || type == "tag" ){
+
+        if(stream.current().substring(stream.current().length-1,stream.current().length) == "{")stream.backUp(1);
+        else if(state.stack[state.stack.length-1] === "border-color" || state.stack[state.stack.length-1] === "background-position" || state.stack[state.stack.length-1] === "font-family")return ret(null, stream.current());
+        else if(type === "tag")return ret("tag", "tag");
+        else if((type === ":" || type === "unit") && state.stack[state.stack.length-1] === "rule")return ret(null, stream.current());
+        else if(state.stack[state.stack.length-1] === "rule" && type === "tag")return ret("string", stream.current());
+        else if(state.stack[state.stack.length-1] === ";" && type === ":")return ret(null, stream.current());
+        //else if(state.stack[state.stack.length-1] === ";" || type === "")return ret("variable", stream.current());
+        else if(stream.peek() === "#" && type !== undefined && type.match(/\+|,|tag|select\-op|}|{|;/g) === null)return ret("string", stream.current());
+        else if(type === "variable")return ret(null, stream.current());
+        else if(state.stack[state.stack.length-1] === "{" && type === "comment")return ret("variable", stream.current());
+        else if(state.stack.length === 0 && (type === ";" || type === "comment"))return ret("tag", stream.current());
+        else if((state.stack[state.stack.length-1] === "{" || type === ";") && state.stack[state.stack.length-1] !== "@media{")return ret("variable", stream.current());
+        else if(state.stack[state.stack.length-2] === "{" && state.stack[state.stack.length-1] === ";")return ret("variable", stream.current());
+
+        return ret("tag", "tag");
+      } else if(type == "compare" || type == "a" || type == "("){
+        return ret("string", "string");
+      } else if(type == "|" || stream.current() == "-" || type == "["){
+        if(type == "|" && stream.peek().match(/\]|=|\~/) !== null)return ret("number", stream.current());
+        else if(type == "|" )return ret("tag", "tag");
+        else if(type == "["){
+          stream.eatWhile(/\w\-/);
+          return ret("number", stream.current());
+        }
+        return ret(null, ch);
+      } else if((stream.peek() == ":") || ( stream.eatSpace() && stream.peek() == ":")) {
+        stream.next();
+        var t_v = stream.peek() == ":" ? true : false;
+        if(!t_v){
+          var old_pos = stream.pos;
+          var sc = stream.current().length;
+          stream.eatWhile(/[a-z\\\-]/);
+          var new_pos = stream.pos;
+          if(stream.current().substring(sc-1).match(selectors) != null){
+            stream.backUp(new_pos-(old_pos-1));
+            return ret("tag", "tag");
+          } else stream.backUp(new_pos-(old_pos-1));
+        } else {
+          stream.backUp(1);
+        }
+        if(t_v)return ret("tag", "tag"); else return ret("variable", "variable");
+      } else if(state.stack[state.stack.length-1]  === "font-family" || state.stack[state.stack.length-1]  === "background-position" || state.stack[state.stack.length-1]  === "border-color"){
+        return ret(null, null);
+      } else {
+
+        if(state.stack[state.stack.length-1] === null && type === ":")return ret(null, stream.current());
+
+        //else if((type === ")" && state.stack[state.stack.length-1] === "rule") || (state.stack[state.stack.length-2] === "{" && state.stack[state.stack.length-1] === "rule" && type === "variable"))return ret(null, stream.current());
+
+        else if(/\^|\$/.test(stream.current()) && stream.peek().match(/\~|=/) !== null)return ret("string", "string");//att^=val
+
+        else if(type === "unit" && state.stack[state.stack.length-1] === "rule")return ret(null, "unit");
+        else if(type === "unit" && state.stack[state.stack.length-1] === ";")return ret(null, "unit");
+        else if(type === ")" && state.stack[state.stack.length-1] === "rule")return ret(null, "unit");
+        else if(type && type.match("@") !== null  && state.stack[state.stack.length-1] === "rule")return ret(null, "unit");
+        //else if(type === "unit" && state.stack[state.stack.length-1] === "rule")return ret(null, stream.current());
+
+        else if((type === ";" || type === "}" || type === ",") && state.stack[state.stack.length-1] === ";")return ret("tag", stream.current());
+        else if((type === ";" && stream.peek() !== undefined && stream.peek().match(/{|./) === null) || (type === ";" && stream.eatSpace() && stream.peek().match(/{|./) === null))return ret("variable", stream.current());
+        else if((type === "@media" && state.stack[state.stack.length-1] === "@media") || type === "@namespace")return ret("tag", stream.current());
+
+        else if(type === "{"  && state.stack[state.stack.length-1] === ";" && stream.peek() === "{")return ret("tag", "tag");
+        else if((type === "{" || type === ":") && state.stack[state.stack.length-1] === ";")return ret(null, stream.current());
+        else if((state.stack[state.stack.length-1] === "{" && stream.eatSpace() && stream.peek().match(/.|#/) === null) || type === "select-op"  || (state.stack[state.stack.length-1] === "rule" && type === ",") )return ret("tag", "tag");
+        else if(type === "variable" && state.stack[state.stack.length-1] === "rule")return ret("tag", "tag");
+        else if((stream.eatSpace() && stream.peek() === "{") || stream.eol() || stream.peek() === "{")return ret("tag", "tag");
+        //this one messes up indentation
+        //else if((type === "}" && stream.peek() !== ":") || (type === "}" && stream.eatSpace() && stream.peek() !== ":"))return(type, "tag");
+
+        else if(type === ")" && (stream.current() == "and" || stream.current() == "and "))return ret("variable", "variable");
+        else if(type === ")" && (stream.current() == "when" || stream.current() == "when "))return ret("variable", "variable");
+        else if(type === ")" || type === "comment" || type === "{")return ret("tag", "tag");
+        else if(stream.sol())return ret("tag", "tag");
+        else if((stream.eatSpace() && stream.peek() === "#") || stream.peek() === "#")return ret("tag", "tag");
+        else if(state.stack.length === 0)return ret("tag", "tag");
+        else if(type === ";" && stream.peek() !== undefined && stream.peek().match(/^[.|\#]/g) !== null)return ret("tag", "tag");
+
+        else if(type === ":"){stream.eatSpace();return ret(null, stream.current());}
+
+        else if(stream.current() === "and " || stream.current() === "and")return ret("variable", stream.current());
+        else if(type === ";" && state.stack[state.stack.length-1] === "{")return ret("variable", stream.current());
+
+        else if(state.stack[state.stack.length-1] === "rule")return ret(null, stream.current());
+
+        return ret("tag", stream.current());
+      }
+    }
+  }
+
+  function tokenSComment(stream, state) { // SComment = Slash comment
+    stream.skipToEnd();
+    state.tokenize = tokenBase;
+    return ret("comment", "comment");
+  }
+
+  function tokenCComment(stream, state) {
+    var maybeEnd = false, ch;
+    while ((ch = stream.next()) != null) {
+      if (maybeEnd && ch == "/") {
+        state.tokenize = tokenBase;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return ret("comment", "comment");
+  }
+
+  function tokenSGMLComment(stream, state) {
+    var dashes = 0, ch;
+    while ((ch = stream.next()) != null) {
+      if (dashes >= 2 && ch == ">") {
+        state.tokenize = tokenBase;
+        break;
+      }
+      dashes = (ch == "-") ? dashes + 1 : 0;
+    }
+    return ret("comment", "comment");
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, ch;
+      while ((ch = stream.next()) != null) {
+        if (ch == quote && !escaped)
+          break;
+        escaped = !escaped && ch == "\\";
+      }
+      if (!escaped) state.tokenize = tokenBase;
+      return ret("string", "string");
+    };
+  }
+
+  return {
+    startState: function(base) {
+      return {tokenize: tokenBase,
+              baseIndent: base || 0,
+              stack: []};
+    },
+
+    token: function(stream, state) {
+      if (stream.eatSpace()) return null;
+      var style = state.tokenize(stream, state);
+
+      var context = state.stack[state.stack.length-1];
+      if (type == "hash" && context == "rule") style = "atom";
+      else if (style == "variable") {
+        if (context == "rule") style = null; //"tag"
+        else if (!context || context == "@media{") {
+          style = stream.current() == "when"  ? "variable" :
+          /[\s,|\s\)|\s]/.test(stream.peek()) ? "tag"      : type;
+        }
+      }
+
+      if (context == "rule" && /^[\{\};]$/.test(type))
+        state.stack.pop();
+      if (type == "{") {
+        if (context == "@media") state.stack[state.stack.length-1] = "@media{";
+        else state.stack.push("{");
+      }
+      else if (type == "}") state.stack.pop();
+      else if (type == "@media") state.stack.push("@media");
+      else if (stream.current() === "font-family") state.stack[state.stack.length-1] = "font-family";
+      else if (stream.current() === "background-position") state.stack[state.stack.length-1] = "background-position";
+      else if (stream.current() === "border-color") state.stack[state.stack.length-1] = "border-color";
+      else if (context == "{" && type != "comment" && type !== "tag") state.stack.push("rule");
+      else if (stream.peek() === ":" && stream.current().match(/@|#/) === null) style = type;
+      if(type === ";" && (state.stack[state.stack.length-1] == "font-family" || state.stack[state.stack.length-1] == "background-position" || state.stack[state.stack.length-1] == "border-color"))state.stack[state.stack.length-1] = stream.current();
+      else if(type === "tag" && stream.peek() === ")" && stream.current().match(/\:/) === null){type = null; style = null;}
+      // ????
+      else if((type === "variable" && stream.peek() === ")") || (type === "variable" && stream.eatSpace() && stream.peek() === ")"))return ret(null,stream.current());
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      var n = state.stack.length;
+      if (/^\}/.test(textAfter))
+        n -= state.stack[state.stack.length-1] === "rule" ? 2 : 1;
+      else if (state.stack[state.stack.length-2] === "{")
+        n -= state.stack[state.stack.length-1] === "rule" ? 1 : 0;
+      return state.baseIndent + n * indentUnit;
+    },
+
+    electricChars: "}",
+    blockCommentStart: "/*",
+    blockCommentEnd: "*/",
+    lineComment: "//"
+  };
+});
+
+CodeMirror.defineMIME("text/x-less", "less");
+if (!CodeMirror.mimeModes.hasOwnProperty("text/css"))
+  CodeMirror.defineMIME("text/css", "less");
diff --git a/src/main/webapp/codemirror/mode/livescript/index.html b/src/main/webapp/codemirror/mode/livescript/index.html
new file mode 100644
index 00000000..b5944697
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/livescript/index.html
@@ -0,0 +1,459 @@
+<!doctype html>
+
+<title>CodeMirror: LiveScript mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/solarized.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="livescript.js"></script>
+<style>.CodeMirror {font-size: 80%;border-top: 1px solid silver; border-bottom: 1px solid silver;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">LiveScript</a>
+  </ul>
+</div>
+
+<article>
+<h2>LiveScript mode</h2>
+<form><textarea id="code" name="code">
+# LiveScript mode for CodeMirror
+# The following script, prelude.ls, is used to
+# demonstrate LiveScript mode for CodeMirror.
+#   https://github.com/gkz/prelude-ls
+
+export objToFunc = objToFunc = (obj) ->
+  (key) -> obj[key]
+
+export each = (f, xs) -->
+  if typeof! xs is \Object
+    for , x of xs then f x
+  else
+    for x in xs then f x
+  xs
+
+export map = (f, xs) -->
+  f = objToFunc f if typeof! f isnt \Function
+  type = typeof! xs
+  if type is \Object
+    {[key, f x] for key, x of xs}
+  else
+    result = [f x for x in xs]
+    if type is \String then result * '' else result
+
+export filter = (f, xs) -->
+  f = objToFunc f if typeof! f isnt \Function
+  type = typeof! xs
+  if type is \Object
+    {[key, x] for key, x of xs when f x}
+  else
+    result = [x for x in xs when f x]
+    if type is \String then result * '' else result
+
+export reject = (f, xs) -->
+  f = objToFunc f if typeof! f isnt \Function
+  type = typeof! xs
+  if type is \Object
+    {[key, x] for key, x of xs when not f x}
+  else
+    result = [x for x in xs when not f x]
+    if type is \String then result * '' else result
+
+export partition = (f, xs) -->
+  f = objToFunc f if typeof! f isnt \Function
+  type = typeof! xs
+  if type is \Object
+    passed = {}
+    failed = {}
+    for key, x of xs
+      (if f x then passed else failed)[key] = x
+  else
+    passed = []
+    failed = []
+    for x in xs
+      (if f x then passed else failed)push x
+    if type is \String
+      passed *= ''
+      failed *= ''
+  [passed, failed]
+
+export find = (f, xs) -->
+  f = objToFunc f if typeof! f isnt \Function
+  if typeof! xs is \Object
+    for , x of xs when f x then return x
+  else
+    for x in xs when f x then return x
+  void
+
+export head = export first = (xs) ->
+  return void if not xs.length
+  xs.0
+
+export tail = (xs) ->
+  return void if not xs.length
+  xs.slice 1
+
+export last = (xs) ->
+  return void if not xs.length
+  xs[*-1]
+
+export initial = (xs) ->
+  return void if not xs.length
+  xs.slice 0 xs.length - 1
+
+export empty = (xs) ->
+  if typeof! xs is \Object
+    for x of xs then return false
+    return yes
+  not xs.length
+
+export values = (obj) ->
+  [x for , x of obj]
+
+export keys = (obj) ->
+  [x for x of obj]
+
+export len = (xs) ->
+  xs = values xs if typeof! xs is \Object
+  xs.length
+
+export cons = (x, xs) -->
+  if typeof! xs is \String then x + xs else [x] ++ xs
+
+export append = (xs, ys) -->
+  if typeof! ys is \String then xs + ys else xs ++ ys
+
+export join = (sep, xs) -->
+  xs = values xs if typeof! xs is \Object
+  xs.join sep
+
+export reverse = (xs) ->
+  if typeof! xs is \String
+  then (xs / '')reverse! * ''
+  else xs.slice!reverse!
+
+export fold = export foldl = (f, memo, xs) -->
+  if typeof! xs is \Object
+    for , x of xs then memo = f memo, x
+  else
+    for x in xs then memo = f memo, x
+  memo
+
+export fold1 = export foldl1 = (f, xs) --> fold f, xs.0, xs.slice 1
+
+export foldr = (f, memo, xs) --> fold f, memo, xs.slice!reverse!
+
+export foldr1 = (f, xs) -->
+  xs.=slice!reverse!
+  fold f, xs.0, xs.slice 1
+
+export unfoldr = export unfold = (f, b) -->
+  if (f b)?
+    [that.0] ++ unfoldr f, that.1
+  else
+    []
+
+export andList = (xs) ->
+  for x in xs when not x
+    return false
+  true
+
+export orList = (xs) ->
+  for x in xs when x
+    return true
+  false
+
+export any = (f, xs) -->
+  f = objToFunc f if typeof! f isnt \Function
+  for x in xs when f x
+    return yes
+  no
+
+export all = (f, xs) -->
+  f = objToFunc f if typeof! f isnt \Function
+  for x in xs when not f x
+    return no
+  yes
+
+export unique = (xs) ->
+  result = []
+  if typeof! xs is \Object
+    for , x of xs when x not in result then result.push x
+  else
+    for x   in xs when x not in result then result.push x
+  if typeof! xs is \String then result * '' else result
+
+export sort = (xs) ->
+  xs.concat!sort (x, y) ->
+    | x > y =>  1
+    | x < y => -1
+    | _     =>  0
+
+export sortBy = (f, xs) -->
+  return [] unless xs.length
+  xs.concat!sort f
+
+export compare = (f, x, y) -->
+  | (f x) > (f y) =>  1
+  | (f x) < (f y) => -1
+  | otherwise     =>  0
+
+export sum = (xs) ->
+  result = 0
+  if typeof! xs is \Object
+    for , x of xs then result += x
+  else
+    for x   in xs then result += x
+  result
+
+export product = (xs) ->
+  result = 1
+  if typeof! xs is \Object
+    for , x of xs then result *= x
+  else
+    for x   in xs then result *= x
+  result
+
+export mean = export average = (xs) -> (sum xs) / len xs
+
+export concat = (xss) -> fold append, [], xss
+
+export concatMap = (f, xs) --> fold ((memo, x) -> append memo, f x), [], xs
+
+export listToObj = (xs) ->
+  {[x.0, x.1] for x in xs}
+
+export maximum = (xs) -> fold1 (>?), xs
+
+export minimum = (xs) -> fold1 (<?), xs
+
+export scan = export scanl = (f, memo, xs) -->
+  last = memo
+  if typeof! xs is \Object
+  then [memo] ++ [last = f last, x for , x of xs]
+  else [memo] ++ [last = f last, x for x in xs]
+
+export scan1 = export scanl1 = (f, xs) --> scan f, xs.0, xs.slice 1
+
+export scanr = (f, memo, xs) -->
+  xs.=slice!reverse!
+  scan f, memo, xs .reverse!
+
+export scanr1 = (f, xs) -->
+  xs.=slice!reverse!
+  scan f, xs.0, xs.slice 1 .reverse!
+
+export replicate = (n, x) -->
+  result = []
+  i = 0
+  while i < n, ++i then result.push x
+  result
+
+export take = (n, xs) -->
+  | n <= 0
+    if typeof! xs is \String then '' else []
+  | not xs.length => xs
+  | otherwise     => xs.slice 0, n
+
+export drop = (n, xs) -->
+  | n <= 0        => xs
+  | not xs.length => xs
+  | otherwise     => xs.slice n
+
+export splitAt = (n, xs) --> [(take n, xs), (drop n, xs)]
+
+export takeWhile = (p, xs) -->
+  return xs if not xs.length
+  p = objToFunc p if typeof! p isnt \Function
+  result = []
+  for x in xs
+    break if not p x
+    result.push x
+  if typeof! xs is \String then result * '' else result
+
+export dropWhile = (p, xs) -->
+  return xs if not xs.length
+  p = objToFunc p if typeof! p isnt \Function
+  i = 0
+  for x in xs
+    break if not p x
+    ++i
+  drop i, xs
+
+export span = (p, xs) --> [(takeWhile p, xs), (dropWhile p, xs)]
+
+export breakIt = (p, xs) --> span (not) << p, xs
+
+export zip = (xs, ys) -->
+  result = []
+  for zs, i in [xs, ys]
+    for z, j in zs
+      result.push [] if i is 0
+      result[j]?push z
+  result
+
+export zipWith = (f,xs, ys) -->
+  f = objToFunc f if typeof! f isnt \Function
+  if not xs.length or not ys.length
+    []
+  else
+    [f.apply this, zs for zs in zip.call this, xs, ys]
+
+export zipAll = (...xss) ->
+  result = []
+  for xs, i in xss
+    for x, j in xs
+      result.push [] if i is 0
+      result[j]?push x
+  result
+
+export zipAllWith = (f, ...xss) ->
+  f = objToFunc f if typeof! f isnt \Function
+  if not xss.0.length or not xss.1.length
+    []
+  else
+    [f.apply this, xs for xs in zipAll.apply this, xss]
+
+export compose = (...funcs) ->
+  ->
+    args = arguments
+    for f in funcs
+      args = [f.apply this, args]
+    args.0
+
+export curry = (f) ->
+  curry$ f # using util method curry$ from livescript
+
+export id = (x) -> x
+
+export flip = (f, x, y) --> f y, x
+
+export fix = (f) ->
+  ( (g, x) -> -> f(g g) ...arguments ) do
+    (g, x) -> -> f(g g) ...arguments
+
+export lines = (str) ->
+  return [] if not str.length
+  str / \\n
+
+export unlines = (strs) -> strs * \\n
+
+export words = (str) ->
+  return [] if not str.length
+  str / /[ ]+/
+
+export unwords = (strs) -> strs * ' '
+
+export max = (>?)
+
+export min = (<?)
+
+export negate = (x) -> -x
+
+export abs = Math.abs
+
+export signum = (x) ->
+  | x < 0     => -1
+  | x > 0     =>  1
+  | otherwise =>  0
+
+export quot = (x, y) --> ~~(x / y)
+
+export rem = (%)
+
+export div = (x, y) --> Math.floor x / y
+
+export mod = (%%)
+
+export recip = (1 /)
+
+export pi = Math.PI
+
+export tau = pi * 2
+
+export exp = Math.exp
+
+export sqrt = Math.sqrt
+
+# changed from log as log is a
+# common function for logging things
+export ln = Math.log
+
+export pow = (^)
+
+export sin = Math.sin
+
+export tan = Math.tan
+
+export cos = Math.cos
+
+export asin = Math.asin
+
+export acos = Math.acos
+
+export atan = Math.atan
+
+export atan2 = (x, y) --> Math.atan2 x, y
+
+# sinh
+# tanh
+# cosh
+# asinh
+# atanh
+# acosh
+
+export truncate = (x) -> ~~x
+
+export round = Math.round
+
+export ceiling = Math.ceil
+
+export floor = Math.floor
+
+export isItNaN = (x) -> x isnt x
+
+export even = (x) -> x % 2 == 0
+
+export odd = (x) -> x % 2 != 0
+
+export gcd = (x, y) -->
+  x = Math.abs x
+  y = Math.abs y
+  until y is 0
+    z = x % y
+    x = y
+    y = z
+  x
+
+export lcm = (x, y) -->
+  Math.abs Math.floor (x / (gcd x, y) * y)
+
+# meta
+export installPrelude = !(target) ->
+  unless target.prelude?isInstalled
+    target <<< out$ # using out$ generated by livescript
+    target <<< target.prelude.isInstalled = true
+
+export prelude = out$
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        theme: "solarized light",
+        lineNumbers: true
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-livescript</code>.</p>
+
+    <p>The LiveScript mode was written by Kenneth Bentley (<a href="LICENSE">license</a>).</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/livescript/livescript.js b/src/main/webapp/codemirror/mode/livescript/livescript.js
new file mode 100644
index 00000000..c000324b
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/livescript/livescript.js
@@ -0,0 +1,267 @@
+/**
+ * Link to the project's GitHub page:
+ * https://github.com/duralog/CodeMirror
+ */
+(function() {
+  CodeMirror.defineMode('livescript', function(){
+    var tokenBase, external;
+    tokenBase = function(stream, state){
+      var next_rule, nr, i$, len$, r, m;
+      if (next_rule = state.next || 'start') {
+        state.next = state.next;
+        if (Array.isArray(nr = Rules[next_rule])) {
+          for (i$ = 0, len$ = nr.length; i$ < len$; ++i$) {
+            r = nr[i$];
+            if (r.regex && (m = stream.match(r.regex))) {
+              state.next = r.next;
+              return r.token;
+            }
+          }
+          stream.next();
+          return 'error';
+        }
+        if (stream.match(r = Rules[next_rule])) {
+          if (r.regex && stream.match(r.regex)) {
+            state.next = r.next;
+            return r.token;
+          } else {
+            stream.next();
+            return 'error';
+          }
+        }
+      }
+      stream.next();
+      return 'error';
+    };
+    external = {
+      startState: function(){
+        return {
+          next: 'start',
+          lastToken: null
+        };
+      },
+      token: function(stream, state){
+        var style;
+        style = tokenBase(stream, state);
+        state.lastToken = {
+          style: style,
+          indent: stream.indentation(),
+          content: stream.current()
+        };
+        return style.replace(/\./g, ' ');
+      },
+      indent: function(state){
+        var indentation;
+        indentation = state.lastToken.indent;
+        if (state.lastToken.content.match(indenter)) {
+          indentation += 2;
+        }
+        return indentation;
+      }
+    };
+    return external;
+  });
+
+  var identifier = '(?![\\d\\s])[$\\w\\xAA-\\uFFDC](?:(?!\\s)[$\\w\\xAA-\\uFFDC]|-[A-Za-z])*';
+  var indenter = RegExp('(?:[({[=:]|[-~]>|\\b(?:e(?:lse|xport)|d(?:o|efault)|t(?:ry|hen)|finally|import(?:\\s*all)?|const|var|let|new|catch(?:\\s*' + identifier + ')?))\\s*$');
+  var keywordend = '(?![$\\w]|-[A-Za-z]|\\s*:(?![:=]))';
+  var stringfill = {
+    token: 'string',
+    regex: '.+'
+  };
+  var Rules = {
+    start: [
+      {
+        token: 'comment.doc',
+        regex: '/\\*',
+        next: 'comment'
+      }, {
+        token: 'comment',
+        regex: '#.*'
+      }, {
+        token: 'keyword',
+        regex: '(?:t(?:h(?:is|row|en)|ry|ypeof!?)|c(?:on(?:tinue|st)|a(?:se|tch)|lass)|i(?:n(?:stanceof)?|mp(?:ort(?:\\s+all)?|lements)|[fs])|d(?:e(?:fault|lete|bugger)|o)|f(?:or(?:\\s+own)?|inally|unction)|s(?:uper|witch)|e(?:lse|x(?:tends|port)|val)|a(?:nd|rguments)|n(?:ew|ot)|un(?:less|til)|w(?:hile|ith)|o[fr]|return|break|let|var|loop)' + keywordend
+      }, {
+        token: 'constant.language',
+        regex: '(?:true|false|yes|no|on|off|null|void|undefined)' + keywordend
+      }, {
+        token: 'invalid.illegal',
+        regex: '(?:p(?:ackage|r(?:ivate|otected)|ublic)|i(?:mplements|nterface)|enum|static|yield)' + keywordend
+      }, {
+        token: 'language.support.class',
+        regex: '(?:R(?:e(?:gExp|ferenceError)|angeError)|S(?:tring|yntaxError)|E(?:rror|valError)|Array|Boolean|Date|Function|Number|Object|TypeError|URIError)' + keywordend
+      }, {
+        token: 'language.support.function',
+        regex: '(?:is(?:NaN|Finite)|parse(?:Int|Float)|Math|JSON|(?:en|de)codeURI(?:Component)?)' + keywordend
+      }, {
+        token: 'variable.language',
+        regex: '(?:t(?:hat|il|o)|f(?:rom|allthrough)|it|by|e)' + keywordend
+      }, {
+        token: 'identifier',
+        regex: identifier + '\\s*:(?![:=])'
+      }, {
+        token: 'variable',
+        regex: identifier
+      }, {
+        token: 'keyword.operator',
+        regex: '(?:\\.{3}|\\s+\\?)'
+      }, {
+        token: 'keyword.variable',
+        regex: '(?:@+|::|\\.\\.)',
+        next: 'key'
+      }, {
+        token: 'keyword.operator',
+        regex: '\\.\\s*',
+        next: 'key'
+      }, {
+        token: 'string',
+        regex: '\\\\\\S[^\\s,;)}\\]]*'
+      }, {
+        token: 'string.doc',
+        regex: '\'\'\'',
+        next: 'qdoc'
+      }, {
+        token: 'string.doc',
+        regex: '"""',
+        next: 'qqdoc'
+      }, {
+        token: 'string',
+        regex: '\'',
+        next: 'qstring'
+      }, {
+        token: 'string',
+        regex: '"',
+        next: 'qqstring'
+      }, {
+        token: 'string',
+        regex: '`',
+        next: 'js'
+      }, {
+        token: 'string',
+        regex: '<\\[',
+        next: 'words'
+      }, {
+        token: 'string.regex',
+        regex: '//',
+        next: 'heregex'
+      }, {
+        token: 'string.regex',
+        regex: '\\/(?:[^[\\/\\n\\\\]*(?:(?:\\\\.|\\[[^\\]\\n\\\\]*(?:\\\\.[^\\]\\n\\\\]*)*\\])[^[\\/\\n\\\\]*)*)\\/[gimy$]{0,4}',
+        next: 'key'
+      }, {
+        token: 'constant.numeric',
+        regex: '(?:0x[\\da-fA-F][\\da-fA-F_]*|(?:[2-9]|[12]\\d|3[0-6])r[\\da-zA-Z][\\da-zA-Z_]*|(?:\\d[\\d_]*(?:\\.\\d[\\d_]*)?|\\.\\d[\\d_]*)(?:e[+-]?\\d[\\d_]*)?[\\w$]*)'
+      }, {
+        token: 'lparen',
+        regex: '[({[]'
+      }, {
+        token: 'rparen',
+        regex: '[)}\\]]',
+        next: 'key'
+      }, {
+        token: 'keyword.operator',
+        regex: '\\S+'
+      }, {
+        token: 'text',
+        regex: '\\s+'
+      }
+    ],
+    heregex: [
+      {
+        token: 'string.regex',
+        regex: '.*?//[gimy$?]{0,4}',
+        next: 'start'
+      }, {
+        token: 'string.regex',
+        regex: '\\s*#{'
+      }, {
+        token: 'comment.regex',
+        regex: '\\s+(?:#.*)?'
+      }, {
+        token: 'string.regex',
+        regex: '\\S+'
+      }
+    ],
+    key: [
+      {
+        token: 'keyword.operator',
+        regex: '[.?@!]+'
+      }, {
+        token: 'identifier',
+        regex: identifier,
+        next: 'start'
+      }, {
+        token: 'text',
+        regex: '.',
+        next: 'start'
+      }
+    ],
+    comment: [
+      {
+        token: 'comment.doc',
+        regex: '.*?\\*/',
+        next: 'start'
+      }, {
+        token: 'comment.doc',
+        regex: '.+'
+      }
+    ],
+    qdoc: [
+      {
+        token: 'string',
+        regex: ".*?'''",
+        next: 'key'
+      }, stringfill
+    ],
+    qqdoc: [
+      {
+        token: 'string',
+        regex: '.*?"""',
+        next: 'key'
+      }, stringfill
+    ],
+    qstring: [
+      {
+        token: 'string',
+        regex: '[^\\\\\']*(?:\\\\.[^\\\\\']*)*\'',
+        next: 'key'
+      }, stringfill
+    ],
+    qqstring: [
+      {
+        token: 'string',
+        regex: '[^\\\\"]*(?:\\\\.[^\\\\"]*)*"',
+        next: 'key'
+      }, stringfill
+    ],
+    js: [
+      {
+        token: 'string',
+        regex: '[^\\\\`]*(?:\\\\.[^\\\\`]*)*`',
+        next: 'key'
+      }, stringfill
+    ],
+    words: [
+      {
+        token: 'string',
+        regex: '.*?\\]>',
+        next: 'key'
+      }, stringfill
+    ]
+  };
+  for (var idx in Rules) {
+    var r = Rules[idx];
+    if (Array.isArray(r)) {
+      for (var i = 0, len = r.length; i < len; ++i) {
+        var rr = r[i];
+        if (rr.regex) {
+          Rules[idx][i].regex = new RegExp('^' + rr.regex);
+        }
+      }
+    } else if (r.regex) {
+      Rules[idx].regex = new RegExp('^' + r.regex);
+    }
+  }
+})();
+
+CodeMirror.defineMIME('text/x-livescript', 'livescript');
diff --git a/src/main/webapp/codemirror/mode/livescript/livescript.ls b/src/main/webapp/codemirror/mode/livescript/livescript.ls
new file mode 100644
index 00000000..06524231
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/livescript/livescript.ls
@@ -0,0 +1,266 @@
+/**
+ * Link to the project's GitHub page:
+ * https://github.com/duralog/CodeMirror
+ */
+CodeMirror.defineMode 'livescript', (conf) ->
+  tokenBase = (stream, state) ->
+    #indent =
+    if next_rule = state.next or \start
+      state.next = state.next
+      if Array.isArray nr = Rules[next_rule]
+        for r in nr
+          if r.regex and m = stream.match r.regex
+            state.next = r.next
+            return r.token
+        stream.next!
+        return \error
+      if stream.match r = Rules[next_rule]
+        if r.regex and stream.match r.regex
+          state.next = r.next
+          return r.token
+        else
+          stream.next!
+          return \error
+    stream.next!
+    return 'error'
+  external = {
+    startState: (basecolumn) ->
+      {
+        next: \start
+        lastToken: null
+      }
+    token: (stream, state) ->
+      style = tokenBase stream, state #tokenLexer stream, state
+      state.lastToken = {
+        style: style
+        indent: stream.indentation!
+        content: stream.current!
+      }
+      style.replace /\./g, ' '
+    indent: (state, textAfter) ->
+      # XXX this won't work with backcalls
+      indentation = state.lastToken.indent
+      if state.lastToken.content.match indenter then indentation += 2
+      return indentation
+  }
+  external
+
+### Highlight Rules
+# taken from mode-ls.ls
+
+indenter = // (?
+    : [({[=:]
+    | [-~]>
+    | \b (?: e(?:lse|xport) | d(?:o|efault) | t(?:ry|hen) | finally |
+             import (?:\s* all)? | const | var |
+             let | new | catch (?:\s* #identifier)? )
+  ) \s* $ //
+
+identifier = /(?![\d\s])[$\w\xAA-\uFFDC](?:(?!\s)[$\w\xAA-\uFFDC]|-[A-Za-z])*/$
+keywordend = /(?![$\w]|-[A-Za-z]|\s*:(?![:=]))/$
+stringfill = token: \string, regex: '.+'
+
+Rules =
+  start:
+    * token: \comment.doc
+      regex: '/\\*'
+      next : \comment
+
+    * token: \comment
+      regex: '#.*'
+
+    * token: \keyword
+      regex: //(?
+        :t(?:h(?:is|row|en)|ry|ypeof!?)
+        |c(?:on(?:tinue|st)|a(?:se|tch)|lass)
+        |i(?:n(?:stanceof)?|mp(?:ort(?:\s+all)?|lements)|[fs])
+        |d(?:e(?:fault|lete|bugger)|o)
+        |f(?:or(?:\s+own)?|inally|unction)
+        |s(?:uper|witch)
+        |e(?:lse|x(?:tends|port)|val)
+        |a(?:nd|rguments)
+        |n(?:ew|ot)
+        |un(?:less|til)
+        |w(?:hile|ith)
+        |o[fr]|return|break|let|var|loop
+      )//$ + keywordend
+
+    * token: \constant.language
+      regex: '(?:true|false|yes|no|on|off|null|void|undefined)' + keywordend
+
+    * token: \invalid.illegal
+      regex: '(?
+        :p(?:ackage|r(?:ivate|otected)|ublic)
+        |i(?:mplements|nterface)
+        |enum|static|yield
+      )' + keywordend
+
+    * token: \language.support.class
+      regex: '(?
+        :R(?:e(?:gExp|ferenceError)|angeError)
+        |S(?:tring|yntaxError)
+        |E(?:rror|valError)
+        |Array|Boolean|Date|Function|Number|Object|TypeError|URIError
+      )' + keywordend
+
+    * token: \language.support.function
+      regex: '(?
+        :is(?:NaN|Finite)
+        |parse(?:Int|Float)
+        |Math|JSON
+        |(?:en|de)codeURI(?:Component)?
+      )' + keywordend
+
+    * token: \variable.language
+      regex: '(?:t(?:hat|il|o)|f(?:rom|allthrough)|it|by|e)' + keywordend
+
+    * token: \identifier
+      regex: identifier + /\s*:(?![:=])/$
+
+    * token: \variable
+      regex: identifier
+
+    * token: \keyword.operator
+      regex: /(?:\.{3}|\s+\?)/$
+
+    * token: \keyword.variable
+      regex: /(?:@+|::|\.\.)/$
+      next : \key
+
+    * token: \keyword.operator
+      regex: /\.\s*/$
+      next : \key
+
+    * token: \string
+      regex: /\\\S[^\s,;)}\]]*/$
+
+    * token: \string.doc
+      regex: \'''
+      next : \qdoc
+
+    * token: \string.doc
+      regex: \"""
+      next : \qqdoc
+
+    * token: \string
+      regex: \'
+      next : \qstring
+
+    * token: \string
+      regex: \"
+      next : \qqstring
+
+    * token: \string
+      regex: \`
+      next : \js
+
+    * token: \string
+      regex: '<\\['
+      next : \words
+
+    * token: \string.regex
+      regex: \//
+      next : \heregex
+
+    * token: \string.regex
+      regex: //
+        /(?: [^ [ / \n \\ ]*
+          (?: (?: \\.
+                | \[ [^\]\n\\]* (?:\\.[^\]\n\\]*)* \]
+              ) [^ [ / \n \\ ]*
+          )*
+        )/ [gimy$]{0,4}
+      //$
+      next : \key
+
+    * token: \constant.numeric
+      regex: '(?:0x[\\da-fA-F][\\da-fA-F_]*
+                |(?:[2-9]|[12]\\d|3[0-6])r[\\da-zA-Z][\\da-zA-Z_]*
+                |(?:\\d[\\d_]*(?:\\.\\d[\\d_]*)?|\\.\\d[\\d_]*)
+                 (?:e[+-]?\\d[\\d_]*)?[\\w$]*)'
+
+    * token: \lparen
+      regex: '[({[]'
+
+    * token: \rparen
+      regex: '[)}\\]]'
+      next : \key
+
+    * token: \keyword.operator
+      regex: \\\S+
+
+    * token: \text
+      regex: \\\s+
+
+  heregex:
+    * token: \string.regex
+      regex: '.*?//[gimy$?]{0,4}'
+      next : \start
+    * token: \string.regex
+      regex: '\\s*#{'
+    * token: \comment.regex
+      regex: '\\s+(?:#.*)?'
+    * token: \string.regex
+      regex: '\\S+'
+
+  key:
+    * token: \keyword.operator
+      regex: '[.?@!]+'
+    * token: \identifier
+      regex: identifier
+      next : \start
+    * token: \text
+      regex: '.'
+      next : \start
+
+  comment:
+    * token: \comment.doc
+      regex: '.*?\\*/'
+      next : \start
+    * token: \comment.doc
+      regex: '.+'
+
+  qdoc:
+    token: \string
+    regex: ".*?'''"
+    next : \key
+    stringfill
+
+  qqdoc:
+    token: \string
+    regex: '.*?"""'
+    next : \key
+    stringfill
+
+  qstring:
+    token: \string
+    regex: /[^\\']*(?:\\.[^\\']*)*'/$
+    next : \key
+    stringfill
+
+  qqstring:
+    token: \string
+    regex: /[^\\"]*(?:\\.[^\\"]*)*"/$
+    next : \key
+    stringfill
+
+  js:
+    token: \string
+    regex: /[^\\`]*(?:\\.[^\\`]*)*`/$
+    next : \key
+    stringfill
+
+  words:
+    token: \string
+    regex: '.*?\\]>'
+    next : \key
+    stringfill
+
+# for optimization, precompile the regexps
+for idx, r of Rules
+  if Array.isArray r
+    for rr, i in r
+      if rr.regex then Rules[idx][i].regex = new RegExp '^'+rr.regex
+  else if r.regex then Rules[idx].regex = new RegExp '^'+r.regex
+
+CodeMirror.defineMIME 'text/x-livescript', 'livescript'
diff --git a/src/main/webapp/codemirror/mode/lua/index.html b/src/main/webapp/codemirror/mode/lua/index.html
new file mode 100644
index 00000000..69433e44
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/lua/index.html
@@ -0,0 +1,86 @@
+<!doctype html>
+
+<title>CodeMirror: Lua mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/neat.css">
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="../../lib/codemirror.js"></script>
+<script src="lua.js"></script>
+<style>.CodeMirror {border: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Lua</a>
+  </ul>
+</div>
+
+<article>
+<h2>Lua mode</h2>
+<form><textarea id="code" name="code">
+--[[
+example useless code to show lua syntax highlighting
+this is multiline comment
+]]
+
+function blahblahblah(x)
+
+  local table = {
+    "asd" = 123,
+    "x" = 0.34,  
+  }
+  if x ~= 3 then
+    print( x )
+  elseif x == "string"
+    my_custom_function( 0x34 )
+  else
+    unknown_function( "some string" )
+  end
+
+  --single line comment
+  
+end
+
+function blablabla3()
+
+  for k,v in ipairs( table ) do
+    --abcde..
+    y=[=[
+  x=[[
+      x is a multi line string
+   ]]
+  but its definition is iside a highest level string!
+  ]=]
+    print(" \"\" ")
+
+    s = math.sin( x )
+  end
+
+end
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        tabMode: "indent",
+        matchBrackets: true,
+        theme: "neat"
+      });
+    </script>
+
+    <p>Loosely based on Franciszek
+    Wawrzak's <a href="http://codemirror.net/1/contrib/lua">CodeMirror
+    1 mode</a>. One configuration parameter is
+    supported, <code>specials</code>, to which you can provide an
+    array of strings to have those identifiers highlighted with
+    the <code>lua-special</code> style.</p>
+    <p><strong>MIME types defined:</strong> <code>text/x-lua</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/lua/lua.js b/src/main/webapp/codemirror/mode/lua/lua.js
new file mode 100644
index 00000000..b8deaa25
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/lua/lua.js
@@ -0,0 +1,144 @@
+// LUA mode. Ported to CodeMirror 2 from Franciszek Wawrzak's
+// CodeMirror 1 mode.
+// highlights keywords, strings, comments (no leveling supported! ("[==[")), tokens, basic indenting
+
+CodeMirror.defineMode("lua", function(config, parserConfig) {
+  var indentUnit = config.indentUnit;
+
+  function prefixRE(words) {
+    return new RegExp("^(?:" + words.join("|") + ")", "i");
+  }
+  function wordRE(words) {
+    return new RegExp("^(?:" + words.join("|") + ")$", "i");
+  }
+  var specials = wordRE(parserConfig.specials || []);
+
+  // long list of standard functions from lua manual
+  var builtins = wordRE([
+    "_G","_VERSION","assert","collectgarbage","dofile","error","getfenv","getmetatable","ipairs","load",
+    "loadfile","loadstring","module","next","pairs","pcall","print","rawequal","rawget","rawset","require",
+    "select","setfenv","setmetatable","tonumber","tostring","type","unpack","xpcall",
+
+    "coroutine.create","coroutine.resume","coroutine.running","coroutine.status","coroutine.wrap","coroutine.yield",
+
+    "debug.debug","debug.getfenv","debug.gethook","debug.getinfo","debug.getlocal","debug.getmetatable",
+    "debug.getregistry","debug.getupvalue","debug.setfenv","debug.sethook","debug.setlocal","debug.setmetatable",
+    "debug.setupvalue","debug.traceback",
+
+    "close","flush","lines","read","seek","setvbuf","write",
+
+    "io.close","io.flush","io.input","io.lines","io.open","io.output","io.popen","io.read","io.stderr","io.stdin",
+    "io.stdout","io.tmpfile","io.type","io.write",
+
+    "math.abs","math.acos","math.asin","math.atan","math.atan2","math.ceil","math.cos","math.cosh","math.deg",
+    "math.exp","math.floor","math.fmod","math.frexp","math.huge","math.ldexp","math.log","math.log10","math.max",
+    "math.min","math.modf","math.pi","math.pow","math.rad","math.random","math.randomseed","math.sin","math.sinh",
+    "math.sqrt","math.tan","math.tanh",
+
+    "os.clock","os.date","os.difftime","os.execute","os.exit","os.getenv","os.remove","os.rename","os.setlocale",
+    "os.time","os.tmpname",
+
+    "package.cpath","package.loaded","package.loaders","package.loadlib","package.path","package.preload",
+    "package.seeall",
+
+    "string.byte","string.char","string.dump","string.find","string.format","string.gmatch","string.gsub",
+    "string.len","string.lower","string.match","string.rep","string.reverse","string.sub","string.upper",
+
+    "table.concat","table.insert","table.maxn","table.remove","table.sort"
+  ]);
+  var keywords = wordRE(["and","break","elseif","false","nil","not","or","return",
+                         "true","function", "end", "if", "then", "else", "do",
+                         "while", "repeat", "until", "for", "in", "local" ]);
+
+  var indentTokens = wordRE(["function", "if","repeat","do", "\\(", "{"]);
+  var dedentTokens = wordRE(["end", "until", "\\)", "}"]);
+  var dedentPartial = prefixRE(["end", "until", "\\)", "}", "else", "elseif"]);
+
+  function readBracket(stream) {
+    var level = 0;
+    while (stream.eat("=")) ++level;
+    stream.eat("[");
+    return level;
+  }
+
+  function normal(stream, state) {
+    var ch = stream.next();
+    if (ch == "-" && stream.eat("-")) {
+      if (stream.eat("[") && stream.eat("["))
+        return (state.cur = bracketed(readBracket(stream), "comment"))(stream, state);
+      stream.skipToEnd();
+      return "comment";
+    }
+    if (ch == "\"" || ch == "'")
+      return (state.cur = string(ch))(stream, state);
+    if (ch == "[" && /[\[=]/.test(stream.peek()))
+      return (state.cur = bracketed(readBracket(stream), "string"))(stream, state);
+    if (/\d/.test(ch)) {
+      stream.eatWhile(/[\w.%]/);
+      return "number";
+    }
+    if (/[\w_]/.test(ch)) {
+      stream.eatWhile(/[\w\\\-_.]/);
+      return "variable";
+    }
+    return null;
+  }
+
+  function bracketed(level, style) {
+    return function(stream, state) {
+      var curlev = null, ch;
+      while ((ch = stream.next()) != null) {
+        if (curlev == null) {if (ch == "]") curlev = 0;}
+        else if (ch == "=") ++curlev;
+        else if (ch == "]" && curlev == level) { state.cur = normal; break; }
+        else curlev = null;
+      }
+      return style;
+    };
+  }
+
+  function string(quote) {
+    return function(stream, state) {
+      var escaped = false, ch;
+      while ((ch = stream.next()) != null) {
+        if (ch == quote && !escaped) break;
+        escaped = !escaped && ch == "\\";
+      }
+      if (!escaped) state.cur = normal;
+      return "string";
+    };
+  }
+
+  return {
+    startState: function(basecol) {
+      return {basecol: basecol || 0, indentDepth: 0, cur: normal};
+    },
+
+    token: function(stream, state) {
+      if (stream.eatSpace()) return null;
+      var style = state.cur(stream, state);
+      var word = stream.current();
+      if (style == "variable") {
+        if (keywords.test(word)) style = "keyword";
+        else if (builtins.test(word)) style = "builtin";
+        else if (specials.test(word)) style = "variable-2";
+      }
+      if ((style != "comment") && (style != "string")){
+        if (indentTokens.test(word)) ++state.indentDepth;
+        else if (dedentTokens.test(word)) --state.indentDepth;
+      }
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      var closing = dedentPartial.test(textAfter);
+      return state.basecol + indentUnit * (state.indentDepth - (closing ? 1 : 0));
+    },
+
+    lineComment: "--",
+    blockCommentStart: "--[[",
+    blockCommentEnd: "]]"
+  };
+});
+
+CodeMirror.defineMIME("text/x-lua", "lua");
diff --git a/src/main/webapp/codemirror/mode/markdown/index.html b/src/main/webapp/codemirror/mode/markdown/index.html
new file mode 100644
index 00000000..a6b541e2
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/markdown/index.html
@@ -0,0 +1,359 @@
+<!doctype html>
+
+<title>CodeMirror: Markdown mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/continuelist.js"></script>
+<script src="../xml/xml.js"></script>
+<script src="markdown.js"></script>
+<style type="text/css">
+      .CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
+      .cm-s-default .cm-trailing-space-a:before,
+      .cm-s-default .cm-trailing-space-b:before {position: absolute; content: "\00B7"; color: #777;}
+      .cm-s-default .cm-trailing-space-new-line:before {position: absolute; content: "\21B5"; color: #777;}
+    </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Markdown</a>
+  </ul>
+</div>
+
+<article>
+<h2>Markdown mode</h2>
+<form><textarea id="code" name="code">
+Markdown: Basics
+================
+
+&lt;ul id="ProjectSubmenu"&gt;
+    &lt;li&gt;&lt;a href="/projects/markdown/" title="Markdown Project Page"&gt;Main&lt;/a&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;a class="selected" title="Markdown Basics"&gt;Basics&lt;/a&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;a href="/projects/markdown/syntax" title="Markdown Syntax Documentation"&gt;Syntax&lt;/a&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;a href="/projects/markdown/license" title="Pricing and License Information"&gt;License&lt;/a&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;a href="/projects/markdown/dingus" title="Online Markdown Web Form"&gt;Dingus&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+
+
+Getting the Gist of Markdown's Formatting Syntax
+------------------------------------------------
+
+This page offers a brief overview of what it's like to use Markdown.
+The [syntax page] [s] provides complete, detailed documentation for
+every feature, but Markdown should be very easy to pick up simply by
+looking at a few examples of it in action. The examples on this page
+are written in a before/after style, showing example syntax and the
+HTML output produced by Markdown.
+
+It's also helpful to simply try Markdown out; the [Dingus] [d] is a
+web application that allows you type your own Markdown-formatted text
+and translate it to XHTML.
+
+**Note:** This document is itself written using Markdown; you
+can [see the source for it by adding '.text' to the URL] [src].
+
+  [s]: /projects/markdown/syntax  "Markdown Syntax"
+  [d]: /projects/markdown/dingus  "Markdown Dingus"
+  [src]: /projects/markdown/basics.text
+
+
+## Paragraphs, Headers, Blockquotes ##
+
+A paragraph is simply one or more consecutive lines of text, separated
+by one or more blank lines. (A blank line is any line that looks like
+a blank line -- a line containing nothing but spaces or tabs is
+considered blank.) Normal paragraphs should not be indented with
+spaces or tabs.
+
+Markdown offers two styles of headers: *Setext* and *atx*.
+Setext-style headers for `&lt;h1&gt;` and `&lt;h2&gt;` are created by
+"underlining" with equal signs (`=`) and hyphens (`-`), respectively.
+To create an atx-style header, you put 1-6 hash marks (`#`) at the
+beginning of the line -- the number of hashes equals the resulting
+HTML header level.
+
+Blockquotes are indicated using email-style '`&gt;`' angle brackets.
+
+Markdown:
+
+    A First Level Header
+    ====================
+    
+    A Second Level Header
+    ---------------------
+
+    Now is the time for all good men to come to
+    the aid of their country. This is just a
+    regular paragraph.
+
+    The quick brown fox jumped over the lazy
+    dog's back.
+    
+    ### Header 3
+
+    &gt; This is a blockquote.
+    &gt; 
+    &gt; This is the second paragraph in the blockquote.
+    &gt;
+    &gt; ## This is an H2 in a blockquote
+
+
+Output:
+
+    &lt;h1&gt;A First Level Header&lt;/h1&gt;
+    
+    &lt;h2&gt;A Second Level Header&lt;/h2&gt;
+    
+    &lt;p&gt;Now is the time for all good men to come to
+    the aid of their country. This is just a
+    regular paragraph.&lt;/p&gt;
+    
+    &lt;p&gt;The quick brown fox jumped over the lazy
+    dog's back.&lt;/p&gt;
+    
+    &lt;h3&gt;Header 3&lt;/h3&gt;
+    
+    &lt;blockquote&gt;
+        &lt;p&gt;This is a blockquote.&lt;/p&gt;
+        
+        &lt;p&gt;This is the second paragraph in the blockquote.&lt;/p&gt;
+        
+        &lt;h2&gt;This is an H2 in a blockquote&lt;/h2&gt;
+    &lt;/blockquote&gt;
+
+
+
+### Phrase Emphasis ###
+
+Markdown uses asterisks and underscores to indicate spans of emphasis.
+
+Markdown:
+
+    Some of these words *are emphasized*.
+    Some of these words _are emphasized also_.
+    
+    Use two asterisks for **strong emphasis**.
+    Or, if you prefer, __use two underscores instead__.
+
+Output:
+
+    &lt;p&gt;Some of these words &lt;em&gt;are emphasized&lt;/em&gt;.
+    Some of these words &lt;em&gt;are emphasized also&lt;/em&gt;.&lt;/p&gt;
+    
+    &lt;p&gt;Use two asterisks for &lt;strong&gt;strong emphasis&lt;/strong&gt;.
+    Or, if you prefer, &lt;strong&gt;use two underscores instead&lt;/strong&gt;.&lt;/p&gt;
+   
+
+
+## Lists ##
+
+Unordered (bulleted) lists use asterisks, pluses, and hyphens (`*`,
+`+`, and `-`) as list markers. These three markers are
+interchangable; this:
+
+    *   Candy.
+    *   Gum.
+    *   Booze.
+
+this:
+
+    +   Candy.
+    +   Gum.
+    +   Booze.
+
+and this:
+
+    -   Candy.
+    -   Gum.
+    -   Booze.
+
+all produce the same output:
+
+    &lt;ul&gt;
+    &lt;li&gt;Candy.&lt;/li&gt;
+    &lt;li&gt;Gum.&lt;/li&gt;
+    &lt;li&gt;Booze.&lt;/li&gt;
+    &lt;/ul&gt;
+
+Ordered (numbered) lists use regular numbers, followed by periods, as
+list markers:
+
+    1.  Red
+    2.  Green
+    3.  Blue
+
+Output:
+
+    &lt;ol&gt;
+    &lt;li&gt;Red&lt;/li&gt;
+    &lt;li&gt;Green&lt;/li&gt;
+    &lt;li&gt;Blue&lt;/li&gt;
+    &lt;/ol&gt;
+
+If you put blank lines between items, you'll get `&lt;p&gt;` tags for the
+list item text. You can create multi-paragraph list items by indenting
+the paragraphs by 4 spaces or 1 tab:
+
+    *   A list item.
+    
+        With multiple paragraphs.
+
+    *   Another item in the list.
+
+Output:
+
+    &lt;ul&gt;
+    &lt;li&gt;&lt;p&gt;A list item.&lt;/p&gt;
+    &lt;p&gt;With multiple paragraphs.&lt;/p&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;p&gt;Another item in the list.&lt;/p&gt;&lt;/li&gt;
+    &lt;/ul&gt;
+    
+
+
+### Links ###
+
+Markdown supports two styles for creating links: *inline* and
+*reference*. With both styles, you use square brackets to delimit the
+text you want to turn into a link.
+
+Inline-style links use parentheses immediately after the link text.
+For example:
+
+    This is an [example link](http://example.com/).
+
+Output:
+
+    &lt;p&gt;This is an &lt;a href="http://example.com/"&gt;
+    example link&lt;/a&gt;.&lt;/p&gt;
+
+Optionally, you may include a title attribute in the parentheses:
+
+    This is an [example link](http://example.com/ "With a Title").
+
+Output:
+
+    &lt;p&gt;This is an &lt;a href="http://example.com/" title="With a Title"&gt;
+    example link&lt;/a&gt;.&lt;/p&gt;
+
+Reference-style links allow you to refer to your links by names, which
+you define elsewhere in your document:
+
+    I get 10 times more traffic from [Google][1] than from
+    [Yahoo][2] or [MSN][3].
+
+    [1]: http://google.com/        "Google"
+    [2]: http://search.yahoo.com/  "Yahoo Search"
+    [3]: http://search.msn.com/    "MSN Search"
+
+Output:
+
+    &lt;p&gt;I get 10 times more traffic from &lt;a href="http://google.com/"
+    title="Google"&gt;Google&lt;/a&gt; than from &lt;a href="http://search.yahoo.com/"
+    title="Yahoo Search"&gt;Yahoo&lt;/a&gt; or &lt;a href="http://search.msn.com/"
+    title="MSN Search"&gt;MSN&lt;/a&gt;.&lt;/p&gt;
+
+The title attribute is optional. Link names may contain letters,
+numbers and spaces, but are *not* case sensitive:
+
+    I start my morning with a cup of coffee and
+    [The New York Times][NY Times].
+
+    [ny times]: http://www.nytimes.com/
+
+Output:
+
+    &lt;p&gt;I start my morning with a cup of coffee and
+    &lt;a href="http://www.nytimes.com/"&gt;The New York Times&lt;/a&gt;.&lt;/p&gt;
+
+
+### Images ###
+
+Image syntax is very much like link syntax.
+
+Inline (titles are optional):
+
+    ![alt text](/path/to/img.jpg "Title")
+
+Reference-style:
+
+    ![alt text][id]
+
+    [id]: /path/to/img.jpg "Title"
+
+Both of the above examples produce the same output:
+
+    &lt;img src="/path/to/img.jpg" alt="alt text" title="Title" /&gt;
+
+
+
+### Code ###
+
+In a regular paragraph, you can create code span by wrapping text in
+backtick quotes. Any ampersands (`&amp;`) and angle brackets (`&lt;` or
+`&gt;`) will automatically be translated into HTML entities. This makes
+it easy to use Markdown to write about HTML example code:
+
+    I strongly recommend against using any `&lt;blink&gt;` tags.
+
+    I wish SmartyPants used named entities like `&amp;mdash;`
+    instead of decimal-encoded entites like `&amp;#8212;`.
+
+Output:
+
+    &lt;p&gt;I strongly recommend against using any
+    &lt;code&gt;&amp;lt;blink&amp;gt;&lt;/code&gt; tags.&lt;/p&gt;
+    
+    &lt;p&gt;I wish SmartyPants used named entities like
+    &lt;code&gt;&amp;amp;mdash;&lt;/code&gt; instead of decimal-encoded
+    entites like &lt;code&gt;&amp;amp;#8212;&lt;/code&gt;.&lt;/p&gt;
+
+
+To specify an entire block of pre-formatted code, indent every line of
+the block by 4 spaces or 1 tab. Just like with code spans, `&amp;`, `&lt;`,
+and `&gt;` characters will be escaped automatically.
+
+Markdown:
+
+    If you want your page to validate under XHTML 1.0 Strict,
+    you've got to put paragraph tags in your blockquotes:
+
+        &lt;blockquote&gt;
+            &lt;p&gt;For example.&lt;/p&gt;
+        &lt;/blockquote&gt;
+
+Output:
+
+    &lt;p&gt;If you want your page to validate under XHTML 1.0 Strict,
+    you've got to put paragraph tags in your blockquotes:&lt;/p&gt;
+    
+    &lt;pre&gt;&lt;code&gt;&amp;lt;blockquote&amp;gt;
+        &amp;lt;p&amp;gt;For example.&amp;lt;/p&amp;gt;
+    &amp;lt;/blockquote&amp;gt;
+    &lt;/code&gt;&lt;/pre&gt;
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: 'markdown',
+        lineNumbers: true,
+        theme: "default",
+        extraKeys: {"Enter": "newlineAndIndentContinueMarkdownList"}
+      });
+    </script>
+
+    <p>Optionally depends on the XML mode for properly highlighted inline XML blocks.</p>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-markdown</code>.</p>
+
+    <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#markdown_*">normal</a>,  <a href="../../test/index.html#verbose,markdown_*">verbose</a>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/markdown/markdown.js b/src/main/webapp/codemirror/mode/markdown/markdown.js
new file mode 100644
index 00000000..218408fb
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/markdown/markdown.js
@@ -0,0 +1,560 @@
+CodeMirror.defineMode("markdown", function(cmCfg, modeCfg) {
+
+  var htmlFound = CodeMirror.modes.hasOwnProperty("xml");
+  var htmlMode = CodeMirror.getMode(cmCfg, htmlFound ? {name: "xml", htmlMode: true} : "text/plain");
+  var aliases = {
+    html: "htmlmixed",
+    js: "javascript",
+    json: "application/json",
+    c: "text/x-csrc",
+    "c++": "text/x-c++src",
+    java: "text/x-java",
+    csharp: "text/x-csharp",
+    "c#": "text/x-csharp",
+    scala: "text/x-scala"
+  };
+
+  var getMode = (function () {
+    var i, modes = {}, mimes = {}, mime;
+
+    var list = [];
+    for (var m in CodeMirror.modes)
+      if (CodeMirror.modes.propertyIsEnumerable(m)) list.push(m);
+    for (i = 0; i < list.length; i++) {
+      modes[list[i]] = list[i];
+    }
+    var mimesList = [];
+    for (var m in CodeMirror.mimeModes)
+      if (CodeMirror.mimeModes.propertyIsEnumerable(m))
+        mimesList.push({mime: m, mode: CodeMirror.mimeModes[m]});
+    for (i = 0; i < mimesList.length; i++) {
+      mime = mimesList[i].mime;
+      mimes[mime] = mimesList[i].mime;
+    }
+
+    for (var a in aliases) {
+      if (aliases[a] in modes || aliases[a] in mimes)
+        modes[a] = aliases[a];
+    }
+
+    return function (lang) {
+      return modes[lang] ? CodeMirror.getMode(cmCfg, modes[lang]) : null;
+    };
+  }());
+
+  // Should underscores in words open/close em/strong?
+  if (modeCfg.underscoresBreakWords === undefined)
+    modeCfg.underscoresBreakWords = true;
+
+  // Turn on fenced code blocks? ("```" to start/end)
+  if (modeCfg.fencedCodeBlocks === undefined) modeCfg.fencedCodeBlocks = false;
+
+  // Turn on task lists? ("- [ ] " and "- [x] ")
+  if (modeCfg.taskLists === undefined) modeCfg.taskLists = false;
+
+  var codeDepth = 0;
+
+  var header   = 'header'
+  ,   code     = 'comment'
+  ,   quote1   = 'atom'
+  ,   quote2   = 'number'
+  ,   list1    = 'variable-2'
+  ,   list2    = 'variable-3'
+  ,   list3    = 'keyword'
+  ,   hr       = 'hr'
+  ,   image    = 'tag'
+  ,   linkinline = 'link'
+  ,   linkemail = 'link'
+  ,   linktext = 'link'
+  ,   linkhref = 'string'
+  ,   em       = 'em'
+  ,   strong   = 'strong';
+
+  var hrRE = /^([*\-=_])(?:\s*\1){2,}\s*$/
+  ,   ulRE = /^[*\-+]\s+/
+  ,   olRE = /^[0-9]+\.\s+/
+  ,   taskListRE = /^\[(x| )\](?=\s)/ // Must follow ulRE or olRE
+  ,   atxHeaderRE = /^#+/
+  ,   setextHeaderRE = /^(?:\={1,}|-{1,})$/
+  ,   textRE = /^[^!\[\]*_\\<>` "'(]+/;
+
+  function switchInline(stream, state, f) {
+    state.f = state.inline = f;
+    return f(stream, state);
+  }
+
+  function switchBlock(stream, state, f) {
+    state.f = state.block = f;
+    return f(stream, state);
+  }
+
+
+  // Blocks
+
+  function blankLine(state) {
+    // Reset linkTitle state
+    state.linkTitle = false;
+    // Reset EM state
+    state.em = false;
+    // Reset STRONG state
+    state.strong = false;
+    // Reset state.quote
+    state.quote = 0;
+    if (!htmlFound && state.f == htmlBlock) {
+      state.f = inlineNormal;
+      state.block = blockNormal;
+    }
+    // Reset state.trailingSpace
+    state.trailingSpace = 0;
+    state.trailingSpaceNewLine = false;
+    // Mark this line as blank
+    state.thisLineHasContent = false;
+    return null;
+  }
+
+  function blockNormal(stream, state) {
+
+    var prevLineIsList = (state.list !== false);
+    if (state.list !== false && state.indentationDiff >= 0) { // Continued list
+      if (state.indentationDiff < 4) { // Only adjust indentation if *not* a code block
+        state.indentation -= state.indentationDiff;
+      }
+      state.list = null;
+    } else if (state.list !== false && state.indentation > 0) {
+      state.list = null;
+      state.listDepth = Math.floor(state.indentation / 4);
+    } else if (state.list !== false) { // No longer a list
+      state.list = false;
+      state.listDepth = 0;
+    }
+
+    var match = null;
+    if (state.indentationDiff >= 4) {
+      state.indentation -= 4;
+      stream.skipToEnd();
+      return code;
+    } else if (stream.eatSpace()) {
+      return null;
+    } else if (match = stream.match(atxHeaderRE)) {
+      state.header = match[0].length <= 6 ? match[0].length : 6;
+    } else if (state.prevLineHasContent && (match = stream.match(setextHeaderRE))) {
+      state.header = match[0].charAt(0) == '=' ? 1 : 2;
+    } else if (stream.eat('>')) {
+      state.indentation++;
+      state.quote = 1;
+      stream.eatSpace();
+      while (stream.eat('>')) {
+        stream.eatSpace();
+        state.quote++;
+      }
+    } else if (stream.peek() === '[') {
+      return switchInline(stream, state, footnoteLink);
+    } else if (stream.match(hrRE, true)) {
+      return hr;
+    } else if ((!state.prevLineHasContent || prevLineIsList) && (stream.match(ulRE, true) || stream.match(olRE, true))) {
+      state.indentation += 4;
+      state.list = true;
+      state.listDepth++;
+      if (modeCfg.taskLists && stream.match(taskListRE, false)) {
+        state.taskList = true;
+      }
+    } else if (modeCfg.fencedCodeBlocks && stream.match(/^```([\w+#]*)/, true)) {
+      // try switching mode
+      state.localMode = getMode(RegExp.$1);
+      if (state.localMode) state.localState = state.localMode.startState();
+      switchBlock(stream, state, local);
+      return code;
+    }
+
+    return switchInline(stream, state, state.inline);
+  }
+
+  function htmlBlock(stream, state) {
+    var style = htmlMode.token(stream, state.htmlState);
+    if (htmlFound && style === 'tag' && state.htmlState.type !== 'openTag' && !state.htmlState.context) {
+      state.f = inlineNormal;
+      state.block = blockNormal;
+    }
+    if (state.md_inside && stream.current().indexOf(">")!=-1) {
+      state.f = inlineNormal;
+      state.block = blockNormal;
+      state.htmlState.context = undefined;
+    }
+    return style;
+  }
+
+  function local(stream, state) {
+    if (stream.sol() && stream.match(/^```/, true)) {
+      state.localMode = state.localState = null;
+      state.f = inlineNormal;
+      state.block = blockNormal;
+      return code;
+    } else if (state.localMode) {
+      return state.localMode.token(stream, state.localState);
+    } else {
+      stream.skipToEnd();
+      return code;
+    }
+  }
+
+  // Inline
+  function getType(state) {
+    var styles = [];
+
+    if (state.taskOpen) { return "meta"; }
+    if (state.taskClosed) { return "property"; }
+
+    if (state.strong) { styles.push(strong); }
+    if (state.em) { styles.push(em); }
+
+    if (state.linkText) { styles.push(linktext); }
+
+    if (state.code) { styles.push(code); }
+
+    if (state.header) { styles.push(header); styles.push(header + state.header); }
+    if (state.quote) { styles.push(state.quote % 2 ? quote1 : quote2); }
+    if (state.list !== false) {
+      var listMod = (state.listDepth - 1) % 3;
+      if (!listMod) {
+        styles.push(list1);
+      } else if (listMod === 1) {
+        styles.push(list2);
+      } else {
+        styles.push(list3);
+      }
+    }
+
+    if (state.trailingSpaceNewLine) {
+      styles.push("trailing-space-new-line");
+    } else if (state.trailingSpace) {
+      styles.push("trailing-space-" + (state.trailingSpace % 2 ? "a" : "b"));
+    }
+
+    return styles.length ? styles.join(' ') : null;
+  }
+
+  function handleText(stream, state) {
+    if (stream.match(textRE, true)) {
+      return getType(state);
+    }
+    return undefined;
+  }
+
+  function inlineNormal(stream, state) {
+    var style = state.text(stream, state);
+    if (typeof style !== 'undefined')
+      return style;
+
+    if (state.list) { // List marker (*, +, -, 1., etc)
+      state.list = null;
+      return getType(state);
+    }
+
+    if (state.taskList) {
+      var taskOpen = stream.match(taskListRE, true)[1] !== "x";
+      if (taskOpen) state.taskOpen = true;
+      else state.taskClosed = true;
+      state.taskList = false;
+      return getType(state);
+    }
+
+    state.taskOpen = false;
+    state.taskClosed = false;
+
+    // Get sol() value now, before character is consumed
+    var sol = stream.sol();
+
+    var ch = stream.next();
+
+    if (ch === '\\') {
+      stream.next();
+      return getType(state);
+    }
+
+    // Matches link titles present on next line
+    if (state.linkTitle) {
+      state.linkTitle = false;
+      var matchCh = ch;
+      if (ch === '(') {
+        matchCh = ')';
+      }
+      matchCh = (matchCh+'').replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
+      var regex = '^\\s*(?:[^' + matchCh + '\\\\]+|\\\\\\\\|\\\\.)' + matchCh;
+      if (stream.match(new RegExp(regex), true)) {
+        return linkhref;
+      }
+    }
+
+    // If this block is changed, it may need to be updated in GFM mode
+    if (ch === '`') {
+      var t = getType(state);
+      var before = stream.pos;
+      stream.eatWhile('`');
+      var difference = 1 + stream.pos - before;
+      if (!state.code) {
+        codeDepth = difference;
+        state.code = true;
+        return getType(state);
+      } else {
+        if (difference === codeDepth) { // Must be exact
+          state.code = false;
+          return t;
+        }
+        return getType(state);
+      }
+    } else if (state.code) {
+      return getType(state);
+    }
+
+    if (ch === '!' && stream.match(/\[[^\]]*\] ?(?:\(|\[)/, false)) {
+      stream.match(/\[[^\]]*\]/);
+      state.inline = state.f = linkHref;
+      return image;
+    }
+
+    if (ch === '[' && stream.match(/.*\](\(| ?\[)/, false)) {
+      state.linkText = true;
+      return getType(state);
+    }
+
+    if (ch === ']' && state.linkText) {
+      var type = getType(state);
+      state.linkText = false;
+      state.inline = state.f = linkHref;
+      return type;
+    }
+
+    if (ch === '<' && stream.match(/^(https?|ftps?):\/\/(?:[^\\>]|\\.)+>/, false)) {
+      return switchInline(stream, state, inlineElement(linkinline, '>'));
+    }
+
+    if (ch === '<' && stream.match(/^[^> \\]+@(?:[^\\>]|\\.)+>/, false)) {
+      return switchInline(stream, state, inlineElement(linkemail, '>'));
+    }
+
+    if (ch === '<' && stream.match(/^\w/, false)) {
+      if (stream.string.indexOf(">")!=-1) {
+        var atts = stream.string.substring(1,stream.string.indexOf(">"));
+        if (/markdown\s*=\s*('|"){0,1}1('|"){0,1}/.test(atts)) {
+          state.md_inside = true;
+        }
+      }
+      stream.backUp(1);
+      return switchBlock(stream, state, htmlBlock);
+    }
+
+    if (ch === '<' && stream.match(/^\/\w*?>/)) {
+      state.md_inside = false;
+      return "tag";
+    }
+
+    var ignoreUnderscore = false;
+    if (!modeCfg.underscoresBreakWords) {
+      if (ch === '_' && stream.peek() !== '_' && stream.match(/(\w)/, false)) {
+        var prevPos = stream.pos - 2;
+        if (prevPos >= 0) {
+          var prevCh = stream.string.charAt(prevPos);
+          if (prevCh !== '_' && prevCh.match(/(\w)/, false)) {
+            ignoreUnderscore = true;
+          }
+        }
+      }
+    }
+    var t = getType(state);
+    if (ch === '*' || (ch === '_' && !ignoreUnderscore)) {
+      if (sol && stream.peek() === ' ') {
+        // Do nothing, surrounded by newline and space
+      } else if (state.strong === ch && stream.eat(ch)) { // Remove STRONG
+        state.strong = false;
+        return t;
+      } else if (!state.strong && stream.eat(ch)) { // Add STRONG
+        state.strong = ch;
+        return getType(state);
+      } else if (state.em === ch) { // Remove EM
+        state.em = false;
+        return t;
+      } else if (!state.em) { // Add EM
+        state.em = ch;
+        return getType(state);
+      }
+    } else if (ch === ' ') {
+      if (stream.eat('*') || stream.eat('_')) { // Probably surrounded by spaces
+        if (stream.peek() === ' ') { // Surrounded by spaces, ignore
+          return getType(state);
+        } else { // Not surrounded by spaces, back up pointer
+          stream.backUp(1);
+        }
+      }
+    }
+
+    if (ch === ' ') {
+      if (stream.match(/ +$/, false)) {
+        state.trailingSpace++;
+      } else if (state.trailingSpace) {
+        state.trailingSpaceNewLine = true;
+      }
+    }
+
+    return getType(state);
+  }
+
+  function linkHref(stream, state) {
+    // Check if space, and return NULL if so (to avoid marking the space)
+    if(stream.eatSpace()){
+      return null;
+    }
+    var ch = stream.next();
+    if (ch === '(' || ch === '[') {
+      return switchInline(stream, state, inlineElement(linkhref, ch === '(' ? ')' : ']'));
+    }
+    return 'error';
+  }
+
+  function footnoteLink(stream, state) {
+    if (stream.match(/^[^\]]*\]:/, true)) {
+      state.f = footnoteUrl;
+      return linktext;
+    }
+    return switchInline(stream, state, inlineNormal);
+  }
+
+  function footnoteUrl(stream, state) {
+    // Check if space, and return NULL if so (to avoid marking the space)
+    if(stream.eatSpace()){
+      return null;
+    }
+    // Match URL
+    stream.match(/^[^\s]+/, true);
+    // Check for link title
+    if (stream.peek() === undefined) { // End of line, set flag to check next line
+      state.linkTitle = true;
+    } else { // More content on line, check if link title
+      stream.match(/^(?:\s+(?:"(?:[^"\\]|\\\\|\\.)+"|'(?:[^'\\]|\\\\|\\.)+'|\((?:[^)\\]|\\\\|\\.)+\)))?/, true);
+    }
+    state.f = state.inline = inlineNormal;
+    return linkhref;
+  }
+
+  var savedInlineRE = [];
+  function inlineRE(endChar) {
+    if (!savedInlineRE[endChar]) {
+      // Escape endChar for RegExp (taken from http://stackoverflow.com/a/494122/526741)
+      endChar = (endChar+'').replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
+      // Match any non-endChar, escaped character, as well as the closing
+      // endChar.
+      savedInlineRE[endChar] = new RegExp('^(?:[^\\\\]|\\\\.)*?(' + endChar + ')');
+    }
+    return savedInlineRE[endChar];
+  }
+
+  function inlineElement(type, endChar, next) {
+    next = next || inlineNormal;
+    return function(stream, state) {
+      stream.match(inlineRE(endChar));
+      state.inline = state.f = next;
+      return type;
+    };
+  }
+
+  return {
+    startState: function() {
+      return {
+        f: blockNormal,
+
+        prevLineHasContent: false,
+        thisLineHasContent: false,
+
+        block: blockNormal,
+        htmlState: CodeMirror.startState(htmlMode),
+        indentation: 0,
+
+        inline: inlineNormal,
+        text: handleText,
+
+        linkText: false,
+        linkTitle: false,
+        em: false,
+        strong: false,
+        header: 0,
+        taskList: false,
+        list: false,
+        listDepth: 0,
+        quote: 0,
+        trailingSpace: 0,
+        trailingSpaceNewLine: false
+      };
+    },
+
+    copyState: function(s) {
+      return {
+        f: s.f,
+
+        prevLineHasContent: s.prevLineHasContent,
+        thisLineHasContent: s.thisLineHasContent,
+
+        block: s.block,
+        htmlState: CodeMirror.copyState(htmlMode, s.htmlState),
+        indentation: s.indentation,
+
+        localMode: s.localMode,
+        localState: s.localMode ? CodeMirror.copyState(s.localMode, s.localState) : null,
+
+        inline: s.inline,
+        text: s.text,
+        linkTitle: s.linkTitle,
+        em: s.em,
+        strong: s.strong,
+        header: s.header,
+        taskList: s.taskList,
+        list: s.list,
+        listDepth: s.listDepth,
+        quote: s.quote,
+        trailingSpace: s.trailingSpace,
+        trailingSpaceNewLine: s.trailingSpaceNewLine,
+        md_inside: s.md_inside
+      };
+    },
+
+    token: function(stream, state) {
+      if (stream.sol()) {
+        if (stream.match(/^\s*$/, true)) {
+          state.prevLineHasContent = false;
+          return blankLine(state);
+        } else {
+          state.prevLineHasContent = state.thisLineHasContent;
+          state.thisLineHasContent = true;
+        }
+
+        // Reset state.header
+        state.header = 0;
+
+        // Reset state.taskList
+        state.taskList = false;
+
+        // Reset state.code
+        state.code = false;
+
+        // Reset state.trailingSpace
+        state.trailingSpace = 0;
+        state.trailingSpaceNewLine = false;
+
+        state.f = state.block;
+        var indentation = stream.match(/^\s*/, true)[0].replace(/\t/g, '    ').length;
+        var difference = Math.floor((indentation - state.indentation) / 4) * 4;
+        if (difference > 4) difference = 4;
+        var adjustedIndentation = state.indentation + difference;
+        state.indentationDiff = adjustedIndentation - state.indentation;
+        state.indentation = adjustedIndentation;
+        if (indentation > 0) return null;
+      }
+      return state.f(stream, state);
+    },
+
+    blankLine: blankLine,
+
+    getType: getType
+  };
+
+}, "xml");
+
+CodeMirror.defineMIME("text/x-markdown", "markdown");
diff --git a/src/main/webapp/codemirror/mode/markdown/test.js b/src/main/webapp/codemirror/mode/markdown/test.js
new file mode 100644
index 00000000..6bf40065
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/markdown/test.js
@@ -0,0 +1,664 @@
+(function() {
+  var mode = CodeMirror.getMode({tabSize: 4}, "markdown");
+  function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1)); }
+
+  MT("plainText",
+     "foo");
+
+  // Don't style single trailing space
+  MT("trailingSpace1",
+     "foo ");
+
+  // Two or more trailing spaces should be styled with line break character
+  MT("trailingSpace2",
+     "foo[trailing-space-a  ][trailing-space-new-line  ]");
+
+  MT("trailingSpace3",
+     "foo[trailing-space-a  ][trailing-space-b  ][trailing-space-new-line  ]");
+
+  MT("trailingSpace4",
+     "foo[trailing-space-a  ][trailing-space-b  ][trailing-space-a  ][trailing-space-new-line  ]");
+
+  // Code blocks using 4 spaces (regardless of CodeMirror.tabSize value)
+  MT("codeBlocksUsing4Spaces",
+     "    [comment foo]");
+
+  // Code blocks using 4 spaces with internal indentation
+  MT("codeBlocksUsing4SpacesIndentation",
+     "    [comment bar]",
+     "        [comment hello]",
+     "            [comment world]",
+     "    [comment foo]",
+     "bar");
+
+  // Code blocks using 4 spaces with internal indentation
+  MT("codeBlocksUsing4SpacesIndentation",
+     " foo",
+     "    [comment bar]",
+     "        [comment hello]",
+     "    [comment world]");
+
+  // Code blocks using 1 tab (regardless of CodeMirror.indentWithTabs value)
+  MT("codeBlocksUsing1Tab",
+     "\t[comment foo]");
+
+  // Inline code using backticks
+  MT("inlineCodeUsingBackticks",
+     "foo [comment `bar`]");
+
+  // Block code using single backtick (shouldn't work)
+  MT("blockCodeSingleBacktick",
+     "[comment `]",
+     "foo",
+     "[comment `]");
+
+  // Unclosed backticks
+  // Instead of simply marking as CODE, it would be nice to have an
+  // incomplete flag for CODE, that is styled slightly different.
+  MT("unclosedBackticks",
+     "foo [comment `bar]");
+
+  // Per documentation: "To include a literal backtick character within a
+  // code span, you can use multiple backticks as the opening and closing
+  // delimiters"
+  MT("doubleBackticks",
+     "[comment ``foo ` bar``]");
+
+  // Tests based on Dingus
+  // http://daringfireball.net/projects/markdown/dingus
+  //
+  // Multiple backticks within an inline code block
+  MT("consecutiveBackticks",
+     "[comment `foo```bar`]");
+
+  // Multiple backticks within an inline code block with a second code block
+  MT("consecutiveBackticks",
+     "[comment `foo```bar`] hello [comment `world`]");
+
+  // Unclosed with several different groups of backticks
+  MT("unclosedBackticks",
+     "[comment ``foo ``` bar` hello]");
+
+  // Closed with several different groups of backticks
+  MT("closedBackticks",
+     "[comment ``foo ``` bar` hello``] world");
+
+  // atx headers
+  // http://daringfireball.net/projects/markdown/syntax#header
+
+  MT("atxH1",
+     "[header&header1 # foo]");
+
+  MT("atxH2",
+     "[header&header2 ## foo]");
+
+  MT("atxH3",
+     "[header&header3 ### foo]");
+
+  MT("atxH4",
+     "[header&header4 #### foo]");
+
+  MT("atxH5",
+     "[header&header5 ##### foo]");
+
+  MT("atxH6",
+     "[header&header6 ###### foo]");
+
+  // H6 - 7x '#' should still be H6, per Dingus
+  // http://daringfireball.net/projects/markdown/dingus
+  MT("atxH6NotH7",
+     "[header&header6 ####### foo]");
+
+  // Inline styles should be parsed inside headers
+  MT("atxH1inline",
+     "[header&header1 # foo ][header&header1&em *bar*]");
+
+  // Setext headers - H1, H2
+  // Per documentation, "Any number of underlining =’s or -’s will work."
+  // http://daringfireball.net/projects/markdown/syntax#header
+  // Ideally, the text would be marked as `header` as well, but this is
+  // not really feasible at the moment. So, instead, we're testing against
+  // what works today, to avoid any regressions.
+  //
+  // Check if single underlining = works
+  MT("setextH1",
+     "foo",
+     "[header&header1 =]");
+
+  // Check if 3+ ='s work
+  MT("setextH1",
+     "foo",
+     "[header&header1 ===]");
+
+  // Check if single underlining - works
+  MT("setextH2",
+     "foo",
+     "[header&header2 -]");
+
+  // Check if 3+ -'s work
+  MT("setextH2",
+     "foo",
+     "[header&header2 ---]");
+
+  // Single-line blockquote with trailing space
+  MT("blockquoteSpace",
+     "[atom > foo]");
+
+  // Single-line blockquote
+  MT("blockquoteNoSpace",
+     "[atom >foo]");
+
+  // No blank line before blockquote
+  MT("blockquoteNoBlankLine",
+     "foo",
+     "[atom > bar]");
+
+  // Nested blockquote
+  MT("blockquoteSpace",
+     "[atom > foo]",
+     "[number > > foo]",
+     "[atom > > > foo]");
+
+  // Single-line blockquote followed by normal paragraph
+  MT("blockquoteThenParagraph",
+     "[atom >foo]",
+     "",
+     "bar");
+
+  // Multi-line blockquote (lazy mode)
+  MT("multiBlockquoteLazy",
+     "[atom >foo]",
+     "[atom bar]");
+
+  // Multi-line blockquote followed by normal paragraph (lazy mode)
+  MT("multiBlockquoteLazyThenParagraph",
+     "[atom >foo]",
+     "[atom bar]",
+     "",
+     "hello");
+
+  // Multi-line blockquote (non-lazy mode)
+  MT("multiBlockquote",
+     "[atom >foo]",
+     "[atom >bar]");
+
+  // Multi-line blockquote followed by normal paragraph (non-lazy mode)
+  MT("multiBlockquoteThenParagraph",
+     "[atom >foo]",
+     "[atom >bar]",
+     "",
+     "hello");
+
+  // Check list types
+
+  MT("listAsterisk",
+     "foo",
+     "bar",
+     "",
+     "[variable-2 * foo]",
+     "[variable-2 * bar]");
+
+  MT("listPlus",
+     "foo",
+     "bar",
+     "",
+     "[variable-2 + foo]",
+     "[variable-2 + bar]");
+
+  MT("listDash",
+     "foo",
+     "bar",
+     "",
+     "[variable-2 - foo]",
+     "[variable-2 - bar]");
+
+  MT("listNumber",
+     "foo",
+     "bar",
+     "",
+     "[variable-2 1. foo]",
+     "[variable-2 2. bar]");
+
+  // Lists require a preceding blank line (per Dingus)
+  MT("listBogus",
+     "foo",
+     "1. bar",
+     "2. hello");
+
+  // Formatting in lists (*)
+  MT("listAsteriskFormatting",
+     "[variable-2 * ][variable-2&em *foo*][variable-2  bar]",
+     "[variable-2 * ][variable-2&strong **foo**][variable-2  bar]",
+     "[variable-2 * ][variable-2&strong **][variable-2&em&strong *foo**][variable-2&em *][variable-2  bar]",
+     "[variable-2 * ][variable-2&comment `foo`][variable-2  bar]");
+
+  // Formatting in lists (+)
+  MT("listPlusFormatting",
+     "[variable-2 + ][variable-2&em *foo*][variable-2  bar]",
+     "[variable-2 + ][variable-2&strong **foo**][variable-2  bar]",
+     "[variable-2 + ][variable-2&strong **][variable-2&em&strong *foo**][variable-2&em *][variable-2  bar]",
+     "[variable-2 + ][variable-2&comment `foo`][variable-2  bar]");
+
+  // Formatting in lists (-)
+  MT("listDashFormatting",
+     "[variable-2 - ][variable-2&em *foo*][variable-2  bar]",
+     "[variable-2 - ][variable-2&strong **foo**][variable-2  bar]",
+     "[variable-2 - ][variable-2&strong **][variable-2&em&strong *foo**][variable-2&em *][variable-2  bar]",
+     "[variable-2 - ][variable-2&comment `foo`][variable-2  bar]");
+
+  // Formatting in lists (1.)
+  MT("listNumberFormatting",
+     "[variable-2 1. ][variable-2&em *foo*][variable-2  bar]",
+     "[variable-2 2. ][variable-2&strong **foo**][variable-2  bar]",
+     "[variable-2 3. ][variable-2&strong **][variable-2&em&strong *foo**][variable-2&em *][variable-2  bar]",
+     "[variable-2 4. ][variable-2&comment `foo`][variable-2  bar]");
+
+  // Paragraph lists
+  MT("listParagraph",
+     "[variable-2 * foo]",
+     "",
+     "[variable-2 * bar]");
+
+  // Multi-paragraph lists
+  //
+  // 4 spaces
+  MT("listMultiParagraph",
+     "[variable-2 * foo]",
+     "",
+     "[variable-2 * bar]",
+     "",
+     "    [variable-2 hello]");
+
+  // 4 spaces, extra blank lines (should still be list, per Dingus)
+  MT("listMultiParagraphExtra",
+     "[variable-2 * foo]",
+     "",
+     "[variable-2 * bar]",
+     "",
+     "",
+     "    [variable-2 hello]");
+
+  // 4 spaces, plus 1 space (should still be list, per Dingus)
+  MT("listMultiParagraphExtraSpace",
+     "[variable-2 * foo]",
+     "",
+     "[variable-2 * bar]",
+     "",
+     "     [variable-2 hello]",
+     "",
+     "    [variable-2 world]");
+
+  // 1 tab
+  MT("listTab",
+     "[variable-2 * foo]",
+     "",
+     "[variable-2 * bar]",
+     "",
+     "\t[variable-2 hello]");
+
+  // No indent
+  MT("listNoIndent",
+     "[variable-2 * foo]",
+     "",
+     "[variable-2 * bar]",
+     "",
+     "hello");
+
+  // Blockquote
+  MT("blockquote",
+     "[variable-2 * foo]",
+     "",
+     "[variable-2 * bar]",
+     "",
+     "    [variable-2&atom > hello]");
+
+  // Code block
+  MT("blockquoteCode",
+     "[variable-2 * foo]",
+     "",
+     "[variable-2 * bar]",
+     "",
+     "        [comment > hello]",
+     "",
+     "    [variable-2 world]");
+
+  // Code block followed by text
+  MT("blockquoteCodeText",
+     "[variable-2 * foo]",
+     "",
+     "    [variable-2 bar]",
+     "",
+     "        [comment hello]",
+     "",
+     "    [variable-2 world]");
+
+  // Nested list
+
+  MT("listAsteriskNested",
+     "[variable-2 * foo]",
+     "",
+     "    [variable-3 * bar]");
+
+  MT("listPlusNested",
+     "[variable-2 + foo]",
+     "",
+     "    [variable-3 + bar]");
+
+  MT("listDashNested",
+     "[variable-2 - foo]",
+     "",
+     "    [variable-3 - bar]");
+
+  MT("listNumberNested",
+     "[variable-2 1. foo]",
+     "",
+     "    [variable-3 2. bar]");
+
+  MT("listMixed",
+     "[variable-2 * foo]",
+     "",
+     "    [variable-3 + bar]",
+     "",
+     "        [keyword - hello]",
+     "",
+     "            [variable-2 1. world]");
+
+  MT("listBlockquote",
+     "[variable-2 * foo]",
+     "",
+     "    [variable-3 + bar]",
+     "",
+     "        [atom&variable-3 > hello]");
+
+  MT("listCode",
+     "[variable-2 * foo]",
+     "",
+     "    [variable-3 + bar]",
+     "",
+     "            [comment hello]");
+
+  // Code with internal indentation
+  MT("listCodeIndentation",
+     "[variable-2 * foo]",
+     "",
+     "        [comment bar]",
+     "            [comment hello]",
+     "                [comment world]",
+     "        [comment foo]",
+     "    [variable-2 bar]");
+
+  // List nesting edge cases
+  MT("listNested",
+    "[variable-2 * foo]",
+    "",
+    "    [variable-3 * bar]",
+    "",
+    "       [variable-2 hello]"
+  );
+  MT("listNested",
+    "[variable-2 * foo]",
+    "",
+    "    [variable-3 * bar]",
+    "",
+    "      [variable-3 * foo]"
+  );
+
+  // Code followed by text
+  MT("listCodeText",
+     "[variable-2 * foo]",
+     "",
+     "        [comment bar]",
+     "",
+     "hello");
+
+  // Following tests directly from official Markdown documentation
+  // http://daringfireball.net/projects/markdown/syntax#hr
+
+  MT("hrSpace",
+     "[hr * * *]");
+
+  MT("hr",
+     "[hr ***]");
+
+  MT("hrLong",
+     "[hr *****]");
+
+  MT("hrSpaceDash",
+     "[hr - - -]");
+
+  MT("hrDashLong",
+     "[hr ---------------------------------------]");
+
+  // Inline link with title
+  MT("linkTitle",
+     "[link [[foo]]][string (http://example.com/ \"bar\")] hello");
+
+  // Inline link without title
+  MT("linkNoTitle",
+     "[link [[foo]]][string (http://example.com/)] bar");
+
+  // Inline link with image
+  MT("linkImage",
+     "[link [[][tag ![[foo]]][string (http://example.com/)][link ]]][string (http://example.com/)] bar");
+
+  // Inline link with Em
+  MT("linkEm",
+     "[link [[][link&em *foo*][link ]]][string (http://example.com/)] bar");
+
+  // Inline link with Strong
+  MT("linkStrong",
+     "[link [[][link&strong **foo**][link ]]][string (http://example.com/)] bar");
+
+  // Inline link with EmStrong
+  MT("linkEmStrong",
+     "[link [[][link&strong **][link&em&strong *foo**][link&em *][link ]]][string (http://example.com/)] bar");
+
+  // Image with title
+  MT("imageTitle",
+     "[tag ![[foo]]][string (http://example.com/ \"bar\")] hello");
+
+  // Image without title
+  MT("imageNoTitle",
+     "[tag ![[foo]]][string (http://example.com/)] bar");
+
+  // Image with asterisks
+  MT("imageAsterisks",
+     "[tag ![[*foo*]]][string (http://example.com/)] bar");
+
+  // Not a link. Should be normal text due to square brackets being used
+  // regularly in text, especially in quoted material, and no space is allowed
+  // between square brackets and parentheses (per Dingus).
+  MT("notALink",
+     "[[foo]] (bar)");
+
+  // Reference-style links
+  MT("linkReference",
+     "[link [[foo]]][string [[bar]]] hello");
+
+  // Reference-style links with Em
+  MT("linkReferenceEm",
+     "[link [[][link&em *foo*][link ]]][string [[bar]]] hello");
+
+  // Reference-style links with Strong
+  MT("linkReferenceStrong",
+     "[link [[][link&strong **foo**][link ]]][string [[bar]]] hello");
+
+  // Reference-style links with EmStrong
+  MT("linkReferenceEmStrong",
+     "[link [[][link&strong **][link&em&strong *foo**][link&em *][link ]]][string [[bar]]] hello");
+
+  // Reference-style links with optional space separator (per docuentation)
+  // "You can optionally use a space to separate the sets of brackets"
+  MT("linkReferenceSpace",
+     "[link [[foo]]] [string [[bar]]] hello");
+
+  // Should only allow a single space ("...use *a* space...")
+  MT("linkReferenceDoubleSpace",
+     "[[foo]]  [[bar]] hello");
+
+  // Reference-style links with implicit link name
+  MT("linkImplicit",
+     "[link [[foo]]][string [[]]] hello");
+
+  // @todo It would be nice if, at some point, the document was actually
+  // checked to see if the referenced link exists
+
+  // Link label, for reference-style links (taken from documentation)
+
+  MT("labelNoTitle",
+     "[link [[foo]]:] [string http://example.com/]");
+
+  MT("labelIndented",
+     "   [link [[foo]]:] [string http://example.com/]");
+
+  MT("labelSpaceTitle",
+     "[link [[foo bar]]:] [string http://example.com/ \"hello\"]");
+
+  MT("labelDoubleTitle",
+     "[link [[foo bar]]:] [string http://example.com/ \"hello\"] \"world\"");
+
+  MT("labelTitleDoubleQuotes",
+     "[link [[foo]]:] [string http://example.com/  \"bar\"]");
+
+  MT("labelTitleSingleQuotes",
+     "[link [[foo]]:] [string http://example.com/  'bar']");
+
+  MT("labelTitleParenthese",
+     "[link [[foo]]:] [string http://example.com/  (bar)]");
+
+  MT("labelTitleInvalid",
+     "[link [[foo]]:] [string http://example.com/] bar");
+
+  MT("labelLinkAngleBrackets",
+     "[link [[foo]]:] [string <http://example.com/>  \"bar\"]");
+
+  MT("labelTitleNextDoubleQuotes",
+     "[link [[foo]]:] [string http://example.com/]",
+     "[string \"bar\"] hello");
+
+  MT("labelTitleNextSingleQuotes",
+     "[link [[foo]]:] [string http://example.com/]",
+     "[string 'bar'] hello");
+
+  MT("labelTitleNextParenthese",
+     "[link [[foo]]:] [string http://example.com/]",
+     "[string (bar)] hello");
+
+  MT("labelTitleNextMixed",
+     "[link [[foo]]:] [string http://example.com/]",
+     "(bar\" hello");
+
+  MT("linkWeb",
+     "[link <http://example.com/>] foo");
+
+  MT("linkWebDouble",
+     "[link <http://example.com/>] foo [link <http://example.com/>]");
+
+  MT("linkEmail",
+     "[link <user@example.com>] foo");
+
+  MT("linkEmailDouble",
+     "[link <user@example.com>] foo [link <user@example.com>]");
+
+  MT("emAsterisk",
+     "[em *foo*] bar");
+
+  MT("emUnderscore",
+     "[em _foo_] bar");
+
+  MT("emInWordAsterisk",
+     "foo[em *bar*]hello");
+
+  MT("emInWordUnderscore",
+     "foo[em _bar_]hello");
+
+  // Per documentation: "...surround an * or _ with spaces, it’ll be
+  // treated as a literal asterisk or underscore."
+
+  MT("emEscapedBySpaceIn",
+     "foo [em _bar _ hello_] world");
+
+  MT("emEscapedBySpaceOut",
+     "foo _ bar[em _hello_]world");
+
+  MT("emEscapedByNewline",
+     "foo",
+     "_ bar[em _hello_]world");
+
+  // Unclosed emphasis characters
+  // Instead of simply marking as EM / STRONG, it would be nice to have an
+  // incomplete flag for EM and STRONG, that is styled slightly different.
+  MT("emIncompleteAsterisk",
+     "foo [em *bar]");
+
+  MT("emIncompleteUnderscore",
+     "foo [em _bar]");
+
+  MT("strongAsterisk",
+     "[strong **foo**] bar");
+
+  MT("strongUnderscore",
+     "[strong __foo__] bar");
+
+  MT("emStrongAsterisk",
+     "[em *foo][em&strong **bar*][strong hello**] world");
+
+  MT("emStrongUnderscore",
+     "[em _foo][em&strong __bar_][strong hello__] world");
+
+  // "...same character must be used to open and close an emphasis span.""
+  MT("emStrongMixed",
+     "[em _foo][em&strong **bar*hello__ world]");
+
+  MT("emStrongMixed",
+     "[em *foo][em&strong __bar_hello** world]");
+
+  // These characters should be escaped:
+  // \   backslash
+  // `   backtick
+  // *   asterisk
+  // _   underscore
+  // {}  curly braces
+  // []  square brackets
+  // ()  parentheses
+  // #   hash mark
+  // +   plus sign
+  // -   minus sign (hyphen)
+  // .   dot
+  // !   exclamation mark
+
+  MT("escapeBacktick",
+     "foo \\`bar\\`");
+
+  MT("doubleEscapeBacktick",
+     "foo \\\\[comment `bar\\\\`]");
+
+  MT("escapeAsterisk",
+     "foo \\*bar\\*");
+
+  MT("doubleEscapeAsterisk",
+     "foo \\\\[em *bar\\\\*]");
+
+  MT("escapeUnderscore",
+     "foo \\_bar\\_");
+
+  MT("doubleEscapeUnderscore",
+     "foo \\\\[em _bar\\\\_]");
+
+  MT("escapeHash",
+     "\\# foo");
+
+  MT("doubleEscapeHash",
+     "\\\\# foo");
+
+
+  // Tests to make sure GFM-specific things aren't getting through
+
+  MT("taskList",
+     "[variable-2 * [ ]] bar]");
+
+  MT("fencedCodeBlocks",
+     "[comment ```]",
+     "foo",
+     "[comment ```]");
+})();
diff --git a/src/main/webapp/codemirror/mode/meta.js b/src/main/webapp/codemirror/mode/meta.js
new file mode 100644
index 00000000..226cff12
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/meta.js
@@ -0,0 +1,91 @@
+CodeMirror.modeInfo = [
+  {name: 'APL', mime: 'text/apl', mode: 'apl'},
+  {name: 'Asterisk', mime: 'text/x-asterisk', mode: 'asterisk'},
+  {name: 'C', mime: 'text/x-csrc', mode: 'clike'},
+  {name: 'C++', mime: 'text/x-c++src', mode: 'clike'},
+  {name: 'Cobol', mime: 'text/x-cobol', mode: 'cobol'},
+  {name: 'Java', mime: 'text/x-java', mode: 'clike'},
+  {name: 'C#', mime: 'text/x-csharp', mode: 'clike'},
+  {name: 'Scala', mime: 'text/x-scala', mode: 'clike'},
+  {name: 'Clojure', mime: 'text/x-clojure', mode: 'clojure'},
+  {name: 'CoffeeScript', mime: 'text/x-coffeescript', mode: 'coffeescript'},
+  {name: 'Common Lisp', mime: 'text/x-common-lisp', mode: 'commonlisp'},
+  {name: 'CSS', mime: 'text/css', mode: 'css'},
+  {name: 'D', mime: 'text/x-d', mode: 'd'},
+  {name: 'diff', mime: 'text/x-diff', mode: 'diff'},
+  {name: 'DTD', mime: 'application/xml-dtd', mode: 'dtd'},
+  {name: 'ECL', mime: 'text/x-ecl', mode: 'ecl'},
+  {name: 'Eiffel', mime: 'text/x-eiffel', mode: 'eiffel'},
+  {name: 'Erlang', mime: 'text/x-erlang', mode: 'erlang'},
+  {name: 'Fortran', mime: 'text/x-fortran', mode: 'fortran'},
+  {name: 'Gas', mime: 'text/x-gas', mode: 'gas'},
+  {name: 'Gherkin', mime: 'text/x-feature', mode: 'gherkin'},
+  {name: 'GitHub Flavored Markdown', mime: 'text/x-gfm', mode: 'gfm'},
+  {name: 'Go', mime: 'text/x-go', mode: 'go'},
+  {name: 'Groovy', mime: 'text/x-groovy', mode: 'groovy'},
+  {name: 'HAML', mime: 'text/x-haml', mode: 'haml'},
+  {name: 'Haskell', mime: 'text/x-haskell', mode: 'haskell'},
+  {name: 'Haxe', mime: 'text/x-haxe', mode: 'haxe'},
+  {name: 'ASP.NET', mime: 'application/x-aspx', mode: 'htmlembedded'},
+  {name: 'Embedded Javascript', mime: 'application/x-ejs', mode: 'htmlembedded'},
+  {name: 'JavaServer Pages', mime: 'application/x-jsp', mode: 'htmlembedded'},
+  {name: 'HTML', mime: 'text/html', mode: 'htmlmixed'},
+  {name: 'HTTP', mime: 'message/http', mode: 'http'},
+  {name: 'Jade', mime: 'text/x-jade', mode: 'jade'},
+  {name: 'JavaScript', mime: 'text/javascript', mode: 'javascript'},
+  {name: 'JSON', mime: 'application/x-json', mode: 'javascript'},
+  {name: 'JSON', mime: 'application/json', mode: 'javascript'},
+  {name: 'TypeScript', mime: 'application/typescript', mode: 'javascript'},
+  {name: 'Jinja2', mime: null, mode: 'jinja2'},
+  {name: 'Julia', mime: 'text/x-julia', mode: 'julia'},
+  {name: 'LESS', mime: 'text/x-less', mode: 'less'},
+  {name: 'LiveScript', mime: 'text/x-livescript', mode: 'livescript'},
+  {name: 'Lua', mime: 'text/x-lua', mode: 'lua'},
+  {name: 'Markdown (GitHub-flavour)', mime: 'text/x-markdown', mode: 'markdown'},
+  {name: 'mIRC', mime: 'text/mirc', mode: 'mirc'},
+  {name: 'Nginx', mime: 'text/x-nginx-conf', mode: 'nginx'},
+  {name: 'NTriples', mime: 'text/n-triples', mode: 'ntriples'},
+  {name: 'OCaml', mime: 'text/x-ocaml', mode: 'ocaml'},
+  {name: 'Octave', mime: 'text/x-octave', mode: 'octave'},
+  {name: 'Pascal', mime: 'text/x-pascal', mode: 'pascal'},
+  {name: 'PEG.js', mime: null, mode: 'pegjs'},
+  {name: 'Perl', mime: 'text/x-perl', mode: 'perl'},
+  {name: 'PHP', mime: 'text/x-php', mode: 'php'},
+  {name: 'PHP(HTML)', mime: 'application/x-httpd-php', mode: 'php'},
+  {name: 'Pig', mime: 'text/x-pig', mode: 'pig'},
+  {name: 'Plain Text', mime: 'text/plain', mode: 'null'},
+  {name: 'Properties files', mime: 'text/x-properties', mode: 'properties'},
+  {name: 'Python', mime: 'text/x-python', mode: 'python'},
+  {name: 'Cython', mime: 'text/x-cython', mode: 'python'},
+  {name: 'R', mime: 'text/x-rsrc', mode: 'r'},
+  {name: 'reStructuredText', mime: 'text/x-rst', mode: 'rst'},
+  {name: 'Ruby', mime: 'text/x-ruby', mode: 'ruby'},
+  {name: 'Rust', mime: 'text/x-rustsrc', mode: 'rust'},
+  {name: 'Sass', mime: 'text/x-sass', mode: 'sass'},
+  {name: 'Scheme', mime: 'text/x-scheme', mode: 'scheme'},
+  {name: 'SCSS', mime: 'text/x-scss', mode: 'css'},
+  {name: 'Shell', mime: 'text/x-sh', mode: 'shell'},
+  {name: 'Sieve', mime: 'application/sieve', mode: 'sieve'},
+  {name: 'Smalltalk', mime: 'text/x-stsrc', mode: 'smalltalk'},
+  {name: 'Smarty', mime: 'text/x-smarty', mode: 'smarty'},
+  {name: 'SmartyMixed', mime: 'text/x-smarty', mode: 'smartymixed'},
+  {name: 'SPARQL', mime: 'application/x-sparql-query', mode: 'sparql'},
+  {name: 'SQL', mime: 'text/x-sql', mode: 'sql'},
+  {name: 'MariaDB', mime: 'text/x-mariadb', mode: 'sql'},
+  {name: 'sTeX', mime: 'text/x-stex', mode: 'stex'},
+  {name: 'LaTeX', mime: 'text/x-latex', mode: 'stex'},
+  {name: 'Tcl', mime: 'text/x-tcl', mode: 'tcl'},
+  {name: 'TiddlyWiki ', mime: 'text/x-tiddlywiki', mode: 'tiddlywiki'},
+  {name: 'Tiki wiki', mime: 'text/tiki', mode: 'tiki'},
+  {name: 'TOML', mime: 'text/x-toml', mode: 'toml'},
+  {name: 'Turtle', mime: 'text/turtle', mode: 'turtle'},
+  {name: 'VB.NET', mime: 'text/x-vb', mode: 'vb'},
+  {name: 'VBScript', mime: 'text/vbscript', mode: 'vbscript'},
+  {name: 'Velocity', mime: 'text/velocity', mode: 'velocity'},
+  {name: 'Verilog', mime: 'text/x-verilog', mode: 'verilog'},
+  {name: 'XML', mime: 'application/xml', mode: 'xml'},
+  {name: 'HTML', mime: 'text/html', mode: 'xml'},
+  {name: 'XQuery', mime: 'application/xquery', mode: 'xquery'},
+  {name: 'YAML', mime: 'text/x-yaml', mode: 'yaml'},
+  {name: 'Z80', mime: 'text/x-z80', mode: 'z80'}
+];
diff --git a/src/main/webapp/codemirror/mode/mirc/index.html b/src/main/webapp/codemirror/mode/mirc/index.html
new file mode 100644
index 00000000..dbd7a06d
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/mirc/index.html
@@ -0,0 +1,161 @@
+<!doctype html>
+
+<title>CodeMirror: mIRC mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/twilight.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="mirc.js"></script>
+<style>.CodeMirror {border: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">mIRC</a>
+  </ul>
+</div>
+
+<article>
+<h2>mIRC mode</h2>
+<form><textarea id="code" name="code">
+;AKA Nick Tracker by Ford_Lawnmower irc.GeekShed.net #Script-Help
+;*****************************************************************************;
+;**Start Setup
+;Change JoinDisplay, below, for On Join AKA Display. On = 1 - Off = 0
+alias -l JoinDisplay { return 1 }
+;Change MaxNicks, below, to the number of nicknames you want to store for each hostmask. I wouldn't go over 400 with this ;/
+alias -l MaxNicks { return 20 }
+;Change AKALogo, below, To the text you want displayed before each AKA result.
+alias -l AKALogo { return 06 05A06K07A 06 }
+;**End Setup
+;*****************************************************************************;
+On *:Join:#: {
+  if ($nick == $me) { .timer 1 1 ialupdateCheck $chan }
+  NickNamesAdd $nick $+($network,$wildsite)
+  if ($JoinDisplay) { .timerNickNames $+ $nick 1 2 NickNames.display $nick $chan $network $wildsite }
+}
+on *:Nick: { NickNamesAdd $newnick $+($network,$wildsite) $nick }
+alias -l NickNames.display {
+  if ($gettok($hget(NickNames,$+($3,$4)),0,126) > 1) {
+    echo -g $2 $AKALogo $+(09,$1) $AKALogo 07 $mid($replace($hget(NickNames,$+($3,$4)),$chr(126),$chr(44)),2,-1)
+  }
+}
+alias -l NickNamesAdd {
+  if ($hget(NickNames,$2)) {
+    if (!$regex($hget(NickNames,$2),/~\Q $+ $replacecs($1,\E,\E\\E\Q) $+ \E~/i)) {
+      if ($gettok($hget(NickNames,$2),0,126) <= $MaxNicks) {
+        hadd NickNames $2 $+($hget(NickNames,$2),$1,~)
+      }
+      else {
+        hadd NickNames $2 $+($mid($hget(NickNames,$2),$pos($hget(NickNames,$2),~,2)),$1,~)
+      }
+    }
+  }
+  else {
+    hadd -m NickNames $2 $+(~,$1,~,$iif($3,$+($3,~)))
+  }
+}
+alias -l Fix.All.MindUser {
+  var %Fix.Count = $hfind(NickNames,/[^~]+[0-9]{4}~/,0,r).data
+  while (%Fix.Count) {
+    if ($Fix.MindUser($hget(NickNames,$hfind(NickNames,/[^~]+[0-9]{4}~/,%Fix.Count,r).data))) {
+      echo -ag Record %Fix.Count - $v1 - Was Cleaned
+      hadd NickNames $hfind(NickNames,/[^~]+[0-9]{4}~/,%Fix.Count,r).data $v1
+    }
+    dec %Fix.Count
+  }
+}
+alias -l Fix.MindUser { return $regsubex($1,/[^~]+[0-9]{4}~/g,$null) }
+menu nicklist,query {
+  -
+  .AKA
+  ..Check $$1: {
+    if ($gettok($hget(NickNames,$+($network,$address($1,2))),0,126) > 1) {
+      NickNames.display $1 $active $network $address($1,2)
+    }
+    else { echo -ag $AKALogo $+(09,$1) 07has not been known by any other nicknames while I have been watching. }
+  }
+  ..Cleanup $$1:hadd NickNames $+($network,$address($1,2)) $fix.minduser($hget(NickNames,$+($network,$address($1,2))))
+  ..Clear $$1:hadd NickNames $+($network,$address($1,2)) $+(~,$1,~)
+  ..AKA Search Dialog:dialog $iif($dialog(AKA_Search),-v,-m) AKA_Search AKA_Search
+  -
+}
+menu status,channel {
+  -
+  .AKA
+  ..AKA Search Dialog:dialog $iif($dialog(AKA_Search),-v,-m) AKA_Search AKA_Search
+  ..Clean All Records:Fix.All.Minduser
+  -
+}
+dialog AKA_Search {
+  title "AKA Search Engine"
+  size -1 -1 206 221
+  option dbu
+  edit "", 1, 8 5 149 10, autohs
+  button "Search", 2, 163 4 32 12
+  radio "Search HostMask", 4, 61 22 55 10
+  radio "Search Nicknames", 5, 123 22 56 10
+  list 6, 8 38 190 169, sort extsel vsbar
+  button "Check Selected", 7, 67 206 40 12
+  button "Close", 8, 160 206 38 12, cancel
+  box "Search Type", 3, 11 17 183 18
+  button "Copy to Clipboard", 9, 111 206 46 12
+}
+On *:Dialog:Aka_Search:init:*: { did -c $dname 5 }
+On *:Dialog:Aka_Search:Sclick:2,7,9: {
+  if ($did == 2) && ($did($dname,1)) {
+    did -r $dname 6
+    var %search $+(*,$v1,*), %type $iif($did($dname,5).state,data,item), %matches = $hfind(NickNames,%search,0,w). [ $+ [ %type ] ]
+    while (%matches) {
+      did -a $dname 6 $hfind(NickNames,%search,%matches,w). [ $+ [ %type ] ]
+      dec %matches
+    }
+    did -c $dname 6 1
+  }
+  elseif ($did == 7) && ($did($dname,6).seltext) { echo -ga $AKALogo 07 $mid($replace($hget(NickNames,$v1),$chr(126),$chr(44)),2,-1) }
+  elseif ($did == 9) && ($did($dname,6).seltext) { clipboard $mid($v1,$pos($v1,*,1)) }
+}
+On *:Start:{
+  if (!$hget(NickNames)) { hmake NickNames 10 }
+  if ($isfile(NickNames.hsh)) { hload  NickNames NickNames.hsh }
+}
+On *:Exit: { if ($hget(NickNames)) { hsave NickNames NickNames.hsh } }
+On *:Disconnect: { if ($hget(NickNames)) { hsave NickNames NickNames.hsh } }
+On *:Unload: { hfree NickNames }
+alias -l ialupdateCheck {
+  inc -z $+(%,ialupdateCheck,$network) $calc($nick($1,0) / 4)
+  ;If your ial is already being updated on join .who $1 out.
+  ;If you are using /names to update ial you will still need this line.
+  .who $1
+}
+Raw 352:*: {
+  if ($($+(%,ialupdateCheck,$network),2)) haltdef
+  NickNamesAdd $6 $+($network,$address($6,2))
+}
+Raw 315:*: {
+  if ($($+(%,ialupdateCheck,$network),2)) haltdef
+}
+
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        tabMode: "indent",
+		theme: "twilight",
+        lineNumbers: true,
+		matchBrackets: true,
+        indentUnit: 4,
+        mode: "text/mirc"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/mirc</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/mirc/mirc.js b/src/main/webapp/codemirror/mode/mirc/mirc.js
new file mode 100644
index 00000000..fc88bc56
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/mirc/mirc.js
@@ -0,0 +1,177 @@
+//mIRC mode by Ford_Lawnmower :: Based on Velocity mode by Steve O'Hara
+CodeMirror.defineMIME("text/mirc", "mirc");
+CodeMirror.defineMode("mirc", function() {
+  function parseWords(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+  var specials = parseWords("$! $$ $& $? $+ $abook $abs $active $activecid " +
+                            "$activewid $address $addtok $agent $agentname $agentstat $agentver " +
+                            "$alias $and $anick $ansi2mirc $aop $appactive $appstate $asc $asctime " +
+                            "$asin $atan $avoice $away $awaymsg $awaytime $banmask $base $bfind " +
+                            "$binoff $biton $bnick $bvar $bytes $calc $cb $cd $ceil $chan $chanmodes " +
+                            "$chantypes $chat $chr $cid $clevel $click $cmdbox $cmdline $cnick $color " +
+                            "$com $comcall $comchan $comerr $compact $compress $comval $cos $count " +
+                            "$cr $crc $creq $crlf $ctime $ctimer $ctrlenter $date $day $daylight " +
+                            "$dbuh $dbuw $dccignore $dccport $dde $ddename $debug $decode $decompress " +
+                            "$deltok $devent $dialog $did $didreg $didtok $didwm $disk $dlevel $dll " +
+                            "$dllcall $dname $dns $duration $ebeeps $editbox $emailaddr $encode $error " +
+                            "$eval $event $exist $feof $ferr $fgetc $file $filename $filtered $finddir " +
+                            "$finddirn $findfile $findfilen $findtok $fline $floor $fopen $fread $fserve " +
+                            "$fulladdress $fulldate $fullname $fullscreen $get $getdir $getdot $gettok $gmt " +
+                            "$group $halted $hash $height $hfind $hget $highlight $hnick $hotline " +
+                            "$hotlinepos $ial $ialchan $ibl $idle $iel $ifmatch $ignore $iif $iil " +
+                            "$inelipse $ini $inmidi $inpaste $inpoly $input $inrect $inroundrect " +
+                            "$insong $instok $int $inwave $ip $isalias $isbit $isdde $isdir $isfile " +
+                            "$isid $islower $istok $isupper $keychar $keyrpt $keyval $knick $lactive " +
+                            "$lactivecid $lactivewid $left $len $level $lf $line $lines $link $lock " +
+                            "$lock $locked $log $logstamp $logstampfmt $longfn $longip $lower $ltimer " +
+                            "$maddress $mask $matchkey $matchtok $md5 $me $menu $menubar $menucontext " +
+                            "$menutype $mid $middir $mircdir $mircexe $mircini $mklogfn $mnick $mode " +
+                            "$modefirst $modelast $modespl $mouse $msfile $network $newnick $nick $nofile " +
+                            "$nopath $noqt $not $notags $notify $null $numeric $numok $oline $onpoly " +
+                            "$opnick $or $ord $os $passivedcc $pic $play $pnick $port $portable $portfree " +
+                            "$pos $prefix $prop $protect $puttok $qt $query $rand $r $rawmsg $read $readomo " +
+                            "$readn $regex $regml $regsub $regsubex $remove $remtok $replace $replacex " +
+                            "$reptok $result $rgb $right $round $scid $scon $script $scriptdir $scriptline " +
+                            "$sdir $send $server $serverip $sfile $sha1 $shortfn $show $signal $sin " +
+                            "$site $sline $snick $snicks $snotify $sock $sockbr $sockerr $sockname " +
+                            "$sorttok $sound $sqrt $ssl $sreq $sslready $status $strip $str $stripped " +
+                            "$syle $submenu $switchbar $tan $target $ticks $time $timer $timestamp " +
+                            "$timestampfmt $timezone $tip $titlebar $toolbar $treebar $trust $ulevel " +
+                            "$ulist $upper $uptime $url $usermode $v1 $v2 $var $vcmd $vcmdstat $vcmdver " +
+                            "$version $vnick $vol $wid $width $wildsite $wildtok $window $wrap $xor");
+  var keywords = parseWords("abook ajinvite alias aline ame amsg anick aop auser autojoin avoice " +
+                            "away background ban bcopy beep bread break breplace bset btrunc bunset bwrite " +
+                            "channel clear clearall cline clipboard close cnick color comclose comopen " +
+                            "comreg continue copy creq ctcpreply ctcps dcc dccserver dde ddeserver " +
+                            "debug dec describe dialog did didtok disable disconnect dlevel dline dll " +
+                            "dns dqwindow drawcopy drawdot drawfill drawline drawpic drawrect drawreplace " +
+                            "drawrot drawsave drawscroll drawtext ebeeps echo editbox emailaddr enable " +
+                            "events exit fclose filter findtext finger firewall flash flist flood flush " +
+                            "flushini font fopen fseek fsend fserve fullname fwrite ghide gload gmove " +
+                            "gopts goto gplay gpoint gqreq groups gshow gsize gstop gtalk gunload hadd " +
+                            "halt haltdef hdec hdel help hfree hinc hload hmake hop hsave ial ialclear " +
+                            "ialmark identd if ignore iline inc invite iuser join kick linesep links list " +
+                            "load loadbuf localinfo log mdi me menubar mkdir mnick mode msg nick noop notice " +
+                            "notify omsg onotice part partall pdcc perform play playctrl pop protect pvoice " +
+                            "qme qmsg query queryn quit raw reload remini remote remove rename renwin " +
+                            "reseterror resetidle return rlevel rline rmdir run ruser save savebuf saveini " +
+                            "say scid scon server set showmirc signam sline sockaccept sockclose socklist " +
+                            "socklisten sockmark sockopen sockpause sockread sockrename sockudp sockwrite " +
+                            "sound speak splay sreq strip switchbar timer timestamp titlebar tnick tokenize " +
+                            "toolbar topic tray treebar ulist unload unset unsetall updatenl url uwho " +
+                            "var vcadd vcmd vcrem vol while whois window winhelp write writeint if isalnum " +
+                            "isalpha isaop isavoice isban ischan ishop isignore isin isincs isletter islower " +
+                            "isnotify isnum ison isop isprotect isreg isupper isvoice iswm iswmcs " +
+                            "elseif else goto menu nicklist status title icon size option text edit " +
+                            "button check radio box scroll list combo link tab item");
+  var functions = parseWords("if elseif else and not or eq ne in ni for foreach while switch");
+  var isOperatorChar = /[+\-*&%=<>!?^\/\|]/;
+  function chain(stream, state, f) {
+    state.tokenize = f;
+    return f(stream, state);
+  }
+  function tokenBase(stream, state) {
+    var beforeParams = state.beforeParams;
+    state.beforeParams = false;
+    var ch = stream.next();
+    if (/[\[\]{}\(\),\.]/.test(ch)) {
+      if (ch == "(" && beforeParams) state.inParams = true;
+      else if (ch == ")") state.inParams = false;
+      return null;
+    }
+    else if (/\d/.test(ch)) {
+      stream.eatWhile(/[\w\.]/);
+      return "number";
+    }
+    else if (ch == "\\") {
+      stream.eat("\\");
+      stream.eat(/./);
+      return "number";
+    }
+    else if (ch == "/" && stream.eat("*")) {
+      return chain(stream, state, tokenComment);
+    }
+    else if (ch == ";" && stream.match(/ *\( *\(/)) {
+      return chain(stream, state, tokenUnparsed);
+    }
+    else if (ch == ";" && !state.inParams) {
+      stream.skipToEnd();
+      return "comment";
+    }
+    else if (ch == '"') {
+      stream.eat(/"/);
+      return "keyword";
+    }
+    else if (ch == "$") {
+      stream.eatWhile(/[$_a-z0-9A-Z\.:]/);
+      if (specials && specials.propertyIsEnumerable(stream.current().toLowerCase())) {
+        return "keyword";
+      }
+      else {
+        state.beforeParams = true;
+        return "builtin";
+      }
+    }
+    else if (ch == "%") {
+      stream.eatWhile(/[^,^\s^\(^\)]/);
+      state.beforeParams = true;
+      return "string";
+    }
+    else if (isOperatorChar.test(ch)) {
+      stream.eatWhile(isOperatorChar);
+      return "operator";
+    }
+    else {
+      stream.eatWhile(/[\w\$_{}]/);
+      var word = stream.current().toLowerCase();
+      if (keywords && keywords.propertyIsEnumerable(word))
+        return "keyword";
+      if (functions && functions.propertyIsEnumerable(word)) {
+        state.beforeParams = true;
+        return "keyword";
+      }
+      return null;
+    }
+  }
+  function tokenComment(stream, state) {
+    var maybeEnd = false, ch;
+    while (ch = stream.next()) {
+      if (ch == "/" && maybeEnd) {
+        state.tokenize = tokenBase;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return "comment";
+  }
+  function tokenUnparsed(stream, state) {
+    var maybeEnd = 0, ch;
+    while (ch = stream.next()) {
+      if (ch == ";" && maybeEnd == 2) {
+        state.tokenize = tokenBase;
+        break;
+      }
+      if (ch == ")")
+        maybeEnd++;
+      else if (ch != " ")
+        maybeEnd = 0;
+    }
+    return "meta";
+  }
+  return {
+    startState: function() {
+      return {
+        tokenize: tokenBase,
+        beforeParams: false,
+        inParams: false
+      };
+    },
+    token: function(stream, state) {
+      if (stream.eatSpace()) return null;
+      return state.tokenize(stream, state);
+    }
+  };
+});
diff --git a/src/main/webapp/codemirror/mode/nginx/index.html b/src/main/webapp/codemirror/mode/nginx/index.html
new file mode 100644
index 00000000..16be1eb6
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/nginx/index.html
@@ -0,0 +1,181 @@
+<!doctype html>
+
+<title>CodeMirror: NGINX mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="nginx.js"></script>
+<style>.CodeMirror {background: #f8f8f8;}</style>
+    <link rel="stylesheet" href="../../doc/docs.css">
+  </head>
+
+  <style>
+    body {
+      margin: 0em auto;
+    }
+
+    .CodeMirror, .CodeMirror-scroll {
+      height: 600px;
+    }
+  </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">NGINX</a>
+  </ul>
+</div>
+
+<article>
+<h2>NGINX mode</h2>
+<form><textarea id="code" name="code" style="height: 800px;">
+server {
+  listen 173.255.219.235:80;
+  server_name website.com.au;
+  rewrite / $scheme://www.$host$request_uri permanent; ## Forcibly prepend a www
+}
+
+server {
+  listen 173.255.219.235:443;
+  server_name website.com.au;
+  rewrite / $scheme://www.$host$request_uri permanent; ## Forcibly prepend a www
+}
+
+server {
+
+  listen      173.255.219.235:80;
+  server_name www.website.com.au;
+
+
+
+  root        /data/www;
+  index       index.html index.php;
+
+  location / {
+    index index.html index.php;     ## Allow a static html file to be shown first
+    try_files $uri $uri/ @handler;  ## If missing pass the URI to Magento's front handler
+    expires 30d;                    ## Assume all files are cachable
+  }
+
+  ## These locations would be hidden by .htaccess normally
+  location /app/                { deny all; }
+  location /includes/           { deny all; }
+  location /lib/                { deny all; }
+  location /media/downloadable/ { deny all; }
+  location /pkginfo/            { deny all; }
+  location /report/config.xml   { deny all; }
+  location /var/                { deny all; }
+
+  location /var/export/ { ## Allow admins only to view export folder
+    auth_basic           "Restricted"; ## Message shown in login window
+    auth_basic_user_file /rs/passwords/testfile; ## See /etc/nginx/htpassword
+    autoindex            on;
+  }
+
+  location  /. { ## Disable .htaccess and other hidden files
+    return 404;
+  }
+
+  location @handler { ## Magento uses a common front handler
+    rewrite / /index.php;
+  }
+
+  location ~ .php/ { ## Forward paths like /js/index.php/x.js to relevant handler
+    rewrite ^/(.*.php)/ /$1 last;
+  }
+
+  location ~ \.php$ {
+    if (!-e $request_filename) { rewrite / /index.php last; } ## Catch 404s that try_files miss
+
+    fastcgi_pass   127.0.0.1:9000;
+    fastcgi_index  index.php;
+    fastcgi_param PATH_INFO $fastcgi_script_name;
+    fastcgi_param  SCRIPT_FILENAME $document_root$fastcgi_script_name;
+    include        /rs/confs/nginx/fastcgi_params;
+  }
+
+}
+
+
+server {
+
+  listen              173.255.219.235:443;
+  server_name         website.com.au www.website.com.au;
+
+  root   /data/www;
+  index index.html index.php;
+
+  ssl                 on;
+  ssl_certificate     /rs/ssl/ssl.crt;
+  ssl_certificate_key /rs/ssl/ssl.key;
+
+  ssl_session_timeout  5m;
+
+  ssl_protocols  SSLv2 SSLv3 TLSv1;
+  ssl_ciphers  ALL:!ADH:!EXPORT56:RC4+RSA:+HIGH:+MEDIUM:+LOW:+SSLv2:+EXP;
+  ssl_prefer_server_ciphers   on;
+
+
+
+  location / {
+    index index.html index.php; ## Allow a static html file to be shown first
+    try_files $uri $uri/ @handler; ## If missing pass the URI to Magento's front handler
+    expires 30d; ## Assume all files are cachable
+  }
+
+  ## These locations would be hidden by .htaccess normally
+  location /app/                { deny all; }
+  location /includes/           { deny all; }
+  location /lib/                { deny all; }
+  location /media/downloadable/ { deny all; }
+  location /pkginfo/            { deny all; }
+  location /report/config.xml   { deny all; }
+  location /var/                { deny all; }
+
+  location /var/export/ { ## Allow admins only to view export folder
+    auth_basic           "Restricted"; ## Message shown in login window
+    auth_basic_user_file htpasswd; ## See /etc/nginx/htpassword
+    autoindex            on;
+  }
+
+  location  /. { ## Disable .htaccess and other hidden files
+    return 404;
+  }
+
+  location @handler { ## Magento uses a common front handler
+    rewrite / /index.php;
+  }
+
+  location ~ .php/ { ## Forward paths like /js/index.php/x.js to relevant handler
+    rewrite ^/(.*.php)/ /$1 last;
+  }
+
+  location ~ .php$ { ## Execute PHP scripts
+    if (!-e $request_filename) { rewrite  /index.php last; } ## Catch 404s that try_files miss
+
+    fastcgi_pass 127.0.0.1:9000;
+    fastcgi_index  index.php;
+    fastcgi_param PATH_INFO $fastcgi_script_name;
+    fastcgi_param  SCRIPT_FILENAME $document_root$fastcgi_script_name;
+    include        /rs/confs/nginx/fastcgi_params;
+
+    fastcgi_param HTTPS on;
+  }
+
+}
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/nginx</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/nginx/nginx.js b/src/main/webapp/codemirror/mode/nginx/nginx.js
new file mode 100644
index 00000000..c98c8a1d
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/nginx/nginx.js
@@ -0,0 +1,163 @@
+CodeMirror.defineMode("nginx", function(config) {
+
+  function words(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+
+  var keywords = words(
+    /* ngxDirectiveControl */ "break return rewrite set" +
+    /* ngxDirective */ " accept_mutex accept_mutex_delay access_log add_after_body add_before_body add_header addition_types aio alias allow ancient_browser ancient_browser_value auth_basic auth_basic_user_file auth_http auth_http_header auth_http_timeout autoindex autoindex_exact_size autoindex_localtime charset charset_types client_body_buffer_size client_body_in_file_only client_body_in_single_buffer client_body_temp_path client_body_timeout client_header_buffer_size client_header_timeout client_max_body_size connection_pool_size create_full_put_path daemon dav_access dav_methods debug_connection debug_points default_type degradation degrade deny devpoll_changes devpoll_events directio directio_alignment empty_gif env epoll_events error_log eventport_events expires fastcgi_bind fastcgi_buffer_size fastcgi_buffers fastcgi_busy_buffers_size fastcgi_cache fastcgi_cache_key fastcgi_cache_methods fastcgi_cache_min_uses fastcgi_cache_path fastcgi_cache_use_stale fastcgi_cache_valid fastcgi_catch_stderr fastcgi_connect_timeout fastcgi_hide_header fastcgi_ignore_client_abort fastcgi_ignore_headers fastcgi_index fastcgi_intercept_errors fastcgi_max_temp_file_size fastcgi_next_upstream fastcgi_param fastcgi_pass_header fastcgi_pass_request_body fastcgi_pass_request_headers fastcgi_read_timeout fastcgi_send_lowat fastcgi_send_timeout fastcgi_split_path_info fastcgi_store fastcgi_store_access fastcgi_temp_file_write_size fastcgi_temp_path fastcgi_upstream_fail_timeout fastcgi_upstream_max_fails flv geoip_city geoip_country google_perftools_profiles gzip gzip_buffers gzip_comp_level gzip_disable gzip_hash gzip_http_version gzip_min_length gzip_no_buffer gzip_proxied gzip_static gzip_types gzip_vary gzip_window if_modified_since ignore_invalid_headers image_filter image_filter_buffer image_filter_jpeg_quality image_filter_transparency imap_auth imap_capabilities imap_client_buffer index ip_hash keepalive_requests keepalive_timeout kqueue_changes kqueue_events large_client_header_buffers limit_conn limit_conn_log_level limit_rate limit_rate_after limit_req limit_req_log_level limit_req_zone limit_zone lingering_time lingering_timeout lock_file log_format log_not_found log_subrequest map_hash_bucket_size map_hash_max_size master_process memcached_bind memcached_buffer_size memcached_connect_timeout memcached_next_upstream memcached_read_timeout memcached_send_timeout memcached_upstream_fail_timeout memcached_upstream_max_fails merge_slashes min_delete_depth modern_browser modern_browser_value msie_padding msie_refresh multi_accept open_file_cache open_file_cache_errors open_file_cache_events open_file_cache_min_uses open_file_cache_valid open_log_file_cache output_buffers override_charset perl perl_modules perl_require perl_set pid pop3_auth pop3_capabilities port_in_redirect postpone_gzipping postpone_output protocol proxy proxy_bind proxy_buffer proxy_buffer_size proxy_buffering proxy_buffers proxy_busy_buffers_size proxy_cache proxy_cache_key proxy_cache_methods proxy_cache_min_uses proxy_cache_path proxy_cache_use_stale proxy_cache_valid proxy_connect_timeout proxy_headers_hash_bucket_size proxy_headers_hash_max_size proxy_hide_header proxy_ignore_client_abort proxy_ignore_headers proxy_intercept_errors proxy_max_temp_file_size proxy_method proxy_next_upstream proxy_pass_error_message proxy_pass_header proxy_pass_request_body proxy_pass_request_headers proxy_read_timeout proxy_redirect proxy_send_lowat proxy_send_timeout proxy_set_body proxy_set_header proxy_ssl_session_reuse proxy_store proxy_store_access proxy_temp_file_write_size proxy_temp_path proxy_timeout proxy_upstream_fail_timeout proxy_upstream_max_fails random_index read_ahead real_ip_header recursive_error_pages request_pool_size reset_timedout_connection resolver resolver_timeout rewrite_log rtsig_overflow_events rtsig_overflow_test rtsig_overflow_threshold rtsig_signo satisfy secure_link_secret send_lowat send_timeout sendfile sendfile_max_chunk server_name_in_redirect server_names_hash_bucket_size server_names_hash_max_size server_tokens set_real_ip_from smtp_auth smtp_capabilities smtp_client_buffer smtp_greeting_delay so_keepalive source_charset ssi ssi_ignore_recycled_buffers ssi_min_file_chunk ssi_silent_errors ssi_types ssi_value_length ssl ssl_certificate ssl_certificate_key ssl_ciphers ssl_client_certificate ssl_crl ssl_dhparam ssl_engine ssl_prefer_server_ciphers ssl_protocols ssl_session_cache ssl_session_timeout ssl_verify_client ssl_verify_depth starttls stub_status sub_filter sub_filter_once sub_filter_types tcp_nodelay tcp_nopush thread_stack_size timeout timer_resolution types_hash_bucket_size types_hash_max_size underscores_in_headers uninitialized_variable_warn use user userid userid_domain userid_expires userid_mark userid_name userid_p3p userid_path userid_service valid_referers variables_hash_bucket_size variables_hash_max_size worker_connections worker_cpu_affinity worker_priority worker_processes worker_rlimit_core worker_rlimit_nofile worker_rlimit_sigpending worker_threads working_directory xclient xml_entities xslt_stylesheet xslt_typesdrew@li229-23"
+    );
+
+  var keywords_block = words(
+    /* ngxDirectiveBlock */ "http mail events server types location upstream charset_map limit_except if geo map"
+    );
+
+  var keywords_important = words(
+    /* ngxDirectiveImportant */ "include root server server_name listen internal proxy_pass memcached_pass fastcgi_pass try_files"
+    );
+
+  var indentUnit = config.indentUnit, type;
+  function ret(style, tp) {type = tp; return style;}
+
+  function tokenBase(stream, state) {
+
+
+    stream.eatWhile(/[\w\$_]/);
+
+    var cur = stream.current();
+
+
+    if (keywords.propertyIsEnumerable(cur)) {
+      return "keyword";
+    }
+    else if (keywords_block.propertyIsEnumerable(cur)) {
+      return "variable-2";
+    }
+    else if (keywords_important.propertyIsEnumerable(cur)) {
+      return "string-2";
+    }
+    /**/
+
+    var ch = stream.next();
+    if (ch == "@") {stream.eatWhile(/[\w\\\-]/); return ret("meta", stream.current());}
+    else if (ch == "/" && stream.eat("*")) {
+      state.tokenize = tokenCComment;
+      return tokenCComment(stream, state);
+    }
+    else if (ch == "<" && stream.eat("!")) {
+      state.tokenize = tokenSGMLComment;
+      return tokenSGMLComment(stream, state);
+    }
+    else if (ch == "=") ret(null, "compare");
+    else if ((ch == "~" || ch == "|") && stream.eat("=")) return ret(null, "compare");
+    else if (ch == "\"" || ch == "'") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    }
+    else if (ch == "#") {
+      stream.skipToEnd();
+      return ret("comment", "comment");
+    }
+    else if (ch == "!") {
+      stream.match(/^\s*\w*/);
+      return ret("keyword", "important");
+    }
+    else if (/\d/.test(ch)) {
+      stream.eatWhile(/[\w.%]/);
+      return ret("number", "unit");
+    }
+    else if (/[,.+>*\/]/.test(ch)) {
+      return ret(null, "select-op");
+    }
+    else if (/[;{}:\[\]]/.test(ch)) {
+      return ret(null, ch);
+    }
+    else {
+      stream.eatWhile(/[\w\\\-]/);
+      return ret("variable", "variable");
+    }
+  }
+
+  function tokenCComment(stream, state) {
+    var maybeEnd = false, ch;
+    while ((ch = stream.next()) != null) {
+      if (maybeEnd && ch == "/") {
+        state.tokenize = tokenBase;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return ret("comment", "comment");
+  }
+
+  function tokenSGMLComment(stream, state) {
+    var dashes = 0, ch;
+    while ((ch = stream.next()) != null) {
+      if (dashes >= 2 && ch == ">") {
+        state.tokenize = tokenBase;
+        break;
+      }
+      dashes = (ch == "-") ? dashes + 1 : 0;
+    }
+    return ret("comment", "comment");
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, ch;
+      while ((ch = stream.next()) != null) {
+        if (ch == quote && !escaped)
+          break;
+        escaped = !escaped && ch == "\\";
+      }
+      if (!escaped) state.tokenize = tokenBase;
+      return ret("string", "string");
+    };
+  }
+
+  return {
+    startState: function(base) {
+      return {tokenize: tokenBase,
+              baseIndent: base || 0,
+              stack: []};
+    },
+
+    token: function(stream, state) {
+      if (stream.eatSpace()) return null;
+      type = null;
+      var style = state.tokenize(stream, state);
+
+      var context = state.stack[state.stack.length-1];
+      if (type == "hash" && context == "rule") style = "atom";
+      else if (style == "variable") {
+        if (context == "rule") style = "number";
+        else if (!context || context == "@media{") style = "tag";
+      }
+
+      if (context == "rule" && /^[\{\};]$/.test(type))
+        state.stack.pop();
+      if (type == "{") {
+        if (context == "@media") state.stack[state.stack.length-1] = "@media{";
+        else state.stack.push("{");
+      }
+      else if (type == "}") state.stack.pop();
+      else if (type == "@media") state.stack.push("@media");
+      else if (context == "{" && type != "comment") state.stack.push("rule");
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      var n = state.stack.length;
+      if (/^\}/.test(textAfter))
+        n -= state.stack[state.stack.length-1] == "rule" ? 2 : 1;
+      return state.baseIndent + n * indentUnit;
+    },
+
+    electricChars: "}"
+  };
+});
+
+CodeMirror.defineMIME("text/nginx", "text/x-nginx-conf");
diff --git a/src/main/webapp/codemirror/mode/ntriples/index.html b/src/main/webapp/codemirror/mode/ntriples/index.html
new file mode 100644
index 00000000..c8a67916
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/ntriples/index.html
@@ -0,0 +1,45 @@
+<!doctype html>
+
+<title>CodeMirror: NTriples mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="ntriples.js"></script>
+<style type="text/css">
+      .CodeMirror {
+        border: 1px solid #eee;
+      }
+    </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">NTriples</a>
+  </ul>
+</div>
+
+<article>
+<h2>NTriples mode</h2>
+<form>
+<textarea id="ntriples" name="ntriples">    
+<http://Sub1>     <http://pred1>     <http://obj> .
+<http://Sub2>     <http://pred2#an2> "literal 1" .
+<http://Sub3#an3> <http://pred3>     _:bnode3 .
+_:bnode4          <http://pred4>     "literal 2"@lang .
+_:bnode5          <http://pred5>     "literal 3"^^<http://type> .
+</textarea>
+</form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("ntriples"), {});
+    </script>
+    <p><strong>MIME types defined:</strong> <code>text/n-triples</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/ntriples/ntriples.js b/src/main/webapp/codemirror/mode/ntriples/ntriples.js
new file mode 100644
index 00000000..ed0cee34
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/ntriples/ntriples.js
@@ -0,0 +1,170 @@
+/**********************************************************
+* This script provides syntax highlighting support for
+* the Ntriples format.
+* Ntriples format specification:
+*     http://www.w3.org/TR/rdf-testcases/#ntriples
+***********************************************************/
+
+/*
+    The following expression defines the defined ASF grammar transitions.
+
+    pre_subject ->
+        {
+        ( writing_subject_uri | writing_bnode_uri )
+            -> pre_predicate
+                -> writing_predicate_uri
+                    -> pre_object
+                        -> writing_object_uri | writing_object_bnode |
+                          (
+                            writing_object_literal
+                                -> writing_literal_lang | writing_literal_type
+                          )
+                            -> post_object
+                                -> BEGIN
+         } otherwise {
+             -> ERROR
+         }
+*/
+CodeMirror.defineMode("ntriples", function() {
+
+  var Location = {
+    PRE_SUBJECT         : 0,
+    WRITING_SUB_URI     : 1,
+    WRITING_BNODE_URI   : 2,
+    PRE_PRED            : 3,
+    WRITING_PRED_URI    : 4,
+    PRE_OBJ             : 5,
+    WRITING_OBJ_URI     : 6,
+    WRITING_OBJ_BNODE   : 7,
+    WRITING_OBJ_LITERAL : 8,
+    WRITING_LIT_LANG    : 9,
+    WRITING_LIT_TYPE    : 10,
+    POST_OBJ            : 11,
+    ERROR               : 12
+  };
+  function transitState(currState, c) {
+    var currLocation = currState.location;
+    var ret;
+
+    // Opening.
+    if     (currLocation == Location.PRE_SUBJECT && c == '<') ret = Location.WRITING_SUB_URI;
+    else if(currLocation == Location.PRE_SUBJECT && c == '_') ret = Location.WRITING_BNODE_URI;
+    else if(currLocation == Location.PRE_PRED    && c == '<') ret = Location.WRITING_PRED_URI;
+    else if(currLocation == Location.PRE_OBJ     && c == '<') ret = Location.WRITING_OBJ_URI;
+    else if(currLocation == Location.PRE_OBJ     && c == '_') ret = Location.WRITING_OBJ_BNODE;
+    else if(currLocation == Location.PRE_OBJ     && c == '"') ret = Location.WRITING_OBJ_LITERAL;
+
+    // Closing.
+    else if(currLocation == Location.WRITING_SUB_URI     && c == '>') ret = Location.PRE_PRED;
+    else if(currLocation == Location.WRITING_BNODE_URI   && c == ' ') ret = Location.PRE_PRED;
+    else if(currLocation == Location.WRITING_PRED_URI    && c == '>') ret = Location.PRE_OBJ;
+    else if(currLocation == Location.WRITING_OBJ_URI     && c == '>') ret = Location.POST_OBJ;
+    else if(currLocation == Location.WRITING_OBJ_BNODE   && c == ' ') ret = Location.POST_OBJ;
+    else if(currLocation == Location.WRITING_OBJ_LITERAL && c == '"') ret = Location.POST_OBJ;
+    else if(currLocation == Location.WRITING_LIT_LANG && c == ' ') ret = Location.POST_OBJ;
+    else if(currLocation == Location.WRITING_LIT_TYPE && c == '>') ret = Location.POST_OBJ;
+
+    // Closing typed and language literal.
+    else if(currLocation == Location.WRITING_OBJ_LITERAL && c == '@') ret = Location.WRITING_LIT_LANG;
+    else if(currLocation == Location.WRITING_OBJ_LITERAL && c == '^') ret = Location.WRITING_LIT_TYPE;
+
+    // Spaces.
+    else if( c == ' ' &&
+             (
+               currLocation == Location.PRE_SUBJECT ||
+               currLocation == Location.PRE_PRED    ||
+               currLocation == Location.PRE_OBJ     ||
+               currLocation == Location.POST_OBJ
+             )
+           ) ret = currLocation;
+
+    // Reset.
+    else if(currLocation == Location.POST_OBJ && c == '.') ret = Location.PRE_SUBJECT;
+
+    // Error
+    else ret = Location.ERROR;
+
+    currState.location=ret;
+  }
+
+  return {
+    startState: function() {
+       return {
+           location : Location.PRE_SUBJECT,
+           uris     : [],
+           anchors  : [],
+           bnodes   : [],
+           langs    : [],
+           types    : []
+       };
+    },
+    token: function(stream, state) {
+      var ch = stream.next();
+      if(ch == '<') {
+         transitState(state, ch);
+         var parsedURI = '';
+         stream.eatWhile( function(c) { if( c != '#' && c != '>' ) { parsedURI += c; return true; } return false;} );
+         state.uris.push(parsedURI);
+         if( stream.match('#', false) ) return 'variable';
+         stream.next();
+         transitState(state, '>');
+         return 'variable';
+      }
+      if(ch == '#') {
+        var parsedAnchor = '';
+        stream.eatWhile(function(c) { if(c != '>' && c != ' ') { parsedAnchor+= c; return true; } return false;});
+        state.anchors.push(parsedAnchor);
+        return 'variable-2';
+      }
+      if(ch == '>') {
+          transitState(state, '>');
+          return 'variable';
+      }
+      if(ch == '_') {
+          transitState(state, ch);
+          var parsedBNode = '';
+          stream.eatWhile(function(c) { if( c != ' ' ) { parsedBNode += c; return true; } return false;});
+          state.bnodes.push(parsedBNode);
+          stream.next();
+          transitState(state, ' ');
+          return 'builtin';
+      }
+      if(ch == '"') {
+          transitState(state, ch);
+          stream.eatWhile( function(c) { return c != '"'; } );
+          stream.next();
+          if( stream.peek() != '@' && stream.peek() != '^' ) {
+              transitState(state, '"');
+          }
+          return 'string';
+      }
+      if( ch == '@' ) {
+          transitState(state, '@');
+          var parsedLang = '';
+          stream.eatWhile(function(c) { if( c != ' ' ) { parsedLang += c; return true; } return false;});
+          state.langs.push(parsedLang);
+          stream.next();
+          transitState(state, ' ');
+          return 'string-2';
+      }
+      if( ch == '^' ) {
+          stream.next();
+          transitState(state, '^');
+          var parsedType = '';
+          stream.eatWhile(function(c) { if( c != '>' ) { parsedType += c; return true; } return false;} );
+          state.types.push(parsedType);
+          stream.next();
+          transitState(state, '>');
+          return 'variable';
+      }
+      if( ch == ' ' ) {
+          transitState(state, ch);
+      }
+      if( ch == '.' ) {
+          transitState(state, ch);
+      }
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/n-triples", "ntriples");
diff --git a/src/main/webapp/codemirror/mode/ocaml/index.html b/src/main/webapp/codemirror/mode/ocaml/index.html
new file mode 100644
index 00000000..5d39fadd
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/ocaml/index.html
@@ -0,0 +1,146 @@
+<!doctype html>
+
+<title>CodeMirror: OCaml mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel=stylesheet href=../../lib/codemirror.css>
+<script src=../../lib/codemirror.js></script>
+<script src=../../addon/edit/matchbrackets.js></script>
+<script src=ocaml.js></script>
+<style type=text/css>
+  .CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
+</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">OCaml</a>
+  </ul>
+</div>
+
+<article>
+<h2>OCaml mode</h2>
+
+
+<textarea id=code>
+(* Summing a list of integers *)
+let rec sum xs =
+  match xs with
+    | []       -&gt; 0
+    | x :: xs' -&gt; x + sum xs'
+
+(* Quicksort *)
+let rec qsort = function
+   | [] -&gt; []
+   | pivot :: rest -&gt;
+       let is_less x = x &lt; pivot in
+       let left, right = List.partition is_less rest in
+       qsort left @ [pivot] @ qsort right
+
+(* Fibonacci Sequence *)
+let rec fib_aux n a b =
+  match n with
+  | 0 -&gt; a
+  | _ -&gt; fib_aux (n - 1) (a + b) a
+let fib n = fib_aux n 0 1
+
+(* Birthday paradox *)
+let year_size = 365.
+
+let rec birthday_paradox prob people =
+    let prob' = (year_size -. float people) /. year_size *. prob  in
+    if prob' &lt; 0.5 then
+        Printf.printf "answer = %d\n" (people+1)
+    else
+        birthday_paradox prob' (people+1) ;;
+
+birthday_paradox 1.0 1
+
+(* Church numerals *)
+let zero f x = x
+let succ n f x = f (n f x)
+let one = succ zero
+let two = succ (succ zero)
+let add n1 n2 f x = n1 f (n2 f x)
+let to_string n = n (fun k -&gt; "S" ^ k) "0"
+let _ = to_string (add (succ two) two)
+
+(* Elementary functions *)
+let square x = x * x;;
+let rec fact x =
+  if x &lt;= 1 then 1 else x * fact (x - 1);;
+
+(* Automatic memory management *)
+let l = 1 :: 2 :: 3 :: [];;
+[1; 2; 3];;
+5 :: l;;
+
+(* Polymorphism: sorting lists *)
+let rec sort = function
+  | [] -&gt; []
+  | x :: l -&gt; insert x (sort l)
+
+and insert elem = function
+  | [] -&gt; [elem]
+  | x :: l -&gt; 
+      if elem &lt; x then elem :: x :: l else x :: insert elem l;;
+
+(* Imperative features *)
+let add_polynom p1 p2 =
+  let n1 = Array.length p1
+  and n2 = Array.length p2 in
+  let result = Array.create (max n1 n2) 0 in
+  for i = 0 to n1 - 1 do result.(i) &lt;- p1.(i) done;
+  for i = 0 to n2 - 1 do result.(i) &lt;- result.(i) + p2.(i) done;
+  result;;
+add_polynom [| 1; 2 |] [| 1; 2; 3 |];;
+
+(* We may redefine fact using a reference cell and a for loop *)
+let fact n =
+  let result = ref 1 in
+  for i = 2 to n do
+    result := i * !result
+   done;
+   !result;;
+fact 5;;
+
+(* Triangle (graphics) *)
+let () =
+  ignore( Glut.init Sys.argv );
+  Glut.initDisplayMode ~double_buffer:true ();
+  ignore (Glut.createWindow ~title:"OpenGL Demo");
+  let angle t = 10. *. t *. t in
+  let render () =
+    GlClear.clear [ `color ];
+    GlMat.load_identity ();
+    GlMat.rotate ~angle: (angle (Sys.time ())) ~z:1. ();
+    GlDraw.begins `triangles;
+    List.iter GlDraw.vertex2 [-1., -1.; 0., 1.; 1., -1.];
+    GlDraw.ends ();
+    Glut.swapBuffers () in
+  GlMat.mode `modelview;
+  Glut.displayFunc ~cb:render;
+  Glut.idleFunc ~cb:(Some Glut.postRedisplay);
+  Glut.mainLoop ()
+
+(* A Hundred Lines of Caml - http://caml.inria.fr/about/taste.en.html *)
+(* OCaml page on Wikipedia - http://en.wikipedia.org/wiki/OCaml *)
+</textarea>
+
+<script>
+  var editor = CodeMirror.fromTextArea(document.getElementById('code'), {
+    mode: 'ocaml',
+    lineNumbers: true,
+    matchBrackets: true
+  });
+</script>
+
+<p><strong>MIME types defined:</strong> <code>text/x-ocaml</code>.</p>
+</article>
diff --git a/src/main/webapp/codemirror/mode/ocaml/ocaml.js b/src/main/webapp/codemirror/mode/ocaml/ocaml.js
new file mode 100644
index 00000000..32cbc0b7
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/ocaml/ocaml.js
@@ -0,0 +1,116 @@
+CodeMirror.defineMode('ocaml', function() {
+
+  var words = {
+    'true': 'atom',
+    'false': 'atom',
+    'let': 'keyword',
+    'rec': 'keyword',
+    'in': 'keyword',
+    'of': 'keyword',
+    'and': 'keyword',
+    'succ': 'keyword',
+    'if': 'keyword',
+    'then': 'keyword',
+    'else': 'keyword',
+    'for': 'keyword',
+    'to': 'keyword',
+    'while': 'keyword',
+    'do': 'keyword',
+    'done': 'keyword',
+    'fun': 'keyword',
+    'function': 'keyword',
+    'val': 'keyword',
+    'type': 'keyword',
+    'mutable': 'keyword',
+    'match': 'keyword',
+    'with': 'keyword',
+    'try': 'keyword',
+    'raise': 'keyword',
+    'begin': 'keyword',
+    'end': 'keyword',
+    'open': 'builtin',
+    'trace': 'builtin',
+    'ignore': 'builtin',
+    'exit': 'builtin',
+    'print_string': 'builtin',
+    'print_endline': 'builtin'
+  };
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+
+    if (ch === '"') {
+      state.tokenize = tokenString;
+      return state.tokenize(stream, state);
+    }
+    if (ch === '(') {
+      if (stream.eat('*')) {
+        state.commentLevel++;
+        state.tokenize = tokenComment;
+        return state.tokenize(stream, state);
+      }
+    }
+    if (ch === '~') {
+      stream.eatWhile(/\w/);
+      return 'variable-2';
+    }
+    if (ch === '`') {
+      stream.eatWhile(/\w/);
+      return 'quote';
+    }
+    if (/\d/.test(ch)) {
+      stream.eatWhile(/[\d]/);
+      if (stream.eat('.')) {
+        stream.eatWhile(/[\d]/);
+      }
+      return 'number';
+    }
+    if ( /[+\-*&%=<>!?|]/.test(ch)) {
+      return 'operator';
+    }
+    stream.eatWhile(/\w/);
+    var cur = stream.current();
+    return words[cur] || 'variable';
+  }
+
+  function tokenString(stream, state) {
+    var next, end = false, escaped = false;
+    while ((next = stream.next()) != null) {
+      if (next === '"' && !escaped) {
+        end = true;
+        break;
+      }
+      escaped = !escaped && next === '\\';
+    }
+    if (end && !escaped) {
+      state.tokenize = tokenBase;
+    }
+    return 'string';
+  };
+
+  function tokenComment(stream, state) {
+    var prev, next;
+    while(state.commentLevel > 0 && (next = stream.next()) != null) {
+      if (prev === '(' && next === '*') state.commentLevel++;
+      if (prev === '*' && next === ')') state.commentLevel--;
+      prev = next;
+    }
+    if (state.commentLevel <= 0) {
+      state.tokenize = tokenBase;
+    }
+    return 'comment';
+  }
+
+  return {
+    startState: function() {return {tokenize: tokenBase, commentLevel: 0};},
+    token: function(stream, state) {
+      if (stream.eatSpace()) return null;
+      return state.tokenize(stream, state);
+    },
+
+    blockCommentStart: "(*",
+    blockCommentEnd: "*)"
+  };
+});
+
+CodeMirror.defineMIME('text/x-ocaml', 'ocaml');
diff --git a/src/main/webapp/codemirror/mode/octave/index.html b/src/main/webapp/codemirror/mode/octave/index.html
new file mode 100644
index 00000000..bd5a5232
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/octave/index.html
@@ -0,0 +1,95 @@
+<!doctype html>
+
+<title>CodeMirror: Octave mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="octave.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Octave</a>
+  </ul>
+</div>
+
+<article>
+<h2>Octave mode</h2>
+
+    <div><textarea id="code" name="code">
+%numbers
+1234
+1234i
+1234j
+.234
+.234j
+2.23i
+23e2
+12E1j
+123D-4
+0x234
+
+%strings
+'asda''a'
+"asda""a"
+
+%identifiers
+a
+as123
+__asd__
+
+%operators
+-
++
+=
+==
+>
+<
+>=
+<=
+&
+~
+...
+break zeros default margin round ones rand
+ceil floor size clear zeros eye mean std cov
+error eval function
+abs acos atan asin cos cosh exp log prod sum
+log10 max min sign sin sinh sqrt tan reshape
+return
+case switch
+else elseif end if otherwise
+do for while
+try catch
+classdef properties events methods
+global persistent
+
+%one line comment
+...one line comment
+%{ multi 
+line commment %}
+1
+
+    </textarea></div>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: {name: "octave",
+               version: 2,
+               singleLineStringErrors: false},
+        lineNumbers: true,
+        indentUnit: 4,
+        tabMode: "shift",
+        matchBrackets: true
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-octave</code>.</p>
+</article>
diff --git a/src/main/webapp/codemirror/mode/octave/octave.js b/src/main/webapp/codemirror/mode/octave/octave.js
new file mode 100644
index 00000000..23cd2fe2
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/octave/octave.js
@@ -0,0 +1,118 @@
+CodeMirror.defineMode("octave", function() {
+  function wordRegexp(words) {
+    return new RegExp("^((" + words.join(")|(") + "))\\b");
+  }
+
+  var singleOperators = new RegExp("^[\\+\\-\\*/&|\\^~<>!@'\\\\]");
+  var singleDelimiters = new RegExp('^[\\(\\[\\{\\},:=;]');
+  var doubleOperators = new RegExp("^((==)|(~=)|(<=)|(>=)|(<<)|(>>)|(\\.[\\+\\-\\*/\\^\\\\]))");
+  var doubleDelimiters = new RegExp("^((!=)|(\\+=)|(\\-=)|(\\*=)|(/=)|(&=)|(\\|=)|(\\^=))");
+  var tripleDelimiters = new RegExp("^((>>=)|(<<=))");
+  var expressionEnd = new RegExp("^[\\]\\)]");
+  var identifiers = new RegExp("^[_A-Za-z][_A-Za-z0-9]*");
+
+  var builtins = wordRegexp([
+    'error', 'eval', 'function', 'abs', 'acos', 'atan', 'asin', 'cos',
+    'cosh', 'exp', 'log', 'prod', 'log10', 'max', 'min', 'sign', 'sin', 'sinh',
+    'sqrt', 'tan', 'reshape', 'break', 'zeros', 'default', 'margin', 'round', 'ones',
+    'rand', 'syn', 'ceil', 'floor', 'size', 'clear', 'zeros', 'eye', 'mean', 'std', 'cov',
+    'det', 'eig', 'inv', 'norm', 'rank', 'trace', 'expm', 'logm', 'sqrtm', 'linspace', 'plot',
+    'title', 'xlabel', 'ylabel', 'legend', 'text', 'meshgrid', 'mesh', 'num2str'
+  ]);
+
+  var keywords = wordRegexp([
+    'return', 'case', 'switch', 'else', 'elseif', 'end', 'endif', 'endfunction',
+    'if', 'otherwise', 'do', 'for', 'while', 'try', 'catch', 'classdef', 'properties', 'events',
+    'methods', 'global', 'persistent', 'endfor', 'endwhile', 'printf', 'disp', 'until', 'continue'
+  ]);
+
+
+  // tokenizers
+  function tokenTranspose(stream, state) {
+    if (!stream.sol() && stream.peek() === '\'') {
+      stream.next();
+      state.tokenize = tokenBase;
+      return 'operator';
+    }
+    state.tokenize = tokenBase;
+    return tokenBase(stream, state);
+  }
+
+
+  function tokenComment(stream, state) {
+    if (stream.match(/^.*%}/)) {
+      state.tokenize = tokenBase;
+      return 'comment';
+    };
+    stream.skipToEnd();
+    return 'comment';
+  }
+
+  function tokenBase(stream, state) {
+    // whitespaces
+    if (stream.eatSpace()) return null;
+
+    // Handle one line Comments
+    if (stream.match('%{')){
+      state.tokenize = tokenComment;
+      stream.skipToEnd();
+      return 'comment';
+    }
+
+    if (stream.match(/^(%)|(\.\.\.)/)){
+      stream.skipToEnd();
+      return 'comment';
+    }
+
+    // Handle Number Literals
+    if (stream.match(/^[0-9\.+-]/, false)) {
+      if (stream.match(/^[+-]?0x[0-9a-fA-F]+[ij]?/)) {
+        stream.tokenize = tokenBase;
+        return 'number'; };
+      if (stream.match(/^[+-]?\d*\.\d+([EeDd][+-]?\d+)?[ij]?/)) { return 'number'; };
+      if (stream.match(/^[+-]?\d+([EeDd][+-]?\d+)?[ij]?/)) { return 'number'; };
+    }
+    if (stream.match(wordRegexp(['nan','NaN','inf','Inf']))) { return 'number'; };
+
+    // Handle Strings
+    if (stream.match(/^"([^"]|(""))*"/)) { return 'string'; } ;
+    if (stream.match(/^'([^']|(''))*'/)) { return 'string'; } ;
+
+    // Handle words
+    if (stream.match(keywords)) { return 'keyword'; } ;
+    if (stream.match(builtins)) { return 'builtin'; } ;
+    if (stream.match(identifiers)) { return 'variable'; } ;
+
+    if (stream.match(singleOperators) || stream.match(doubleOperators)) { return 'operator'; };
+    if (stream.match(singleDelimiters) || stream.match(doubleDelimiters) || stream.match(tripleDelimiters)) { return null; };
+
+    if (stream.match(expressionEnd)) {
+      state.tokenize = tokenTranspose;
+      return null;
+    };
+
+
+    // Handle non-detected items
+    stream.next();
+    return 'error';
+  };
+
+
+  return {
+    startState: function() {
+      return {
+        tokenize: tokenBase
+      };
+    },
+
+    token: function(stream, state) {
+      var style = state.tokenize(stream, state);
+      if (style === 'number' || style === 'variable'){
+        state.tokenize = tokenTranspose;
+      }
+      return style;
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/x-octave", "octave");
diff --git a/src/main/webapp/codemirror/mode/pascal/index.html b/src/main/webapp/codemirror/mode/pascal/index.html
new file mode 100644
index 00000000..bf8ff0d6
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/pascal/index.html
@@ -0,0 +1,61 @@
+<!doctype html>
+
+<title>CodeMirror: Pascal mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="pascal.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Pascal</a>
+  </ul>
+</div>
+
+<article>
+<h2>Pascal mode</h2>
+
+
+<div><textarea id="code" name="code">
+(* Example Pascal code *)
+
+while a <> b do writeln('Waiting');
+ 
+if a > b then 
+  writeln('Condition met')
+else 
+  writeln('Condition not met');
+ 
+for i := 1 to 10 do 
+  writeln('Iteration: ', i:1);
+ 
+repeat
+  a := a + 1
+until a = 10;
+ 
+case i of
+  0: write('zero');
+  1: write('one');
+  2: write('two')
+end;
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        mode: "text/x-pascal"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-pascal</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/pascal/pascal.js b/src/main/webapp/codemirror/mode/pascal/pascal.js
new file mode 100644
index 00000000..09d9b061
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/pascal/pascal.js
@@ -0,0 +1,94 @@
+CodeMirror.defineMode("pascal", function() {
+  function words(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+  var keywords = words("and array begin case const div do downto else end file for forward integer " +
+                       "boolean char function goto if in label mod nil not of or packed procedure " +
+                       "program record repeat set string then to type until var while with");
+  var atoms = {"null": true};
+
+  var isOperatorChar = /[+\-*&%=<>!?|\/]/;
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    if (ch == "#" && state.startOfLine) {
+      stream.skipToEnd();
+      return "meta";
+    }
+    if (ch == '"' || ch == "'") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    }
+    if (ch == "(" && stream.eat("*")) {
+      state.tokenize = tokenComment;
+      return tokenComment(stream, state);
+    }
+    if (/[\[\]{}\(\),;\:\.]/.test(ch)) {
+      return null;
+    }
+    if (/\d/.test(ch)) {
+      stream.eatWhile(/[\w\.]/);
+      return "number";
+    }
+    if (ch == "/") {
+      if (stream.eat("/")) {
+        stream.skipToEnd();
+        return "comment";
+      }
+    }
+    if (isOperatorChar.test(ch)) {
+      stream.eatWhile(isOperatorChar);
+      return "operator";
+    }
+    stream.eatWhile(/[\w\$_]/);
+    var cur = stream.current();
+    if (keywords.propertyIsEnumerable(cur)) return "keyword";
+    if (atoms.propertyIsEnumerable(cur)) return "atom";
+    return "variable";
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, next, end = false;
+      while ((next = stream.next()) != null) {
+        if (next == quote && !escaped) {end = true; break;}
+        escaped = !escaped && next == "\\";
+      }
+      if (end || !escaped) state.tokenize = null;
+      return "string";
+    };
+  }
+
+  function tokenComment(stream, state) {
+    var maybeEnd = false, ch;
+    while (ch = stream.next()) {
+      if (ch == ")" && maybeEnd) {
+        state.tokenize = null;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return "comment";
+  }
+
+  // Interface
+
+  return {
+    startState: function() {
+      return {tokenize: null};
+    },
+
+    token: function(stream, state) {
+      if (stream.eatSpace()) return null;
+      var style = (state.tokenize || tokenBase)(stream, state);
+      if (style == "comment" || style == "meta") return style;
+      return style;
+    },
+
+    electricChars: "{}"
+  };
+});
+
+CodeMirror.defineMIME("text/x-pascal", "pascal");
diff --git a/src/main/webapp/codemirror/mode/pegjs/index.html b/src/main/webapp/codemirror/mode/pegjs/index.html
new file mode 100644
index 00000000..678b714d
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/pegjs/index.html
@@ -0,0 +1,66 @@
+<!doctype html>
+<html>
+  <head>
+    <title>CodeMirror: PEG.js Mode</title>
+    <meta charset="utf-8"/>
+    <link rel=stylesheet href="../../doc/docs.css">
+
+    <link rel="stylesheet" href="../../lib/codemirror.css">
+    <script src="../../lib/codemirror.js"></script>
+    <script src="../javascript/javascript.js"></script>
+    <script src="pegjs.js"></script>
+    <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+  </head>
+  <body>
+    <div id=nav>
+      <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+      <ul>
+        <li><a href="../../index.html">Home</a>
+        <li><a href="../../doc/manual.html">Manual</a>
+        <li><a href="https://github.com/marijnh/codemirror">Code</a>
+      </ul>
+      <ul>
+        <li><a href="../index.html">Language modes</a>
+        <li><a class=active href="#">PEG.js Mode</a>
+      </ul>
+    </div>
+
+    <article>
+      <h2>PEG.js Mode</h2>
+      <form><textarea id="code" name="code">
+/*
+ * Classic example grammar, which recognizes simple arithmetic expressions like
+ * "2*(3+4)". The parser generated from this grammar then computes their value.
+ */
+
+start
+  = additive
+
+additive
+  = left:multiplicative "+" right:additive { return left + right; }
+  / multiplicative
+
+multiplicative
+  = left:primary "*" right:multiplicative { return left * right; }
+  / primary
+
+primary
+  = integer
+  / "(" additive:additive ")" { return additive; }
+
+integer "integer"
+  = digits:[0-9]+ { return parseInt(digits.join(""), 10); }
+
+letter = [a-z]+</textarea></form>
+      <script>
+        var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+          mode: {name: "pegjs"},
+          lineNumbers: true
+        });
+      </script>
+      <h3>The PEG.js Mode</h3>
+      <p> Created by Forbes Lindesay.</p>
+    </article>
+  </body>
+</html>
diff --git a/src/main/webapp/codemirror/mode/pegjs/pegjs.js b/src/main/webapp/codemirror/mode/pegjs/pegjs.js
new file mode 100644
index 00000000..6cdcc61f
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/pegjs/pegjs.js
@@ -0,0 +1,103 @@
+CodeMirror.defineMode("pegjs", function (config) {
+  var jsMode = CodeMirror.getMode(config, "javascript");
+
+  function identifier(stream) {
+    return stream.match(/^[a-zA-Z_][a-zA-Z0-9_]*/);
+  }
+
+  return {
+    startState: function () {
+      return {
+        inString: false,
+        stringType: null,
+        inComment: false,
+        inChracterClass: false,
+        braced: 0,
+        lhs: true,
+        localState: null
+      };
+    },
+    token: function (stream, state) {
+      if (stream)
+
+      //check for state changes
+      if (!state.inString && !state.inComment && ((stream.peek() == '"') || (stream.peek() == "'"))) {
+        state.stringType = stream.peek();
+        stream.next(); // Skip quote
+        state.inString = true; // Update state
+      }
+      if (!state.inString && !state.inComment && stream.match(/^\/\*/)) {
+        state.inComment = true;
+      }
+
+      //return state
+      if (state.inString) {
+        while (state.inString && !stream.eol()) {
+          if (stream.peek() === state.stringType) {
+            stream.next(); // Skip quote
+            state.inString = false; // Clear flag
+          } else if (stream.peek() === '\\') {
+            stream.next();
+            stream.next();
+          } else {
+            stream.match(/^.[^\\\"\']*/);
+          }
+        }
+        return state.lhs ? "property string" : "string"; // Token style
+      } else if (state.inComment) {
+        while (state.inComment && !stream.eol()) {
+          if (stream.match(/\*\//)) {
+            state.inComment = false; // Clear flag
+          } else {
+            stream.match(/^.[^\*]*/);
+          }
+        }
+        return "comment";
+      } else if (state.inChracterClass) {
+        if (stream.match(/^[^\]\\]+/)) {
+          return;
+        } else if (stream.match(/^\\./)) {
+          return;
+        } else {
+          stream.next();
+          state.inChracterClass = false;
+          return 'bracket';
+        }
+      } else if (stream.peek() === '[') {
+        stream.next();
+        state.inChracterClass = true;
+        return 'bracket';
+      } else if (stream.match(/^\/\//)) {
+        stream.skipToEnd();
+        return "comment";
+      } else if (state.braced || stream.peek() === '{') {
+        if (state.localState === null) {
+          state.localState = jsMode.startState();
+        }
+        var token = jsMode.token(stream, state.localState);
+        var text = stream.current();
+        if (!token) {
+          for (var i = 0; i < text.length; i++) {
+            if (text[i] === '{') {
+              state.braced++;
+            } else if (text[i] === '}') {
+              state.braced--;
+            }
+          };
+        }
+        return token;
+      } else if (identifier(stream)) {
+        if (stream.peek() === ':') {
+          return 'variable';
+        }
+        return 'variable-2';
+      } else if (['[', ']', '(', ')'].indexOf(stream.peek()) != -1) {
+        stream.next();
+        return 'bracket';
+      } else if (!stream.eatSpace()) {
+        stream.next();
+      }
+      return null;
+    }
+  };
+}, "javascript");
diff --git a/src/main/webapp/codemirror/mode/perl/index.html b/src/main/webapp/codemirror/mode/perl/index.html
new file mode 100644
index 00000000..2b7578ef
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/perl/index.html
@@ -0,0 +1,75 @@
+<!doctype html>
+
+<title>CodeMirror: Perl mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="perl.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Perl</a>
+  </ul>
+</div>
+
+<article>
+<h2>Perl mode</h2>
+
+
+<div><textarea id="code" name="code">
+#!/usr/bin/perl
+
+use Something qw(func1 func2);
+
+# strings
+my $s1 = qq'single line';
+our $s2 = q(multi-
+              line);
+
+=item Something
+	Example.
+=cut
+
+my $html=<<'HTML'
+<html>
+<title>hi!</title>
+</html>
+HTML
+
+print "first,".join(',', 'second', qq~third~);
+
+if($s1 =~ m[(?<!\s)(l.ne)\z]o) {
+	$h->{$1}=$$.' predefined variables';
+	$s2 =~ s/\-line//ox;
+	$s1 =~ s[
+		  line ]
+		[
+		  block
+		]ox;
+}
+
+1; # numbers and comments
+
+__END__
+something...
+
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-perl</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/perl/perl.js b/src/main/webapp/codemirror/mode/perl/perl.js
new file mode 100644
index 00000000..5954b1a6
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/perl/perl.js
@@ -0,0 +1,816 @@
+// CodeMirror2 mode/perl/perl.js (text/x-perl) beta 0.10 (2011-11-08)
+// This is a part of CodeMirror from https://github.com/sabaca/CodeMirror_mode_perl (mail@sabaca.com)
+CodeMirror.defineMode("perl",function(){
+        // http://perldoc.perl.org
+        var PERL={                                      //   null - magic touch
+                                                        //   1 - keyword
+                                                        //   2 - def
+                                                        //   3 - atom
+                                                        //   4 - operator
+                                                        //   5 - variable-2 (predefined)
+                                                        //   [x,y] - x=1,2,3; y=must be defined if x{...}
+                                                //      PERL operators
+                '->'                            :   4,
+                '++'                            :   4,
+                '--'                            :   4,
+                '**'                            :   4,
+                                                        //   ! ~ \ and unary + and -
+                '=~'                            :   4,
+                '!~'                            :   4,
+                '*'                             :   4,
+                '/'                             :   4,
+                '%'                             :   4,
+                'x'                             :   4,
+                '+'                             :   4,
+                '-'                             :   4,
+                '.'                             :   4,
+                '<<'                            :   4,
+                '>>'                            :   4,
+                                                        //   named unary operators
+                '<'                             :   4,
+                '>'                             :   4,
+                '<='                            :   4,
+                '>='                            :   4,
+                'lt'                            :   4,
+                'gt'                            :   4,
+                'le'                            :   4,
+                'ge'                            :   4,
+                '=='                            :   4,
+                '!='                            :   4,
+                '<=>'                           :   4,
+                'eq'                            :   4,
+                'ne'                            :   4,
+                'cmp'                           :   4,
+                '~~'                            :   4,
+                '&'                             :   4,
+                '|'                             :   4,
+                '^'                             :   4,
+                '&&'                            :   4,
+                '||'                            :   4,
+                '//'                            :   4,
+                '..'                            :   4,
+                '...'                           :   4,
+                '?'                             :   4,
+                ':'                             :   4,
+                '='                             :   4,
+                '+='                            :   4,
+                '-='                            :   4,
+                '*='                            :   4,  //   etc. ???
+                ','                             :   4,
+                '=>'                            :   4,
+                '::'                            :   4,
+                                                        //   list operators (rightward)
+                'not'                           :   4,
+                'and'                           :   4,
+                'or'                            :   4,
+                'xor'                           :   4,
+                                                //      PERL predefined variables (I know, what this is a paranoid idea, but may be needed for people, who learn PERL, and for me as well, ...and may be for you?;)
+                'BEGIN'                         :   [5,1],
+                'END'                           :   [5,1],
+                'PRINT'                         :   [5,1],
+                'PRINTF'                        :   [5,1],
+                'GETC'                          :   [5,1],
+                'READ'                          :   [5,1],
+                'READLINE'                      :   [5,1],
+                'DESTROY'                       :   [5,1],
+                'TIE'                           :   [5,1],
+                'TIEHANDLE'                     :   [5,1],
+                'UNTIE'                         :   [5,1],
+                'STDIN'                         :    5,
+                'STDIN_TOP'                     :    5,
+                'STDOUT'                        :    5,
+                'STDOUT_TOP'                    :    5,
+                'STDERR'                        :    5,
+                'STDERR_TOP'                    :    5,
+                '$ARG'                          :    5,
+                '$_'                            :    5,
+                '@ARG'                          :    5,
+                '@_'                            :    5,
+                '$LIST_SEPARATOR'               :    5,
+                '$"'                            :    5,
+                '$PROCESS_ID'                   :    5,
+                '$PID'                          :    5,
+                '$$'                            :    5,
+                '$REAL_GROUP_ID'                :    5,
+                '$GID'                          :    5,
+                '$('                            :    5,
+                '$EFFECTIVE_GROUP_ID'           :    5,
+                '$EGID'                         :    5,
+                '$)'                            :    5,
+                '$PROGRAM_NAME'                 :    5,
+                '$0'                            :    5,
+                '$SUBSCRIPT_SEPARATOR'          :    5,
+                '$SUBSEP'                       :    5,
+                '$;'                            :    5,
+                '$REAL_USER_ID'                 :    5,
+                '$UID'                          :    5,
+                '$<'                            :    5,
+                '$EFFECTIVE_USER_ID'            :    5,
+                '$EUID'                         :    5,
+                '$>'                            :    5,
+                '$a'                            :    5,
+                '$b'                            :    5,
+                '$COMPILING'                    :    5,
+                '$^C'                           :    5,
+                '$DEBUGGING'                    :    5,
+                '$^D'                           :    5,
+                '${^ENCODING}'                  :    5,
+                '$ENV'                          :    5,
+                '%ENV'                          :    5,
+                '$SYSTEM_FD_MAX'                :    5,
+                '$^F'                           :    5,
+                '@F'                            :    5,
+                '${^GLOBAL_PHASE}'              :    5,
+                '$^H'                           :    5,
+                '%^H'                           :    5,
+                '@INC'                          :    5,
+                '%INC'                          :    5,
+                '$INPLACE_EDIT'                 :    5,
+                '$^I'                           :    5,
+                '$^M'                           :    5,
+                '$OSNAME'                       :    5,
+                '$^O'                           :    5,
+                '${^OPEN}'                      :    5,
+                '$PERLDB'                       :    5,
+                '$^P'                           :    5,
+                '$SIG'                          :    5,
+                '%SIG'                          :    5,
+                '$BASETIME'                     :    5,
+                '$^T'                           :    5,
+                '${^TAINT}'                     :    5,
+                '${^UNICODE}'                   :    5,
+                '${^UTF8CACHE}'                 :    5,
+                '${^UTF8LOCALE}'                :    5,
+                '$PERL_VERSION'                 :    5,
+                '$^V'                           :    5,
+                '${^WIN32_SLOPPY_STAT}'         :    5,
+                '$EXECUTABLE_NAME'              :    5,
+                '$^X'                           :    5,
+                '$1'                            :    5, // - regexp $1, $2...
+                '$MATCH'                        :    5,
+                '$&'                            :    5,
+                '${^MATCH}'                     :    5,
+                '$PREMATCH'                     :    5,
+                '$`'                            :    5,
+                '${^PREMATCH}'                  :    5,
+                '$POSTMATCH'                    :    5,
+                "$'"                            :    5,
+                '${^POSTMATCH}'                 :    5,
+                '$LAST_PAREN_MATCH'             :    5,
+                '$+'                            :    5,
+                '$LAST_SUBMATCH_RESULT'         :    5,
+                '$^N'                           :    5,
+                '@LAST_MATCH_END'               :    5,
+                '@+'                            :    5,
+                '%LAST_PAREN_MATCH'             :    5,
+                '%+'                            :    5,
+                '@LAST_MATCH_START'             :    5,
+                '@-'                            :    5,
+                '%LAST_MATCH_START'             :    5,
+                '%-'                            :    5,
+                '$LAST_REGEXP_CODE_RESULT'      :    5,
+                '$^R'                           :    5,
+                '${^RE_DEBUG_FLAGS}'            :    5,
+                '${^RE_TRIE_MAXBUF}'            :    5,
+                '$ARGV'                         :    5,
+                '@ARGV'                         :    5,
+                'ARGV'                          :    5,
+                'ARGVOUT'                       :    5,
+                '$OUTPUT_FIELD_SEPARATOR'       :    5,
+                '$OFS'                          :    5,
+                '$,'                            :    5,
+                '$INPUT_LINE_NUMBER'            :    5,
+                '$NR'                           :    5,
+                '$.'                            :    5,
+                '$INPUT_RECORD_SEPARATOR'       :    5,
+                '$RS'                           :    5,
+                '$/'                            :    5,
+                '$OUTPUT_RECORD_SEPARATOR'      :    5,
+                '$ORS'                          :    5,
+                '$\\'                           :    5,
+                '$OUTPUT_AUTOFLUSH'             :    5,
+                '$|'                            :    5,
+                '$ACCUMULATOR'                  :    5,
+                '$^A'                           :    5,
+                '$FORMAT_FORMFEED'              :    5,
+                '$^L'                           :    5,
+                '$FORMAT_PAGE_NUMBER'           :    5,
+                '$%'                            :    5,
+                '$FORMAT_LINES_LEFT'            :    5,
+                '$-'                            :    5,
+                '$FORMAT_LINE_BREAK_CHARACTERS' :    5,
+                '$:'                            :    5,
+                '$FORMAT_LINES_PER_PAGE'        :    5,
+                '$='                            :    5,
+                '$FORMAT_TOP_NAME'              :    5,
+                '$^'                            :    5,
+                '$FORMAT_NAME'                  :    5,
+                '$~'                            :    5,
+                '${^CHILD_ERROR_NATIVE}'        :    5,
+                '$EXTENDED_OS_ERROR'            :    5,
+                '$^E'                           :    5,
+                '$EXCEPTIONS_BEING_CAUGHT'      :    5,
+                '$^S'                           :    5,
+                '$WARNING'                      :    5,
+                '$^W'                           :    5,
+                '${^WARNING_BITS}'              :    5,
+                '$OS_ERROR'                     :    5,
+                '$ERRNO'                        :    5,
+                '$!'                            :    5,
+                '%OS_ERROR'                     :    5,
+                '%ERRNO'                        :    5,
+                '%!'                            :    5,
+                '$CHILD_ERROR'                  :    5,
+                '$?'                            :    5,
+                '$EVAL_ERROR'                   :    5,
+                '$@'                            :    5,
+                '$OFMT'                         :    5,
+                '$#'                            :    5,
+                '$*'                            :    5,
+                '$ARRAY_BASE'                   :    5,
+                '$['                            :    5,
+                '$OLD_PERL_VERSION'             :    5,
+                '$]'                            :    5,
+                                                //      PERL blocks
+                'if'                            :[1,1],
+                elsif                           :[1,1],
+                'else'                          :[1,1],
+                'while'                         :[1,1],
+                unless                          :[1,1],
+                'for'                           :[1,1],
+                foreach                         :[1,1],
+                                                //      PERL functions
+                'abs'                           :1,     // - absolute value function
+                accept                          :1,     // - accept an incoming socket connect
+                alarm                           :1,     // - schedule a SIGALRM
+                'atan2'                         :1,     // - arctangent of Y/X in the range -PI to PI
+                bind                            :1,     // - binds an address to a socket
+                binmode                         :1,     // - prepare binary files for I/O
+                bless                           :1,     // - create an object
+                bootstrap                       :1,     //
+                'break'                         :1,     // - break out of a "given" block
+                caller                          :1,     // - get context of the current subroutine call
+                chdir                           :1,     // - change your current working directory
+                chmod                           :1,     // - changes the permissions on a list of files
+                chomp                           :1,     // - remove a trailing record separator from a string
+                chop                            :1,     // - remove the last character from a string
+                chown                           :1,     // - change the owership on a list of files
+                chr                             :1,     // - get character this number represents
+                chroot                          :1,     // - make directory new root for path lookups
+                close                           :1,     // - close file (or pipe or socket) handle
+                closedir                        :1,     // - close directory handle
+                connect                         :1,     // - connect to a remote socket
+                'continue'                      :[1,1], // - optional trailing block in a while or foreach
+                'cos'                           :1,     // - cosine function
+                crypt                           :1,     // - one-way passwd-style encryption
+                dbmclose                        :1,     // - breaks binding on a tied dbm file
+                dbmopen                         :1,     // - create binding on a tied dbm file
+                'default'                       :1,     //
+                defined                         :1,     // - test whether a value, variable, or function is defined
+                'delete'                        :1,     // - deletes a value from a hash
+                die                             :1,     // - raise an exception or bail out
+                'do'                            :1,     // - turn a BLOCK into a TERM
+                dump                            :1,     // - create an immediate core dump
+                each                            :1,     // - retrieve the next key/value pair from a hash
+                endgrent                        :1,     // - be done using group file
+                endhostent                      :1,     // - be done using hosts file
+                endnetent                       :1,     // - be done using networks file
+                endprotoent                     :1,     // - be done using protocols file
+                endpwent                        :1,     // - be done using passwd file
+                endservent                      :1,     // - be done using services file
+                eof                             :1,     // - test a filehandle for its end
+                'eval'                          :1,     // - catch exceptions or compile and run code
+                'exec'                          :1,     // - abandon this program to run another
+                exists                          :1,     // - test whether a hash key is present
+                exit                            :1,     // - terminate this program
+                'exp'                           :1,     // - raise I to a power
+                fcntl                           :1,     // - file control system call
+                fileno                          :1,     // - return file descriptor from filehandle
+                flock                           :1,     // - lock an entire file with an advisory lock
+                fork                            :1,     // - create a new process just like this one
+                format                          :1,     // - declare a picture format with use by the write() function
+                formline                        :1,     // - internal function used for formats
+                getc                            :1,     // - get the next character from the filehandle
+                getgrent                        :1,     // - get next group record
+                getgrgid                        :1,     // - get group record given group user ID
+                getgrnam                        :1,     // - get group record given group name
+                gethostbyaddr                   :1,     // - get host record given its address
+                gethostbyname                   :1,     // - get host record given name
+                gethostent                      :1,     // - get next hosts record
+                getlogin                        :1,     // - return who logged in at this tty
+                getnetbyaddr                    :1,     // - get network record given its address
+                getnetbyname                    :1,     // - get networks record given name
+                getnetent                       :1,     // - get next networks record
+                getpeername                     :1,     // - find the other end of a socket connection
+                getpgrp                         :1,     // - get process group
+                getppid                         :1,     // - get parent process ID
+                getpriority                     :1,     // - get current nice value
+                getprotobyname                  :1,     // - get protocol record given name
+                getprotobynumber                :1,     // - get protocol record numeric protocol
+                getprotoent                     :1,     // - get next protocols record
+                getpwent                        :1,     // - get next passwd record
+                getpwnam                        :1,     // - get passwd record given user login name
+                getpwuid                        :1,     // - get passwd record given user ID
+                getservbyname                   :1,     // - get services record given its name
+                getservbyport                   :1,     // - get services record given numeric port
+                getservent                      :1,     // - get next services record
+                getsockname                     :1,     // - retrieve the sockaddr for a given socket
+                getsockopt                      :1,     // - get socket options on a given socket
+                given                           :1,     //
+                glob                            :1,     // - expand filenames using wildcards
+                gmtime                          :1,     // - convert UNIX time into record or string using Greenwich time
+                'goto'                          :1,     // - create spaghetti code
+                grep                            :1,     // - locate elements in a list test true against a given criterion
+                hex                             :1,     // - convert a string to a hexadecimal number
+                'import'                        :1,     // - patch a module's namespace into your own
+                index                           :1,     // - find a substring within a string
+                'int'                           :1,     // - get the integer portion of a number
+                ioctl                           :1,     // - system-dependent device control system call
+                'join'                          :1,     // - join a list into a string using a separator
+                keys                            :1,     // - retrieve list of indices from a hash
+                kill                            :1,     // - send a signal to a process or process group
+                last                            :1,     // - exit a block prematurely
+                lc                              :1,     // - return lower-case version of a string
+                lcfirst                         :1,     // - return a string with just the next letter in lower case
+                length                          :1,     // - return the number of bytes in a string
+                'link'                          :1,     // - create a hard link in the filesytem
+                listen                          :1,     // - register your socket as a server
+                local                           : 2,    // - create a temporary value for a global variable (dynamic scoping)
+                localtime                       :1,     // - convert UNIX time into record or string using local time
+                lock                            :1,     // - get a thread lock on a variable, subroutine, or method
+                'log'                           :1,     // - retrieve the natural logarithm for a number
+                lstat                           :1,     // - stat a symbolic link
+                m                               :null,  // - match a string with a regular expression pattern
+                map                             :1,     // - apply a change to a list to get back a new list with the changes
+                mkdir                           :1,     // - create a directory
+                msgctl                          :1,     // - SysV IPC message control operations
+                msgget                          :1,     // - get SysV IPC message queue
+                msgrcv                          :1,     // - receive a SysV IPC message from a message queue
+                msgsnd                          :1,     // - send a SysV IPC message to a message queue
+                my                              : 2,    // - declare and assign a local variable (lexical scoping)
+                'new'                           :1,     //
+                next                            :1,     // - iterate a block prematurely
+                no                              :1,     // - unimport some module symbols or semantics at compile time
+                oct                             :1,     // - convert a string to an octal number
+                open                            :1,     // - open a file, pipe, or descriptor
+                opendir                         :1,     // - open a directory
+                ord                             :1,     // - find a character's numeric representation
+                our                             : 2,    // - declare and assign a package variable (lexical scoping)
+                pack                            :1,     // - convert a list into a binary representation
+                'package'                       :1,     // - declare a separate global namespace
+                pipe                            :1,     // - open a pair of connected filehandles
+                pop                             :1,     // - remove the last element from an array and return it
+                pos                             :1,     // - find or set the offset for the last/next m//g search
+                print                           :1,     // - output a list to a filehandle
+                printf                          :1,     // - output a formatted list to a filehandle
+                prototype                       :1,     // - get the prototype (if any) of a subroutine
+                push                            :1,     // - append one or more elements to an array
+                q                               :null,  // - singly quote a string
+                qq                              :null,  // - doubly quote a string
+                qr                              :null,  // - Compile pattern
+                quotemeta                       :null,  // - quote regular expression magic characters
+                qw                              :null,  // - quote a list of words
+                qx                              :null,  // - backquote quote a string
+                rand                            :1,     // - retrieve the next pseudorandom number
+                read                            :1,     // - fixed-length buffered input from a filehandle
+                readdir                         :1,     // - get a directory from a directory handle
+                readline                        :1,     // - fetch a record from a file
+                readlink                        :1,     // - determine where a symbolic link is pointing
+                readpipe                        :1,     // - execute a system command and collect standard output
+                recv                            :1,     // - receive a message over a Socket
+                redo                            :1,     // - start this loop iteration over again
+                ref                             :1,     // - find out the type of thing being referenced
+                rename                          :1,     // - change a filename
+                require                         :1,     // - load in external functions from a library at runtime
+                reset                           :1,     // - clear all variables of a given name
+                'return'                        :1,     // - get out of a function early
+                reverse                         :1,     // - flip a string or a list
+                rewinddir                       :1,     // - reset directory handle
+                rindex                          :1,     // - right-to-left substring search
+                rmdir                           :1,     // - remove a directory
+                s                               :null,  // - replace a pattern with a string
+                say                             :1,     // - print with newline
+                scalar                          :1,     // - force a scalar context
+                seek                            :1,     // - reposition file pointer for random-access I/O
+                seekdir                         :1,     // - reposition directory pointer
+                select                          :1,     // - reset default output or do I/O multiplexing
+                semctl                          :1,     // - SysV semaphore control operations
+                semget                          :1,     // - get set of SysV semaphores
+                semop                           :1,     // - SysV semaphore operations
+                send                            :1,     // - send a message over a socket
+                setgrent                        :1,     // - prepare group file for use
+                sethostent                      :1,     // - prepare hosts file for use
+                setnetent                       :1,     // - prepare networks file for use
+                setpgrp                         :1,     // - set the process group of a process
+                setpriority                     :1,     // - set a process's nice value
+                setprotoent                     :1,     // - prepare protocols file for use
+                setpwent                        :1,     // - prepare passwd file for use
+                setservent                      :1,     // - prepare services file for use
+                setsockopt                      :1,     // - set some socket options
+                shift                           :1,     // - remove the first element of an array, and return it
+                shmctl                          :1,     // - SysV shared memory operations
+                shmget                          :1,     // - get SysV shared memory segment identifier
+                shmread                         :1,     // - read SysV shared memory
+                shmwrite                        :1,     // - write SysV shared memory
+                shutdown                        :1,     // - close down just half of a socket connection
+                'sin'                           :1,     // - return the sine of a number
+                sleep                           :1,     // - block for some number of seconds
+                socket                          :1,     // - create a socket
+                socketpair                      :1,     // - create a pair of sockets
+                'sort'                          :1,     // - sort a list of values
+                splice                          :1,     // - add or remove elements anywhere in an array
+                'split'                         :1,     // - split up a string using a regexp delimiter
+                sprintf                         :1,     // - formatted print into a string
+                'sqrt'                          :1,     // - square root function
+                srand                           :1,     // - seed the random number generator
+                stat                            :1,     // - get a file's status information
+                state                           :1,     // - declare and assign a state variable (persistent lexical scoping)
+                study                           :1,     // - optimize input data for repeated searches
+                'sub'                           :1,     // - declare a subroutine, possibly anonymously
+                'substr'                        :1,     // - get or alter a portion of a stirng
+                symlink                         :1,     // - create a symbolic link to a file
+                syscall                         :1,     // - execute an arbitrary system call
+                sysopen                         :1,     // - open a file, pipe, or descriptor
+                sysread                         :1,     // - fixed-length unbuffered input from a filehandle
+                sysseek                         :1,     // - position I/O pointer on handle used with sysread and syswrite
+                system                          :1,     // - run a separate program
+                syswrite                        :1,     // - fixed-length unbuffered output to a filehandle
+                tell                            :1,     // - get current seekpointer on a filehandle
+                telldir                         :1,     // - get current seekpointer on a directory handle
+                tie                             :1,     // - bind a variable to an object class
+                tied                            :1,     // - get a reference to the object underlying a tied variable
+                time                            :1,     // - return number of seconds since 1970
+                times                           :1,     // - return elapsed time for self and child processes
+                tr                              :null,  // - transliterate a string
+                truncate                        :1,     // - shorten a file
+                uc                              :1,     // - return upper-case version of a string
+                ucfirst                         :1,     // - return a string with just the next letter in upper case
+                umask                           :1,     // - set file creation mode mask
+                undef                           :1,     // - remove a variable or function definition
+                unlink                          :1,     // - remove one link to a file
+                unpack                          :1,     // - convert binary structure into normal perl variables
+                unshift                         :1,     // - prepend more elements to the beginning of a list
+                untie                           :1,     // - break a tie binding to a variable
+                use                             :1,     // - load in a module at compile time
+                utime                           :1,     // - set a file's last access and modify times
+                values                          :1,     // - return a list of the values in a hash
+                vec                             :1,     // - test or set particular bits in a string
+                wait                            :1,     // - wait for any child process to die
+                waitpid                         :1,     // - wait for a particular child process to die
+                wantarray                       :1,     // - get void vs scalar vs list context of current subroutine call
+                warn                            :1,     // - print debugging info
+                when                            :1,     //
+                write                           :1,     // - print a picture record
+                y                               :null}; // - transliterate a string
+
+        var RXstyle="string-2";
+        var RXmodifiers=/[goseximacplud]/;              // NOTE: "m", "s", "y" and "tr" need to correct real modifiers for each regexp type
+
+        function tokenChain(stream,state,chain,style,tail){     // NOTE: chain.length > 2 is not working now (it's for s[...][...]geos;)
+                state.chain=null;                               //                                                          12   3tail
+                state.style=null;
+                state.tail=null;
+                state.tokenize=function(stream,state){
+                        var e=false,c,i=0;
+                        while(c=stream.next()){
+                                if(c===chain[i]&&!e){
+                                        if(chain[++i]!==undefined){
+                                                state.chain=chain[i];
+                                                state.style=style;
+                                                state.tail=tail;}
+                                        else if(tail)
+                                                stream.eatWhile(tail);
+                                        state.tokenize=tokenPerl;
+                                        return style;}
+                                e=!e&&c=="\\";}
+                        return style;};
+                return state.tokenize(stream,state);}
+
+        function tokenSOMETHING(stream,state,string){
+                state.tokenize=function(stream,state){
+                        if(stream.string==string)
+                                state.tokenize=tokenPerl;
+                        stream.skipToEnd();
+                        return "string";};
+                return state.tokenize(stream,state);}
+
+        function tokenPerl(stream,state){
+                if(stream.eatSpace())
+                        return null;
+                if(state.chain)
+                        return tokenChain(stream,state,state.chain,state.style,state.tail);
+                if(stream.match(/^\-?[\d\.]/,false))
+                        if(stream.match(/^(\-?(\d*\.\d+(e[+-]?\d+)?|\d+\.\d*)|0x[\da-fA-F]+|0b[01]+|\d+(e[+-]?\d+)?)/))
+                                return 'number';
+                if(stream.match(/^<<(?=\w)/)){                  // NOTE: <<SOMETHING\n...\nSOMETHING\n
+                        stream.eatWhile(/\w/);
+                        return tokenSOMETHING(stream,state,stream.current().substr(2));}
+                if(stream.sol()&&stream.match(/^\=item(?!\w)/)){// NOTE: \n=item...\n=cut\n
+                        return tokenSOMETHING(stream,state,'=cut');}
+                var ch=stream.next();
+                if(ch=='"'||ch=="'"){                           // NOTE: ' or " or <<'SOMETHING'\n...\nSOMETHING\n or <<"SOMETHING"\n...\nSOMETHING\n
+                        if(stream.prefix(3)=="<<"+ch){
+                                var p=stream.pos;
+                                stream.eatWhile(/\w/);
+                                var n=stream.current().substr(1);
+                                if(n&&stream.eat(ch))
+                                        return tokenSOMETHING(stream,state,n);
+                                stream.pos=p;}
+                        return tokenChain(stream,state,[ch],"string");}
+                if(ch=="q"){
+                        var c=stream.look(-2);
+                        if(!(c&&/\w/.test(c))){
+                                c=stream.look(0);
+                                if(c=="x"){
+                                        c=stream.look(1);
+                                        if(c=="("){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,[")"],RXstyle,RXmodifiers);}
+                                        if(c=="["){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,["]"],RXstyle,RXmodifiers);}
+                                        if(c=="{"){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,["}"],RXstyle,RXmodifiers);}
+                                        if(c=="<"){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,[">"],RXstyle,RXmodifiers);}
+                                        if(/[\^'"!~\/]/.test(c)){
+                                                stream.eatSuffix(1);
+                                                return tokenChain(stream,state,[stream.eat(c)],RXstyle,RXmodifiers);}}
+                                else if(c=="q"){
+                                        c=stream.look(1);
+                                        if(c=="("){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,[")"],"string");}
+                                        if(c=="["){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,["]"],"string");}
+                                        if(c=="{"){
+stream.eatSuffix(2);
+                                                return tokenChain(stream,state,["}"],"string");}
+                                        if(c=="<"){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,[">"],"string");}
+                                        if(/[\^'"!~\/]/.test(c)){
+                                                stream.eatSuffix(1);
+                                                return tokenChain(stream,state,[stream.eat(c)],"string");}}
+                                else if(c=="w"){
+                                        c=stream.look(1);
+                                        if(c=="("){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,[")"],"bracket");}
+                                        if(c=="["){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,["]"],"bracket");}
+                                        if(c=="{"){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,["}"],"bracket");}
+                                        if(c=="<"){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,[">"],"bracket");}
+                                        if(/[\^'"!~\/]/.test(c)){
+                                                stream.eatSuffix(1);
+                                                return tokenChain(stream,state,[stream.eat(c)],"bracket");}}
+                                else if(c=="r"){
+                                        c=stream.look(1);
+                                        if(c=="("){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,[")"],RXstyle,RXmodifiers);}
+                                        if(c=="["){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,["]"],RXstyle,RXmodifiers);}
+                                        if(c=="{"){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,["}"],RXstyle,RXmodifiers);}
+                                        if(c=="<"){
+                                                stream.eatSuffix(2);
+                                                return tokenChain(stream,state,[">"],RXstyle,RXmodifiers);}
+                                        if(/[\^'"!~\/]/.test(c)){
+                                                stream.eatSuffix(1);
+                                                return tokenChain(stream,state,[stream.eat(c)],RXstyle,RXmodifiers);}}
+                                else if(/[\^'"!~\/(\[{<]/.test(c)){
+                                        if(c=="("){
+                                                stream.eatSuffix(1);
+                                                return tokenChain(stream,state,[")"],"string");}
+                                        if(c=="["){
+                                                stream.eatSuffix(1);
+                                                return tokenChain(stream,state,["]"],"string");}
+                                        if(c=="{"){
+                                                stream.eatSuffix(1);
+                                                return tokenChain(stream,state,["}"],"string");}
+                                        if(c=="<"){
+                                                stream.eatSuffix(1);
+                                                return tokenChain(stream,state,[">"],"string");}
+                                        if(/[\^'"!~\/]/.test(c)){
+                                                return tokenChain(stream,state,[stream.eat(c)],"string");}}}}
+                if(ch=="m"){
+                        var c=stream.look(-2);
+                        if(!(c&&/\w/.test(c))){
+                                c=stream.eat(/[(\[{<\^'"!~\/]/);
+                                if(c){
+                                        if(/[\^'"!~\/]/.test(c)){
+                                                return tokenChain(stream,state,[c],RXstyle,RXmodifiers);}
+                                        if(c=="("){
+                                                return tokenChain(stream,state,[")"],RXstyle,RXmodifiers);}
+                                        if(c=="["){
+                                                return tokenChain(stream,state,["]"],RXstyle,RXmodifiers);}
+                                        if(c=="{"){
+                                                return tokenChain(stream,state,["}"],RXstyle,RXmodifiers);}
+                                        if(c=="<"){
+                                                return tokenChain(stream,state,[">"],RXstyle,RXmodifiers);}}}}
+                if(ch=="s"){
+                        var c=/[\/>\]})\w]/.test(stream.look(-2));
+                        if(!c){
+                                c=stream.eat(/[(\[{<\^'"!~\/]/);
+                                if(c){
+                                        if(c=="[")
+                                                return tokenChain(stream,state,["]","]"],RXstyle,RXmodifiers);
+                                        if(c=="{")
+                                                return tokenChain(stream,state,["}","}"],RXstyle,RXmodifiers);
+                                        if(c=="<")
+                                                return tokenChain(stream,state,[">",">"],RXstyle,RXmodifiers);
+                                        if(c=="(")
+                                                return tokenChain(stream,state,[")",")"],RXstyle,RXmodifiers);
+                                        return tokenChain(stream,state,[c,c],RXstyle,RXmodifiers);}}}
+                if(ch=="y"){
+                        var c=/[\/>\]})\w]/.test(stream.look(-2));
+                        if(!c){
+                                c=stream.eat(/[(\[{<\^'"!~\/]/);
+                                if(c){
+                                        if(c=="[")
+                                                return tokenChain(stream,state,["]","]"],RXstyle,RXmodifiers);
+                                        if(c=="{")
+                                                return tokenChain(stream,state,["}","}"],RXstyle,RXmodifiers);
+                                        if(c=="<")
+                                                return tokenChain(stream,state,[">",">"],RXstyle,RXmodifiers);
+                                        if(c=="(")
+                                                return tokenChain(stream,state,[")",")"],RXstyle,RXmodifiers);
+                                        return tokenChain(stream,state,[c,c],RXstyle,RXmodifiers);}}}
+                if(ch=="t"){
+                        var c=/[\/>\]})\w]/.test(stream.look(-2));
+                        if(!c){
+                                c=stream.eat("r");if(c){
+                                c=stream.eat(/[(\[{<\^'"!~\/]/);
+                                if(c){
+                                        if(c=="[")
+                                                return tokenChain(stream,state,["]","]"],RXstyle,RXmodifiers);
+                                        if(c=="{")
+                                                return tokenChain(stream,state,["}","}"],RXstyle,RXmodifiers);
+                                        if(c=="<")
+                                                return tokenChain(stream,state,[">",">"],RXstyle,RXmodifiers);
+                                        if(c=="(")
+                                                return tokenChain(stream,state,[")",")"],RXstyle,RXmodifiers);
+                                        return tokenChain(stream,state,[c,c],RXstyle,RXmodifiers);}}}}
+                if(ch=="`"){
+                        return tokenChain(stream,state,[ch],"variable-2");}
+                if(ch=="/"){
+                        if(!/~\s*$/.test(stream.prefix()))
+                                return "operator";
+                        else
+                                return tokenChain(stream,state,[ch],RXstyle,RXmodifiers);}
+                if(ch=="$"){
+                        var p=stream.pos;
+                        if(stream.eatWhile(/\d/)||stream.eat("{")&&stream.eatWhile(/\d/)&&stream.eat("}"))
+                                return "variable-2";
+                        else
+                                stream.pos=p;}
+                if(/[$@%]/.test(ch)){
+                        var p=stream.pos;
+                        if(stream.eat("^")&&stream.eat(/[A-Z]/)||!/[@$%&]/.test(stream.look(-2))&&stream.eat(/[=|\\\-#?@;:&`~\^!\[\]*'"$+.,\/<>()]/)){
+                                var c=stream.current();
+                                if(PERL[c])
+                                        return "variable-2";}
+                        stream.pos=p;}
+                if(/[$@%&]/.test(ch)){
+                        if(stream.eatWhile(/[\w$\[\]]/)||stream.eat("{")&&stream.eatWhile(/[\w$\[\]]/)&&stream.eat("}")){
+                                var c=stream.current();
+                                if(PERL[c])
+                                        return "variable-2";
+                                else
+                                        return "variable";}}
+                if(ch=="#"){
+                        if(stream.look(-2)!="$"){
+                                stream.skipToEnd();
+                                return "comment";}}
+                if(/[:+\-\^*$&%@=<>!?|\/~\.]/.test(ch)){
+                        var p=stream.pos;
+                        stream.eatWhile(/[:+\-\^*$&%@=<>!?|\/~\.]/);
+                        if(PERL[stream.current()])
+                                return "operator";
+                        else
+                                stream.pos=p;}
+                if(ch=="_"){
+                        if(stream.pos==1){
+                                if(stream.suffix(6)=="_END__"){
+                                        return tokenChain(stream,state,['\0'],"comment");}
+                                else if(stream.suffix(7)=="_DATA__"){
+                                        return tokenChain(stream,state,['\0'],"variable-2");}
+                                else if(stream.suffix(7)=="_C__"){
+                                        return tokenChain(stream,state,['\0'],"string");}}}
+                if(/\w/.test(ch)){
+                        var p=stream.pos;
+                        if(stream.look(-2)=="{"&&(stream.look(0)=="}"||stream.eatWhile(/\w/)&&stream.look(0)=="}"))
+                                return "string";
+                        else
+                                stream.pos=p;}
+                if(/[A-Z]/.test(ch)){
+                        var l=stream.look(-2);
+                        var p=stream.pos;
+                        stream.eatWhile(/[A-Z_]/);
+                        if(/[\da-z]/.test(stream.look(0))){
+                                stream.pos=p;}
+                        else{
+                                var c=PERL[stream.current()];
+                                if(!c)
+                                        return "meta";
+                                if(c[1])
+                                        c=c[0];
+                                if(l!=":"){
+                                        if(c==1)
+                                                return "keyword";
+                                        else if(c==2)
+                                                return "def";
+                                        else if(c==3)
+                                                return "atom";
+                                        else if(c==4)
+                                                return "operator";
+                                        else if(c==5)
+                                                return "variable-2";
+                                        else
+                                                return "meta";}
+                                else
+                                        return "meta";}}
+                if(/[a-zA-Z_]/.test(ch)){
+                        var l=stream.look(-2);
+                        stream.eatWhile(/\w/);
+                        var c=PERL[stream.current()];
+                        if(!c)
+                                return "meta";
+                        if(c[1])
+                                c=c[0];
+                        if(l!=":"){
+                                if(c==1)
+                                        return "keyword";
+                                else if(c==2)
+                                        return "def";
+                                else if(c==3)
+                                        return "atom";
+                                else if(c==4)
+                                        return "operator";
+                                else if(c==5)
+                                        return "variable-2";
+                                else
+                                        return "meta";}
+                        else
+                                return "meta";}
+                return null;}
+
+        return{
+                startState:function(){
+                        return{
+                                tokenize:tokenPerl,
+                                chain:null,
+                                style:null,
+                                tail:null};},
+                token:function(stream,state){
+                        return (state.tokenize||tokenPerl)(stream,state);},
+                electricChars:"{}"};});
+
+CodeMirror.defineMIME("text/x-perl", "perl");
+
+// it's like "peek", but need for look-ahead or look-behind if index < 0
+CodeMirror.StringStream.prototype.look=function(c){
+        return this.string.charAt(this.pos+(c||0));};
+
+// return a part of prefix of current stream from current position
+CodeMirror.StringStream.prototype.prefix=function(c){
+        if(c){
+                var x=this.pos-c;
+                return this.string.substr((x>=0?x:0),c);}
+        else{
+                return this.string.substr(0,this.pos-1);}};
+
+// return a part of suffix of current stream from current position
+CodeMirror.StringStream.prototype.suffix=function(c){
+        var y=this.string.length;
+        var x=y-this.pos+1;
+        return this.string.substr(this.pos,(c&&c<y?c:x));};
+
+// return a part of suffix of current stream from current position and change current position
+CodeMirror.StringStream.prototype.nsuffix=function(c){
+        var p=this.pos;
+        var l=c||(this.string.length-this.pos+1);
+        this.pos+=l;
+        return this.string.substr(p,l);};
+
+// eating and vomiting a part of stream from current position
+CodeMirror.StringStream.prototype.eatSuffix=function(c){
+        var x=this.pos+c;
+        var y;
+        if(x<=0)
+                this.pos=0;
+        else if(x>=(y=this.string.length-1))
+                this.pos=y;
+        else
+                this.pos=x;};
diff --git a/src/main/webapp/codemirror/mode/php/index.html b/src/main/webapp/codemirror/mode/php/index.html
new file mode 100644
index 00000000..aaf51c0f
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/php/index.html
@@ -0,0 +1,62 @@
+<!doctype html>
+
+<title>CodeMirror: PHP mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="../htmlmixed/htmlmixed.js"></script>
+<script src="../xml/xml.js"></script>
+<script src="../javascript/javascript.js"></script>
+<script src="../css/css.js"></script>
+<script src="../clike/clike.js"></script>
+<script src="php.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">PHP</a>
+  </ul>
+</div>
+
+<article>
+<h2>PHP mode</h2>
+<form><textarea id="code" name="code">
+<?php
+function hello($who) {
+	return "Hello " . $who;
+}
+?>
+<p>The program says <?= hello("World") ?>.</p>
+<script>
+	alert("And here is some JS code"); // also colored
+</script>
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        mode: "application/x-httpd-php",
+        indentUnit: 4,
+        indentWithTabs: true,
+        enterMode: "keep",
+        tabMode: "shift"
+      });
+    </script>
+
+    <p>Simple HTML/PHP mode based on
+    the <a href="../clike/">C-like</a> mode. Depends on XML,
+    JavaScript, CSS, HTMLMixed, and C-like modes.</p>
+
+    <p><strong>MIME types defined:</strong> <code>application/x-httpd-php</code> (HTML with PHP code), <code>text/x-php</code> (plain, non-wrapped PHP code).</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/php/php.js b/src/main/webapp/codemirror/mode/php/php.js
new file mode 100644
index 00000000..3555b8b1
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/php/php.js
@@ -0,0 +1,132 @@
+(function() {
+  function keywords(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+  function heredoc(delim) {
+    return function(stream, state) {
+      if (stream.match(delim)) state.tokenize = null;
+      else stream.skipToEnd();
+      return "string";
+    };
+  }
+  var phpConfig = {
+    name: "clike",
+    keywords: keywords("abstract and array as break case catch class clone const continue declare default " +
+                       "do else elseif enddeclare endfor endforeach endif endswitch endwhile extends final " +
+                       "for foreach function global goto if implements interface instanceof namespace " +
+                       "new or private protected public static switch throw trait try use var while xor " +
+                       "die echo empty exit eval include include_once isset list require require_once return " +
+                       "print unset __halt_compiler self static parent yield insteadof finally"),
+    blockKeywords: keywords("catch do else elseif for foreach if switch try while finally"),
+    atoms: keywords("true false null TRUE FALSE NULL __CLASS__ __DIR__ __FILE__ __LINE__ __METHOD__ __FUNCTION__ __NAMESPACE__ __TRAIT__"),
+    builtin: keywords("func_num_args func_get_arg func_get_args strlen strcmp strncmp strcasecmp strncasecmp each error_reporting define defined trigger_error user_error set_error_handler restore_error_handler get_declared_classes get_loaded_extensions extension_loaded get_extension_funcs debug_backtrace constant bin2hex hex2bin sleep usleep time mktime gmmktime strftime gmstrftime strtotime date gmdate getdate localtime checkdate flush wordwrap htmlspecialchars htmlentities html_entity_decode md5 md5_file crc32 getimagesize image_type_to_mime_type phpinfo phpversion phpcredits strnatcmp strnatcasecmp substr_count strspn strcspn strtok strtoupper strtolower strpos strrpos strrev hebrev hebrevc nl2br basename dirname pathinfo stripslashes stripcslashes strstr stristr strrchr str_shuffle str_word_count strcoll substr substr_replace quotemeta ucfirst ucwords strtr addslashes addcslashes rtrim str_replace str_repeat count_chars chunk_split trim ltrim strip_tags similar_text explode implode setlocale localeconv parse_str str_pad chop strchr sprintf printf vprintf vsprintf sscanf fscanf parse_url urlencode urldecode rawurlencode rawurldecode readlink linkinfo link unlink exec system escapeshellcmd escapeshellarg passthru shell_exec proc_open proc_close rand srand getrandmax mt_rand mt_srand mt_getrandmax base64_decode base64_encode abs ceil floor round is_finite is_nan is_infinite bindec hexdec octdec decbin decoct dechex base_convert number_format fmod ip2long long2ip getenv putenv getopt microtime gettimeofday getrusage uniqid quoted_printable_decode set_time_limit get_cfg_var magic_quotes_runtime set_magic_quotes_runtime get_magic_quotes_gpc get_magic_quotes_runtime import_request_variables error_log serialize unserialize memory_get_usage var_dump var_export debug_zval_dump print_r highlight_file show_source highlight_string ini_get ini_get_all ini_set ini_alter ini_restore get_include_path set_include_path restore_include_path setcookie header headers_sent connection_aborted connection_status ignore_user_abort parse_ini_file is_uploaded_file move_uploaded_file intval floatval doubleval strval gettype settype is_null is_resource is_bool is_long is_float is_int is_integer is_double is_real is_numeric is_string is_array is_object is_scalar ereg ereg_replace eregi eregi_replace split spliti join sql_regcase dl pclose popen readfile rewind rmdir umask fclose feof fgetc fgets fgetss fread fopen fpassthru ftruncate fstat fseek ftell fflush fwrite fputs mkdir rename copy tempnam tmpfile file file_get_contents stream_select stream_context_create stream_context_set_params stream_context_set_option stream_context_get_options stream_filter_prepend stream_filter_append fgetcsv flock get_meta_tags stream_set_write_buffer set_file_buffer set_socket_blocking stream_set_blocking socket_set_blocking stream_get_meta_data stream_register_wrapper stream_wrapper_register stream_set_timeout socket_set_timeout socket_get_status realpath fnmatch fsockopen pfsockopen pack unpack get_browser crypt opendir closedir chdir getcwd rewinddir readdir dir glob fileatime filectime filegroup fileinode filemtime fileowner fileperms filesize filetype file_exists is_writable is_writeable is_readable is_executable is_file is_dir is_link stat lstat chown touch clearstatcache mail ob_start ob_flush ob_clean ob_end_flush ob_end_clean ob_get_flush ob_get_clean ob_get_length ob_get_level ob_get_status ob_get_contents ob_implicit_flush ob_list_handlers ksort krsort natsort natcasesort asort arsort sort rsort usort uasort uksort shuffle array_walk count end prev next reset current key min max in_array array_search extract compact array_fill range array_multisort array_push array_pop array_shift array_unshift array_splice array_slice array_merge array_merge_recursive array_keys array_values array_count_values array_reverse array_reduce array_pad array_flip array_change_key_case array_rand array_unique array_intersect array_intersect_assoc array_diff array_diff_assoc array_sum array_filter array_map array_chunk array_key_exists pos sizeof key_exists assert assert_options version_compare ftok str_rot13 aggregate session_name session_module_name session_save_path session_id session_regenerate_id session_decode session_register session_unregister session_is_registered session_encode session_start session_destroy session_unset session_set_save_handler session_cache_limiter session_cache_expire session_set_cookie_params session_get_cookie_params session_write_close preg_match preg_match_all preg_replace preg_replace_callback preg_split preg_quote preg_grep overload ctype_alnum ctype_alpha ctype_cntrl ctype_digit ctype_lower ctype_graph ctype_print ctype_punct ctype_space ctype_upper ctype_xdigit virtual apache_request_headers apache_note apache_lookup_uri apache_child_terminate apache_setenv apache_response_headers apache_get_version getallheaders mysql_connect mysql_pconnect mysql_close mysql_select_db mysql_create_db mysql_drop_db mysql_query mysql_unbuffered_query mysql_db_query mysql_list_dbs mysql_list_tables mysql_list_fields mysql_list_processes mysql_error mysql_errno mysql_affected_rows mysql_insert_id mysql_result mysql_num_rows mysql_num_fields mysql_fetch_row mysql_fetch_array mysql_fetch_assoc mysql_fetch_object mysql_data_seek mysql_fetch_lengths mysql_fetch_field mysql_field_seek mysql_free_result mysql_field_name mysql_field_table mysql_field_len mysql_field_type mysql_field_flags mysql_escape_string mysql_real_escape_string mysql_stat mysql_thread_id mysql_client_encoding mysql_get_client_info mysql_get_host_info mysql_get_proto_info mysql_get_server_info mysql_info mysql mysql_fieldname mysql_fieldtable mysql_fieldlen mysql_fieldtype mysql_fieldflags mysql_selectdb mysql_createdb mysql_dropdb mysql_freeresult mysql_numfields mysql_numrows mysql_listdbs mysql_listtables mysql_listfields mysql_db_name mysql_dbname mysql_tablename mysql_table_name pg_connect pg_pconnect pg_close pg_connection_status pg_connection_busy pg_connection_reset pg_host pg_dbname pg_port pg_tty pg_options pg_ping pg_query pg_send_query pg_cancel_query pg_fetch_result pg_fetch_row pg_fetch_assoc pg_fetch_array pg_fetch_object pg_fetch_all pg_affected_rows pg_get_result pg_result_seek pg_result_status pg_free_result pg_last_oid pg_num_rows pg_num_fields pg_field_name pg_field_num pg_field_size pg_field_type pg_field_prtlen pg_field_is_null pg_get_notify pg_get_pid pg_result_error pg_last_error pg_last_notice pg_put_line pg_end_copy pg_copy_to pg_copy_from pg_trace pg_untrace pg_lo_create pg_lo_unlink pg_lo_open pg_lo_close pg_lo_read pg_lo_write pg_lo_read_all pg_lo_import pg_lo_export pg_lo_seek pg_lo_tell pg_escape_string pg_escape_bytea pg_unescape_bytea pg_client_encoding pg_set_client_encoding pg_meta_data pg_convert pg_insert pg_update pg_delete pg_select pg_exec pg_getlastoid pg_cmdtuples pg_errormessage pg_numrows pg_numfields pg_fieldname pg_fieldsize pg_fieldtype pg_fieldnum pg_fieldprtlen pg_fieldisnull pg_freeresult pg_result pg_loreadall pg_locreate pg_lounlink pg_loopen pg_loclose pg_loread pg_lowrite pg_loimport pg_loexport http_response_code get_declared_traits getimagesizefromstring socket_import_stream stream_set_chunk_size trait_exists header_register_callback class_uses session_status session_register_shutdown echo print global static exit array empty eval isset unset die include require include_once require_once"),
+    multiLineStrings: true,
+    hooks: {
+      "$": function(stream) {
+        stream.eatWhile(/[\w\$_]/);
+        return "variable-2";
+      },
+      "<": function(stream, state) {
+        if (stream.match(/<</)) {
+          stream.eatWhile(/[\w\.]/);
+          state.tokenize = heredoc(stream.current().slice(3));
+          return state.tokenize(stream, state);
+        }
+        return false;
+      },
+      "#": function(stream) {
+        while (!stream.eol() && !stream.match("?>", false)) stream.next();
+        return "comment";
+      },
+      "/": function(stream) {
+        if (stream.eat("/")) {
+          while (!stream.eol() && !stream.match("?>", false)) stream.next();
+          return "comment";
+        }
+        return false;
+      }
+    }
+  };
+
+  CodeMirror.defineMode("php", function(config, parserConfig) {
+    var htmlMode = CodeMirror.getMode(config, "text/html");
+    var phpMode = CodeMirror.getMode(config, phpConfig);
+
+    function dispatch(stream, state) {
+      var isPHP = state.curMode == phpMode;
+      if (stream.sol() && state.pending != '"') state.pending = null;
+      if (!isPHP) {
+        if (stream.match(/^<\?\w*/)) {
+          state.curMode = phpMode;
+          state.curState = state.php;
+          return "meta";
+        }
+        if (state.pending == '"') {
+          while (!stream.eol() && stream.next() != '"') {}
+          var style = "string";
+        } else if (state.pending && stream.pos < state.pending.end) {
+          stream.pos = state.pending.end;
+          var style = state.pending.style;
+        } else {
+          var style = htmlMode.token(stream, state.curState);
+        }
+        state.pending = null;
+        var cur = stream.current(), openPHP = cur.search(/<\?/);
+        if (openPHP != -1) {
+          if (style == "string" && /\"$/.test(cur) && !/\?>/.test(cur)) state.pending = '"';
+          else state.pending = {end: stream.pos, style: style};
+          stream.backUp(cur.length - openPHP);
+        }
+        return style;
+      } else if (isPHP && state.php.tokenize == null && stream.match("?>")) {
+        state.curMode = htmlMode;
+        state.curState = state.html;
+        return "meta";
+      } else {
+        return phpMode.token(stream, state.curState);
+      }
+    }
+
+    return {
+      startState: function() {
+        var html = CodeMirror.startState(htmlMode), php = CodeMirror.startState(phpMode);
+        return {html: html,
+                php: php,
+                curMode: parserConfig.startOpen ? phpMode : htmlMode,
+                curState: parserConfig.startOpen ? php : html,
+                pending: null};
+      },
+
+      copyState: function(state) {
+        var html = state.html, htmlNew = CodeMirror.copyState(htmlMode, html),
+            php = state.php, phpNew = CodeMirror.copyState(phpMode, php), cur;
+        if (state.curMode == htmlMode) cur = htmlNew;
+        else cur = phpNew;
+        return {html: htmlNew, php: phpNew, curMode: state.curMode, curState: cur,
+                pending: state.pending};
+      },
+
+      token: dispatch,
+
+      indent: function(state, textAfter) {
+        if ((state.curMode != phpMode && /^\s*<\//.test(textAfter)) ||
+            (state.curMode == phpMode && /^\?>/.test(textAfter)))
+          return htmlMode.indent(state.html, textAfter);
+        return state.curMode.indent(state.curState, textAfter);
+      },
+
+      electricChars: "/{}:",
+      blockCommentStart: "/*",
+      blockCommentEnd: "*/",
+      lineComment: "//",
+
+      innerMode: function(state) { return {state: state.curState, mode: state.curMode}; }
+    };
+  }, "htmlmixed", "clike");
+
+  CodeMirror.defineMIME("application/x-httpd-php", "php");
+  CodeMirror.defineMIME("application/x-httpd-php-open", {name: "php", startOpen: true});
+  CodeMirror.defineMIME("text/x-php", phpConfig);
+})();
diff --git a/src/main/webapp/codemirror/mode/pig/index.html b/src/main/webapp/codemirror/mode/pig/index.html
new file mode 100644
index 00000000..93744ae2
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/pig/index.html
@@ -0,0 +1,55 @@
+<!doctype html>
+
+<title>CodeMirror: Pig Latin mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="pig.js"></script>
+<style>.CodeMirror {border: 2px inset #dee;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Pig Latin</a>
+  </ul>
+</div>
+
+<article>
+<h2>Pig Latin mode</h2>
+<form><textarea id="code" name="code">
+-- Apache Pig (Pig Latin Language) Demo
+/* 
+This is a multiline comment.
+*/
+a = LOAD "\path\to\input" USING PigStorage('\t') AS (x:long, y:chararray, z:bytearray);
+b = GROUP a BY (x,y,3+4);
+c = FOREACH b GENERATE flatten(group) as (x,y), SUM(group.$2) as z;
+STORE c INTO "\path\to\output";
+
+--
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        indentUnit: 4,
+        mode: "text/x-pig"
+      });
+    </script>
+
+    <p>
+        Simple mode that handles Pig Latin language.
+    </p>
+
+    <p><strong>MIME type defined:</strong> <code>text/x-pig</code>
+    (PIG code)
+</html>
+</article>
diff --git a/src/main/webapp/codemirror/mode/pig/pig.js b/src/main/webapp/codemirror/mode/pig/pig.js
new file mode 100644
index 00000000..4b44e7cc
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/pig/pig.js
@@ -0,0 +1,171 @@
+/*
+ *      Pig Latin Mode for CodeMirror 2
+ *      @author Prasanth Jayachandran
+ *      @link   https://github.com/prasanthj/pig-codemirror-2
+ *  This implementation is adapted from PL/SQL mode in CodeMirror 2.
+ */
+CodeMirror.defineMode("pig", function(_config, parserConfig) {
+  var keywords = parserConfig.keywords,
+  builtins = parserConfig.builtins,
+  types = parserConfig.types,
+  multiLineStrings = parserConfig.multiLineStrings;
+
+  var isOperatorChar = /[*+\-%<>=&?:\/!|]/;
+
+  function chain(stream, state, f) {
+    state.tokenize = f;
+    return f(stream, state);
+  }
+
+  var type;
+  function ret(tp, style) {
+    type = tp;
+    return style;
+  }
+
+  function tokenComment(stream, state) {
+    var isEnd = false;
+    var ch;
+    while(ch = stream.next()) {
+      if(ch == "/" && isEnd) {
+        state.tokenize = tokenBase;
+        break;
+      }
+      isEnd = (ch == "*");
+    }
+    return ret("comment", "comment");
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, next, end = false;
+      while((next = stream.next()) != null) {
+        if (next == quote && !escaped) {
+          end = true; break;
+        }
+        escaped = !escaped && next == "\\";
+      }
+      if (end || !(escaped || multiLineStrings))
+        state.tokenize = tokenBase;
+      return ret("string", "error");
+    };
+  }
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+
+    // is a start of string?
+    if (ch == '"' || ch == "'")
+      return chain(stream, state, tokenString(ch));
+    // is it one of the special chars
+    else if(/[\[\]{}\(\),;\.]/.test(ch))
+      return ret(ch);
+    // is it a number?
+    else if(/\d/.test(ch)) {
+      stream.eatWhile(/[\w\.]/);
+      return ret("number", "number");
+    }
+    // multi line comment or operator
+    else if (ch == "/") {
+      if (stream.eat("*")) {
+        return chain(stream, state, tokenComment);
+      }
+      else {
+        stream.eatWhile(isOperatorChar);
+        return ret("operator", "operator");
+      }
+    }
+    // single line comment or operator
+    else if (ch=="-") {
+      if(stream.eat("-")){
+        stream.skipToEnd();
+        return ret("comment", "comment");
+      }
+      else {
+        stream.eatWhile(isOperatorChar);
+        return ret("operator", "operator");
+      }
+    }
+    // is it an operator
+    else if (isOperatorChar.test(ch)) {
+      stream.eatWhile(isOperatorChar);
+      return ret("operator", "operator");
+    }
+    else {
+      // get the while word
+      stream.eatWhile(/[\w\$_]/);
+      // is it one of the listed keywords?
+      if (keywords && keywords.propertyIsEnumerable(stream.current().toUpperCase())) {
+        if (stream.eat(")") || stream.eat(".")) {
+          //keywords can be used as variables like flatten(group), group.$0 etc..
+        }
+        else {
+          return ("keyword", "keyword");
+        }
+      }
+      // is it one of the builtin functions?
+      if (builtins && builtins.propertyIsEnumerable(stream.current().toUpperCase()))
+      {
+        return ("keyword", "variable-2");
+      }
+      // is it one of the listed types?
+      if (types && types.propertyIsEnumerable(stream.current().toUpperCase()))
+        return ("keyword", "variable-3");
+      // default is a 'variable'
+      return ret("variable", "pig-word");
+    }
+  }
+
+  // Interface
+  return {
+    startState: function() {
+      return {
+        tokenize: tokenBase,
+        startOfLine: true
+      };
+    },
+
+    token: function(stream, state) {
+      if(stream.eatSpace()) return null;
+      var style = state.tokenize(stream, state);
+      return style;
+    }
+  };
+});
+
+(function() {
+  function keywords(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+
+  // builtin funcs taken from trunk revision 1303237
+  var pBuiltins = "ABS ACOS ARITY ASIN ATAN AVG BAGSIZE BINSTORAGE BLOOM BUILDBLOOM CBRT CEIL "
+    + "CONCAT COR COS COSH COUNT COUNT_STAR COV CONSTANTSIZE CUBEDIMENSIONS DIFF DISTINCT DOUBLEABS "
+    + "DOUBLEAVG DOUBLEBASE DOUBLEMAX DOUBLEMIN DOUBLEROUND DOUBLESUM EXP FLOOR FLOATABS FLOATAVG "
+    + "FLOATMAX FLOATMIN FLOATROUND FLOATSUM GENERICINVOKER INDEXOF INTABS INTAVG INTMAX INTMIN "
+    + "INTSUM INVOKEFORDOUBLE INVOKEFORFLOAT INVOKEFORINT INVOKEFORLONG INVOKEFORSTRING INVOKER "
+    + "ISEMPTY JSONLOADER JSONMETADATA JSONSTORAGE LAST_INDEX_OF LCFIRST LOG LOG10 LOWER LONGABS "
+    + "LONGAVG LONGMAX LONGMIN LONGSUM MAX MIN MAPSIZE MONITOREDUDF NONDETERMINISTIC OUTPUTSCHEMA  "
+    + "PIGSTORAGE PIGSTREAMING RANDOM REGEX_EXTRACT REGEX_EXTRACT_ALL REPLACE ROUND SIN SINH SIZE "
+    + "SQRT STRSPLIT SUBSTRING SUM STRINGCONCAT STRINGMAX STRINGMIN STRINGSIZE TAN TANH TOBAG "
+    + "TOKENIZE TOMAP TOP TOTUPLE TRIM TEXTLOADER TUPLESIZE UCFIRST UPPER UTF8STORAGECONVERTER ";
+
+  // taken from QueryLexer.g
+  var pKeywords = "VOID IMPORT RETURNS DEFINE LOAD FILTER FOREACH ORDER CUBE DISTINCT COGROUP "
+    + "JOIN CROSS UNION SPLIT INTO IF OTHERWISE ALL AS BY USING INNER OUTER ONSCHEMA PARALLEL "
+    + "PARTITION GROUP AND OR NOT GENERATE FLATTEN ASC DESC IS STREAM THROUGH STORE MAPREDUCE "
+    + "SHIP CACHE INPUT OUTPUT STDERROR STDIN STDOUT LIMIT SAMPLE LEFT RIGHT FULL EQ GT LT GTE LTE "
+    + "NEQ MATCHES TRUE FALSE DUMP";
+
+  // data types
+  var pTypes = "BOOLEAN INT LONG FLOAT DOUBLE CHARARRAY BYTEARRAY BAG TUPLE MAP ";
+
+  CodeMirror.defineMIME("text/x-pig", {
+    name: "pig",
+    builtins: keywords(pBuiltins),
+    keywords: keywords(pKeywords),
+    types: keywords(pTypes)
+  });
+}());
diff --git a/src/main/webapp/codemirror/mode/properties/index.html b/src/main/webapp/codemirror/mode/properties/index.html
new file mode 100644
index 00000000..40ee1a37
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/properties/index.html
@@ -0,0 +1,53 @@
+<!doctype html>
+
+<title>CodeMirror: Properties files mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="properties.js"></script>
+<style>.CodeMirror {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Properties files</a>
+  </ul>
+</div>
+
+<article>
+<h2>Properties files mode</h2>
+<form><textarea id="code" name="code">
+# This is a properties file
+a.key = A value
+another.key = http://example.com
+! Exclamation mark as comment
+but.not=Within ! A value # indeed
+   # Spaces at the beginning of a line
+   spaces.before.key=value
+backslash=Used for multi\
+          line entries,\
+          that's convenient.
+# Unicode sequences
+unicode.key=This is \u0020 Unicode
+no.multiline=here
+# Colons
+colons : can be used too
+# Spaces
+spaces\ in\ keys=Not very common...
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-properties</code>,
+    <code>text/x-ini</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/properties/properties.js b/src/main/webapp/codemirror/mode/properties/properties.js
new file mode 100644
index 00000000..d3a13c76
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/properties/properties.js
@@ -0,0 +1,63 @@
+CodeMirror.defineMode("properties", function() {
+  return {
+    token: function(stream, state) {
+      var sol = stream.sol() || state.afterSection;
+      var eol = stream.eol();
+
+      state.afterSection = false;
+
+      if (sol) {
+        if (state.nextMultiline) {
+          state.inMultiline = true;
+          state.nextMultiline = false;
+        } else {
+          state.position = "def";
+        }
+      }
+
+      if (eol && ! state.nextMultiline) {
+        state.inMultiline = false;
+        state.position = "def";
+      }
+
+      if (sol) {
+        while(stream.eatSpace());
+      }
+
+      var ch = stream.next();
+
+      if (sol && (ch === "#" || ch === "!" || ch === ";")) {
+        state.position = "comment";
+        stream.skipToEnd();
+        return "comment";
+      } else if (sol && ch === "[") {
+        state.afterSection = true;
+        stream.skipTo("]"); stream.eat("]");
+        return "header";
+      } else if (ch === "=" || ch === ":") {
+        state.position = "quote";
+        return null;
+      } else if (ch === "\\" && state.position === "quote") {
+        if (stream.next() !== "u") {    // u = Unicode sequence \u1234
+          // Multiline value
+          state.nextMultiline = true;
+        }
+      }
+
+      return state.position;
+    },
+
+    startState: function() {
+      return {
+        position : "def",       // Current position, "def", "quote" or "comment"
+        nextMultiline : false,  // Is the next line multiline value
+        inMultiline : false,    // Is the current line a multiline value
+        afterSection : false    // Did we just open a section
+      };
+    }
+
+  };
+});
+
+CodeMirror.defineMIME("text/x-properties", "properties");
+CodeMirror.defineMIME("text/x-ini", "properties");
diff --git a/src/main/webapp/codemirror/mode/python/index.html b/src/main/webapp/codemirror/mode/python/index.html
new file mode 100644
index 00000000..49773492
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/python/index.html
@@ -0,0 +1,187 @@
+<!doctype html>
+
+<title>CodeMirror: Python mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="python.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Python</a>
+  </ul>
+</div>
+
+<article>
+<h2>Python mode</h2>
+
+    <div><textarea id="code" name="code">
+# Literals
+1234
+0.0e101
+.123
+0b01010011100
+0o01234567
+0x0987654321abcdef
+7
+2147483647
+3L
+79228162514264337593543950336L
+0x100000000L
+79228162514264337593543950336
+0xdeadbeef
+3.14j
+10.j
+10j
+.001j
+1e100j
+3.14e-10j
+
+
+# String Literals
+'For\''
+"God\""
+"""so loved
+the world"""
+'''that he gave
+his only begotten\' '''
+'that whosoever believeth \
+in him'
+''
+
+# Identifiers
+__a__
+a.b
+a.b.c
+
+# Operators
++ - * / % & | ^ ~ < >
+== != <= >= <> << >> // **
+and or not in is
+
+# Delimiters
+() [] {} , : ` = ; @ .  # Note that @ and . require the proper context.
++= -= *= /= %= &= |= ^=
+//= >>= <<= **=
+
+# Keywords
+as assert break class continue def del elif else except
+finally for from global if import lambda pass raise
+return try while with yield
+
+# Python 2 Keywords (otherwise Identifiers)
+exec print
+
+# Python 3 Keywords (otherwise Identifiers)
+nonlocal
+
+# Types
+bool classmethod complex dict enumerate float frozenset int list object
+property reversed set slice staticmethod str super tuple type
+
+# Python 2 Types (otherwise Identifiers)
+basestring buffer file long unicode xrange
+
+# Python 3 Types (otherwise Identifiers)
+bytearray bytes filter map memoryview open range zip
+
+# Some Example code
+import os
+from package import ParentClass
+
+@nonsenseDecorator
+def doesNothing():
+    pass
+
+class ExampleClass(ParentClass):
+    @staticmethod
+    def example(inputStr):
+        a = list(inputStr)
+        a.reverse()
+        return ''.join(a)
+
+    def __init__(self, mixin = 'Hello'):
+        self.mixin = mixin
+
+</textarea></div>
+
+
+<h2>Cython mode</h2>
+
+<div><textarea id="code-cython" name="code-cython">
+
+import numpy as np
+cimport cython
+from libc.math cimport sqrt
+
+@cython.boundscheck(False)
+@cython.wraparound(False)
+def pairwise_cython(double[:, ::1] X):
+    cdef int M = X.shape[0]
+    cdef int N = X.shape[1]
+    cdef double tmp, d
+    cdef double[:, ::1] D = np.empty((M, M), dtype=np.float64)
+    for i in range(M):
+        for j in range(M):
+            d = 0.0
+            for k in range(N):
+                tmp = X[i, k] - X[j, k]
+                d += tmp * tmp
+            D[i, j] = sqrt(d)
+    return np.asarray(D)
+
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: {name: "python",
+               version: 2,
+               singleLineStringErrors: false},
+        lineNumbers: true,
+        indentUnit: 4,
+        tabMode: "shift",
+        matchBrackets: true
+    });
+
+    CodeMirror.fromTextArea(document.getElementById("code-cython"), {
+        mode: {name: "text/x-cython",
+               version: 2,
+               singleLineStringErrors: false},
+        lineNumbers: true,
+        indentUnit: 4,
+        tabMode: "shift",
+        matchBrackets: true
+      });
+    </script>
+    <h2>Configuration Options for Python mode:</h2>
+    <ul>
+      <li>version - 2/3 - The version of Python to recognize.  Default is 2.</li>
+      <li>singleLineStringErrors - true/false - If you have a single-line string that is not terminated at the end of the line, this will show subsequent lines as errors if true, otherwise it will consider the newline as the end of the string. Default is false.</li>
+    </ul>
+    <h2>Advanced Configuration Options:</h2>
+    <p>Usefull for superset of python syntax like Enthought enaml, IPython magics and  questionmark help</p>
+    <ul>
+      <li>singleOperators - RegEx - Regular Expression for single operator matching,  default : <pre>^[\\+\\-\\*/%&amp;|\\^~&lt;&gt;!]</pre></li>
+      <li>singleDelimiters - RegEx - Regular Expression for single delimiter matching, default :  <pre>^[\\(\\)\\[\\]\\{\\}@,:`=;\\.]</pre></li>
+      <li>doubleOperators - RegEx - Regular Expression for double operators matching, default : <pre>^((==)|(!=)|(&lt;=)|(&gt;=)|(&lt;&gt;)|(&lt;&lt;)|(&gt;&gt;)|(//)|(\\*\\*))</pre></li>
+      <li>doubleDelimiters - RegEx - Regular Expressoin for double delimiters matching, default : <pre>^((\\+=)|(\\-=)|(\\*=)|(%=)|(/=)|(&amp;=)|(\\|=)|(\\^=))</pre></li>
+      <li>tripleDelimiters - RegEx - Regular Expression for triple delimiters matching, default : <pre>^((//=)|(&gt;&gt;=)|(&lt;&lt;=)|(\\*\\*=))</pre></li>
+      <li>identifiers - RegEx - Regular Expression for identifier, default : <pre>^[_A-Za-z][_A-Za-z0-9]*</pre></li>
+      <li>extra_keywords - list of string - List of extra words ton consider as keywords</li>
+      <li>extra_builtins - list of string - List of extra words ton consider as builtins</li>
+    </ul>
+
+
+    <p><strong>MIME types defined:</strong> <code>text/x-python</code> and <code>text/x-cython</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/python/python.js b/src/main/webapp/codemirror/mode/python/python.js
new file mode 100644
index 00000000..802c2dd4
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/python/python.js
@@ -0,0 +1,368 @@
+CodeMirror.defineMode("python", function(conf, parserConf) {
+    var ERRORCLASS = 'error';
+
+    function wordRegexp(words) {
+        return new RegExp("^((" + words.join(")|(") + "))\\b");
+    }
+
+    var singleOperators = parserConf.singleOperators || new RegExp("^[\\+\\-\\*/%&|\\^~<>!]");
+    var singleDelimiters = parserConf.singleDelimiters || new RegExp('^[\\(\\)\\[\\]\\{\\}@,:`=;\\.]');
+    var doubleOperators = parserConf.doubleOperators || new RegExp("^((==)|(!=)|(<=)|(>=)|(<>)|(<<)|(>>)|(//)|(\\*\\*))");
+    var doubleDelimiters = parserConf.doubleDelimiters || new RegExp("^((\\+=)|(\\-=)|(\\*=)|(%=)|(/=)|(&=)|(\\|=)|(\\^=))");
+    var tripleDelimiters = parserConf.tripleDelimiters || new RegExp("^((//=)|(>>=)|(<<=)|(\\*\\*=))");
+    var identifiers = parserConf.identifiers|| new RegExp("^[_A-Za-z][_A-Za-z0-9]*");
+
+    var wordOperators = wordRegexp(['and', 'or', 'not', 'is', 'in']);
+    var commonkeywords = ['as', 'assert', 'break', 'class', 'continue',
+                          'def', 'del', 'elif', 'else', 'except', 'finally',
+                          'for', 'from', 'global', 'if', 'import',
+                          'lambda', 'pass', 'raise', 'return',
+                          'try', 'while', 'with', 'yield'];
+    var commonBuiltins = ['abs', 'all', 'any', 'bin', 'bool', 'bytearray', 'callable', 'chr',
+                          'classmethod', 'compile', 'complex', 'delattr', 'dict', 'dir', 'divmod',
+                          'enumerate', 'eval', 'filter', 'float', 'format', 'frozenset',
+                          'getattr', 'globals', 'hasattr', 'hash', 'help', 'hex', 'id',
+                          'input', 'int', 'isinstance', 'issubclass', 'iter', 'len',
+                          'list', 'locals', 'map', 'max', 'memoryview', 'min', 'next',
+                          'object', 'oct', 'open', 'ord', 'pow', 'property', 'range',
+                          'repr', 'reversed', 'round', 'set', 'setattr', 'slice',
+                          'sorted', 'staticmethod', 'str', 'sum', 'super', 'tuple',
+                          'type', 'vars', 'zip', '__import__', 'NotImplemented',
+                          'Ellipsis', '__debug__'];
+    var py2 = {'builtins': ['apply', 'basestring', 'buffer', 'cmp', 'coerce', 'execfile',
+                            'file', 'intern', 'long', 'raw_input', 'reduce', 'reload',
+                            'unichr', 'unicode', 'xrange', 'False', 'True', 'None'],
+               'keywords': ['exec', 'print']};
+    var py3 = {'builtins': ['ascii', 'bytes', 'exec', 'print'],
+               'keywords': ['nonlocal', 'False', 'True', 'None']};
+
+    if(parserConf.extra_keywords != undefined){
+        commonkeywords = commonkeywords.concat(parserConf.extra_keywords);
+    }
+    if(parserConf.extra_builtins != undefined){
+        commonBuiltins = commonBuiltins.concat(parserConf.extra_builtins);
+    }
+    if (!!parserConf.version && parseInt(parserConf.version, 10) === 3) {
+        commonkeywords = commonkeywords.concat(py3.keywords);
+        commonBuiltins = commonBuiltins.concat(py3.builtins);
+        var stringPrefixes = new RegExp("^(([rb]|(br))?('{3}|\"{3}|['\"]))", "i");
+    } else {
+        commonkeywords = commonkeywords.concat(py2.keywords);
+        commonBuiltins = commonBuiltins.concat(py2.builtins);
+        var stringPrefixes = new RegExp("^(([rub]|(ur)|(br))?('{3}|\"{3}|['\"]))", "i");
+    }
+    var keywords = wordRegexp(commonkeywords);
+    var builtins = wordRegexp(commonBuiltins);
+
+    var indentInfo = null;
+
+    // tokenizers
+    function tokenBase(stream, state) {
+        // Handle scope changes
+        if (stream.sol()) {
+            var scopeOffset = state.scopes[0].offset;
+            if (stream.eatSpace()) {
+                var lineOffset = stream.indentation();
+                if (lineOffset > scopeOffset) {
+                    indentInfo = 'indent';
+                } else if (lineOffset < scopeOffset) {
+                    indentInfo = 'dedent';
+                }
+                return null;
+            } else {
+                if (scopeOffset > 0) {
+                    dedent(stream, state);
+                }
+            }
+        }
+        if (stream.eatSpace()) {
+            return null;
+        }
+
+        var ch = stream.peek();
+
+        // Handle Comments
+        if (ch === '#') {
+            stream.skipToEnd();
+            return 'comment';
+        }
+
+        // Handle Number Literals
+        if (stream.match(/^[0-9\.]/, false)) {
+            var floatLiteral = false;
+            // Floats
+            if (stream.match(/^\d*\.\d+(e[\+\-]?\d+)?/i)) { floatLiteral = true; }
+            if (stream.match(/^\d+\.\d*/)) { floatLiteral = true; }
+            if (stream.match(/^\.\d+/)) { floatLiteral = true; }
+            if (floatLiteral) {
+                // Float literals may be "imaginary"
+                stream.eat(/J/i);
+                return 'number';
+            }
+            // Integers
+            var intLiteral = false;
+            // Hex
+            if (stream.match(/^0x[0-9a-f]+/i)) { intLiteral = true; }
+            // Binary
+            if (stream.match(/^0b[01]+/i)) { intLiteral = true; }
+            // Octal
+            if (stream.match(/^0o[0-7]+/i)) { intLiteral = true; }
+            // Decimal
+            if (stream.match(/^[1-9]\d*(e[\+\-]?\d+)?/)) {
+                // Decimal literals may be "imaginary"
+                stream.eat(/J/i);
+                // TODO - Can you have imaginary longs?
+                intLiteral = true;
+            }
+            // Zero by itself with no other piece of number.
+            if (stream.match(/^0(?![\dx])/i)) { intLiteral = true; }
+            if (intLiteral) {
+                // Integer literals may be "long"
+                stream.eat(/L/i);
+                return 'number';
+            }
+        }
+
+        // Handle Strings
+        if (stream.match(stringPrefixes)) {
+            state.tokenize = tokenStringFactory(stream.current());
+            return state.tokenize(stream, state);
+        }
+
+        // Handle operators and Delimiters
+        if (stream.match(tripleDelimiters) || stream.match(doubleDelimiters)) {
+            return null;
+        }
+        if (stream.match(doubleOperators)
+            || stream.match(singleOperators)
+            || stream.match(wordOperators)) {
+            return 'operator';
+        }
+        if (stream.match(singleDelimiters)) {
+            return null;
+        }
+
+        if (stream.match(keywords)) {
+            return 'keyword';
+        }
+
+        if (stream.match(builtins)) {
+            return 'builtin';
+        }
+
+        if (stream.match(identifiers)) {
+            if (state.lastToken == 'def' || state.lastToken == 'class') {
+                return 'def';
+            }
+            return 'variable';
+        }
+
+        // Handle non-detected items
+        stream.next();
+        return ERRORCLASS;
+    }
+
+    function tokenStringFactory(delimiter) {
+        while ('rub'.indexOf(delimiter.charAt(0).toLowerCase()) >= 0) {
+            delimiter = delimiter.substr(1);
+        }
+        var singleline = delimiter.length == 1;
+        var OUTCLASS = 'string';
+
+        function tokenString(stream, state) {
+            while (!stream.eol()) {
+                stream.eatWhile(/[^'"\\]/);
+                if (stream.eat('\\')) {
+                    stream.next();
+                    if (singleline && stream.eol()) {
+                        return OUTCLASS;
+                    }
+                } else if (stream.match(delimiter)) {
+                    state.tokenize = tokenBase;
+                    return OUTCLASS;
+                } else {
+                    stream.eat(/['"]/);
+                }
+            }
+            if (singleline) {
+                if (parserConf.singleLineStringErrors) {
+                    return ERRORCLASS;
+                } else {
+                    state.tokenize = tokenBase;
+                }
+            }
+            return OUTCLASS;
+        }
+        tokenString.isString = true;
+        return tokenString;
+    }
+
+    function indent(stream, state, type) {
+        type = type || 'py';
+        var indentUnit = 0;
+        if (type === 'py') {
+            if (state.scopes[0].type !== 'py') {
+                state.scopes[0].offset = stream.indentation();
+                return;
+            }
+            for (var i = 0; i < state.scopes.length; ++i) {
+                if (state.scopes[i].type === 'py') {
+                    indentUnit = state.scopes[i].offset + conf.indentUnit;
+                    break;
+                }
+            }
+        } else {
+            indentUnit = stream.column() + stream.current().length;
+        }
+        state.scopes.unshift({
+            offset: indentUnit,
+            type: type
+        });
+    }
+
+    function dedent(stream, state, type) {
+        type = type || 'py';
+        if (state.scopes.length == 1) return;
+        if (state.scopes[0].type === 'py') {
+            var _indent = stream.indentation();
+            var _indent_index = -1;
+            for (var i = 0; i < state.scopes.length; ++i) {
+                if (_indent === state.scopes[i].offset) {
+                    _indent_index = i;
+                    break;
+                }
+            }
+            if (_indent_index === -1) {
+                return true;
+            }
+            while (state.scopes[0].offset !== _indent) {
+                state.scopes.shift();
+            }
+            return false;
+        } else {
+            if (type === 'py') {
+                state.scopes[0].offset = stream.indentation();
+                return false;
+            } else {
+                if (state.scopes[0].type != type) {
+                    return true;
+                }
+                state.scopes.shift();
+                return false;
+            }
+        }
+    }
+
+    function tokenLexer(stream, state) {
+        indentInfo = null;
+        var style = state.tokenize(stream, state);
+        var current = stream.current();
+
+        // Handle '.' connected identifiers
+        if (current === '.') {
+            style = stream.match(identifiers, false) ? null : ERRORCLASS;
+            if (style === null && state.lastStyle === 'meta') {
+                // Apply 'meta' style to '.' connected identifiers when
+                // appropriate.
+                style = 'meta';
+            }
+            return style;
+        }
+
+        // Handle decorators
+        if (current === '@') {
+            return stream.match(identifiers, false) ? 'meta' : ERRORCLASS;
+        }
+
+        if ((style === 'variable' || style === 'builtin')
+            && state.lastStyle === 'meta') {
+            style = 'meta';
+        }
+
+        // Handle scope changes.
+        if (current === 'pass' || current === 'return') {
+            state.dedent += 1;
+        }
+        if (current === 'lambda') state.lambda = true;
+        if ((current === ':' && !state.lambda && state.scopes[0].type == 'py')
+            || indentInfo === 'indent') {
+            indent(stream, state);
+        }
+        var delimiter_index = '[({'.indexOf(current);
+        if (delimiter_index !== -1) {
+            indent(stream, state, '])}'.slice(delimiter_index, delimiter_index+1));
+        }
+        if (indentInfo === 'dedent') {
+            if (dedent(stream, state)) {
+                return ERRORCLASS;
+            }
+        }
+        delimiter_index = '])}'.indexOf(current);
+        if (delimiter_index !== -1) {
+            if (dedent(stream, state, current)) {
+                return ERRORCLASS;
+            }
+        }
+        if (state.dedent > 0 && stream.eol() && state.scopes[0].type == 'py') {
+            if (state.scopes.length > 1) state.scopes.shift();
+            state.dedent -= 1;
+        }
+
+        return style;
+    }
+
+    var external = {
+        startState: function(basecolumn) {
+            return {
+              tokenize: tokenBase,
+              scopes: [{offset:basecolumn || 0, type:'py'}],
+              lastStyle: null,
+              lastToken: null,
+              lambda: false,
+              dedent: 0
+          };
+        },
+
+        token: function(stream, state) {
+            var style = tokenLexer(stream, state);
+
+            state.lastStyle = style;
+
+            var current = stream.current();
+            if (current && style) {
+                state.lastToken = current;
+            }
+
+            if (stream.eol() && state.lambda) {
+                state.lambda = false;
+            }
+            return style;
+        },
+
+        indent: function(state) {
+            if (state.tokenize != tokenBase) {
+                return state.tokenize.isString ? CodeMirror.Pass : 0;
+            }
+
+            return state.scopes[0].offset;
+        },
+
+        lineComment: "#",
+        fold: "indent"
+    };
+    return external;
+});
+
+CodeMirror.defineMIME("text/x-python", "python");
+
+(function() {
+  "use strict";
+  var words = function(str){return str.split(' ');};
+
+  CodeMirror.defineMIME("text/x-cython", {
+    name: "python",
+    extra_keywords: words("by cdef cimport cpdef ctypedef enum except"+
+                          "extern gil include nogil property public"+
+                          "readonly struct union DEF IF ELIF ELSE")
+  });
+})();
diff --git a/src/main/webapp/codemirror/mode/q/index.html b/src/main/webapp/codemirror/mode/q/index.html
new file mode 100644
index 00000000..78ed3d88
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/q/index.html
@@ -0,0 +1,144 @@
+<!doctype html>
+
+<title>CodeMirror: Q mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="q.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Q</a>
+  </ul>
+</div>
+
+<article>
+<h2>Q mode</h2>
+
+
+<div><textarea id="code" name="code">
+/ utilities to quickly load a csv file - for more exhaustive analysis of the csv contents see csvguess.q
+/ 2009.09.20 - updated to match latest csvguess.q 
+
+/ .csv.colhdrs[file] - return a list of colhdrs from file
+/ info:.csv.info[file] - return a table of information about the file
+/ columns are: 
+/	c - column name; ci - column index; t - load type; mw - max width; 
+/	dchar - distinct characters in values; rule - rule that caught the type
+/	maybe - needs checking, _could_ be say a date, but perhaps just a float?
+/ .csv.info0[file;onlycols] - like .csv.info except that it only analyses <onlycols>
+/ example:
+/	info:.csv.info0[file;(.csv.colhdrs file)like"*price"]
+/	info:.csv.infolike[file;"*price"]
+/	show delete from info where t=" "
+/ .csv.data[file;info] - use the info from .csv.info to read the data
+/ .csv.data10[file;info] - like .csv.data but only returns the first 10 rows
+/ bulkload[file;info] - bulk loads file into table DATA (which must be already defined :: DATA:() )
+/ .csv.read[file]/read10[file] - for when you don't care about checking/tweaking the <info> before reading 
+
+\d .csv
+DELIM:","
+ZAPHDRS:0b / lowercase and remove _ from colhdrs (junk characters are always removed)
+WIDTHHDR:25000 / number of characters read to get the header
+READLINES:222 / number of lines read and used to guess the types
+SYMMAXWIDTH:11 / character columns narrower than this are stored as symbols
+SYMMAXGR:10 / max symbol granularity% before we give up and keep as a * string
+FORCECHARWIDTH:30 / every field (of any type) with values this wide or more is forced to character "*"
+DISCARDEMPTY:0b / completely ignore empty columns if true else set them to "C"
+CHUNKSIZE:50000000 / used in fs2 (modified .Q.fs)
+
+k)nameltrim:{$[~@x;.z.s'x;~(*x)in aA:.Q.a,.Q.A;(+/&\~x in aA)_x;x]}
+k)fs2:{[f;s]((-7!s)>){[f;s;x]i:1+last@&0xa=r:1:(s;x;CHUNKSIZE);f@`\:i#r;x+i}[f;s]/0j}
+cleanhdrs:{{$[ZAPHDRS;lower x except"_";x]}x where x in DELIM,.Q.an}
+cancast:{nw:x$"";if[not x in"BXCS";nw:(min 0#;max 0#;::)@\:nw];$[not any nw in x$(11&count y)#y;$[11<count y;not any nw in x$y;1b];0b]}
+
+read:{[file]data[file;info[file]]}  
+read10:{[file]data10[file;info[file]]}  
+
+colhdrs:{[file]
+	`$nameltrim DELIM vs cleanhdrs first read0(file;0;1+first where 0xa=read1(file;0;WIDTHHDR))}
+data:{[file;info]
+	(exec c from info where not t=" ")xcol(exec t from info;enlist DELIM)0:file}
+data10:{[file;info]
+	data[;info](file;0;1+last 11#where 0xa=read1(file;0;15*WIDTHHDR))}
+info0:{[file;onlycols]
+	colhdrs:`$nameltrim DELIM vs cleanhdrs first head:read0(file;0;1+last where 0xa=read1(file;0;WIDTHHDR));
+	loadfmts:(count colhdrs)#"S";if[count onlycols;loadfmts[where not colhdrs in onlycols]:"C"];
+	breaks:where 0xa=read1(file;0;floor(10+READLINES)*WIDTHHDR%count head);
+	nas:count as:colhdrs xcol(loadfmts;enlist DELIM)0:(file;0;1+last((1+READLINES)&count breaks)#breaks);
+	info:([]c:key flip as;v:value flip as);as:();
+	reserved:key`.q;reserved,:.Q.res;reserved,:`i;
+	info:update res:c in reserved from info;
+	info:update ci:i,t:"?",ipa:0b,mdot:0,mw:0,rule:0,gr:0,ndv:0,maybe:0b,empty:0b,j10:0b,j12:0b from info;
+	info:update ci:`s#ci from info;
+	if[count onlycols;info:update t:" ",rule:10 from info where not c in onlycols];
+	info:update sdv:{string(distinct x)except`}peach v from info; 
+	info:update ndv:count each sdv from info;
+	info:update gr:floor 0.5+100*ndv%nas,mw:{max count each x}peach sdv from info where 0<ndv;
+	info:update t:"*",rule:20 from info where mw>.csv.FORCECHARWIDTH; / long values
+	info:update t:"C "[.csv.DISCARDEMPTY],rule:30,empty:1b from info where t="?",mw=0; / empty columns
+	info:update dchar:{asc distinct raze x}peach sdv from info where t="?";
+	info:update mdot:{max sum each"."=x}peach sdv from info where t="?",{"."in x}each dchar;
+	info:update t:"n",rule:40 from info where t="?",{any x in"0123456789"}each dchar; / vaguely numeric..
+	info:update t:"I",rule:50,ipa:1b from info where t="n",mw within 7 15,mdot=3,{all x in".0123456789"}each dchar,.csv.cancast["I"]peach sdv; / ip-address
+	info:update t:"J",rule:60 from info where t="n",mdot=0,{all x in"+-0123456789"}each dchar,.csv.cancast["J"]peach sdv;
+	info:update t:"I",rule:70 from info where t="J",mw<12,.csv.cancast["I"]peach sdv;
+	info:update t:"H",rule:80 from info where t="I",mw<7,.csv.cancast["H"]peach sdv;
+	info:update t:"F",rule:90 from info where t="n",mdot<2,mw>1,.csv.cancast["F"]peach sdv;
+	info:update t:"E",rule:100,maybe:1b from info where t="F",mw<9;
+	info:update t:"M",rule:110,maybe:1b from info where t in"nIHEF",mdot<2,mw within 4 7,.csv.cancast["M"]peach sdv; 
+	info:update t:"D",rule:120,maybe:1b from info where t in"nI",mdot in 0 2,mw within 6 11,.csv.cancast["D"]peach sdv; 
+	info:update t:"V",rule:130,maybe:1b from info where t="I",mw in 5 6,7<count each dchar,{all x like"*[0-9][0-5][0-9][0-5][0-9]"}peach sdv,.csv.cancast["V"]peach sdv; / 235959 12345        
+	info:update t:"U",rule:140,maybe:1b from info where t="H",mw in 3 4,7<count each dchar,{all x like"*[0-9][0-5][0-9]"}peach sdv,.csv.cancast["U"]peach sdv; /2359
+	info:update t:"U",rule:150,maybe:0b from info where t="n",mw in 4 5,mdot=0,{all x like"*[0-9]:[0-5][0-9]"}peach sdv,.csv.cancast["U"]peach sdv;
+	info:update t:"T",rule:160,maybe:0b from info where t="n",mw within 7 12,mdot<2,{all x like"*[0-9]:[0-5][0-9]:[0-5][0-9]*"}peach sdv,.csv.cancast["T"]peach sdv;
+	info:update t:"V",rule:170,maybe:0b from info where t="T",mw in 7 8,mdot=0,.csv.cancast["V"]peach sdv;
+	info:update t:"T",rule:180,maybe:1b from info where t in"EF",mw within 7 10,mdot=1,{all x like"*[0-9][0-5][0-9][0-5][0-9].*"}peach sdv,.csv.cancast["T"]peach sdv;
+	info:update t:"Z",rule:190,maybe:0b from info where t="n",mw within 11 24,mdot<4,.csv.cancast["Z"]peach sdv;
+	info:update t:"P",rule:200,maybe:1b from info where t="n",mw within 12 29,mdot<4,{all x like"[12]*"}peach sdv,.csv.cancast["P"]peach sdv;
+	info:update t:"N",rule:210,maybe:1b from info where t="n",mw within 3 28,mdot=1,.csv.cancast["N"]peach sdv;
+	info:update t:"?",rule:220,maybe:0b from info where t="n"; / reset remaining maybe numeric
+	info:update t:"C",rule:230,maybe:0b from info where t="?",mw=1; / char
+	info:update t:"B",rule:240,maybe:0b from info where t in"HC",mw=1,mdot=0,{$[all x in"01tTfFyYnN";(any"0fFnN"in x)and any"1tTyY"in x;0b]}each dchar; / boolean
+	info:update t:"B",rule:250,maybe:1b from info where t in"HC",mw=1,mdot=0,{all x in"01tTfFyYnN"}each dchar; / boolean
+	info:update t:"X",rule:260,maybe:0b from info where t="?",mw=2,{$[all x in"0123456789abcdefABCDEF";(any .Q.n in x)and any"abcdefABCDEF"in x;0b]}each dchar; /hex
+	info:update t:"S",rule:270,maybe:1b from info where t="?",mw<.csv.SYMMAXWIDTH,mw>1,gr<.csv.SYMMAXGR; / symbols (max width permitting)
+	info:update t:"*",rule:280,maybe:0b from info where t="?"; / the rest as strings
+	/ flag those S/* columns which could be encoded to integers (.Q.j10/x10/j12/x12) to avoid symbols
+	info:update j12:1b from info where t in"S*",mw<13,{all x in .Q.nA}each dchar;
+	info:update j10:1b from info where t in"S*",mw<11,{all x in .Q.b6}each dchar; 
+	select c,ci,t,maybe,empty,res,j10,j12,ipa,mw,mdot,rule,gr,ndv,dchar from info}
+info:info0[;()] / by default don't restrict columns
+infolike:{[file;pattern] info0[file;{x where x like y}[lower colhdrs[file];pattern]]} / .csv.infolike[file;"*time"]
+
+\d .
+/ DATA:()
+bulkload:{[file;info]
+	if[not`DATA in system"v";'`DATA.not.defined];
+	if[count DATA;'`DATA.not.empty];
+	loadhdrs:exec c from info where not t=" ";loadfmts:exec t from info;
+	.csv.fs2[{[file;loadhdrs;loadfmts] `DATA insert $[count DATA;flip loadhdrs!(loadfmts;.csv.DELIM)0:file;loadhdrs xcol(loadfmts;enlist .csv.DELIM)0:file]}[file;loadhdrs;loadfmts]];
+	count DATA}
+@[.:;"\\l csvutil.custom.q";::]; / save your custom settings in csvutil.custom.q to override those set at the beginning of the file 
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true
+      });
+    </script>
+
+    <p><strong>MIME type defined:</strong> <code>text/x-q</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/q/q.js b/src/main/webapp/codemirror/mode/q/q.js
new file mode 100644
index 00000000..56017e30
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/q/q.js
@@ -0,0 +1,124 @@
+CodeMirror.defineMode("q",function(config){
+  var indentUnit=config.indentUnit,
+      curPunc,
+      keywords=buildRE(["abs","acos","aj","aj0","all","and","any","asc","asin","asof","atan","attr","avg","avgs","bin","by","ceiling","cols","cor","cos","count","cov","cross","csv","cut","delete","deltas","desc","dev","differ","distinct","div","do","each","ej","enlist","eval","except","exec","exit","exp","fby","fills","first","fkeys","flip","floor","from","get","getenv","group","gtime","hclose","hcount","hdel","hopen","hsym","iasc","idesc","if","ij","in","insert","inter","inv","key","keys","last","like","list","lj","load","log","lower","lsq","ltime","ltrim","mavg","max","maxs","mcount","md5","mdev","med","meta","min","mins","mmax","mmin","mmu","mod","msum","neg","next","not","null","or","over","parse","peach","pj","plist","prd","prds","prev","prior","rand","rank","ratios","raze","read0","read1","reciprocal","reverse","rload","rotate","rsave","rtrim","save","scan","select","set","setenv","show","signum","sin","sqrt","ss","ssr","string","sublist","sum","sums","sv","system","tables","tan","til","trim","txf","type","uj","ungroup","union","update","upper","upsert","value","var","view","views","vs","wavg","where","where","while","within","wj","wj1","wsum","xasc","xbar","xcol","xcols","xdesc","xexp","xgroup","xkey","xlog","xprev","xrank"]),
+      E=/[|/&^!+:\\\-*%$=~#;@><,?_\'\"\[\(\]\)\s{}]/;
+  function buildRE(w){return new RegExp("^("+w.join("|")+")$");}
+  function tokenBase(stream,state){
+    var sol=stream.sol(),c=stream.next();
+    curPunc=null;
+    if(sol)
+      if(c=="/")
+        return(state.tokenize=tokenLineComment)(stream,state);
+      else if(c=="\\"){
+        if(stream.eol()||/\s/.test(stream.peek()))
+          return stream.skipToEnd(),/^\\\s*$/.test(stream.current())?(state.tokenize=tokenCommentToEOF)(stream, state):state.tokenize=tokenBase,"comment";
+        else
+          return state.tokenize=tokenBase,"builtin";
+      }
+    if(/\s/.test(c))
+      return stream.peek()=="/"?(stream.skipToEnd(),"comment"):"whitespace";
+    if(c=='"')
+      return(state.tokenize=tokenString)(stream,state);
+    if(c=='`')
+      return stream.eatWhile(/[A-Z|a-z|\d|_|:|\/|\.]/),"symbol";
+    if(("."==c&&/\d/.test(stream.peek()))||/\d/.test(c)){
+      var t=null;
+      stream.backUp(1);
+      if(stream.match(/^\d{4}\.\d{2}(m|\.\d{2}([D|T](\d{2}(:\d{2}(:\d{2}(\.\d{1,9})?)?)?)?)?)/)
+      || stream.match(/^\d+D(\d{2}(:\d{2}(:\d{2}(\.\d{1,9})?)?)?)/)
+      || stream.match(/^\d{2}:\d{2}(:\d{2}(\.\d{1,9})?)?/)
+      || stream.match(/^\d+[ptuv]{1}/))
+        t="temporal";
+      else if(stream.match(/^0[NwW]{1}/)
+      || stream.match(/^0x[\d|a-f|A-F]*/)
+      || stream.match(/^[0|1]+[b]{1}/)
+      || stream.match(/^\d+[chijn]{1}/)
+      || stream.match(/-?\d*(\.\d*)?(e[+\-]?\d+)?(e|f)?/))
+        t="number";
+      return(t&&(!(c=stream.peek())||E.test(c)))?t:(stream.next(),"error");
+    }
+    if(/[A-Z|a-z]|\./.test(c))
+      return stream.eatWhile(/[A-Z|a-z|\.|_|\d]/),keywords.test(stream.current())?"keyword":"variable";
+    if(/[|/&^!+:\\\-*%$=~#;@><\.,?_\']/.test(c))
+      return null;
+    if(/[{}\(\[\]\)]/.test(c))
+      return null;
+    return"error";
+  }
+  function tokenLineComment(stream,state){
+    return stream.skipToEnd(),/\/\s*$/.test(stream.current())?(state.tokenize=tokenBlockComment)(stream,state):(state.tokenize=tokenBase),"comment";
+  }
+  function tokenBlockComment(stream,state){
+    var f=stream.sol()&&stream.peek()=="\\";
+    stream.skipToEnd();
+    if(f&&/^\\\s*$/.test(stream.current()))
+      state.tokenize=tokenBase;
+    return"comment";
+  }
+  function tokenCommentToEOF(stream){return stream.skipToEnd(),"comment";}
+  function tokenString(stream,state){
+    var escaped=false,next,end=false;
+    while((next=stream.next())){
+      if(next=="\""&&!escaped){end=true;break;}
+      escaped=!escaped&&next=="\\";
+    }
+    if(end)state.tokenize=tokenBase;
+    return"string";
+  }
+  function pushContext(state,type,col){state.context={prev:state.context,indent:state.indent,col:col,type:type};}
+  function popContext(state){state.indent=state.context.indent;state.context=state.context.prev;}
+  return{
+    startState:function(){
+      return{tokenize:tokenBase,
+             context:null,
+             indent:0,
+             col:0};
+    },
+    token:function(stream,state){
+      if(stream.sol()){
+        if(state.context&&state.context.align==null)
+          state.context.align=false;
+        state.indent=stream.indentation();
+      }
+      //if (stream.eatSpace()) return null;
+      var style=state.tokenize(stream,state);
+      if(style!="comment"&&state.context&&state.context.align==null&&state.context.type!="pattern"){
+        state.context.align=true;
+      }
+      if(curPunc=="(")pushContext(state,")",stream.column());
+      else if(curPunc=="[")pushContext(state,"]",stream.column());
+      else if(curPunc=="{")pushContext(state,"}",stream.column());
+      else if(/[\]\}\)]/.test(curPunc)){
+        while(state.context&&state.context.type=="pattern")popContext(state);
+        if(state.context&&curPunc==state.context.type)popContext(state);
+      }
+      else if(curPunc=="."&&state.context&&state.context.type=="pattern")popContext(state);
+      else if(/atom|string|variable/.test(style)&&state.context){
+        if(/[\}\]]/.test(state.context.type))
+          pushContext(state,"pattern",stream.column());
+        else if(state.context.type=="pattern"&&!state.context.align){
+          state.context.align=true;
+          state.context.col=stream.column();
+        }
+      }
+      return style;
+    },
+    indent:function(state,textAfter){
+      var firstChar=textAfter&&textAfter.charAt(0);
+      var context=state.context;
+      if(/[\]\}]/.test(firstChar))
+        while (context&&context.type=="pattern")context=context.prev;
+      var closing=context&&firstChar==context.type;
+      if(!context)
+        return 0;
+      else if(context.type=="pattern")
+        return context.col;
+      else if(context.align)
+        return context.col+(closing?0:1);
+      else
+        return context.indent+(closing?0:indentUnit);
+    }
+  };
+});
+CodeMirror.defineMIME("text/x-q","q");
diff --git a/src/main/webapp/codemirror/mode/r/index.html b/src/main/webapp/codemirror/mode/r/index.html
new file mode 100644
index 00000000..f73e13d6
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/r/index.html
@@ -0,0 +1,86 @@
+<!doctype html>
+
+<title>CodeMirror: R mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="r.js"></script>
+<style>
+      .CodeMirror { border-top: 1px solid silver; border-bottom: 1px solid silver; }
+      .cm-s-default span.cm-semi { color: blue; font-weight: bold; }
+      .cm-s-default span.cm-dollar { color: orange; font-weight: bold; }
+      .cm-s-default span.cm-arrow { color: brown; }
+      .cm-s-default span.cm-arg-is { color: brown; }
+    </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">R</a>
+  </ul>
+</div>
+
+<article>
+<h2>R mode</h2>
+<form><textarea id="code" name="code">
+# Code from http://www.mayin.org/ajayshah/KB/R/
+
+# FIRST LEARN ABOUT LISTS --
+X = list(height=5.4, weight=54)
+print("Use default printing --")
+print(X)
+print("Accessing individual elements --")
+cat("Your height is ", X$height, " and your weight is ", X$weight, "\n")
+
+# FUNCTIONS --
+square <- function(x) {
+  return(x*x)
+}
+cat("The square of 3 is ", square(3), "\n")
+
+                 # default value of the arg is set to 5.
+cube <- function(x=5) {
+  return(x*x*x);
+}
+cat("Calling cube with 2 : ", cube(2), "\n")    # will give 2^3
+cat("Calling cube        : ", cube(), "\n")     # will default to 5^3.
+
+# LEARN ABOUT FUNCTIONS THAT RETURN MULTIPLE OBJECTS --
+powers <- function(x) {
+  parcel = list(x2=x*x, x3=x*x*x, x4=x*x*x*x);
+  return(parcel);
+}
+
+X = powers(3);
+print("Showing powers of 3 --"); print(X);
+
+# WRITING THIS COMPACTLY (4 lines instead of 7)
+
+powerful <- function(x) {
+  return(list(x2=x*x, x3=x*x*x, x4=x*x*x*x));
+}
+print("Showing powers of 3 --"); print(powerful(3));
+
+# In R, the last expression in a function is, by default, what is
+# returned. So you could equally just say:
+powerful <- function(x) {list(x2=x*x, x3=x*x*x, x4=x*x*x*x)}
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-rsrc</code>.</p>
+
+    <p>Development of the CodeMirror R mode was kindly sponsored
+    by <a href="http://ubalo.com/">Ubalo</a>, who hold
+    the <a href="LICENSE">license</a>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/r/r.js b/src/main/webapp/codemirror/mode/r/r.js
new file mode 100644
index 00000000..6410efbb
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/r/r.js
@@ -0,0 +1,141 @@
+CodeMirror.defineMode("r", function(config) {
+  function wordObj(str) {
+    var words = str.split(" "), res = {};
+    for (var i = 0; i < words.length; ++i) res[words[i]] = true;
+    return res;
+  }
+  var atoms = wordObj("NULL NA Inf NaN NA_integer_ NA_real_ NA_complex_ NA_character_");
+  var builtins = wordObj("list quote bquote eval return call parse deparse");
+  var keywords = wordObj("if else repeat while function for in next break");
+  var blockkeywords = wordObj("if else repeat while function for");
+  var opChars = /[+\-*\/^<>=!&|~$:]/;
+  var curPunc;
+
+  function tokenBase(stream, state) {
+    curPunc = null;
+    var ch = stream.next();
+    if (ch == "#") {
+      stream.skipToEnd();
+      return "comment";
+    } else if (ch == "0" && stream.eat("x")) {
+      stream.eatWhile(/[\da-f]/i);
+      return "number";
+    } else if (ch == "." && stream.eat(/\d/)) {
+      stream.match(/\d*(?:e[+\-]?\d+)?/);
+      return "number";
+    } else if (/\d/.test(ch)) {
+      stream.match(/\d*(?:\.\d+)?(?:e[+\-]\d+)?L?/);
+      return "number";
+    } else if (ch == "'" || ch == '"') {
+      state.tokenize = tokenString(ch);
+      return "string";
+    } else if (ch == "." && stream.match(/.[.\d]+/)) {
+      return "keyword";
+    } else if (/[\w\.]/.test(ch) && ch != "_") {
+      stream.eatWhile(/[\w\.]/);
+      var word = stream.current();
+      if (atoms.propertyIsEnumerable(word)) return "atom";
+      if (keywords.propertyIsEnumerable(word)) {
+        if (blockkeywords.propertyIsEnumerable(word)) curPunc = "block";
+        return "keyword";
+      }
+      if (builtins.propertyIsEnumerable(word)) return "builtin";
+      return "variable";
+    } else if (ch == "%") {
+      if (stream.skipTo("%")) stream.next();
+      return "variable-2";
+    } else if (ch == "<" && stream.eat("-")) {
+      return "arrow";
+    } else if (ch == "=" && state.ctx.argList) {
+      return "arg-is";
+    } else if (opChars.test(ch)) {
+      if (ch == "$") return "dollar";
+      stream.eatWhile(opChars);
+      return "operator";
+    } else if (/[\(\){}\[\];]/.test(ch)) {
+      curPunc = ch;
+      if (ch == ";") return "semi";
+      return null;
+    } else {
+      return null;
+    }
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      if (stream.eat("\\")) {
+        var ch = stream.next();
+        if (ch == "x") stream.match(/^[a-f0-9]{2}/i);
+        else if ((ch == "u" || ch == "U") && stream.eat("{") && stream.skipTo("}")) stream.next();
+        else if (ch == "u") stream.match(/^[a-f0-9]{4}/i);
+        else if (ch == "U") stream.match(/^[a-f0-9]{8}/i);
+        else if (/[0-7]/.test(ch)) stream.match(/^[0-7]{1,2}/);
+        return "string-2";
+      } else {
+        var next;
+        while ((next = stream.next()) != null) {
+          if (next == quote) { state.tokenize = tokenBase; break; }
+          if (next == "\\") { stream.backUp(1); break; }
+        }
+        return "string";
+      }
+    };
+  }
+
+  function push(state, type, stream) {
+    state.ctx = {type: type,
+                 indent: state.indent,
+                 align: null,
+                 column: stream.column(),
+                 prev: state.ctx};
+  }
+  function pop(state) {
+    state.indent = state.ctx.indent;
+    state.ctx = state.ctx.prev;
+  }
+
+  return {
+    startState: function() {
+      return {tokenize: tokenBase,
+              ctx: {type: "top",
+                    indent: -config.indentUnit,
+                    align: false},
+              indent: 0,
+              afterIdent: false};
+    },
+
+    token: function(stream, state) {
+      if (stream.sol()) {
+        if (state.ctx.align == null) state.ctx.align = false;
+        state.indent = stream.indentation();
+      }
+      if (stream.eatSpace()) return null;
+      var style = state.tokenize(stream, state);
+      if (style != "comment" && state.ctx.align == null) state.ctx.align = true;
+
+      var ctype = state.ctx.type;
+      if ((curPunc == ";" || curPunc == "{" || curPunc == "}") && ctype == "block") pop(state);
+      if (curPunc == "{") push(state, "}", stream);
+      else if (curPunc == "(") {
+        push(state, ")", stream);
+        if (state.afterIdent) state.ctx.argList = true;
+      }
+      else if (curPunc == "[") push(state, "]", stream);
+      else if (curPunc == "block") push(state, "block", stream);
+      else if (curPunc == ctype) pop(state);
+      state.afterIdent = style == "variable" || style == "keyword";
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      if (state.tokenize != tokenBase) return 0;
+      var firstChar = textAfter && textAfter.charAt(0), ctx = state.ctx,
+          closing = firstChar == ctx.type;
+      if (ctx.type == "block") return ctx.indent + (firstChar == "{" ? 0 : config.indentUnit);
+      else if (ctx.align) return ctx.column + (closing ? 0 : 1);
+      else return ctx.indent + (closing ? 0 : config.indentUnit);
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/x-rsrc", "r");
diff --git a/src/main/webapp/codemirror/mode/rpm/changes/changes.js b/src/main/webapp/codemirror/mode/rpm/changes/changes.js
new file mode 100644
index 00000000..14a08d97
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/rpm/changes/changes.js
@@ -0,0 +1,19 @@
+CodeMirror.defineMode("changes", function() {
+  var headerSeperator = /^-+$/;
+  var headerLine = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun) (Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)  ?\d{1,2} \d{2}:\d{2}(:\d{2})? [A-Z]{3,4} \d{4} - /;
+  var simpleEmail = /^[\w+.-]+@[\w.-]+/;
+
+  return {
+    token: function(stream) {
+      if (stream.sol()) {
+        if (stream.match(headerSeperator)) { return 'tag'; }
+        if (stream.match(headerLine)) { return 'tag'; }
+      }
+      if (stream.match(simpleEmail)) { return 'string'; }
+      stream.next();
+      return null;
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/x-rpm-changes", "changes");
diff --git a/src/main/webapp/codemirror/mode/rpm/changes/index.html b/src/main/webapp/codemirror/mode/rpm/changes/index.html
new file mode 100644
index 00000000..18fe7ab7
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/rpm/changes/index.html
@@ -0,0 +1,67 @@
+<!doctype html>
+
+<title>CodeMirror: RPM changes mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+    <link rel="stylesheet" href="../../../lib/codemirror.css">
+    <script src="../../../lib/codemirror.js"></script>
+    <script src="changes.js"></script>
+    <link rel="stylesheet" href="../../../doc/docs.css">
+    <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../../index.html">Home</a>
+    <li><a href="../../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../../index.html">Language modes</a>
+    <li><a class=active href="#">RPM changes</a>
+  </ul>
+</div>
+
+<article>
+<h2>RPM changes mode</h2>
+
+    <div><textarea id="code" name="code">
+-------------------------------------------------------------------
+Tue Oct 18 13:58:40 UTC 2011 - misterx@example.com
+
+- Update to r60.3
+- Fixes bug in the reflect package
+  * disallow Interface method on Value obtained via unexported name
+
+-------------------------------------------------------------------
+Thu Oct  6 08:14:24 UTC 2011 - misterx@example.com
+
+- Update to r60.2
+- Fixes memory leak in certain map types
+
+-------------------------------------------------------------------
+Wed Oct  5 14:34:10 UTC 2011 - misterx@example.com
+
+- Tweaks for gdb debugging
+- go.spec changes:
+  - move %go_arch definition to %prep section
+  - pass correct location of go specific gdb pretty printer and
+    functions to cpp as HOST_EXTRA_CFLAGS macro
+  - install go gdb functions & printer
+- gdb-printer.patch
+  - patch linker (src/cmd/ld/dwarf.c) to emit correct location of go
+    gdb functions and pretty printer
+</textarea></div>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: {name: "changes"},
+        lineNumbers: true,
+        indentUnit: 4,
+        tabMode: "shift"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-rpm-changes</code>.</p>
+</article>
diff --git a/src/main/webapp/codemirror/mode/rpm/spec/index.html b/src/main/webapp/codemirror/mode/rpm/spec/index.html
new file mode 100644
index 00000000..127b72ee
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/rpm/spec/index.html
@@ -0,0 +1,114 @@
+<!doctype html>
+
+<title>CodeMirror: RPM spec mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+    <link rel="stylesheet" href="../../../lib/codemirror.css">
+    <script src="../../../lib/codemirror.js"></script>
+    <script src="spec.js"></script>
+    <link rel="stylesheet" href="spec.css">
+    <link rel="stylesheet" href="../../../doc/docs.css">
+    <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../../index.html">Home</a>
+    <li><a href="../../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../../index.html">Language modes</a>
+    <li><a class=active href="#">RPM spec</a>
+  </ul>
+</div>
+
+<article>
+<h2>RPM spec mode</h2>
+    
+    <div><textarea id="code" name="code">
+#
+# spec file for package minidlna
+#
+# Copyright (c) 2011, Sascha Peilicke <saschpe@gmx.de>
+#
+# All modifications and additions to the file contributed by third parties
+# remain the property of their copyright owners, unless otherwise agreed
+# upon. The license for this file, and modifications and additions to the
+# file, is the same license as for the pristine package itself (unless the
+# license for the pristine package is not an Open Source License, in which
+# case the license is the MIT License). An "Open Source License" is a
+# license that conforms to the Open Source Definition (Version 1.9)
+# published by the Open Source Initiative.
+
+
+Name:           libupnp6
+Version:        1.6.13
+Release:        0
+Summary:        Portable Universal Plug and Play (UPnP) SDK
+Group:          System/Libraries
+License:        BSD-3-Clause
+Url:            http://sourceforge.net/projects/pupnp/
+Source0:        http://downloads.sourceforge.net/pupnp/libupnp-%{version}.tar.bz2
+BuildRoot:      %{_tmppath}/%{name}-%{version}-build
+
+%description
+The portable Universal Plug and Play (UPnP) SDK provides support for building
+UPnP-compliant control points, devices, and bridges on several operating
+systems.
+
+%package -n libupnp-devel
+Summary:        Portable Universal Plug and Play (UPnP) SDK
+Group:          Development/Libraries/C and C++
+Provides:       pkgconfig(libupnp)
+Requires:       %{name} = %{version}
+
+%description -n libupnp-devel
+The portable Universal Plug and Play (UPnP) SDK provides support for building
+UPnP-compliant control points, devices, and bridges on several operating
+systems.
+
+%prep
+%setup -n libupnp-%{version}
+
+%build
+%configure --disable-static
+make %{?_smp_mflags}
+
+%install
+%makeinstall
+find %{buildroot} -type f -name '*.la' -exec rm -f {} ';'
+
+%post -p /sbin/ldconfig
+
+%postun -p /sbin/ldconfig
+
+%files
+%defattr(-,root,root,-)
+%doc ChangeLog NEWS README TODO
+%{_libdir}/libixml.so.*
+%{_libdir}/libthreadutil.so.*
+%{_libdir}/libupnp.so.*
+
+%files -n libupnp-devel
+%defattr(-,root,root,-)
+%{_libdir}/pkgconfig/libupnp.pc
+%{_libdir}/libixml.so
+%{_libdir}/libthreadutil.so
+%{_libdir}/libupnp.so
+%{_includedir}/upnp/
+
+%changelog</textarea></div>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: {name: "spec"},
+        lineNumbers: true,
+        indentUnit: 4
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-rpm-spec</code>.</p>
+
+</article>
diff --git a/src/main/webapp/codemirror/mode/rpm/spec/spec.css b/src/main/webapp/codemirror/mode/rpm/spec/spec.css
new file mode 100644
index 00000000..d0a5d430
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/rpm/spec/spec.css
@@ -0,0 +1,5 @@
+.cm-s-default span.cm-preamble {color: #b26818; font-weight: bold;}
+.cm-s-default span.cm-macro {color: #b218b2;}
+.cm-s-default span.cm-section {color: green; font-weight: bold;}
+.cm-s-default span.cm-script {color: red;}
+.cm-s-default span.cm-issue {color: yellow;}
diff --git a/src/main/webapp/codemirror/mode/rpm/spec/spec.js b/src/main/webapp/codemirror/mode/rpm/spec/spec.js
new file mode 100644
index 00000000..9f339c21
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/rpm/spec/spec.js
@@ -0,0 +1,66 @@
+// Quick and dirty spec file highlighting
+
+CodeMirror.defineMode("spec", function() {
+  var arch = /^(i386|i586|i686|x86_64|ppc64|ppc|ia64|s390x|s390|sparc64|sparcv9|sparc|noarch|alphaev6|alpha|hppa|mipsel)/;
+
+  var preamble = /^(Name|Version|Release|License|Summary|Url|Group|Source|BuildArch|BuildRequires|BuildRoot|AutoReqProv|Provides|Requires(\(\w+\))?|Obsoletes|Conflicts|Recommends|Source\d*|Patch\d*|ExclusiveArch|NoSource|Supplements):/;
+  var section = /^%(debug_package|package|description|prep|build|install|files|clean|changelog|preun|postun|pre|post|triggerin|triggerun|pretrans|posttrans|verifyscript|check|triggerpostun|triggerprein|trigger)/;
+  var control_flow_complex = /^%(ifnarch|ifarch|if)/; // rpm control flow macros
+  var control_flow_simple = /^%(else|endif)/; // rpm control flow macros
+  var operators = /^(\!|\?|\<\=|\<|\>\=|\>|\=\=|\&\&|\|\|)/; // operators in control flow macros
+
+  return {
+    startState: function () {
+        return {
+          controlFlow: false,
+          macroParameters: false,
+          section: false
+        };
+    },
+    token: function (stream, state) {
+      var ch = stream.peek();
+      if (ch == "#") { stream.skipToEnd(); return "comment"; }
+
+      if (stream.sol()) {
+        if (stream.match(preamble)) { return "preamble"; }
+        if (stream.match(section)) { return "section"; }
+      }
+
+      if (stream.match(/^\$\w+/)) { return "def"; } // Variables like '$RPM_BUILD_ROOT'
+      if (stream.match(/^\$\{\w+\}/)) { return "def"; } // Variables like '${RPM_BUILD_ROOT}'
+
+      if (stream.match(control_flow_simple)) { return "keyword"; }
+      if (stream.match(control_flow_complex)) {
+        state.controlFlow = true;
+        return "keyword";
+      }
+      if (state.controlFlow) {
+        if (stream.match(operators)) { return "operator"; }
+        if (stream.match(/^(\d+)/)) { return "number"; }
+        if (stream.eol()) { state.controlFlow = false; }
+      }
+
+      if (stream.match(arch)) { return "number"; }
+
+      // Macros like '%make_install' or '%attr(0775,root,root)'
+      if (stream.match(/^%[\w]+/)) {
+        if (stream.match(/^\(/)) { state.macroParameters = true; }
+        return "macro";
+      }
+      if (state.macroParameters) {
+        if (stream.match(/^\d+/)) { return "number";}
+        if (stream.match(/^\)/)) {
+          state.macroParameters = false;
+          return "macro";
+        }
+      }
+      if (stream.match(/^%\{\??[\w \-]+\}/)) { return "macro"; } // Macros like '%{defined fedora}'
+
+      //TODO: Include bash script sub-parser (CodeMirror supports that)
+      stream.next();
+      return null;
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/x-rpm-spec", "spec");
diff --git a/src/main/webapp/codemirror/mode/rst/index.html b/src/main/webapp/codemirror/mode/rst/index.html
new file mode 100644
index 00000000..78030ebe
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/rst/index.html
@@ -0,0 +1,534 @@
+<!doctype html>
+
+<title>CodeMirror: reStructuredText mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="rst.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">reStructuredText</a>
+  </ul>
+</div>
+
+<article>
+<h2>reStructuredText mode</h2>
+<form><textarea id="code" name="code">
+.. This is an excerpt from Sphinx documentation: http://sphinx.pocoo.org/_sources/rest.txt
+
+.. highlightlang:: rest
+
+.. _rst-primer:
+
+reStructuredText Primer
+=======================
+
+This section is a brief introduction to reStructuredText (reST) concepts and
+syntax, intended to provide authors with enough information to author documents
+productively.  Since reST was designed to be a simple, unobtrusive markup
+language, this will not take too long.
+
+.. seealso::
+
+   The authoritative `reStructuredText User Documentation
+   &lt;http://docutils.sourceforge.net/rst.html&gt;`_.  The "ref" links in this
+   document link to the description of the individual constructs in the reST
+   reference.
+
+
+Paragraphs
+----------
+
+The paragraph (:duref:`ref &lt;paragraphs&gt;`) is the most basic block in a reST
+document.  Paragraphs are simply chunks of text separated by one or more blank
+lines.  As in Python, indentation is significant in reST, so all lines of the
+same paragraph must be left-aligned to the same level of indentation.
+
+
+.. _inlinemarkup:
+
+Inline markup
+-------------
+
+The standard reST inline markup is quite simple: use
+
+* one asterisk: ``*text*`` for emphasis (italics),
+* two asterisks: ``**text**`` for strong emphasis (boldface), and
+* backquotes: ````text```` for code samples.
+
+If asterisks or backquotes appear in running text and could be confused with
+inline markup delimiters, they have to be escaped with a backslash.
+
+Be aware of some restrictions of this markup:
+
+* it may not be nested,
+* content may not start or end with whitespace: ``* text*`` is wrong,
+* it must be separated from surrounding text by non-word characters.  Use a
+  backslash escaped space to work around that: ``thisis\ *one*\ word``.
+
+These restrictions may be lifted in future versions of the docutils.
+
+reST also allows for custom "interpreted text roles"', which signify that the
+enclosed text should be interpreted in a specific way.  Sphinx uses this to
+provide semantic markup and cross-referencing of identifiers, as described in
+the appropriate section.  The general syntax is ``:rolename:`content```.
+
+Standard reST provides the following roles:
+
+* :durole:`emphasis` -- alternate spelling for ``*emphasis*``
+* :durole:`strong` -- alternate spelling for ``**strong**``
+* :durole:`literal` -- alternate spelling for ````literal````
+* :durole:`subscript` -- subscript text
+* :durole:`superscript` -- superscript text
+* :durole:`title-reference` -- for titles of books, periodicals, and other
+  materials
+
+See :ref:`inline-markup` for roles added by Sphinx.
+
+
+Lists and Quote-like blocks
+---------------------------
+
+List markup (:duref:`ref &lt;bullet-lists&gt;`) is natural: just place an asterisk at
+the start of a paragraph and indent properly.  The same goes for numbered lists;
+they can also be autonumbered using a ``#`` sign::
+
+   * This is a bulleted list.
+   * It has two items, the second
+     item uses two lines.
+
+   1. This is a numbered list.
+   2. It has two items too.
+
+   #. This is a numbered list.
+   #. It has two items too.
+
+
+Nested lists are possible, but be aware that they must be separated from the
+parent list items by blank lines::
+
+   * this is
+   * a list
+
+     * with a nested list
+     * and some subitems
+
+   * and here the parent list continues
+
+Definition lists (:duref:`ref &lt;definition-lists&gt;`) are created as follows::
+
+   term (up to a line of text)
+      Definition of the term, which must be indented
+
+      and can even consist of multiple paragraphs
+
+   next term
+      Description.
+
+Note that the term cannot have more than one line of text.
+
+Quoted paragraphs (:duref:`ref &lt;block-quotes&gt;`) are created by just indenting
+them more than the surrounding paragraphs.
+
+Line blocks (:duref:`ref &lt;line-blocks&gt;`) are a way of preserving line breaks::
+
+   | These lines are
+   | broken exactly like in
+   | the source file.
+
+There are also several more special blocks available:
+
+* field lists (:duref:`ref &lt;field-lists&gt;`)
+* option lists (:duref:`ref &lt;option-lists&gt;`)
+* quoted literal blocks (:duref:`ref &lt;quoted-literal-blocks&gt;`)
+* doctest blocks (:duref:`ref &lt;doctest-blocks&gt;`)
+
+
+Source Code
+-----------
+
+Literal code blocks (:duref:`ref &lt;literal-blocks&gt;`) are introduced by ending a
+paragraph with the special marker ``::``.  The literal block must be indented
+(and, like all paragraphs, separated from the surrounding ones by blank lines)::
+
+   This is a normal text paragraph. The next paragraph is a code sample::
+
+      It is not processed in any way, except
+      that the indentation is removed.
+
+      It can span multiple lines.
+
+   This is a normal text paragraph again.
+
+The handling of the ``::`` marker is smart:
+
+* If it occurs as a paragraph of its own, that paragraph is completely left
+  out of the document.
+* If it is preceded by whitespace, the marker is removed.
+* If it is preceded by non-whitespace, the marker is replaced by a single
+  colon.
+
+That way, the second sentence in the above example's first paragraph would be
+rendered as "The next paragraph is a code sample:".
+
+
+.. _rst-tables:
+
+Tables
+------
+
+Two forms of tables are supported.  For *grid tables* (:duref:`ref
+&lt;grid-tables&gt;`), you have to "paint" the cell grid yourself.  They look like
+this::
+
+   +------------------------+------------+----------+----------+
+   | Header row, column 1   | Header 2   | Header 3 | Header 4 |
+   | (header rows optional) |            |          |          |
+   +========================+============+==========+==========+
+   | body row 1, column 1   | column 2   | column 3 | column 4 |
+   +------------------------+------------+----------+----------+
+   | body row 2             | ...        | ...      |          |
+   +------------------------+------------+----------+----------+
+
+*Simple tables* (:duref:`ref &lt;simple-tables&gt;`) are easier to write, but
+limited: they must contain more than one row, and the first column cannot
+contain multiple lines.  They look like this::
+
+   =====  =====  =======
+   A      B      A and B
+   =====  =====  =======
+   False  False  False
+   True   False  False
+   False  True   False
+   True   True   True
+   =====  =====  =======
+
+
+Hyperlinks
+----------
+
+External links
+^^^^^^^^^^^^^^
+
+Use ```Link text &lt;http://example.com/&gt;`_`` for inline web links.  If the link
+text should be the web address, you don't need special markup at all, the parser
+finds links and mail addresses in ordinary text.
+
+You can also separate the link and the target definition (:duref:`ref
+&lt;hyperlink-targets&gt;`), like this::
+
+   This is a paragraph that contains `a link`_.
+
+   .. _a link: http://example.com/
+
+
+Internal links
+^^^^^^^^^^^^^^
+
+Internal linking is done via a special reST role provided by Sphinx, see the
+section on specific markup, :ref:`ref-role`.
+
+
+Sections
+--------
+
+Section headers (:duref:`ref &lt;sections&gt;`) are created by underlining (and
+optionally overlining) the section title with a punctuation character, at least
+as long as the text::
+
+   =================
+   This is a heading
+   =================
+
+Normally, there are no heading levels assigned to certain characters as the
+structure is determined from the succession of headings.  However, for the
+Python documentation, this convention is used which you may follow:
+
+* ``#`` with overline, for parts
+* ``*`` with overline, for chapters
+* ``=``, for sections
+* ``-``, for subsections
+* ``^``, for subsubsections
+* ``"``, for paragraphs
+
+Of course, you are free to use your own marker characters (see the reST
+documentation), and use a deeper nesting level, but keep in mind that most
+target formats (HTML, LaTeX) have a limited supported nesting depth.
+
+
+Explicit Markup
+---------------
+
+"Explicit markup" (:duref:`ref &lt;explicit-markup-blocks&gt;`) is used in reST for
+most constructs that need special handling, such as footnotes,
+specially-highlighted paragraphs, comments, and generic directives.
+
+An explicit markup block begins with a line starting with ``..`` followed by
+whitespace and is terminated by the next paragraph at the same level of
+indentation.  (There needs to be a blank line between explicit markup and normal
+paragraphs.  This may all sound a bit complicated, but it is intuitive enough
+when you write it.)
+
+
+.. _directives:
+
+Directives
+----------
+
+A directive (:duref:`ref &lt;directives&gt;`) is a generic block of explicit markup.
+Besides roles, it is one of the extension mechanisms of reST, and Sphinx makes
+heavy use of it.
+
+Docutils supports the following directives:
+
+* Admonitions: :dudir:`attention`, :dudir:`caution`, :dudir:`danger`,
+  :dudir:`error`, :dudir:`hint`, :dudir:`important`, :dudir:`note`,
+  :dudir:`tip`, :dudir:`warning` and the generic :dudir:`admonition`.
+  (Most themes style only "note" and "warning" specially.)
+
+* Images:
+
+  - :dudir:`image` (see also Images_ below)
+  - :dudir:`figure` (an image with caption and optional legend)
+
+* Additional body elements:
+
+  - :dudir:`contents` (a local, i.e. for the current file only, table of
+    contents)
+  - :dudir:`container` (a container with a custom class, useful to generate an
+    outer ``&lt;div&gt;`` in HTML)
+  - :dudir:`rubric` (a heading without relation to the document sectioning)
+  - :dudir:`topic`, :dudir:`sidebar` (special highlighted body elements)
+  - :dudir:`parsed-literal` (literal block that supports inline markup)
+  - :dudir:`epigraph` (a block quote with optional attribution line)
+  - :dudir:`highlights`, :dudir:`pull-quote` (block quotes with their own
+    class attribute)
+  - :dudir:`compound` (a compound paragraph)
+
+* Special tables:
+
+  - :dudir:`table` (a table with title)
+  - :dudir:`csv-table` (a table generated from comma-separated values)
+  - :dudir:`list-table` (a table generated from a list of lists)
+
+* Special directives:
+
+  - :dudir:`raw` (include raw target-format markup)
+  - :dudir:`include` (include reStructuredText from another file)
+    -- in Sphinx, when given an absolute include file path, this directive takes
+    it as relative to the source directory
+  - :dudir:`class` (assign a class attribute to the next element) [1]_
+
+* HTML specifics:
+
+  - :dudir:`meta` (generation of HTML ``&lt;meta&gt;`` tags)
+  - :dudir:`title` (override document title)
+
+* Influencing markup:
+
+  - :dudir:`default-role` (set a new default role)
+  - :dudir:`role` (create a new role)
+
+  Since these are only per-file, better use Sphinx' facilities for setting the
+  :confval:`default_role`.
+
+Do *not* use the directives :dudir:`sectnum`, :dudir:`header` and
+:dudir:`footer`.
+
+Directives added by Sphinx are described in :ref:`sphinxmarkup`.
+
+Basically, a directive consists of a name, arguments, options and content. (Keep
+this terminology in mind, it is used in the next chapter describing custom
+directives.)  Looking at this example, ::
+
+   .. function:: foo(x)
+                 foo(y, z)
+      :module: some.module.name
+
+      Return a line of text input from the user.
+
+``function`` is the directive name.  It is given two arguments here, the
+remainder of the first line and the second line, as well as one option
+``module`` (as you can see, options are given in the lines immediately following
+the arguments and indicated by the colons).  Options must be indented to the
+same level as the directive content.
+
+The directive content follows after a blank line and is indented relative to the
+directive start.
+
+
+Images
+------
+
+reST supports an image directive (:dudir:`ref &lt;image&gt;`), used like so::
+
+   .. image:: gnu.png
+      (options)
+
+When used within Sphinx, the file name given (here ``gnu.png``) must either be
+relative to the source file, or absolute which means that they are relative to
+the top source directory.  For example, the file ``sketch/spam.rst`` could refer
+to the image ``images/spam.png`` as ``../images/spam.png`` or
+``/images/spam.png``.
+
+Sphinx will automatically copy image files over to a subdirectory of the output
+directory on building (e.g. the ``_static`` directory for HTML output.)
+
+Interpretation of image size options (``width`` and ``height``) is as follows:
+if the size has no unit or the unit is pixels, the given size will only be
+respected for output channels that support pixels (i.e. not in LaTeX output).
+Other units (like ``pt`` for points) will be used for HTML and LaTeX output.
+
+Sphinx extends the standard docutils behavior by allowing an asterisk for the
+extension::
+
+   .. image:: gnu.*
+
+Sphinx then searches for all images matching the provided pattern and determines
+their type.  Each builder then chooses the best image out of these candidates.
+For instance, if the file name ``gnu.*`` was given and two files :file:`gnu.pdf`
+and :file:`gnu.png` existed in the source tree, the LaTeX builder would choose
+the former, while the HTML builder would prefer the latter.
+
+.. versionchanged:: 0.4
+   Added the support for file names ending in an asterisk.
+
+.. versionchanged:: 0.6
+   Image paths can now be absolute.
+
+
+Footnotes
+---------
+
+For footnotes (:duref:`ref &lt;footnotes&gt;`), use ``[#name]_`` to mark the footnote
+location, and add the footnote body at the bottom of the document after a
+"Footnotes" rubric heading, like so::
+
+   Lorem ipsum [#f1]_ dolor sit amet ... [#f2]_
+
+   .. rubric:: Footnotes
+
+   .. [#f1] Text of the first footnote.
+   .. [#f2] Text of the second footnote.
+
+You can also explicitly number the footnotes (``[1]_``) or use auto-numbered
+footnotes without names (``[#]_``).
+
+
+Citations
+---------
+
+Standard reST citations (:duref:`ref &lt;citations&gt;`) are supported, with the
+additional feature that they are "global", i.e. all citations can be referenced
+from all files.  Use them like so::
+
+   Lorem ipsum [Ref]_ dolor sit amet.
+
+   .. [Ref] Book or article reference, URL or whatever.
+
+Citation usage is similar to footnote usage, but with a label that is not
+numeric or begins with ``#``.
+
+
+Substitutions
+-------------
+
+reST supports "substitutions" (:duref:`ref &lt;substitution-definitions&gt;`), which
+are pieces of text and/or markup referred to in the text by ``|name|``.  They
+are defined like footnotes with explicit markup blocks, like this::
+
+   .. |name| replace:: replacement *text*
+
+or this::
+
+   .. |caution| image:: warning.png
+                :alt: Warning!
+
+See the :duref:`reST reference for substitutions &lt;substitution-definitions&gt;`
+for details.
+
+If you want to use some substitutions for all documents, put them into
+:confval:`rst_prolog` or put them into a separate file and include it into all
+documents you want to use them in, using the :rst:dir:`include` directive.  (Be
+sure to give the include file a file name extension differing from that of other
+source files, to avoid Sphinx finding it as a standalone document.)
+
+Sphinx defines some default substitutions, see :ref:`default-substitutions`.
+
+
+Comments
+--------
+
+Every explicit markup block which isn't a valid markup construct (like the
+footnotes above) is regarded as a comment (:duref:`ref &lt;comments&gt;`).  For
+example::
+
+   .. This is a comment.
+
+You can indent text after a comment start to form multiline comments::
+
+   ..
+      This whole indented block
+      is a comment.
+
+      Still in the comment.
+
+
+Source encoding
+---------------
+
+Since the easiest way to include special characters like em dashes or copyright
+signs in reST is to directly write them as Unicode characters, one has to
+specify an encoding.  Sphinx assumes source files to be encoded in UTF-8 by
+default; you can change this with the :confval:`source_encoding` config value.
+
+
+Gotchas
+-------
+
+There are some problems one commonly runs into while authoring reST documents:
+
+* **Separation of inline markup:** As said above, inline markup spans must be
+  separated from the surrounding text by non-word characters, you have to use a
+  backslash-escaped space to get around that.  See `the reference
+  &lt;http://docutils.sf.net/docs/ref/rst/restructuredtext.html#inline-markup&gt;`_
+  for the details.
+
+* **No nested inline markup:** Something like ``*see :func:`foo`*`` is not
+  possible.
+
+
+.. rubric:: Footnotes
+
+.. [1] When the default domain contains a :rst:dir:`class` directive, this directive
+       will be shadowed.  Therefore, Sphinx re-exports it as :rst:dir:`rst-class`.
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+      });
+    </script>
+    <p>
+        The <code>python</code> mode will be used for highlighting blocks
+        containing Python/IPython terminal sessions: blocks starting with
+        <code>&gt;&gt;&gt;</code> (for Python) or <code>In [num]:</code> (for
+        IPython).
+
+        Further, the <code>stex</code> mode will be used for highlighting
+        blocks containing LaTex code.
+    </p>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-rst</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/rst/rst.js b/src/main/webapp/codemirror/mode/rst/rst.js
new file mode 100644
index 00000000..75563ba9
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/rst/rst.js
@@ -0,0 +1,560 @@
+CodeMirror.defineMode('rst-base', function (config) {
+
+    ///////////////////////////////////////////////////////////////////////////
+    ///////////////////////////////////////////////////////////////////////////
+
+    function format(string) {
+        var args = Array.prototype.slice.call(arguments, 1);
+        return string.replace(/{(\d+)}/g, function (match, n) {
+            return typeof args[n] != 'undefined' ? args[n] : match;
+        });
+    }
+
+    function AssertException(message) {
+        this.message = message;
+    }
+
+    AssertException.prototype.toString = function () {
+        return 'AssertException: ' + this.message;
+    };
+
+    function assert(expression, message) {
+        if (!expression) throw new AssertException(message);
+        return expression;
+    }
+
+    ///////////////////////////////////////////////////////////////////////////
+    ///////////////////////////////////////////////////////////////////////////
+
+    var mode_python = CodeMirror.getMode(config, 'python');
+    var mode_stex = CodeMirror.getMode(config, 'stex');
+
+    ///////////////////////////////////////////////////////////////////////////
+    ///////////////////////////////////////////////////////////////////////////
+
+    var SEPA = "\\s+";
+    var TAIL = "(?:\\s*|\\W|$)",
+        rx_TAIL = new RegExp(format('^{0}', TAIL));
+
+    var NAME =
+        "(?:[^\\W\\d_](?:[\\w!\"#$%&'()\\*\\+,\\-\\.\/:;<=>\\?]*[^\\W_])?)",
+        rx_NAME = new RegExp(format('^{0}', NAME));
+    var NAME_WWS =
+        "(?:[^\\W\\d_](?:[\\w\\s!\"#$%&'()\\*\\+,\\-\\.\/:;<=>\\?]*[^\\W_])?)";
+    var REF_NAME = format('(?:{0}|`{1}`)', NAME, NAME_WWS);
+
+    var TEXT1 = "(?:[^\\s\\|](?:[^\\|]*[^\\s\\|])?)";
+    var TEXT2 = "(?:[^\\`]+)",
+        rx_TEXT2 = new RegExp(format('^{0}', TEXT2));
+
+    var rx_section = new RegExp(
+        "^([!'#$%&\"()*+,-./:;<=>?@\\[\\\\\\]^_`{|}~])\\1{3,}\\s*$");
+    var rx_explicit = new RegExp(
+        format('^\\.\\.{0}', SEPA));
+    var rx_link = new RegExp(
+        format('^_{0}:{1}|^__:{1}', REF_NAME, TAIL));
+    var rx_directive = new RegExp(
+        format('^{0}::{1}', REF_NAME, TAIL));
+    var rx_substitution = new RegExp(
+        format('^\\|{0}\\|{1}{2}::{3}', TEXT1, SEPA, REF_NAME, TAIL));
+    var rx_footnote = new RegExp(
+        format('^\\[(?:\\d+|#{0}?|\\*)]{1}', REF_NAME, TAIL));
+    var rx_citation = new RegExp(
+        format('^\\[{0}\\]{1}', REF_NAME, TAIL));
+
+    var rx_substitution_ref = new RegExp(
+        format('^\\|{0}\\|', TEXT1));
+    var rx_footnote_ref = new RegExp(
+        format('^\\[(?:\\d+|#{0}?|\\*)]_', REF_NAME));
+    var rx_citation_ref = new RegExp(
+        format('^\\[{0}\\]_', REF_NAME));
+    var rx_link_ref1 = new RegExp(
+        format('^{0}__?', REF_NAME));
+    var rx_link_ref2 = new RegExp(
+        format('^`{0}`_', TEXT2));
+
+    var rx_role_pre = new RegExp(
+        format('^:{0}:`{1}`{2}', NAME, TEXT2, TAIL));
+    var rx_role_suf = new RegExp(
+        format('^`{1}`:{0}:{2}', NAME, TEXT2, TAIL));
+    var rx_role = new RegExp(
+        format('^:{0}:{1}', NAME, TAIL));
+
+    var rx_directive_name = new RegExp(format('^{0}', REF_NAME));
+    var rx_directive_tail = new RegExp(format('^::{0}', TAIL));
+    var rx_substitution_text = new RegExp(format('^\\|{0}\\|', TEXT1));
+    var rx_substitution_sepa = new RegExp(format('^{0}', SEPA));
+    var rx_substitution_name = new RegExp(format('^{0}', REF_NAME));
+    var rx_substitution_tail = new RegExp(format('^::{0}', TAIL));
+    var rx_link_head = new RegExp("^_");
+    var rx_link_name = new RegExp(format('^{0}|_', REF_NAME));
+    var rx_link_tail = new RegExp(format('^:{0}', TAIL));
+
+    var rx_verbatim = new RegExp('^::\\s*$');
+    var rx_examples = new RegExp('^\\s+(?:>>>|In \\[\\d+\\]:)\\s');
+
+    ///////////////////////////////////////////////////////////////////////////
+    ///////////////////////////////////////////////////////////////////////////
+
+    function to_normal(stream, state) {
+        var token = null;
+
+        if (stream.sol() && stream.match(rx_examples, false)) {
+            change(state, to_mode, {
+                mode: mode_python, local: mode_python.startState()
+            });
+        } else if (stream.sol() && stream.match(rx_explicit)) {
+            change(state, to_explicit);
+            token = 'meta';
+        } else if (stream.sol() && stream.match(rx_section)) {
+            change(state, to_normal);
+            token = 'header';
+        } else if (phase(state) == rx_role_pre ||
+            stream.match(rx_role_pre, false)) {
+
+            switch (stage(state)) {
+                case 0:
+                    change(state, to_normal, context(rx_role_pre, 1));
+                    assert(stream.match(/^:/));
+                    token = 'meta';
+                    break;
+                case 1:
+                    change(state, to_normal, context(rx_role_pre, 2));
+                    assert(stream.match(rx_NAME));
+                    token = 'keyword';
+
+                    if (stream.current().match(/^(?:math|latex)/)) {
+                        state.tmp_stex = true;
+                    }
+                    break;
+                case 2:
+                    change(state, to_normal, context(rx_role_pre, 3));
+                    assert(stream.match(/^:`/));
+                    token = 'meta';
+                    break;
+                case 3:
+                    if (state.tmp_stex) {
+                        state.tmp_stex = undefined; state.tmp = {
+                            mode: mode_stex, local: mode_stex.startState()
+                        };
+                    }
+
+                    if (state.tmp) {
+                        if (stream.peek() == '`') {
+                            change(state, to_normal, context(rx_role_pre, 4));
+                            state.tmp = undefined;
+                            break;
+                        }
+
+                        token = state.tmp.mode.token(stream, state.tmp.local);
+                        break;
+                    }
+
+                    change(state, to_normal, context(rx_role_pre, 4));
+                    assert(stream.match(rx_TEXT2));
+                    token = 'string';
+                    break;
+                case 4:
+                    change(state, to_normal, context(rx_role_pre, 5));
+                    assert(stream.match(/^`/));
+                    token = 'meta';
+                    break;
+                case 5:
+                    change(state, to_normal, context(rx_role_pre, 6));
+                    assert(stream.match(rx_TAIL));
+                    break;
+                default:
+                    change(state, to_normal);
+                    assert(stream.current() == '');
+            }
+        } else if (phase(state) == rx_role_suf ||
+            stream.match(rx_role_suf, false)) {
+
+            switch (stage(state)) {
+                case 0:
+                    change(state, to_normal, context(rx_role_suf, 1));
+                    assert(stream.match(/^`/));
+                    token = 'meta';
+                    break;
+                case 1:
+                    change(state, to_normal, context(rx_role_suf, 2));
+                    assert(stream.match(rx_TEXT2));
+                    token = 'string';
+                    break;
+                case 2:
+                    change(state, to_normal, context(rx_role_suf, 3));
+                    assert(stream.match(/^`:/));
+                    token = 'meta';
+                    break;
+                case 3:
+                    change(state, to_normal, context(rx_role_suf, 4));
+                    assert(stream.match(rx_NAME));
+                    token = 'keyword';
+                    break;
+                case 4:
+                    change(state, to_normal, context(rx_role_suf, 5));
+                    assert(stream.match(/^:/));
+                    token = 'meta';
+                    break;
+                case 5:
+                    change(state, to_normal, context(rx_role_suf, 6));
+                    assert(stream.match(rx_TAIL));
+                    break;
+                default:
+                    change(state, to_normal);
+                    assert(stream.current() == '');
+            }
+        } else if (phase(state) == rx_role || stream.match(rx_role, false)) {
+
+            switch (stage(state)) {
+                case 0:
+                    change(state, to_normal, context(rx_role, 1));
+                    assert(stream.match(/^:/));
+                    token = 'meta';
+                    break;
+                case 1:
+                    change(state, to_normal, context(rx_role, 2));
+                    assert(stream.match(rx_NAME));
+                    token = 'keyword';
+                    break;
+                case 2:
+                    change(state, to_normal, context(rx_role, 3));
+                    assert(stream.match(/^:/));
+                    token = 'meta';
+                    break;
+                case 3:
+                    change(state, to_normal, context(rx_role, 4));
+                    assert(stream.match(rx_TAIL));
+                    break;
+                default:
+                    change(state, to_normal);
+                    assert(stream.current() == '');
+            }
+        } else if (phase(state) == rx_substitution_ref ||
+            stream.match(rx_substitution_ref, false)) {
+
+            switch (stage(state)) {
+                case 0:
+                    change(state, to_normal, context(rx_substitution_ref, 1));
+                    assert(stream.match(rx_substitution_text));
+                    token = 'variable-2';
+                    break;
+                case 1:
+                    change(state, to_normal, context(rx_substitution_ref, 2));
+                    if (stream.match(/^_?_?/)) token = 'link';
+                    break;
+                default:
+                    change(state, to_normal);
+                    assert(stream.current() == '');
+            }
+        } else if (stream.match(rx_footnote_ref)) {
+            change(state, to_normal);
+            token = 'quote';
+        } else if (stream.match(rx_citation_ref)) {
+            change(state, to_normal);
+            token = 'quote';
+        } else if (stream.match(rx_link_ref1)) {
+            change(state, to_normal);
+            if (!stream.peek() || stream.peek().match(/^\W$/)) {
+                token = 'link';
+            }
+        } else if (phase(state) == rx_link_ref2 ||
+            stream.match(rx_link_ref2, false)) {
+
+            switch (stage(state)) {
+                case 0:
+                    if (!stream.peek() || stream.peek().match(/^\W$/)) {
+                        change(state, to_normal, context(rx_link_ref2, 1));
+                    } else {
+                        stream.match(rx_link_ref2);
+                    }
+                    break;
+                case 1:
+                    change(state, to_normal, context(rx_link_ref2, 2));
+                    assert(stream.match(/^`/));
+                    token = 'link';
+                    break;
+                case 2:
+                    change(state, to_normal, context(rx_link_ref2, 3));
+                    assert(stream.match(rx_TEXT2));
+                    break;
+                case 3:
+                    change(state, to_normal, context(rx_link_ref2, 4));
+                    assert(stream.match(/^`_/));
+                    token = 'link';
+                    break;
+                default:
+                    change(state, to_normal);
+                    assert(stream.current() == '');
+            }
+        } else if (stream.match(rx_verbatim)) {
+            change(state, to_verbatim);
+        }
+
+        else {
+            if (stream.next()) change(state, to_normal);
+        }
+
+        return token;
+    }
+
+    ///////////////////////////////////////////////////////////////////////////
+    ///////////////////////////////////////////////////////////////////////////
+
+    function to_explicit(stream, state) {
+        var token = null;
+
+        if (phase(state) == rx_substitution ||
+            stream.match(rx_substitution, false)) {
+
+            switch (stage(state)) {
+                case 0:
+                    change(state, to_explicit, context(rx_substitution, 1));
+                    assert(stream.match(rx_substitution_text));
+                    token = 'variable-2';
+                    break;
+                case 1:
+                    change(state, to_explicit, context(rx_substitution, 2));
+                    assert(stream.match(rx_substitution_sepa));
+                    break;
+                case 2:
+                    change(state, to_explicit, context(rx_substitution, 3));
+                    assert(stream.match(rx_substitution_name));
+                    token = 'keyword';
+                    break;
+                case 3:
+                    change(state, to_explicit, context(rx_substitution, 4));
+                    assert(stream.match(rx_substitution_tail));
+                    token = 'meta';
+                    break;
+                default:
+                    change(state, to_normal);
+                    assert(stream.current() == '');
+            }
+        } else if (phase(state) == rx_directive ||
+            stream.match(rx_directive, false)) {
+
+            switch (stage(state)) {
+                case 0:
+                    change(state, to_explicit, context(rx_directive, 1));
+                    assert(stream.match(rx_directive_name));
+                    token = 'keyword';
+
+                    if (stream.current().match(/^(?:math|latex)/))
+                        state.tmp_stex = true;
+                    else if (stream.current().match(/^python/))
+                        state.tmp_py = true;
+                    break;
+                case 1:
+                    change(state, to_explicit, context(rx_directive, 2));
+                    assert(stream.match(rx_directive_tail));
+                    token = 'meta';
+
+                    if (stream.match(/^latex\s*$/) || state.tmp_stex) {
+                        state.tmp_stex = undefined; change(state, to_mode, {
+                            mode: mode_stex, local: mode_stex.startState()
+                        });
+                    }
+                    break;
+                case 2:
+                    change(state, to_explicit, context(rx_directive, 3));
+                    if (stream.match(/^python\s*$/) || state.tmp_py) {
+                        state.tmp_py = undefined; change(state, to_mode, {
+                            mode: mode_python, local: mode_python.startState()
+                        });
+                    }
+                    break;
+                default:
+                    change(state, to_normal);
+                    assert(stream.current() == '');
+            }
+        } else if (phase(state) == rx_link || stream.match(rx_link, false)) {
+
+            switch (stage(state)) {
+                case 0:
+                    change(state, to_explicit, context(rx_link, 1));
+                    assert(stream.match(rx_link_head));
+                    assert(stream.match(rx_link_name));
+                    token = 'link';
+                    break;
+                case 1:
+                    change(state, to_explicit, context(rx_link, 2));
+                    assert(stream.match(rx_link_tail));
+                    token = 'meta';
+                    break;
+                default:
+                    change(state, to_normal);
+                    assert(stream.current() == '');
+            }
+        } else if (stream.match(rx_footnote)) {
+            change(state, to_normal);
+            token = 'quote';
+        } else if (stream.match(rx_citation)) {
+            change(state, to_normal);
+            token = 'quote';
+        }
+
+        else {
+            stream.eatSpace();
+            if (stream.eol()) {
+                change(state, to_normal);
+            } else {
+                stream.skipToEnd();
+                change(state, to_comment);
+                token = 'comment';
+            }
+        }
+
+        return token;
+    }
+
+    ///////////////////////////////////////////////////////////////////////////
+    ///////////////////////////////////////////////////////////////////////////
+
+    function to_comment(stream, state) {
+        return as_block(stream, state, 'comment');
+    }
+
+    function to_verbatim(stream, state) {
+        return as_block(stream, state, 'meta');
+    }
+
+    function as_block(stream, state, token) {
+        if (stream.eol() || stream.eatSpace()) {
+            stream.skipToEnd();
+            return token;
+        } else {
+            change(state, to_normal);
+            return null;
+        }
+    }
+
+    ///////////////////////////////////////////////////////////////////////////
+    ///////////////////////////////////////////////////////////////////////////
+
+    function to_mode(stream, state) {
+
+        if (state.ctx.mode && state.ctx.local) {
+
+            if (stream.sol()) {
+                if (!stream.eatSpace()) change(state, to_normal);
+                return null;
+            }
+
+            return state.ctx.mode.token(stream, state.ctx.local);
+        }
+
+        change(state, to_normal);
+        return null;
+    }
+
+    ///////////////////////////////////////////////////////////////////////////
+    ///////////////////////////////////////////////////////////////////////////
+
+    function context(phase, stage, mode, local) {
+        return {phase: phase, stage: stage, mode: mode, local: local};
+    }
+
+    function change(state, tok, ctx) {
+        state.tok = tok;
+        state.ctx = ctx || {};
+    }
+
+    function stage(state) {
+        return state.ctx.stage || 0;
+    }
+
+    function phase(state) {
+        return state.ctx.phase;
+    }
+
+    ///////////////////////////////////////////////////////////////////////////
+    ///////////////////////////////////////////////////////////////////////////
+
+    return {
+        startState: function () {
+            return {tok: to_normal, ctx: context(undefined, 0)};
+        },
+
+        copyState: function (state) {
+            return {tok: state.tok, ctx: state.ctx};
+        },
+
+        innerMode: function (state) {
+            return state.tmp ? {state: state.tmp.local, mode: state.tmp.mode}
+                 : state.ctx ? {state: state.ctx.local, mode: state.ctx.mode}
+                             : null;
+        },
+
+        token: function (stream, state) {
+            return state.tok(stream, state);
+        }
+    };
+}, 'python', 'stex');
+
+///////////////////////////////////////////////////////////////////////////////
+///////////////////////////////////////////////////////////////////////////////
+
+CodeMirror.defineMode('rst', function (config, options) {
+
+    var rx_strong = /^\*\*[^\*\s](?:[^\*]*[^\*\s])?\*\*/;
+    var rx_emphasis = /^\*[^\*\s](?:[^\*]*[^\*\s])?\*/;
+    var rx_literal = /^``[^`\s](?:[^`]*[^`\s])``/;
+
+    var rx_number = /^(?:[\d]+(?:[\.,]\d+)*)/;
+    var rx_positive = /^(?:\s\+[\d]+(?:[\.,]\d+)*)/;
+    var rx_negative = /^(?:\s\-[\d]+(?:[\.,]\d+)*)/;
+
+    var rx_uri_protocol = "[Hh][Tt][Tt][Pp][Ss]?://";
+    var rx_uri_domain = "(?:[\\d\\w.-]+)\\.(?:\\w{2,6})";
+    var rx_uri_path = "(?:/[\\d\\w\\#\\%\\&\\-\\.\\,\\/\\:\\=\\?\\~]+)*";
+    var rx_uri = new RegExp("^" +
+        rx_uri_protocol + rx_uri_domain + rx_uri_path
+    );
+
+    var overlay = {
+        token: function (stream) {
+
+            if (stream.match(rx_strong) && stream.match (/\W+|$/, false))
+                return 'strong';
+            if (stream.match(rx_emphasis) && stream.match (/\W+|$/, false))
+                return 'em';
+            if (stream.match(rx_literal) && stream.match (/\W+|$/, false))
+                return 'string-2';
+            if (stream.match(rx_number))
+                return 'number';
+            if (stream.match(rx_positive))
+                return 'positive';
+            if (stream.match(rx_negative))
+                return 'negative';
+            if (stream.match(rx_uri))
+                return 'link';
+
+            while (stream.next() != null) {
+                if (stream.match(rx_strong, false)) break;
+                if (stream.match(rx_emphasis, false)) break;
+                if (stream.match(rx_literal, false)) break;
+                if (stream.match(rx_number, false)) break;
+                if (stream.match(rx_positive, false)) break;
+                if (stream.match(rx_negative, false)) break;
+                if (stream.match(rx_uri, false)) break;
+            }
+
+            return null;
+        }
+    };
+
+    var mode = CodeMirror.getMode(
+        config, options.backdrop || 'rst-base'
+    );
+
+    return CodeMirror.overlayMode(mode, overlay, true); // combine
+}, 'python', 'stex');
+
+///////////////////////////////////////////////////////////////////////////////
+///////////////////////////////////////////////////////////////////////////////
+
+CodeMirror.defineMIME('text/x-rst', 'rst');
+
+///////////////////////////////////////////////////////////////////////////////
+///////////////////////////////////////////////////////////////////////////////
diff --git a/src/main/webapp/codemirror/mode/ruby/index.html b/src/main/webapp/codemirror/mode/ruby/index.html
new file mode 100644
index 00000000..2b3e1a3e
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/ruby/index.html
@@ -0,0 +1,185 @@
+<!doctype html>
+
+<title>CodeMirror: Ruby mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="ruby.js"></script>
+<style>
+      .CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
+      .cm-s-default span.cm-arrow { color: red; }
+    </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Ruby</a>
+  </ul>
+</div>
+
+<article>
+<h2>Ruby mode</h2>
+<form><textarea id="code" name="code">
+# Code from http://sandbox.mc.edu/~bennet/ruby/code/poly_rb.html
+#
+# This program evaluates polynomials.  It first asks for the coefficients
+# of a polynomial, which must be entered on one line, highest-order first.
+# It then requests values of x and will compute the value of the poly for
+# each x.  It will repeatly ask for x values, unless you the user enters
+# a blank line.  It that case, it will ask for another polynomial.  If the
+# user types quit for either input, the program immediately exits.
+#
+
+#
+# Function to evaluate a polynomial at x.  The polynomial is given
+# as a list of coefficients, from the greatest to the least.
+def polyval(x, coef)
+    sum = 0
+    coef = coef.clone           # Don't want to destroy the original
+    while true
+        sum += coef.shift       # Add and remove the next coef
+        break if coef.empty?    # If no more, done entirely.
+        sum *= x                # This happens the right number of times.
+    end
+    return sum
+end
+
+#
+# Function to read a line containing a list of integers and return
+# them as an array of integers.  If the string conversion fails, it
+# throws TypeError.  If the input line is the word 'quit', then it
+# converts it to an end-of-file exception
+def readints(prompt)
+    # Read a line
+    print prompt
+    line = readline.chomp
+    raise EOFError.new if line == 'quit' # You can also use a real EOF.
+            
+    # Go through each item on the line, converting each one and adding it
+    # to retval.
+    retval = [ ]
+    for str in line.split(/\s+/)
+        if str =~ /^\-?\d+$/
+            retval.push(str.to_i)
+        else
+            raise TypeError.new
+        end
+    end
+
+    return retval
+end
+
+#
+# Take a coeff and an exponent and return the string representation, ignoring
+# the sign of the coefficient.
+def term_to_str(coef, exp)
+    ret = ""
+
+    # Show coeff, unless it's 1 or at the right
+    coef = coef.abs
+    ret = coef.to_s     unless coef == 1 && exp > 0
+    ret += "x" if exp > 0                               # x if exponent not 0
+    ret += "^" + exp.to_s if exp > 1                    # ^exponent, if > 1.
+
+    return ret
+end
+
+#
+# Create a string of the polynomial in sort-of-readable form.
+def polystr(p)
+    # Get the exponent of first coefficient, plus 1.
+    exp = p.length
+
+    # Assign exponents to each term, making pairs of coeff and exponent,
+    # Then get rid of the zero terms.
+    p = (p.map { |c| exp -= 1; [ c, exp ] }).select { |p| p[0] != 0 }
+
+    # If there's nothing left, it's a zero
+    return "0" if p.empty?
+
+    # *** Now p is a non-empty list of [ coef, exponent ] pairs. ***
+
+    # Convert the first term, preceded by a "-" if it's negative.
+    result = (if p[0][0] < 0 then "-" else "" end) + term_to_str(*p[0])
+
+    # Convert the rest of the terms, in each case adding the appropriate
+    # + or - separating them.  
+    for term in p[1...p.length]
+        # Add the separator then the rep. of the term.
+        result += (if term[0] < 0 then " - " else " + " end) + 
+                term_to_str(*term)
+    end
+
+    return result
+end
+        
+#
+# Run until some kind of endfile.
+begin
+    # Repeat until an exception or quit gets us out.
+    while true
+        # Read a poly until it works.  An EOF will except out of the
+        # program.
+        print "\n"
+        begin
+            poly = readints("Enter a polynomial coefficients: ")
+        rescue TypeError
+            print "Try again.\n"
+            retry
+        end
+        break if poly.empty?
+
+        # Read and evaluate x values until the user types a blank line.
+        # Again, an EOF will except out of the pgm.
+        while true
+            # Request an integer.
+            print "Enter x value or blank line: "
+            x = readline.chomp
+            break if x == ''
+            raise EOFError.new if x == 'quit'
+
+            # If it looks bad, let's try again.
+            if x !~ /^\-?\d+$/
+                print "That doesn't look like an integer.  Please try again.\n"
+                next
+            end
+
+            # Convert to an integer and print the result.
+            x = x.to_i
+            print "p(x) = ", polystr(poly), "\n"
+            print "p(", x, ") = ", polyval(x, poly), "\n"
+        end
+    end
+rescue EOFError
+    print "\n=== EOF ===\n"
+rescue Interrupt, SignalException
+    print "\n=== Interrupted ===\n"
+else
+    print "--- Bye ---\n"
+end
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: "text/x-ruby",
+        tabMode: "indent",
+        matchBrackets: true,
+        indentUnit: 4
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-ruby</code>.</p>
+
+    <p>Development of the CodeMirror Ruby mode was kindly sponsored
+    by <a href="http://ubalo.com/">Ubalo</a>, who hold
+    the <a href="LICENSE">license</a>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/ruby/ruby.js b/src/main/webapp/codemirror/mode/ruby/ruby.js
new file mode 100644
index 00000000..96cdd5f9
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/ruby/ruby.js
@@ -0,0 +1,247 @@
+CodeMirror.defineMode("ruby", function(config) {
+  function wordObj(words) {
+    var o = {};
+    for (var i = 0, e = words.length; i < e; ++i) o[words[i]] = true;
+    return o;
+  }
+  var keywords = wordObj([
+    "alias", "and", "BEGIN", "begin", "break", "case", "class", "def", "defined?", "do", "else",
+    "elsif", "END", "end", "ensure", "false", "for", "if", "in", "module", "next", "not", "or",
+    "redo", "rescue", "retry", "return", "self", "super", "then", "true", "undef", "unless",
+    "until", "when", "while", "yield", "nil", "raise", "throw", "catch", "fail", "loop", "callcc",
+    "caller", "lambda", "proc", "public", "protected", "private", "require", "load",
+    "require_relative", "extend", "autoload", "__END__", "__FILE__", "__LINE__", "__dir__"
+  ]);
+  var indentWords = wordObj(["def", "class", "case", "for", "while", "do", "module", "then",
+                             "catch", "loop", "proc", "begin"]);
+  var dedentWords = wordObj(["end", "until"]);
+  var matching = {"[": "]", "{": "}", "(": ")"};
+  var curPunc;
+
+  function chain(newtok, stream, state) {
+    state.tokenize.push(newtok);
+    return newtok(stream, state);
+  }
+
+  function tokenBase(stream, state) {
+    curPunc = null;
+    if (stream.sol() && stream.match("=begin") && stream.eol()) {
+      state.tokenize.push(readBlockComment);
+      return "comment";
+    }
+    if (stream.eatSpace()) return null;
+    var ch = stream.next(), m;
+    if (ch == "`" || ch == "'" || ch == '"') {
+      return chain(readQuoted(ch, "string", ch == '"' || ch == "`"), stream, state);
+    } else if (ch == "/" && !stream.eol() && stream.peek() != " ") {
+      return chain(readQuoted(ch, "string-2", true), stream, state);
+    } else if (ch == "%") {
+      var style = "string", embed = true;
+      if (stream.eat("s")) style = "atom";
+      else if (stream.eat(/[WQ]/)) style = "string";
+      else if (stream.eat(/[r]/)) style = "string-2";
+      else if (stream.eat(/[wxq]/)) { style = "string"; embed = false; }
+      var delim = stream.eat(/[^\w\s]/);
+      if (!delim) return "operator";
+      if (matching.propertyIsEnumerable(delim)) delim = matching[delim];
+      return chain(readQuoted(delim, style, embed, true), stream, state);
+    } else if (ch == "#") {
+      stream.skipToEnd();
+      return "comment";
+    } else if (ch == "<" && (m = stream.match(/^<-?[\`\"\']?([a-zA-Z_?]\w*)[\`\"\']?(?:;|$)/))) {
+      return chain(readHereDoc(m[1]), stream, state);
+    } else if (ch == "0") {
+      if (stream.eat("x")) stream.eatWhile(/[\da-fA-F]/);
+      else if (stream.eat("b")) stream.eatWhile(/[01]/);
+      else stream.eatWhile(/[0-7]/);
+      return "number";
+    } else if (/\d/.test(ch)) {
+      stream.match(/^[\d_]*(?:\.[\d_]+)?(?:[eE][+\-]?[\d_]+)?/);
+      return "number";
+    } else if (ch == "?") {
+      while (stream.match(/^\\[CM]-/)) {}
+      if (stream.eat("\\")) stream.eatWhile(/\w/);
+      else stream.next();
+      return "string";
+    } else if (ch == ":") {
+      if (stream.eat("'")) return chain(readQuoted("'", "atom", false), stream, state);
+      if (stream.eat('"')) return chain(readQuoted('"', "atom", true), stream, state);
+
+      // :> :>> :< :<< are valid symbols
+      if (stream.eat(/[\<\>]/)) {
+        stream.eat(/[\<\>]/);
+        return "atom";
+      }
+
+      // :+ :- :/ :* :| :& :! are valid symbols
+      if (stream.eat(/[\+\-\*\/\&\|\:\!]/)) {
+        return "atom";
+      }
+
+      // Symbols can't start by a digit
+      if (stream.eat(/[a-zA-Z$@_]/)) {
+        stream.eatWhile(/[\w]/);
+        // Only one ? ! = is allowed and only as the last character
+        stream.eat(/[\?\!\=]/);
+        return "atom";
+      }
+      return "operator";
+    } else if (ch == "@" && stream.match(/^@?[a-zA-Z_]/)) {
+      stream.eat("@");
+      stream.eatWhile(/[\w]/);
+      return "variable-2";
+    } else if (ch == "$") {
+      if (stream.eat(/[a-zA-Z_]/)) {
+        stream.eatWhile(/[\w]/);
+      } else if (stream.eat(/\d/)) {
+        stream.eat(/\d/);
+      } else {
+        stream.next(); // Must be a special global like $: or $!
+      }
+      return "variable-3";
+    } else if (/[a-zA-Z_]/.test(ch)) {
+      stream.eatWhile(/[\w]/);
+      stream.eat(/[\?\!]/);
+      if (stream.eat(":")) return "atom";
+      return "ident";
+    } else if (ch == "|" && (state.varList || state.lastTok == "{" || state.lastTok == "do")) {
+      curPunc = "|";
+      return null;
+    } else if (/[\(\)\[\]{}\\;]/.test(ch)) {
+      curPunc = ch;
+      return null;
+    } else if (ch == "-" && stream.eat(">")) {
+      return "arrow";
+    } else if (/[=+\-\/*:\.^%<>~|]/.test(ch)) {
+      stream.eatWhile(/[=+\-\/*:\.^%<>~|]/);
+      return "operator";
+    } else {
+      return null;
+    }
+  }
+
+  function tokenBaseUntilBrace() {
+    var depth = 1;
+    return function(stream, state) {
+      if (stream.peek() == "}") {
+        depth--;
+        if (depth == 0) {
+          state.tokenize.pop();
+          return state.tokenize[state.tokenize.length-1](stream, state);
+        }
+      } else if (stream.peek() == "{") {
+        depth++;
+      }
+      return tokenBase(stream, state);
+    };
+  }
+  function tokenBaseOnce() {
+    var alreadyCalled = false;
+    return function(stream, state) {
+      if (alreadyCalled) {
+        state.tokenize.pop();
+        return state.tokenize[state.tokenize.length-1](stream, state);
+      }
+      alreadyCalled = true;
+      return tokenBase(stream, state);
+    };
+  }
+  function readQuoted(quote, style, embed, unescaped) {
+    return function(stream, state) {
+      var escaped = false, ch;
+
+      if (state.context.type === 'read-quoted-paused') {
+        state.context = state.context.prev;
+        stream.eat("}");
+      }
+
+      while ((ch = stream.next()) != null) {
+        if (ch == quote && (unescaped || !escaped)) {
+          state.tokenize.pop();
+          break;
+        }
+        if (embed && ch == "#" && !escaped) {
+          if (stream.eat("{")) {
+            if (quote == "}") {
+              state.context = {prev: state.context, type: 'read-quoted-paused'};
+            }
+            state.tokenize.push(tokenBaseUntilBrace());
+            break;
+          } else if (/[@\$]/.test(stream.peek())) {
+            state.tokenize.push(tokenBaseOnce());
+            break;
+          }
+        }
+        escaped = !escaped && ch == "\\";
+      }
+      return style;
+    };
+  }
+  function readHereDoc(phrase) {
+    return function(stream, state) {
+      if (stream.match(phrase)) state.tokenize.pop();
+      else stream.skipToEnd();
+      return "string";
+    };
+  }
+  function readBlockComment(stream, state) {
+    if (stream.sol() && stream.match("=end") && stream.eol())
+      state.tokenize.pop();
+    stream.skipToEnd();
+    return "comment";
+  }
+
+  return {
+    startState: function() {
+      return {tokenize: [tokenBase],
+              indented: 0,
+              context: {type: "top", indented: -config.indentUnit},
+              continuedLine: false,
+              lastTok: null,
+              varList: false};
+    },
+
+    token: function(stream, state) {
+      if (stream.sol()) state.indented = stream.indentation();
+      var style = state.tokenize[state.tokenize.length-1](stream, state), kwtype;
+      if (style == "ident") {
+        var word = stream.current();
+        style = keywords.propertyIsEnumerable(stream.current()) ? "keyword"
+          : /^[A-Z]/.test(word) ? "tag"
+          : (state.lastTok == "def" || state.lastTok == "class" || state.varList) ? "def"
+          : "variable";
+        if (indentWords.propertyIsEnumerable(word)) kwtype = "indent";
+        else if (dedentWords.propertyIsEnumerable(word)) kwtype = "dedent";
+        else if ((word == "if" || word == "unless") && stream.column() == stream.indentation())
+          kwtype = "indent";
+      }
+      if (curPunc || (style && style != "comment")) state.lastTok = word || curPunc || style;
+      if (curPunc == "|") state.varList = !state.varList;
+
+      if (kwtype == "indent" || /[\(\[\{]/.test(curPunc))
+        state.context = {prev: state.context, type: curPunc || style, indented: state.indented};
+      else if ((kwtype == "dedent" || /[\)\]\}]/.test(curPunc)) && state.context.prev)
+        state.context = state.context.prev;
+
+      if (stream.eol())
+        state.continuedLine = (curPunc == "\\" || style == "operator");
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      if (state.tokenize[state.tokenize.length-1] != tokenBase) return 0;
+      var firstChar = textAfter && textAfter.charAt(0);
+      var ct = state.context;
+      var closing = ct.type == matching[firstChar] ||
+        ct.type == "keyword" && /^(?:end|until|else|elsif|when|rescue)\b/.test(textAfter);
+      return ct.indented + (closing ? 0 : config.indentUnit) +
+        (state.continuedLine ? config.indentUnit : 0);
+    },
+
+    electricChars: "}de", // enD and rescuE
+    lineComment: "#"
+  };
+});
+
+CodeMirror.defineMIME("text/x-ruby", "ruby");
+
diff --git a/src/main/webapp/codemirror/mode/rust/index.html b/src/main/webapp/codemirror/mode/rust/index.html
new file mode 100644
index 00000000..b0b4c241
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/rust/index.html
@@ -0,0 +1,61 @@
+<!doctype html>
+
+<title>CodeMirror: Rust mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="rust.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Rust</a>
+  </ul>
+</div>
+
+<article>
+<h2>Rust mode</h2>
+
+
+<div><textarea id="code" name="code">
+// Demo code.
+
+type foo<T> = int;
+enum bar {
+    some(int, foo<float>),
+    none
+}
+
+fn check_crate(x: int) {
+    let v = 10;
+    alt foo {
+      1 to 3 {
+        print_foo();
+        if x {
+            blah() + 10;
+        }
+      }
+      (x, y) { "bye" }
+      _ { "hi" }
+    }
+}
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        tabMode: "indent"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-rustsrc</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/rust/rust.js b/src/main/webapp/codemirror/mode/rust/rust.js
new file mode 100644
index 00000000..c7530b6c
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/rust/rust.js
@@ -0,0 +1,436 @@
+CodeMirror.defineMode("rust", function() {
+  var indentUnit = 4, altIndentUnit = 2;
+  var valKeywords = {
+    "if": "if-style", "while": "if-style", "else": "else-style",
+    "do": "else-style", "ret": "else-style", "fail": "else-style",
+    "break": "atom", "cont": "atom", "const": "let", "resource": "fn",
+    "let": "let", "fn": "fn", "for": "for", "alt": "alt", "iface": "iface",
+    "impl": "impl", "type": "type", "enum": "enum", "mod": "mod",
+    "as": "op", "true": "atom", "false": "atom", "assert": "op", "check": "op",
+    "claim": "op", "native": "ignore", "unsafe": "ignore", "import": "else-style",
+    "export": "else-style", "copy": "op", "log": "op", "log_err": "op",
+    "use": "op", "bind": "op", "self": "atom"
+  };
+  var typeKeywords = function() {
+    var keywords = {"fn": "fn", "block": "fn", "obj": "obj"};
+    var atoms = "bool uint int i8 i16 i32 i64 u8 u16 u32 u64 float f32 f64 str char".split(" ");
+    for (var i = 0, e = atoms.length; i < e; ++i) keywords[atoms[i]] = "atom";
+    return keywords;
+  }();
+  var operatorChar = /[+\-*&%=<>!?|\.@]/;
+
+  // Tokenizer
+
+  // Used as scratch variable to communicate multiple values without
+  // consing up tons of objects.
+  var tcat, content;
+  function r(tc, style) {
+    tcat = tc;
+    return style;
+  }
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    if (ch == '"') {
+      state.tokenize = tokenString;
+      return state.tokenize(stream, state);
+    }
+    if (ch == "'") {
+      tcat = "atom";
+      if (stream.eat("\\")) {
+        if (stream.skipTo("'")) { stream.next(); return "string"; }
+        else { return "error"; }
+      } else {
+        stream.next();
+        return stream.eat("'") ? "string" : "error";
+      }
+    }
+    if (ch == "/") {
+      if (stream.eat("/")) { stream.skipToEnd(); return "comment"; }
+      if (stream.eat("*")) {
+        state.tokenize = tokenComment(1);
+        return state.tokenize(stream, state);
+      }
+    }
+    if (ch == "#") {
+      if (stream.eat("[")) { tcat = "open-attr"; return null; }
+      stream.eatWhile(/\w/);
+      return r("macro", "meta");
+    }
+    if (ch == ":" && stream.match(":<")) {
+      return r("op", null);
+    }
+    if (ch.match(/\d/) || (ch == "." && stream.eat(/\d/))) {
+      var flp = false;
+      if (!stream.match(/^x[\da-f]+/i) && !stream.match(/^b[01]+/)) {
+        stream.eatWhile(/\d/);
+        if (stream.eat(".")) { flp = true; stream.eatWhile(/\d/); }
+        if (stream.match(/^e[+\-]?\d+/i)) { flp = true; }
+      }
+      if (flp) stream.match(/^f(?:32|64)/);
+      else stream.match(/^[ui](?:8|16|32|64)/);
+      return r("atom", "number");
+    }
+    if (ch.match(/[()\[\]{}:;,]/)) return r(ch, null);
+    if (ch == "-" && stream.eat(">")) return r("->", null);
+    if (ch.match(operatorChar)) {
+      stream.eatWhile(operatorChar);
+      return r("op", null);
+    }
+    stream.eatWhile(/\w/);
+    content = stream.current();
+    if (stream.match(/^::\w/)) {
+      stream.backUp(1);
+      return r("prefix", "variable-2");
+    }
+    if (state.keywords.propertyIsEnumerable(content))
+      return r(state.keywords[content], content.match(/true|false/) ? "atom" : "keyword");
+    return r("name", "variable");
+  }
+
+  function tokenString(stream, state) {
+    var ch, escaped = false;
+    while (ch = stream.next()) {
+      if (ch == '"' && !escaped) {
+        state.tokenize = tokenBase;
+        return r("atom", "string");
+      }
+      escaped = !escaped && ch == "\\";
+    }
+    // Hack to not confuse the parser when a string is split in
+    // pieces.
+    return r("op", "string");
+  }
+
+  function tokenComment(depth) {
+    return function(stream, state) {
+      var lastCh = null, ch;
+      while (ch = stream.next()) {
+        if (ch == "/" && lastCh == "*") {
+          if (depth == 1) {
+            state.tokenize = tokenBase;
+            break;
+          } else {
+            state.tokenize = tokenComment(depth - 1);
+            return state.tokenize(stream, state);
+          }
+        }
+        if (ch == "*" && lastCh == "/") {
+          state.tokenize = tokenComment(depth + 1);
+          return state.tokenize(stream, state);
+        }
+        lastCh = ch;
+      }
+      return "comment";
+    };
+  }
+
+  // Parser
+
+  var cx = {state: null, stream: null, marked: null, cc: null};
+  function pass() {
+    for (var i = arguments.length - 1; i >= 0; i--) cx.cc.push(arguments[i]);
+  }
+  function cont() {
+    pass.apply(null, arguments);
+    return true;
+  }
+
+  function pushlex(type, info) {
+    var result = function() {
+      var state = cx.state;
+      state.lexical = {indented: state.indented, column: cx.stream.column(),
+                       type: type, prev: state.lexical, info: info};
+    };
+    result.lex = true;
+    return result;
+  }
+  function poplex() {
+    var state = cx.state;
+    if (state.lexical.prev) {
+      if (state.lexical.type == ")")
+        state.indented = state.lexical.indented;
+      state.lexical = state.lexical.prev;
+    }
+  }
+  function typecx() { cx.state.keywords = typeKeywords; }
+  function valcx() { cx.state.keywords = valKeywords; }
+  poplex.lex = typecx.lex = valcx.lex = true;
+
+  function commasep(comb, end) {
+    function more(type) {
+      if (type == ",") return cont(comb, more);
+      if (type == end) return cont();
+      return cont(more);
+    }
+    return function(type) {
+      if (type == end) return cont();
+      return pass(comb, more);
+    };
+  }
+
+  function stat_of(comb, tag) {
+    return cont(pushlex("stat", tag), comb, poplex, block);
+  }
+  function block(type) {
+    if (type == "}") return cont();
+    if (type == "let") return stat_of(letdef1, "let");
+    if (type == "fn") return stat_of(fndef);
+    if (type == "type") return cont(pushlex("stat"), tydef, endstatement, poplex, block);
+    if (type == "enum") return stat_of(enumdef);
+    if (type == "mod") return stat_of(mod);
+    if (type == "iface") return stat_of(iface);
+    if (type == "impl") return stat_of(impl);
+    if (type == "open-attr") return cont(pushlex("]"), commasep(expression, "]"), poplex);
+    if (type == "ignore" || type.match(/[\]\);,]/)) return cont(block);
+    return pass(pushlex("stat"), expression, poplex, endstatement, block);
+  }
+  function endstatement(type) {
+    if (type == ";") return cont();
+    return pass();
+  }
+  function expression(type) {
+    if (type == "atom" || type == "name") return cont(maybeop);
+    if (type == "{") return cont(pushlex("}"), exprbrace, poplex);
+    if (type.match(/[\[\(]/)) return matchBrackets(type, expression);
+    if (type.match(/[\]\)\};,]/)) return pass();
+    if (type == "if-style") return cont(expression, expression);
+    if (type == "else-style" || type == "op") return cont(expression);
+    if (type == "for") return cont(pattern, maybetype, inop, expression, expression);
+    if (type == "alt") return cont(expression, altbody);
+    if (type == "fn") return cont(fndef);
+    if (type == "macro") return cont(macro);
+    return cont();
+  }
+  function maybeop(type) {
+    if (content == ".") return cont(maybeprop);
+    if (content == "::<"){return cont(typarams, maybeop);}
+    if (type == "op" || content == ":") return cont(expression);
+    if (type == "(" || type == "[") return matchBrackets(type, expression);
+    return pass();
+  }
+  function maybeprop() {
+    if (content.match(/^\w+$/)) {cx.marked = "variable"; return cont(maybeop);}
+    return pass(expression);
+  }
+  function exprbrace(type) {
+    if (type == "op") {
+      if (content == "|") return cont(blockvars, poplex, pushlex("}", "block"), block);
+      if (content == "||") return cont(poplex, pushlex("}", "block"), block);
+    }
+    if (content == "mutable" || (content.match(/^\w+$/) && cx.stream.peek() == ":"
+                                 && !cx.stream.match("::", false)))
+      return pass(record_of(expression));
+    return pass(block);
+  }
+  function record_of(comb) {
+    function ro(type) {
+      if (content == "mutable" || content == "with") {cx.marked = "keyword"; return cont(ro);}
+      if (content.match(/^\w*$/)) {cx.marked = "variable"; return cont(ro);}
+      if (type == ":") return cont(comb, ro);
+      if (type == "}") return cont();
+      return cont(ro);
+    }
+    return ro;
+  }
+  function blockvars(type) {
+    if (type == "name") {cx.marked = "def"; return cont(blockvars);}
+    if (type == "op" && content == "|") return cont();
+    return cont(blockvars);
+  }
+
+  function letdef1(type) {
+    if (type.match(/[\]\)\};]/)) return cont();
+    if (content == "=") return cont(expression, letdef2);
+    if (type == ",") return cont(letdef1);
+    return pass(pattern, maybetype, letdef1);
+  }
+  function letdef2(type) {
+    if (type.match(/[\]\)\};,]/)) return pass(letdef1);
+    else return pass(expression, letdef2);
+  }
+  function maybetype(type) {
+    if (type == ":") return cont(typecx, rtype, valcx);
+    return pass();
+  }
+  function inop(type) {
+    if (type == "name" && content == "in") {cx.marked = "keyword"; return cont();}
+    return pass();
+  }
+  function fndef(type) {
+    if (content == "@" || content == "~") {cx.marked = "keyword"; return cont(fndef);}
+    if (type == "name") {cx.marked = "def"; return cont(fndef);}
+    if (content == "<") return cont(typarams, fndef);
+    if (type == "{") return pass(expression);
+    if (type == "(") return cont(pushlex(")"), commasep(argdef, ")"), poplex, fndef);
+    if (type == "->") return cont(typecx, rtype, valcx, fndef);
+    if (type == ";") return cont();
+    return cont(fndef);
+  }
+  function tydef(type) {
+    if (type == "name") {cx.marked = "def"; return cont(tydef);}
+    if (content == "<") return cont(typarams, tydef);
+    if (content == "=") return cont(typecx, rtype, valcx);
+    return cont(tydef);
+  }
+  function enumdef(type) {
+    if (type == "name") {cx.marked = "def"; return cont(enumdef);}
+    if (content == "<") return cont(typarams, enumdef);
+    if (content == "=") return cont(typecx, rtype, valcx, endstatement);
+    if (type == "{") return cont(pushlex("}"), typecx, enumblock, valcx, poplex);
+    return cont(enumdef);
+  }
+  function enumblock(type) {
+    if (type == "}") return cont();
+    if (type == "(") return cont(pushlex(")"), commasep(rtype, ")"), poplex, enumblock);
+    if (content.match(/^\w+$/)) cx.marked = "def";
+    return cont(enumblock);
+  }
+  function mod(type) {
+    if (type == "name") {cx.marked = "def"; return cont(mod);}
+    if (type == "{") return cont(pushlex("}"), block, poplex);
+    return pass();
+  }
+  function iface(type) {
+    if (type == "name") {cx.marked = "def"; return cont(iface);}
+    if (content == "<") return cont(typarams, iface);
+    if (type == "{") return cont(pushlex("}"), block, poplex);
+    return pass();
+  }
+  function impl(type) {
+    if (content == "<") return cont(typarams, impl);
+    if (content == "of" || content == "for") {cx.marked = "keyword"; return cont(rtype, impl);}
+    if (type == "name") {cx.marked = "def"; return cont(impl);}
+    if (type == "{") return cont(pushlex("}"), block, poplex);
+    return pass();
+  }
+  function typarams() {
+    if (content == ">") return cont();
+    if (content == ",") return cont(typarams);
+    if (content == ":") return cont(rtype, typarams);
+    return pass(rtype, typarams);
+  }
+  function argdef(type) {
+    if (type == "name") {cx.marked = "def"; return cont(argdef);}
+    if (type == ":") return cont(typecx, rtype, valcx);
+    return pass();
+  }
+  function rtype(type) {
+    if (type == "name") {cx.marked = "variable-3"; return cont(rtypemaybeparam); }
+    if (content == "mutable") {cx.marked = "keyword"; return cont(rtype);}
+    if (type == "atom") return cont(rtypemaybeparam);
+    if (type == "op" || type == "obj") return cont(rtype);
+    if (type == "fn") return cont(fntype);
+    if (type == "{") return cont(pushlex("{"), record_of(rtype), poplex);
+    return matchBrackets(type, rtype);
+  }
+  function rtypemaybeparam() {
+    if (content == "<") return cont(typarams);
+    return pass();
+  }
+  function fntype(type) {
+    if (type == "(") return cont(pushlex("("), commasep(rtype, ")"), poplex, fntype);
+    if (type == "->") return cont(rtype);
+    return pass();
+  }
+  function pattern(type) {
+    if (type == "name") {cx.marked = "def"; return cont(patternmaybeop);}
+    if (type == "atom") return cont(patternmaybeop);
+    if (type == "op") return cont(pattern);
+    if (type.match(/[\]\)\};,]/)) return pass();
+    return matchBrackets(type, pattern);
+  }
+  function patternmaybeop(type) {
+    if (type == "op" && content == ".") return cont();
+    if (content == "to") {cx.marked = "keyword"; return cont(pattern);}
+    else return pass();
+  }
+  function altbody(type) {
+    if (type == "{") return cont(pushlex("}", "alt"), altblock1, poplex);
+    return pass();
+  }
+  function altblock1(type) {
+    if (type == "}") return cont();
+    if (type == "|") return cont(altblock1);
+    if (content == "when") {cx.marked = "keyword"; return cont(expression, altblock2);}
+    if (type.match(/[\]\);,]/)) return cont(altblock1);
+    return pass(pattern, altblock2);
+  }
+  function altblock2(type) {
+    if (type == "{") return cont(pushlex("}", "alt"), block, poplex, altblock1);
+    else return pass(altblock1);
+  }
+
+  function macro(type) {
+    if (type.match(/[\[\(\{]/)) return matchBrackets(type, expression);
+    return pass();
+  }
+  function matchBrackets(type, comb) {
+    if (type == "[") return cont(pushlex("]"), commasep(comb, "]"), poplex);
+    if (type == "(") return cont(pushlex(")"), commasep(comb, ")"), poplex);
+    if (type == "{") return cont(pushlex("}"), commasep(comb, "}"), poplex);
+    return cont();
+  }
+
+  function parse(state, stream, style) {
+    var cc = state.cc;
+    // Communicate our context to the combinators.
+    // (Less wasteful than consing up a hundred closures on every call.)
+    cx.state = state; cx.stream = stream; cx.marked = null, cx.cc = cc;
+
+    while (true) {
+      var combinator = cc.length ? cc.pop() : block;
+      if (combinator(tcat)) {
+        while(cc.length && cc[cc.length - 1].lex)
+          cc.pop()();
+        return cx.marked || style;
+      }
+    }
+  }
+
+  return {
+    startState: function() {
+      return {
+        tokenize: tokenBase,
+        cc: [],
+        lexical: {indented: -indentUnit, column: 0, type: "top", align: false},
+        keywords: valKeywords,
+        indented: 0
+      };
+    },
+
+    token: function(stream, state) {
+      if (stream.sol()) {
+        if (!state.lexical.hasOwnProperty("align"))
+          state.lexical.align = false;
+        state.indented = stream.indentation();
+      }
+      if (stream.eatSpace()) return null;
+      tcat = content = null;
+      var style = state.tokenize(stream, state);
+      if (style == "comment") return style;
+      if (!state.lexical.hasOwnProperty("align"))
+        state.lexical.align = true;
+      if (tcat == "prefix") return style;
+      if (!content) content = stream.current();
+      return parse(state, stream, style);
+    },
+
+    indent: function(state, textAfter) {
+      if (state.tokenize != tokenBase) return 0;
+      var firstChar = textAfter && textAfter.charAt(0), lexical = state.lexical,
+          type = lexical.type, closing = firstChar == type;
+      if (type == "stat") return lexical.indented + indentUnit;
+      if (lexical.align) return lexical.column + (closing ? 0 : 1);
+      return lexical.indented + (closing ? 0 : (lexical.info == "alt" ? altIndentUnit : indentUnit));
+    },
+
+    electricChars: "{}",
+    blockCommentStart: "/*",
+    blockCommentEnd: "*/",
+    lineComment: "//",
+    fold: "brace"
+  };
+});
+
+CodeMirror.defineMIME("text/x-rustsrc", "rust");
diff --git a/src/main/webapp/codemirror/mode/sass/index.html b/src/main/webapp/codemirror/mode/sass/index.html
new file mode 100644
index 00000000..66d46778
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/sass/index.html
@@ -0,0 +1,66 @@
+<!doctype html>
+
+<title>CodeMirror: Sass mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="sass.js"></script>
+<style>.CodeMirror {border: 1px solid #ddd; font-size:12px; height: 400px}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Sass</a>
+  </ul>
+</div>
+
+<article>
+<h2>Sass mode</h2>
+<form><textarea id="code" name="code">// Variable Definitions
+
+$page-width:    800px
+$sidebar-width: 200px
+$primary-color: #eeeeee
+
+// Global Attributes
+
+body
+  font:
+    family: sans-serif
+    size: 30em
+    weight: bold
+
+// Scoped Styles
+
+#contents
+  width: $page-width
+  #sidebar
+    float: right
+    width: $sidebar-width
+  #main
+    width: $page-width - $sidebar-width
+    background: $primary-color
+    h2
+      color: blue
+
+#footer
+  height: 200px
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers : true,
+        matchBrackets : true
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-sass</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/sass/sass.js b/src/main/webapp/codemirror/mode/sass/sass.js
new file mode 100644
index 00000000..9c9a0dae
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/sass/sass.js
@@ -0,0 +1,330 @@
+CodeMirror.defineMode("sass", function(config) {
+  var tokenRegexp = function(words){
+    return new RegExp("^" + words.join("|"));
+  };
+
+  var keywords = ["true", "false", "null", "auto"];
+  var keywordsRegexp = new RegExp("^" + keywords.join("|"));
+
+  var operators = ["\\(", "\\)", "=", ">", "<", "==", ">=", "<=", "\\+", "-", "\\!=", "/", "\\*", "%", "and", "or", "not"];
+  var opRegexp = tokenRegexp(operators);
+
+  var pseudoElementsRegexp = /^::?[\w\-]+/;
+
+  var urlTokens = function(stream, state){
+    var ch = stream.peek();
+
+    if (ch === ")"){
+      stream.next();
+      state.tokenizer = tokenBase;
+      return "operator";
+    }else if (ch === "("){
+      stream.next();
+      stream.eatSpace();
+
+      return "operator";
+    }else if (ch === "'" || ch === '"'){
+      state.tokenizer = buildStringTokenizer(stream.next());
+      return "string";
+    }else{
+      state.tokenizer = buildStringTokenizer(")", false);
+      return "string";
+    }
+  };
+  var multilineComment = function(stream, state) {
+    if (stream.skipTo("*/")){
+      stream.next();
+      stream.next();
+      state.tokenizer = tokenBase;
+    }else {
+      stream.next();
+    }
+
+    return "comment";
+  };
+
+  var buildStringTokenizer = function(quote, greedy){
+    if(greedy == null){ greedy = true; }
+
+    function stringTokenizer(stream, state){
+      var nextChar = stream.next();
+      var peekChar = stream.peek();
+      var previousChar = stream.string.charAt(stream.pos-2);
+
+      var endingString = ((nextChar !== "\\" && peekChar === quote) || (nextChar === quote && previousChar !== "\\"));
+
+      /*
+      console.log("previousChar: " + previousChar);
+      console.log("nextChar: " + nextChar);
+      console.log("peekChar: " + peekChar);
+      console.log("ending: " + endingString);
+      */
+
+      if (endingString){
+        if (nextChar !== quote && greedy) { stream.next(); }
+        state.tokenizer = tokenBase;
+        return "string";
+      }else if (nextChar === "#" && peekChar === "{"){
+        state.tokenizer = buildInterpolationTokenizer(stringTokenizer);
+        stream.next();
+        return "operator";
+      }else {
+        return "string";
+      }
+    }
+
+    return stringTokenizer;
+  };
+
+  var buildInterpolationTokenizer = function(currentTokenizer){
+    return function(stream, state){
+      if (stream.peek() === "}"){
+        stream.next();
+        state.tokenizer = currentTokenizer;
+        return "operator";
+      }else{
+        return tokenBase(stream, state);
+      }
+    };
+  };
+
+  var indent = function(state){
+    if (state.indentCount == 0){
+      state.indentCount++;
+      var lastScopeOffset = state.scopes[0].offset;
+      var currentOffset = lastScopeOffset + config.indentUnit;
+      state.scopes.unshift({ offset:currentOffset });
+    }
+  };
+
+  var dedent = function(state){
+    if (state.scopes.length == 1) { return; }
+
+    state.scopes.shift();
+  };
+
+  var tokenBase = function(stream, state) {
+    var ch = stream.peek();
+
+    // Single line Comment
+    if (stream.match('//')) {
+      stream.skipToEnd();
+      return "comment";
+    }
+
+    // Multiline Comment
+    if (stream.match('/*')){
+      state.tokenizer = multilineComment;
+      return state.tokenizer(stream, state);
+    }
+
+    // Interpolation
+    if (stream.match('#{')){
+    state.tokenizer = buildInterpolationTokenizer(tokenBase);
+      return "operator";
+    }
+
+    if (ch === "."){
+      stream.next();
+
+      // Match class selectors
+      if (stream.match(/^[\w-]+/)){
+        indent(state);
+        return "atom";
+      }else if (stream.peek() === "#"){
+        indent(state);
+        return "atom";
+      }else{
+        return "operator";
+      }
+    }
+
+    if (ch === "#"){
+      stream.next();
+
+      // Hex numbers
+      if (stream.match(/[0-9a-fA-F]{6}|[0-9a-fA-F]{3}/)){
+        return "number";
+      }
+
+      // ID selectors
+      if (stream.match(/^[\w-]+/)){
+        indent(state);
+        return "atom";
+      }
+
+      if (stream.peek() === "#"){
+        indent(state);
+        return "atom";
+      }
+    }
+
+    // Numbers
+    if (stream.match(/^-?[0-9\.]+/)){
+      return "number";
+    }
+
+    // Units
+    if (stream.match(/^(px|em|in)\b/)){
+      return "unit";
+    }
+
+    if (stream.match(keywordsRegexp)){
+      return "keyword";
+    }
+
+    if (stream.match(/^url/) && stream.peek() === "("){
+      state.tokenizer = urlTokens;
+      return "atom";
+    }
+
+    // Variables
+    if (ch === "$"){
+      stream.next();
+      stream.eatWhile(/[\w-]/);
+
+      if (stream.peek() === ":"){
+        stream.next();
+        return "variable-2";
+      }else{
+        return "variable-3";
+      }
+    }
+
+    if (ch === "!"){
+      stream.next();
+
+      if (stream.match(/^[\w]+/)){
+        return "keyword";
+      }
+
+      return "operator";
+    }
+
+    if (ch === "="){
+      stream.next();
+
+      // Match shortcut mixin definition
+      if (stream.match(/^[\w-]+/)){
+        indent(state);
+        return "meta";
+      }else {
+        return "operator";
+      }
+    }
+
+    if (ch === "+"){
+      stream.next();
+
+      // Match shortcut mixin definition
+      if (stream.match(/^[\w-]+/)){
+        return "variable-3";
+      }else {
+        return "operator";
+      }
+    }
+
+    // Indent Directives
+    if (stream.match(/^@(else if|if|media|else|for|each|while|mixin|function)/)){
+      indent(state);
+      return "meta";
+    }
+
+    // Other Directives
+    if (ch === "@"){
+      stream.next();
+      stream.eatWhile(/[\w-]/);
+      return "meta";
+    }
+
+    // Strings
+    if (ch === '"' || ch === "'"){
+      stream.next();
+      state.tokenizer = buildStringTokenizer(ch);
+      return "string";
+    }
+
+    // Pseudo element selectors
+    if (ch == ':' && stream.match(pseudoElementsRegexp)){
+      return "keyword";
+    }
+
+    // atoms
+    if (stream.eatWhile(/[\w-&]/)){
+      // matches a property definition
+      if (stream.peek() === ":" && !stream.match(pseudoElementsRegexp, false))
+        return "property";
+      else
+        return "atom";
+    }
+
+    if (stream.match(opRegexp)){
+      return "operator";
+    }
+
+    // If we haven't returned by now, we move 1 character
+    // and return an error
+    stream.next();
+    return null;
+  };
+
+  var tokenLexer = function(stream, state) {
+    if (stream.sol()){
+      state.indentCount = 0;
+    }
+    var style = state.tokenizer(stream, state);
+    var current = stream.current();
+
+    if (current === "@return"){
+      dedent(state);
+    }
+
+    if (style === "atom"){
+      indent(state);
+    }
+
+    if (style !== null){
+      var startOfToken = stream.pos - current.length;
+      var withCurrentIndent = startOfToken + (config.indentUnit * state.indentCount);
+
+      var newScopes = [];
+
+      for (var i = 0; i < state.scopes.length; i++){
+        var scope = state.scopes[i];
+
+        if (scope.offset <= withCurrentIndent){
+          newScopes.push(scope);
+        }
+      }
+
+      state.scopes = newScopes;
+    }
+
+
+    return style;
+  };
+
+  return {
+    startState: function() {
+      return {
+        tokenizer: tokenBase,
+        scopes: [{offset: 0, type: 'sass'}],
+        definedVars: [],
+        definedMixins: []
+      };
+    },
+    token: function(stream, state) {
+      var style = tokenLexer(stream, state);
+
+      state.lastToken = { style: style, content: stream.current() };
+
+      return style;
+    },
+
+    indent: function(state) {
+      return state.scopes[0].offset;
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/x-sass", "sass");
diff --git a/src/main/webapp/codemirror/mode/scheme/index.html b/src/main/webapp/codemirror/mode/scheme/index.html
new file mode 100644
index 00000000..164d5da6
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/scheme/index.html
@@ -0,0 +1,77 @@
+<!doctype html>
+
+<title>CodeMirror: Scheme mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="scheme.js"></script>
+<style>.CodeMirror {background: #f8f8f8;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Scheme</a>
+  </ul>
+</div>
+
+<article>
+<h2>Scheme mode</h2>
+<form><textarea id="code" name="code">
+; See if the input starts with a given symbol.
+(define (match-symbol input pattern)
+  (cond ((null? (remain input)) #f)
+	((eqv? (car (remain input)) pattern) (r-cdr input))
+	(else #f)))
+
+; Allow the input to start with one of a list of patterns.
+(define (match-or input pattern)
+  (cond ((null? pattern) #f)
+	((match-pattern input (car pattern)))
+	(else (match-or input (cdr pattern)))))
+
+; Allow a sequence of patterns.
+(define (match-seq input pattern)
+  (if (null? pattern)
+      input
+      (let ((match (match-pattern input (car pattern))))
+	(if match (match-seq match (cdr pattern)) #f))))
+
+; Match with the pattern but no problem if it does not match.
+(define (match-opt input pattern)
+  (let ((match (match-pattern input (car pattern))))
+    (if match match input)))
+
+; Match anything (other than '()), until pattern is found. The rather
+; clumsy form of requiring an ending pattern is needed to decide where
+; the end of the match is. If none is given, this will match the rest
+; of the sentence.
+(define (match-any input pattern)
+  (cond ((null? (remain input)) #f)
+	((null? pattern) (f-cons (remain input) (clear-remain input)))
+	(else
+	 (let ((accum-any (collector)))
+	   (define (match-pattern-any input pattern)
+	     (cond ((null? (remain input)) #f)
+		   (else (accum-any (car (remain input)))
+			 (cond ((match-pattern (r-cdr input) pattern))
+			       (else (match-pattern-any (r-cdr input) pattern))))))
+	   (let ((retval (match-pattern-any input (car pattern))))
+	     (if retval
+		 (f-cons (accum-any) retval)
+		 #f))))))
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-scheme</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/scheme/scheme.js b/src/main/webapp/codemirror/mode/scheme/scheme.js
new file mode 100644
index 00000000..c5990ae9
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/scheme/scheme.js
@@ -0,0 +1,232 @@
+/**
+ * Author: Koh Zi Han, based on implementation by Koh Zi Chun
+ */
+CodeMirror.defineMode("scheme", function () {
+    var BUILTIN = "builtin", COMMENT = "comment", STRING = "string",
+        ATOM = "atom", NUMBER = "number", BRACKET = "bracket";
+    var INDENT_WORD_SKIP = 2;
+
+    function makeKeywords(str) {
+        var obj = {}, words = str.split(" ");
+        for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+        return obj;
+    }
+
+    var keywords = makeKeywords("λ case-lambda call/cc class define-class exit-handler field import inherit init-field interface let*-values let-values let/ec mixin opt-lambda override protect provide public rename require require-for-syntax syntax syntax-case syntax-error unit/sig unless when with-syntax and begin call-with-current-continuation call-with-input-file call-with-output-file case cond define define-syntax delay do dynamic-wind else for-each if lambda let let* let-syntax letrec letrec-syntax map or syntax-rules abs acos angle append apply asin assoc assq assv atan boolean? caar cadr call-with-input-file call-with-output-file call-with-values car cdddar cddddr cdr ceiling char->integer char-alphabetic? char-ci<=? char-ci<? char-ci=? char-ci>=? char-ci>? char-downcase char-lower-case? char-numeric? char-ready? char-upcase char-upper-case? char-whitespace? char<=? char<? char=? char>=? char>? char? close-input-port close-output-port complex? cons cos current-input-port current-output-port denominator display eof-object? eq? equal? eqv? eval even? exact->inexact exact? exp expt #f floor force gcd imag-part inexact->exact inexact? input-port? integer->char integer? interaction-environment lcm length list list->string list->vector list-ref list-tail list? load log magnitude make-polar make-rectangular make-string make-vector max member memq memv min modulo negative? newline not null-environment null? number->string number? numerator odd? open-input-file open-output-file output-port? pair? peek-char port? positive? procedure? quasiquote quote quotient rational? rationalize read read-char real-part real? remainder reverse round scheme-report-environment set! set-car! set-cdr! sin sqrt string string->list string->number string->symbol string-append string-ci<=? string-ci<? string-ci=? string-ci>=? string-ci>? string-copy string-fill! string-length string-ref string-set! string<=? string<? string=? string>=? string>? string? substring symbol->string symbol? #t tan transcript-off transcript-on truncate values vector vector->list vector-fill! vector-length vector-ref vector-set! with-input-from-file with-output-to-file write write-char zero?");
+    var indentKeys = makeKeywords("define let letrec let* lambda");
+
+    function stateStack(indent, type, prev) { // represents a state stack object
+        this.indent = indent;
+        this.type = type;
+        this.prev = prev;
+    }
+
+    function pushStack(state, indent, type) {
+        state.indentStack = new stateStack(indent, type, state.indentStack);
+    }
+
+    function popStack(state) {
+        state.indentStack = state.indentStack.prev;
+    }
+
+    var binaryMatcher = new RegExp(/^(?:[-+]i|[-+][01]+#*(?:\/[01]+#*)?i|[-+]?[01]+#*(?:\/[01]+#*)?@[-+]?[01]+#*(?:\/[01]+#*)?|[-+]?[01]+#*(?:\/[01]+#*)?[-+](?:[01]+#*(?:\/[01]+#*)?)?i|[-+]?[01]+#*(?:\/[01]+#*)?)(?=[()\s;"]|$)/i);
+    var octalMatcher = new RegExp(/^(?:[-+]i|[-+][0-7]+#*(?:\/[0-7]+#*)?i|[-+]?[0-7]+#*(?:\/[0-7]+#*)?@[-+]?[0-7]+#*(?:\/[0-7]+#*)?|[-+]?[0-7]+#*(?:\/[0-7]+#*)?[-+](?:[0-7]+#*(?:\/[0-7]+#*)?)?i|[-+]?[0-7]+#*(?:\/[0-7]+#*)?)(?=[()\s;"]|$)/i);
+    var hexMatcher = new RegExp(/^(?:[-+]i|[-+][\da-f]+#*(?:\/[\da-f]+#*)?i|[-+]?[\da-f]+#*(?:\/[\da-f]+#*)?@[-+]?[\da-f]+#*(?:\/[\da-f]+#*)?|[-+]?[\da-f]+#*(?:\/[\da-f]+#*)?[-+](?:[\da-f]+#*(?:\/[\da-f]+#*)?)?i|[-+]?[\da-f]+#*(?:\/[\da-f]+#*)?)(?=[()\s;"]|$)/i);
+    var decimalMatcher = new RegExp(/^(?:[-+]i|[-+](?:(?:(?:\d+#+\.?#*|\d+\.\d*#*|\.\d+#*|\d+)(?:[esfdl][-+]?\d+)?)|\d+#*\/\d+#*)i|[-+]?(?:(?:(?:\d+#+\.?#*|\d+\.\d*#*|\.\d+#*|\d+)(?:[esfdl][-+]?\d+)?)|\d+#*\/\d+#*)@[-+]?(?:(?:(?:\d+#+\.?#*|\d+\.\d*#*|\.\d+#*|\d+)(?:[esfdl][-+]?\d+)?)|\d+#*\/\d+#*)|[-+]?(?:(?:(?:\d+#+\.?#*|\d+\.\d*#*|\.\d+#*|\d+)(?:[esfdl][-+]?\d+)?)|\d+#*\/\d+#*)[-+](?:(?:(?:\d+#+\.?#*|\d+\.\d*#*|\.\d+#*|\d+)(?:[esfdl][-+]?\d+)?)|\d+#*\/\d+#*)?i|(?:(?:(?:\d+#+\.?#*|\d+\.\d*#*|\.\d+#*|\d+)(?:[esfdl][-+]?\d+)?)|\d+#*\/\d+#*))(?=[()\s;"]|$)/i);
+
+    function isBinaryNumber (stream) {
+        return stream.match(binaryMatcher);
+    }
+
+    function isOctalNumber (stream) {
+        return stream.match(octalMatcher);
+    }
+
+    function isDecimalNumber (stream, backup) {
+        if (backup === true) {
+            stream.backUp(1);
+        }
+        return stream.match(decimalMatcher);
+    }
+
+    function isHexNumber (stream) {
+        return stream.match(hexMatcher);
+    }
+
+    return {
+        startState: function () {
+            return {
+                indentStack: null,
+                indentation: 0,
+                mode: false,
+                sExprComment: false
+            };
+        },
+
+        token: function (stream, state) {
+            if (state.indentStack == null && stream.sol()) {
+                // update indentation, but only if indentStack is empty
+                state.indentation = stream.indentation();
+            }
+
+            // skip spaces
+            if (stream.eatSpace()) {
+                return null;
+            }
+            var returnType = null;
+
+            switch(state.mode){
+                case "string": // multi-line string parsing mode
+                    var next, escaped = false;
+                    while ((next = stream.next()) != null) {
+                        if (next == "\"" && !escaped) {
+
+                            state.mode = false;
+                            break;
+                        }
+                        escaped = !escaped && next == "\\";
+                    }
+                    returnType = STRING; // continue on in scheme-string mode
+                    break;
+                case "comment": // comment parsing mode
+                    var next, maybeEnd = false;
+                    while ((next = stream.next()) != null) {
+                        if (next == "#" && maybeEnd) {
+
+                            state.mode = false;
+                            break;
+                        }
+                        maybeEnd = (next == "|");
+                    }
+                    returnType = COMMENT;
+                    break;
+                case "s-expr-comment": // s-expr commenting mode
+                    state.mode = false;
+                    if(stream.peek() == "(" || stream.peek() == "["){
+                        // actually start scheme s-expr commenting mode
+                        state.sExprComment = 0;
+                    }else{
+                        // if not we just comment the entire of the next token
+                        stream.eatWhile(/[^/s]/); // eat non spaces
+                        returnType = COMMENT;
+                        break;
+                    }
+                default: // default parsing mode
+                    var ch = stream.next();
+
+                    if (ch == "\"") {
+                        state.mode = "string";
+                        returnType = STRING;
+
+                    } else if (ch == "'") {
+                        returnType = ATOM;
+                    } else if (ch == '#') {
+                        if (stream.eat("|")) {                    // Multi-line comment
+                            state.mode = "comment"; // toggle to comment mode
+                            returnType = COMMENT;
+                        } else if (stream.eat(/[tf]/i)) {            // #t/#f (atom)
+                            returnType = ATOM;
+                        } else if (stream.eat(';')) {                // S-Expr comment
+                            state.mode = "s-expr-comment";
+                            returnType = COMMENT;
+                        } else {
+                            var numTest = null, hasExactness = false, hasRadix = true;
+                            if (stream.eat(/[ei]/i)) {
+                                hasExactness = true;
+                            } else {
+                                stream.backUp(1);       // must be radix specifier
+                            }
+                            if (stream.match(/^#b/i)) {
+                                numTest = isBinaryNumber;
+                            } else if (stream.match(/^#o/i)) {
+                                numTest = isOctalNumber;
+                            } else if (stream.match(/^#x/i)) {
+                                numTest = isHexNumber;
+                            } else if (stream.match(/^#d/i)) {
+                                numTest = isDecimalNumber;
+                            } else if (stream.match(/^[-+0-9.]/, false)) {
+                                hasRadix = false;
+                                numTest = isDecimalNumber;
+                            // re-consume the intial # if all matches failed
+                            } else if (!hasExactness) {
+                                stream.eat('#');
+                            }
+                            if (numTest != null) {
+                                if (hasRadix && !hasExactness) {
+                                    // consume optional exactness after radix
+                                    stream.match(/^#[ei]/i);
+                                }
+                                if (numTest(stream))
+                                    returnType = NUMBER;
+                            }
+                        }
+                    } else if (/^[-+0-9.]/.test(ch) && isDecimalNumber(stream, true)) { // match non-prefixed number, must be decimal
+                        returnType = NUMBER;
+                    } else if (ch == ";") { // comment
+                        stream.skipToEnd(); // rest of the line is a comment
+                        returnType = COMMENT;
+                    } else if (ch == "(" || ch == "[") {
+                      var keyWord = ''; var indentTemp = stream.column(), letter;
+                        /**
+                        Either
+                        (indent-word ..
+                        (non-indent-word ..
+                        (;something else, bracket, etc.
+                        */
+
+                        while ((letter = stream.eat(/[^\s\(\[\;\)\]]/)) != null) {
+                            keyWord += letter;
+                        }
+
+                        if (keyWord.length > 0 && indentKeys.propertyIsEnumerable(keyWord)) { // indent-word
+
+                            pushStack(state, indentTemp + INDENT_WORD_SKIP, ch);
+                        } else { // non-indent word
+                            // we continue eating the spaces
+                            stream.eatSpace();
+                            if (stream.eol() || stream.peek() == ";") {
+                                // nothing significant after
+                                // we restart indentation 1 space after
+                                pushStack(state, indentTemp + 1, ch);
+                            } else {
+                                pushStack(state, indentTemp + stream.current().length, ch); // else we match
+                            }
+                        }
+                        stream.backUp(stream.current().length - 1); // undo all the eating
+
+                        if(typeof state.sExprComment == "number") state.sExprComment++;
+
+                        returnType = BRACKET;
+                    } else if (ch == ")" || ch == "]") {
+                        returnType = BRACKET;
+                        if (state.indentStack != null && state.indentStack.type == (ch == ")" ? "(" : "[")) {
+                            popStack(state);
+
+                            if(typeof state.sExprComment == "number"){
+                                if(--state.sExprComment == 0){
+                                    returnType = COMMENT; // final closing bracket
+                                    state.sExprComment = false; // turn off s-expr commenting mode
+                                }
+                            }
+                        }
+                    } else {
+                        stream.eatWhile(/[\w\$_\-!$%&*+\.\/:<=>?@\^~]/);
+
+                        if (keywords && keywords.propertyIsEnumerable(stream.current())) {
+                            returnType = BUILTIN;
+                        } else returnType = "variable";
+                    }
+            }
+            return (typeof state.sExprComment == "number") ? COMMENT : returnType;
+        },
+
+        indent: function (state) {
+            if (state.indentStack == null) return state.indentation;
+            return state.indentStack.indent;
+        },
+
+        lineComment: ";;"
+    };
+});
+
+CodeMirror.defineMIME("text/x-scheme", "scheme");
diff --git a/src/main/webapp/codemirror/mode/shell/index.html b/src/main/webapp/codemirror/mode/shell/index.html
new file mode 100644
index 00000000..cf415e83
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/shell/index.html
@@ -0,0 +1,66 @@
+<!doctype html>
+
+<title>CodeMirror: Shell mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel=stylesheet href=../../lib/codemirror.css>
+<script src=../../lib/codemirror.js></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src=shell.js></script>
+<style type=text/css>
+  .CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
+</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Shell</a>
+  </ul>
+</div>
+
+<article>
+<h2>Shell mode</h2>
+
+
+<textarea id=code>
+#!/bin/bash
+
+# clone the repository
+git clone http://github.com/garden/tree
+
+# generate HTTPS credentials
+cd tree
+openssl genrsa -aes256 -out https.key 1024
+openssl req -new -nodes -key https.key -out https.csr
+openssl x509 -req -days 365 -in https.csr -signkey https.key -out https.crt
+cp https.key{,.orig}
+openssl rsa -in https.key.orig -out https.key
+
+# start the server in HTTPS mode
+cd web
+sudo node ../server.js 443 'yes' &gt;&gt; ../node.log &amp;
+
+# here is how to stop the server
+for pid in `ps aux | grep 'node ../server.js' | awk '{print $2}'` ; do
+  sudo kill -9 $pid 2&gt; /dev/null
+done
+
+exit 0</textarea>
+
+<script>
+  var editor = CodeMirror.fromTextArea(document.getElementById('code'), {
+    mode: 'shell',
+    lineNumbers: true,
+    matchBrackets: true
+  });
+</script>
+
+<p><strong>MIME types defined:</strong> <code>text/x-sh</code>.</p>
+</article>
diff --git a/src/main/webapp/codemirror/mode/shell/shell.js b/src/main/webapp/codemirror/mode/shell/shell.js
new file mode 100644
index 00000000..abfd2144
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/shell/shell.js
@@ -0,0 +1,118 @@
+CodeMirror.defineMode('shell', function() {
+
+  var words = {};
+  function define(style, string) {
+    var split = string.split(' ');
+    for(var i = 0; i < split.length; i++) {
+      words[split[i]] = style;
+    }
+  };
+
+  // Atoms
+  define('atom', 'true false');
+
+  // Keywords
+  define('keyword', 'if then do else elif while until for in esac fi fin ' +
+    'fil done exit set unset export function');
+
+  // Commands
+  define('builtin', 'ab awk bash beep cat cc cd chown chmod chroot clear cp ' +
+    'curl cut diff echo find gawk gcc get git grep kill killall ln ls make ' +
+    'mkdir openssl mv nc node npm ping ps restart rm rmdir sed service sh ' +
+    'shopt shred source sort sleep ssh start stop su sudo tee telnet top ' +
+    'touch vi vim wall wc wget who write yes zsh');
+
+  function tokenBase(stream, state) {
+
+    var sol = stream.sol();
+    var ch = stream.next();
+
+    if (ch === '\'' || ch === '"' || ch === '`') {
+      state.tokens.unshift(tokenString(ch));
+      return tokenize(stream, state);
+    }
+    if (ch === '#') {
+      if (sol && stream.eat('!')) {
+        stream.skipToEnd();
+        return 'meta'; // 'comment'?
+      }
+      stream.skipToEnd();
+      return 'comment';
+    }
+    if (ch === '$') {
+      state.tokens.unshift(tokenDollar);
+      return tokenize(stream, state);
+    }
+    if (ch === '+' || ch === '=') {
+      return 'operator';
+    }
+    if (ch === '-') {
+      stream.eat('-');
+      stream.eatWhile(/\w/);
+      return 'attribute';
+    }
+    if (/\d/.test(ch)) {
+      stream.eatWhile(/\d/);
+      if(!/\w/.test(stream.peek())) {
+        return 'number';
+      }
+    }
+    stream.eatWhile(/[\w-]/);
+    var cur = stream.current();
+    if (stream.peek() === '=' && /\w+/.test(cur)) return 'def';
+    return words.hasOwnProperty(cur) ? words[cur] : null;
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var next, end = false, escaped = false;
+      while ((next = stream.next()) != null) {
+        if (next === quote && !escaped) {
+          end = true;
+          break;
+        }
+        if (next === '$' && !escaped && quote !== '\'') {
+          escaped = true;
+          stream.backUp(1);
+          state.tokens.unshift(tokenDollar);
+          break;
+        }
+        escaped = !escaped && next === '\\';
+      }
+      if (end || !escaped) {
+        state.tokens.shift();
+      }
+      return (quote === '`' || quote === ')' ? 'quote' : 'string');
+    };
+  };
+
+  var tokenDollar = function(stream, state) {
+    if (state.tokens.length > 1) stream.eat('$');
+    var ch = stream.next(), hungry = /\w/;
+    if (ch === '{') hungry = /[^}]/;
+    if (ch === '(') {
+      state.tokens[0] = tokenString(')');
+      return tokenize(stream, state);
+    }
+    if (!/\d/.test(ch)) {
+      stream.eatWhile(hungry);
+      stream.eat('}');
+    }
+    state.tokens.shift();
+    return 'def';
+  };
+
+  function tokenize(stream, state) {
+    return (state.tokens[0] || tokenBase) (stream, state);
+  };
+
+  return {
+    startState: function() {return {tokens:[]};},
+    token: function(stream, state) {
+      if (stream.eatSpace()) return null;
+      return tokenize(stream, state);
+    }
+  };
+});
+
+CodeMirror.defineMIME('text/x-sh', 'shell');
diff --git a/src/main/webapp/codemirror/mode/sieve/index.html b/src/main/webapp/codemirror/mode/sieve/index.html
new file mode 100644
index 00000000..9d814a9d
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/sieve/index.html
@@ -0,0 +1,93 @@
+<!doctype html>
+
+<title>CodeMirror: Sieve (RFC5228) mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="sieve.js"></script>
+<style>.CodeMirror {background: #f8f8f8;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Sieve (RFC5228)</a>
+  </ul>
+</div>
+
+<article>
+<h2>Sieve (RFC5228) mode</h2>
+<form><textarea id="code" name="code">
+#
+# Example Sieve Filter
+# Declare any optional features or extension used by the script
+#
+
+require ["fileinto", "reject"];
+
+#
+# Reject any large messages (note that the four leading dots get
+# "stuffed" to three)
+#
+if size :over 1M
+{
+  reject text:
+Please do not send me large attachments.
+Put your file on a server and send me the URL.
+Thank you.
+.... Fred
+.
+;
+  stop;
+}
+
+#
+# Handle messages from known mailing lists
+# Move messages from IETF filter discussion list to filter folder
+#
+if header :is "Sender" "owner-ietf-mta-filters@imc.org"
+{
+  fileinto "filter";  # move to "filter" folder
+}
+#
+# Keep all messages to or from people in my company
+#
+elsif address :domain :is ["From", "To"] "example.com"
+{
+  keep;               # keep in "In" folder
+}
+
+#
+# Try and catch unsolicited email.  If a message is not to me,
+# or it contains a subject known to be spam, file it away.
+#
+elsif anyof (not address :all :contains
+               ["To", "Cc", "Bcc"] "me@example.com",
+             header :matches "subject"
+               ["*make*money*fast*", "*university*dipl*mas*"])
+{
+  # If message header does not contain my address,
+  # it's from a list.
+  fileinto "spam";   # move to "spam" folder
+}
+else
+{
+  # Move all other (non-company) mail to "personal"
+  # folder.
+  fileinto "personal";
+}
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>application/sieve</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/sieve/sieve.js b/src/main/webapp/codemirror/mode/sieve/sieve.js
new file mode 100644
index 00000000..8ca2a4cb
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/sieve/sieve.js
@@ -0,0 +1,183 @@
+/*
+ * See LICENSE in this directory for the license under which this code
+ * is released.
+ */
+
+CodeMirror.defineMode("sieve", function(config) {
+  function words(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+
+  var keywords = words("if elsif else stop require");
+  var atoms = words("true false not");
+  var indentUnit = config.indentUnit;
+
+  function tokenBase(stream, state) {
+
+    var ch = stream.next();
+    if (ch == "/" && stream.eat("*")) {
+      state.tokenize = tokenCComment;
+      return tokenCComment(stream, state);
+    }
+
+    if (ch === '#') {
+      stream.skipToEnd();
+      return "comment";
+    }
+
+    if (ch == "\"") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    }
+
+    if (ch == "(") {
+      state._indent.push("(");
+      // add virtual angel wings so that editor behaves...
+      // ...more sane incase of broken brackets
+      state._indent.push("{");
+      return null;
+    }
+
+    if (ch === "{") {
+      state._indent.push("{");
+      return null;
+    }
+
+    if (ch == ")")  {
+      state._indent.pop();
+      state._indent.pop();
+    }
+
+    if (ch === "}") {
+      state._indent.pop();
+      return null;
+    }
+
+    if (ch == ",")
+      return null;
+
+    if (ch == ";")
+      return null;
+
+
+    if (/[{}\(\),;]/.test(ch))
+      return null;
+
+    // 1*DIGIT "K" / "M" / "G"
+    if (/\d/.test(ch)) {
+      stream.eatWhile(/[\d]/);
+      stream.eat(/[KkMmGg]/);
+      return "number";
+    }
+
+    // ":" (ALPHA / "_") *(ALPHA / DIGIT / "_")
+    if (ch == ":") {
+      stream.eatWhile(/[a-zA-Z_]/);
+      stream.eatWhile(/[a-zA-Z0-9_]/);
+
+      return "operator";
+    }
+
+    stream.eatWhile(/\w/);
+    var cur = stream.current();
+
+    // "text:" *(SP / HTAB) (hash-comment / CRLF)
+    // *(multiline-literal / multiline-dotstart)
+    // "." CRLF
+    if ((cur == "text") && stream.eat(":"))
+    {
+      state.tokenize = tokenMultiLineString;
+      return "string";
+    }
+
+    if (keywords.propertyIsEnumerable(cur))
+      return "keyword";
+
+    if (atoms.propertyIsEnumerable(cur))
+      return "atom";
+
+    return null;
+  }
+
+  function tokenMultiLineString(stream, state)
+  {
+    state._multiLineString = true;
+    // the first line is special it may contain a comment
+    if (!stream.sol()) {
+      stream.eatSpace();
+
+      if (stream.peek() == "#") {
+        stream.skipToEnd();
+        return "comment";
+      }
+
+      stream.skipToEnd();
+      return "string";
+    }
+
+    if ((stream.next() == ".")  && (stream.eol()))
+    {
+      state._multiLineString = false;
+      state.tokenize = tokenBase;
+    }
+
+    return "string";
+  }
+
+  function tokenCComment(stream, state) {
+    var maybeEnd = false, ch;
+    while ((ch = stream.next()) != null) {
+      if (maybeEnd && ch == "/") {
+        state.tokenize = tokenBase;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return "comment";
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, ch;
+      while ((ch = stream.next()) != null) {
+        if (ch == quote && !escaped)
+          break;
+        escaped = !escaped && ch == "\\";
+      }
+      if (!escaped) state.tokenize = tokenBase;
+      return "string";
+    };
+  }
+
+  return {
+    startState: function(base) {
+      return {tokenize: tokenBase,
+              baseIndent: base || 0,
+              _indent: []};
+    },
+
+    token: function(stream, state) {
+      if (stream.eatSpace())
+        return null;
+
+      return (state.tokenize || tokenBase)(stream, state);;
+    },
+
+    indent: function(state, _textAfter) {
+      var length = state._indent.length;
+      if (_textAfter && (_textAfter[0] == "}"))
+        length--;
+
+      if (length <0)
+        length = 0;
+
+      return length * indentUnit;
+    },
+
+    electricChars: "}"
+  };
+});
+
+CodeMirror.defineMIME("application/sieve", "sieve");
diff --git a/src/main/webapp/codemirror/mode/smalltalk/index.html b/src/main/webapp/codemirror/mode/smalltalk/index.html
new file mode 100644
index 00000000..0d2b172e
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/smalltalk/index.html
@@ -0,0 +1,68 @@
+<!doctype html>
+
+<title>CodeMirror: Smalltalk mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="smalltalk.js"></script>
+<style>
+      .CodeMirror {border: 2px solid #dee; border-right-width: 10px;}
+      .CodeMirror-gutter {border: none; background: #dee;}
+      .CodeMirror-gutter pre {color: white; font-weight: bold;}
+    </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Smalltalk</a>
+  </ul>
+</div>
+
+<article>
+<h2>Smalltalk mode</h2>
+<form><textarea id="code" name="code">
+" 
+    This is a test of the Smalltalk code
+"
+Seaside.WAComponent subclass: #MyCounter [
+    | count |
+    MyCounter class &gt;&gt; canBeRoot [ ^true ]
+
+    initialize [
+        super initialize.
+        count := 0.
+    ]
+    states [ ^{ self } ]
+    renderContentOn: html [
+        html heading: count.
+        html anchor callback: [ count := count + 1 ]; with: '++'.
+        html space.
+        html anchor callback: [ count := count - 1 ]; with: '--'.
+    ]
+]
+
+MyCounter registerAsApplication: 'mycounter'
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        mode: "text/x-stsrc",
+        indentUnit: 4
+      });
+    </script>
+
+    <p>Simple Smalltalk mode.</p>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-stsrc</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/smalltalk/smalltalk.js b/src/main/webapp/codemirror/mode/smalltalk/smalltalk.js
new file mode 100644
index 00000000..f2d4cb31
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/smalltalk/smalltalk.js
@@ -0,0 +1,151 @@
+CodeMirror.defineMode('smalltalk', function(config) {
+
+  var specialChars = /[+\-\/\\*~<>=@%|&?!.,:;^]/;
+  var keywords = /true|false|nil|self|super|thisContext/;
+
+  var Context = function(tokenizer, parent) {
+    this.next = tokenizer;
+    this.parent = parent;
+  };
+
+  var Token = function(name, context, eos) {
+    this.name = name;
+    this.context = context;
+    this.eos = eos;
+  };
+
+  var State = function() {
+    this.context = new Context(next, null);
+    this.expectVariable = true;
+    this.indentation = 0;
+    this.userIndentationDelta = 0;
+  };
+
+  State.prototype.userIndent = function(indentation) {
+    this.userIndentationDelta = indentation > 0 ? (indentation / config.indentUnit - this.indentation) : 0;
+  };
+
+  var next = function(stream, context, state) {
+    var token = new Token(null, context, false);
+    var aChar = stream.next();
+
+    if (aChar === '"') {
+      token = nextComment(stream, new Context(nextComment, context));
+
+    } else if (aChar === '\'') {
+      token = nextString(stream, new Context(nextString, context));
+
+    } else if (aChar === '#') {
+      if (stream.peek() === '\'') {
+        stream.next();
+        token = nextSymbol(stream, new Context(nextSymbol, context));
+      } else {
+        stream.eatWhile(/[^ .\[\]()]/);
+        token.name = 'string-2';
+      }
+
+    } else if (aChar === '$') {
+      if (stream.next() === '<') {
+        stream.eatWhile(/[^ >]/);
+        stream.next();
+      }
+      token.name = 'string-2';
+
+    } else if (aChar === '|' && state.expectVariable) {
+      token.context = new Context(nextTemporaries, context);
+
+    } else if (/[\[\]{}()]/.test(aChar)) {
+      token.name = 'bracket';
+      token.eos = /[\[{(]/.test(aChar);
+
+      if (aChar === '[') {
+        state.indentation++;
+      } else if (aChar === ']') {
+        state.indentation = Math.max(0, state.indentation - 1);
+      }
+
+    } else if (specialChars.test(aChar)) {
+      stream.eatWhile(specialChars);
+      token.name = 'operator';
+      token.eos = aChar !== ';'; // ; cascaded message expression
+
+    } else if (/\d/.test(aChar)) {
+      stream.eatWhile(/[\w\d]/);
+      token.name = 'number';
+
+    } else if (/[\w_]/.test(aChar)) {
+      stream.eatWhile(/[\w\d_]/);
+      token.name = state.expectVariable ? (keywords.test(stream.current()) ? 'keyword' : 'variable') : null;
+
+    } else {
+      token.eos = state.expectVariable;
+    }
+
+    return token;
+  };
+
+  var nextComment = function(stream, context) {
+    stream.eatWhile(/[^"]/);
+    return new Token('comment', stream.eat('"') ? context.parent : context, true);
+  };
+
+  var nextString = function(stream, context) {
+    stream.eatWhile(/[^']/);
+    return new Token('string', stream.eat('\'') ? context.parent : context, false);
+  };
+
+  var nextSymbol = function(stream, context) {
+    stream.eatWhile(/[^']/);
+    return new Token('string-2', stream.eat('\'') ? context.parent : context, false);
+  };
+
+  var nextTemporaries = function(stream, context) {
+    var token = new Token(null, context, false);
+    var aChar = stream.next();
+
+    if (aChar === '|') {
+      token.context = context.parent;
+      token.eos = true;
+
+    } else {
+      stream.eatWhile(/[^|]/);
+      token.name = 'variable';
+    }
+
+    return token;
+  };
+
+  return {
+    startState: function() {
+      return new State;
+    },
+
+    token: function(stream, state) {
+      state.userIndent(stream.indentation());
+
+      if (stream.eatSpace()) {
+        return null;
+      }
+
+      var token = state.context.next(stream, state.context, state);
+      state.context = token.context;
+      state.expectVariable = token.eos;
+
+      return token.name;
+    },
+
+    blankLine: function(state) {
+      state.userIndent(0);
+    },
+
+    indent: function(state, textAfter) {
+      var i = state.context.next === next && textAfter && textAfter.charAt(0) === ']' ? -1 : state.userIndentationDelta;
+      return (state.indentation + i) * config.indentUnit;
+    },
+
+    electricChars: ']'
+  };
+
+});
+
+CodeMirror.defineMIME('text/x-stsrc', {name: 'smalltalk'});
diff --git a/src/main/webapp/codemirror/mode/smarty/index.html b/src/main/webapp/codemirror/mode/smarty/index.html
new file mode 100644
index 00000000..d458aef0
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/smarty/index.html
@@ -0,0 +1,136 @@
+<!doctype html>
+
+<title>CodeMirror: Smarty mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="smarty.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Smarty</a>
+  </ul>
+</div>
+
+<article>
+<h2>Smarty mode</h2>
+<form><textarea id="code" name="code">
+{extends file="parent.tpl"}
+{include file="template.tpl"}
+
+{* some example Smarty content *}
+{if isset($name) && $name == 'Blog'}
+  This is a {$var}.
+  {$integer = 451}, {$array[] = "a"}, {$stringvar = "string"}
+  {assign var='bob' value=$var.prop}
+{elseif $name == $foo}
+  {function name=menu level=0}
+    {foreach $data as $entry}
+      {if is_array($entry)}
+        - {$entry@key}
+        {menu data=$entry level=$level+1}
+      {else}
+        {$entry}
+      {/if}
+    {/foreach}
+  {/function}
+{/if}</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        mode: "smarty"
+      });
+    </script>
+
+    <br />
+
+	<h3>Smarty 2, custom delimiters</h3>
+    <form><textarea id="code2" name="code2">
+{--extends file="parent.tpl"--}
+{--include file="template.tpl"--}
+
+{--* some example Smarty content *--}
+{--if isset($name) && $name == 'Blog'--}
+  This is a {--$var--}.
+  {--$integer = 451--}, {--$array[] = "a"--}, {--$stringvar = "string"--}
+  {--assign var='bob' value=$var.prop--}
+{--elseif $name == $foo--}
+  {--function name=menu level=0--}
+    {--foreach $data as $entry--}
+      {--if is_array($entry)--}
+        - {--$entry@key--}
+        {--menu data=$entry level=$level+1--}
+      {--else--}
+        {--$entry--}
+      {--/if--}
+    {--/foreach--}
+  {--/function--}
+{--/if--}</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code2"), {
+        lineNumbers: true,
+        mode: {
+          name: "smarty",
+          leftDelimiter: "{--",
+          rightDelimiter: "--}"
+        }
+      });
+    </script>
+
+	<br />
+
+	<h3>Smarty 3</h3>
+
+	<textarea id="code3" name="code3">
+Nested tags {$foo={counter one=1 two={inception}}+3} are now valid in Smarty 3.
+
+<script>
+function test() {
+	console.log("Smarty 3 permits single curly braces followed by whitespace to NOT slip into Smarty mode.");
+}
+</script>
+
+{assign var=foo value=[1,2,3]}
+{assign var=foo value=['y'=>'yellow','b'=>'blue']}
+{assign var=foo value=[1,[9,8],3]}
+
+{$foo=$bar+2} {* a comment *}
+{$foo.bar=1}  {* another comment *}
+{$foo = myfunct(($x+$y)*3)}
+{$foo = strlen($bar)}
+{$foo.bar.baz=1}, {$foo[]=1}
+
+Smarty "dot" syntax (note: embedded {} are used to address ambiguities):
+
+{$foo.a.b.c}      => $foo['a']['b']['c']
+{$foo.a.$b.c}     => $foo['a'][$b]['c']
+{$foo.a.{$b+4}.c} => $foo['a'][$b+4]['c']
+{$foo.a.{$b.c}}   => $foo['a'][$b['c']]
+
+{$object->method1($x)->method2($y)}</textarea>
+
+	<script>
+		var editor = CodeMirror.fromTextArea(document.getElementById("code3"), {
+			lineNumbers: true,
+			mode: "smarty",
+			smartyVersion: 3
+		});
+	</script>
+
+
+    <p>A plain text/Smarty version 2 or 3 mode, which allows for custom delimiter tags.</p>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-smarty</code></p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/smarty/smarty.js b/src/main/webapp/codemirror/mode/smarty/smarty.js
new file mode 100644
index 00000000..826c2b96
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/smarty/smarty.js
@@ -0,0 +1,205 @@
+/**
+ * Smarty 2 and 3 mode.
+ */
+CodeMirror.defineMode("smarty", function(config) {
+  "use strict";
+
+  // our default settings; check to see if they're overridden
+  var settings = {
+    rightDelimiter: '}',
+    leftDelimiter: '{',
+    smartyVersion: 2 // for backward compatibility
+  };
+  if (config.hasOwnProperty("leftDelimiter")) {
+    settings.leftDelimiter = config.leftDelimiter;
+  }
+  if (config.hasOwnProperty("rightDelimiter")) {
+    settings.rightDelimiter = config.rightDelimiter;
+  }
+  if (config.hasOwnProperty("smartyVersion") && config.smartyVersion === 3) {
+    settings.smartyVersion = 3;
+  }
+
+  var keyFunctions = ["debug", "extends", "function", "include", "literal"];
+  var last;
+  var regs = {
+    operatorChars: /[+\-*&%=<>!?]/,
+    validIdentifier: /[a-zA-Z0-9_]/,
+    stringChar: /['"]/
+  };
+
+  var helpers = {
+    cont: function(style, lastType) {
+      last = lastType;
+      return style;
+    },
+    chain: function(stream, state, parser) {
+      state.tokenize = parser;
+      return parser(stream, state);
+    }
+  };
+
+
+  // our various parsers
+  var parsers = {
+
+    // the main tokenizer
+    tokenizer: function(stream, state) {
+      if (stream.match(settings.leftDelimiter, true)) {
+        if (stream.eat("*")) {
+          return helpers.chain(stream, state, parsers.inBlock("comment", "*" + settings.rightDelimiter));
+        } else {
+          // Smarty 3 allows { and } surrounded by whitespace to NOT slip into Smarty mode
+          state.depth++;
+          var isEol = stream.eol();
+          var isFollowedByWhitespace = /\s/.test(stream.peek());
+          if (settings.smartyVersion === 3 && settings.leftDelimiter === "{" && (isEol || isFollowedByWhitespace)) {
+            state.depth--;
+            return null;
+          } else {
+            state.tokenize = parsers.smarty;
+            last = "startTag";
+            return "tag";
+          }
+        }
+      } else {
+        stream.next();
+        return null;
+      }
+    },
+
+    // parsing Smarty content
+    smarty: function(stream, state) {
+      if (stream.match(settings.rightDelimiter, true)) {
+        if (settings.smartyVersion === 3) {
+          state.depth--;
+          if (state.depth <= 0) {
+            state.tokenize = parsers.tokenizer;
+          }
+        } else {
+          state.tokenize = parsers.tokenizer;
+        }
+        return helpers.cont("tag", null);
+      }
+
+      if (stream.match(settings.leftDelimiter, true)) {
+        state.depth++;
+        return helpers.cont("tag", "startTag");
+      }
+
+      var ch = stream.next();
+      if (ch == "$") {
+        stream.eatWhile(regs.validIdentifier);
+        return helpers.cont("variable-2", "variable");
+      } else if (ch == "|") {
+        return helpers.cont("operator", "pipe");
+      } else if (ch == ".") {
+        return helpers.cont("operator", "property");
+      } else if (regs.stringChar.test(ch)) {
+        state.tokenize = parsers.inAttribute(ch);
+        return helpers.cont("string", "string");
+      } else if (regs.operatorChars.test(ch)) {
+        stream.eatWhile(regs.operatorChars);
+        return helpers.cont("operator", "operator");
+      } else if (ch == "[" || ch == "]") {
+        return helpers.cont("bracket", "bracket");
+      } else if (ch == "(" || ch == ")") {
+        return helpers.cont("bracket", "operator");
+      } else if (/\d/.test(ch)) {
+        stream.eatWhile(/\d/);
+        return helpers.cont("number", "number");
+      } else {
+
+        if (state.last == "variable") {
+          if (ch == "@") {
+            stream.eatWhile(regs.validIdentifier);
+            return helpers.cont("property", "property");
+          } else if (ch == "|") {
+            stream.eatWhile(regs.validIdentifier);
+            return helpers.cont("qualifier", "modifier");
+          }
+        } else if (state.last == "pipe") {
+          stream.eatWhile(regs.validIdentifier);
+          return helpers.cont("qualifier", "modifier");
+        } else if (state.last == "whitespace") {
+          stream.eatWhile(regs.validIdentifier);
+          return helpers.cont("attribute", "modifier");
+        } if (state.last == "property") {
+          stream.eatWhile(regs.validIdentifier);
+          return helpers.cont("property", null);
+        } else if (/\s/.test(ch)) {
+          last = "whitespace";
+          return null;
+        }
+
+        var str = "";
+        if (ch != "/") {
+          str += ch;
+        }
+        var c = null;
+        while (c = stream.eat(regs.validIdentifier)) {
+          str += c;
+        }
+        for (var i=0, j=keyFunctions.length; i<j; i++) {
+          if (keyFunctions[i] == str) {
+            return helpers.cont("keyword", "keyword");
+          }
+        }
+        if (/\s/.test(ch)) {
+          return null;
+        }
+        return helpers.cont("tag", "tag");
+      }
+    },
+
+    inAttribute: function(quote) {
+      return function(stream, state) {
+        var prevChar = null;
+        var currChar = null;
+        while (!stream.eol()) {
+          currChar = stream.peek();
+          if (stream.next() == quote && prevChar !== '\\') {
+            state.tokenize = parsers.smarty;
+            break;
+          }
+          prevChar = currChar;
+        }
+        return "string";
+      };
+    },
+
+    inBlock: function(style, terminator) {
+      return function(stream, state) {
+        while (!stream.eol()) {
+          if (stream.match(terminator)) {
+            state.tokenize = parsers.tokenizer;
+            break;
+          }
+          stream.next();
+        }
+        return style;
+      };
+    }
+  };
+
+
+  // the public API for CodeMirror
+  return {
+    startState: function() {
+      return {
+        tokenize: parsers.tokenizer,
+        mode: "smarty",
+        last: null,
+        depth: 0
+      };
+    },
+    token: function(stream, state) {
+      var style = state.tokenize(stream, state);
+      state.last = last;
+      return style;
+    },
+    electricChars: ""
+  };
+});
+
+CodeMirror.defineMIME("text/x-smarty", "smarty");
diff --git a/src/main/webapp/codemirror/mode/smartymixed/index.html b/src/main/webapp/codemirror/mode/smartymixed/index.html
new file mode 100644
index 00000000..47c805fa
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/smartymixed/index.html
@@ -0,0 +1,114 @@
+<!doctype html>
+
+<title>CodeMirror: Smarty mixed mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../mode/xml/xml.js"></script>
+<script src="../../mode/javascript/javascript.js"></script>
+<script src="../../mode/css/css.js"></script>
+<script src="../../mode/htmlmixed/htmlmixed.js"></script>
+<script src="../../mode/smarty/smarty.js"></script>
+<script src="../../mode/smartymixed/smartymixed.js"></script>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Smarty mixed</a>
+  </ul>
+</div>
+
+<article>
+<h2>Smarty mixed mode</h2>
+<form><textarea id="code" name="code">
+{**
+* @brief Smarty mixed mode
+* @author Ruslan Osmanov
+* @date 29.06.2013
+*}
+<html>
+<head>
+  <title>{$title|htmlspecialchars|truncate:30}</title>
+</head>
+<body class="{$bodyclass}">
+  {* Multiline smarty
+  * comment, no {$variables} here
+  *}
+  {literal}
+  {literal} is just an HTML text.
+  <script type="text/javascript">//<![CDATA[
+    var a = {$just_a_normal_js_object : "value"};
+    var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("code"), {
+      mode           : "smartymixed",
+      tabSize        : 2,
+      indentUnit     : 2,
+      indentWithTabs : false,
+      lineNumbers    : true,
+      smartyVersion  : 3
+    });
+    // ]]>
+  </script>
+  <style>
+    /* CSS content 
+    {$no_smarty} */
+    .some-class { font-weight: bolder; color: "orange"; }
+  </style>
+  {/literal}
+
+  {extends file="parent.tpl"}
+  {include file="template.tpl"}
+
+  {* some example Smarty content *}
+  {if isset($name) && $name == 'Blog'}
+    This is a {$var}.
+    {$integer = 4511}, {$array[] = "a"}, {$stringvar = "string"}
+    {$integer = 4512} {$array[] = "a"} {$stringvar = "string"}
+    {assign var='bob' value=$var.prop}
+  {elseif $name == $foo}
+    {function name=menu level=0}
+    {foreach $data as $entry}
+      {if is_array($entry)}
+      - {$entry@key}
+      {menu data=$entry level=$level+1}
+      {else}
+      {$entry}
+      {* One
+      * Two
+      * Three
+      *}
+      {/if}
+    {/foreach}
+    {/function}
+  {/if}
+  </body>
+  <!-- R.O. -->
+</html>
+</textarea></form>
+
+    <script type="text/javascript">
+      var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode           : "smartymixed",
+        tabSize        : 2,
+        indentUnit     : 2,
+        indentWithTabs : false,
+        lineNumbers    : true,
+        smartyVersion  : 3,
+        matchBrackets  : true,
+      });
+    </script>
+
+    <p>The Smarty mixed mode depends on the Smarty and HTML mixed modes. HTML
+    mixed mode itself depends on XML, JavaScript, and CSS modes.</p>
+
+    <p>It takes the same options, as Smarty and HTML mixed modes.</p>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-smarty</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/smartymixed/smartymixed.js b/src/main/webapp/codemirror/mode/smartymixed/smartymixed.js
new file mode 100644
index 00000000..a033ab04
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/smartymixed/smartymixed.js
@@ -0,0 +1,175 @@
+/**
+* @file smartymixed.js
+* @brief Smarty Mixed Codemirror mode (Smarty + Mixed HTML)
+* @author Ruslan Osmanov <rrosmanov at gmail dot com>
+* @version 3.0
+* @date 05.07.2013
+*/
+CodeMirror.defineMode("smartymixed", function(config) {
+  var settings, regs, helpers, parsers,
+  htmlMixedMode = CodeMirror.getMode(config, "htmlmixed"),
+  smartyMode = CodeMirror.getMode(config, "smarty"),
+
+  settings = {
+    rightDelimiter: '}',
+    leftDelimiter: '{'
+  };
+
+  if (config.hasOwnProperty("leftDelimiter")) {
+    settings.leftDelimiter = config.leftDelimiter;
+  }
+  if (config.hasOwnProperty("rightDelimiter")) {
+    settings.rightDelimiter = config.rightDelimiter;
+  }
+
+  regs = {
+    smartyComment: new RegExp("^" + settings.leftDelimiter + "\\*"),
+    literalOpen: new RegExp(settings.leftDelimiter + "literal" + settings.rightDelimiter),
+    literalClose: new RegExp(settings.leftDelimiter + "\/literal" + settings.rightDelimiter),
+    hasLeftDelimeter: new RegExp(".*" + settings.leftDelimiter),
+    htmlHasLeftDelimeter: new RegExp("[^<>]*" + settings.leftDelimiter)
+  };
+
+  helpers = {
+    chain: function(stream, state, parser) {
+      state.tokenize = parser;
+      return parser(stream, state);
+    },
+
+    cleanChain: function(stream, state, parser) {
+      state.tokenize = null;
+      state.localState = null;
+      state.localMode = null;
+      return (typeof parser == "string") ? (parser ? parser : null) : parser(stream, state);
+    },
+
+    maybeBackup: function(stream, pat, style) {
+      var cur = stream.current();
+      var close = cur.search(pat),
+      m;
+      if (close > - 1) stream.backUp(cur.length - close);
+      else if (m = cur.match(/<\/?$/)) {
+        stream.backUp(cur.length);
+        if (!stream.match(pat, false)) stream.match(cur[0]);
+      }
+      return style;
+    }
+  };
+
+  parsers = {
+    html: function(stream, state) {
+      if (!state.inLiteral && stream.match(regs.htmlHasLeftDelimeter, false) && state.htmlMixedState.htmlState.tagName === null) {
+        state.tokenize = parsers.smarty;
+        state.localMode = smartyMode;
+        state.localState = smartyMode.startState(htmlMixedMode.indent(state.htmlMixedState, ""));
+        return helpers.maybeBackup(stream, settings.leftDelimiter, smartyMode.token(stream, state.localState));
+      } else if (!state.inLiteral && stream.match(settings.leftDelimiter, false)) {
+        state.tokenize = parsers.smarty;
+        state.localMode = smartyMode;
+        state.localState = smartyMode.startState(htmlMixedMode.indent(state.htmlMixedState, ""));
+        return helpers.maybeBackup(stream, settings.leftDelimiter, smartyMode.token(stream, state.localState));
+      }
+      return htmlMixedMode.token(stream, state.htmlMixedState);
+    },
+
+    smarty: function(stream, state) {
+      if (stream.match(settings.leftDelimiter, false)) {
+        if (stream.match(regs.smartyComment, false)) {
+          return helpers.chain(stream, state, parsers.inBlock("comment", "*" + settings.rightDelimiter));
+        }
+      } else if (stream.match(settings.rightDelimiter, false)) {
+        stream.eat(settings.rightDelimiter);
+        state.tokenize = parsers.html;
+        state.localMode = htmlMixedMode;
+        state.localState = state.htmlMixedState;
+        return "tag";
+      }
+
+      return helpers.maybeBackup(stream, settings.rightDelimiter, smartyMode.token(stream, state.localState));
+    },
+
+    inBlock: function(style, terminator) {
+      return function(stream, state) {
+        while (!stream.eol()) {
+          if (stream.match(terminator)) {
+            helpers.cleanChain(stream, state, "");
+            break;
+          }
+          stream.next();
+        }
+        return style;
+      };
+    }
+  };
+
+  return {
+    startState: function() {
+      var state = htmlMixedMode.startState();
+      return {
+        token: parsers.html,
+        localMode: null,
+        localState: null,
+        htmlMixedState: state,
+        tokenize: null,
+        inLiteral: false
+      };
+    },
+
+    copyState: function(state) {
+      var local = null, tok = (state.tokenize || state.token);
+      if (state.localState) {
+        local = CodeMirror.copyState((tok != parsers.html ? smartyMode : htmlMixedMode), state.localState);
+      }
+      return {
+        token: state.token,
+        tokenize: state.tokenize,
+        localMode: state.localMode,
+        localState: local,
+        htmlMixedState: CodeMirror.copyState(htmlMixedMode, state.htmlMixedState),
+        inLiteral: state.inLiteral
+      };
+    },
+
+    token: function(stream, state) {
+      if (stream.match(settings.leftDelimiter, false)) {
+        if (!state.inLiteral && stream.match(regs.literalOpen, true)) {
+          state.inLiteral = true;
+          return "keyword";
+        } else if (state.inLiteral && stream.match(regs.literalClose, true)) {
+          state.inLiteral = false;
+          return "keyword";
+        }
+      }
+      if (state.inLiteral && state.localState != state.htmlMixedState) {
+        state.tokenize = parsers.html;
+        state.localMode = htmlMixedMode;
+        state.localState = state.htmlMixedState;
+      }
+
+      var style = (state.tokenize || state.token)(stream, state);
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      if (state.localMode == smartyMode
+          || (state.inLiteral && !state.localMode)
+         || regs.hasLeftDelimeter.test(textAfter)) {
+        return CodeMirror.Pass;
+      }
+      return htmlMixedMode.indent(state.htmlMixedState, textAfter);
+    },
+
+    electricChars: "/{}:",
+
+    innerMode: function(state) {
+      return {
+        state: state.localState || state.htmlMixedState,
+        mode: state.localMode || htmlMixedMode
+      };
+    }
+  };
+},
+"htmlmixed");
+
+CodeMirror.defineMIME("text/x-smarty", "smartymixed");
+// vim: et ts=2 sts=2 sw=2
diff --git a/src/main/webapp/codemirror/mode/sparql/index.html b/src/main/webapp/codemirror/mode/sparql/index.html
new file mode 100644
index 00000000..7c41e17b
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/sparql/index.html
@@ -0,0 +1,54 @@
+<!doctype html>
+
+<title>CodeMirror: SPARQL mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="sparql.js"></script>
+<style>.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">SPARQL</a>
+  </ul>
+</div>
+
+<article>
+<h2>SPARQL mode</h2>
+<form><textarea id="code" name="code">
+PREFIX a: &lt;http://www.w3.org/2000/10/annotation-ns#>
+PREFIX dc: &lt;http://purl.org/dc/elements/1.1/>
+PREFIX foaf: &lt;http://xmlns.com/foaf/0.1/>
+
+# Comment!
+
+SELECT ?given ?family
+WHERE {
+  ?annot a:annotates &lt;http://www.w3.org/TR/rdf-sparql-query/> .
+  ?annot dc:creator ?c .
+  OPTIONAL {?c foaf:given ?given ;
+               foaf:family ?family } .
+  FILTER isBlank(?c)
+}
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: "application/x-sparql-query",
+        tabMode: "indent",
+        matchBrackets: true
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>application/x-sparql-query</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/sparql/sparql.js b/src/main/webapp/codemirror/mode/sparql/sparql.js
new file mode 100644
index 00000000..0329057f
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/sparql/sparql.js
@@ -0,0 +1,145 @@
+CodeMirror.defineMode("sparql", function(config) {
+  var indentUnit = config.indentUnit;
+  var curPunc;
+
+  function wordRegexp(words) {
+    return new RegExp("^(?:" + words.join("|") + ")$", "i");
+  }
+  var ops = wordRegexp(["str", "lang", "langmatches", "datatype", "bound", "sameterm", "isiri", "isuri",
+                        "isblank", "isliteral", "a"]);
+  var keywords = wordRegexp(["base", "prefix", "select", "distinct", "reduced", "construct", "describe",
+                             "ask", "from", "named", "where", "order", "limit", "offset", "filter", "optional",
+                             "graph", "by", "asc", "desc", "as", "having", "undef", "values", "group",
+                             "minus", "in", "not", "service", "silent", "using", "insert", "delete", "union",
+                             "data", "copy", "to", "move", "add", "create", "drop", "clear", "load"]);
+  var operatorChars = /[*+\-<>=&|]/;
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    curPunc = null;
+    if (ch == "$" || ch == "?") {
+      stream.match(/^[\w\d]*/);
+      return "variable-2";
+    }
+    else if (ch == "<" && !stream.match(/^[\s\u00a0=]/, false)) {
+      stream.match(/^[^\s\u00a0>]*>?/);
+      return "atom";
+    }
+    else if (ch == "\"" || ch == "'") {
+      state.tokenize = tokenLiteral(ch);
+      return state.tokenize(stream, state);
+    }
+    else if (/[{}\(\),\.;\[\]]/.test(ch)) {
+      curPunc = ch;
+      return null;
+    }
+    else if (ch == "#") {
+      stream.skipToEnd();
+      return "comment";
+    }
+    else if (operatorChars.test(ch)) {
+      stream.eatWhile(operatorChars);
+      return null;
+    }
+    else if (ch == ":") {
+      stream.eatWhile(/[\w\d\._\-]/);
+      return "atom";
+    }
+    else {
+      stream.eatWhile(/[_\w\d]/);
+      if (stream.eat(":")) {
+        stream.eatWhile(/[\w\d_\-]/);
+        return "atom";
+      }
+      var word = stream.current();
+      if (ops.test(word))
+        return null;
+      else if (keywords.test(word))
+        return "keyword";
+      else
+        return "variable";
+    }
+  }
+
+  function tokenLiteral(quote) {
+    return function(stream, state) {
+      var escaped = false, ch;
+      while ((ch = stream.next()) != null) {
+        if (ch == quote && !escaped) {
+          state.tokenize = tokenBase;
+          break;
+        }
+        escaped = !escaped && ch == "\\";
+      }
+      return "string";
+    };
+  }
+
+  function pushContext(state, type, col) {
+    state.context = {prev: state.context, indent: state.indent, col: col, type: type};
+  }
+  function popContext(state) {
+    state.indent = state.context.indent;
+    state.context = state.context.prev;
+  }
+
+  return {
+    startState: function() {
+      return {tokenize: tokenBase,
+              context: null,
+              indent: 0,
+              col: 0};
+    },
+
+    token: function(stream, state) {
+      if (stream.sol()) {
+        if (state.context && state.context.align == null) state.context.align = false;
+        state.indent = stream.indentation();
+      }
+      if (stream.eatSpace()) return null;
+      var style = state.tokenize(stream, state);
+
+      if (style != "comment" && state.context && state.context.align == null && state.context.type != "pattern") {
+        state.context.align = true;
+      }
+
+      if (curPunc == "(") pushContext(state, ")", stream.column());
+      else if (curPunc == "[") pushContext(state, "]", stream.column());
+      else if (curPunc == "{") pushContext(state, "}", stream.column());
+      else if (/[\]\}\)]/.test(curPunc)) {
+        while (state.context && state.context.type == "pattern") popContext(state);
+        if (state.context && curPunc == state.context.type) popContext(state);
+      }
+      else if (curPunc == "." && state.context && state.context.type == "pattern") popContext(state);
+      else if (/atom|string|variable/.test(style) && state.context) {
+        if (/[\}\]]/.test(state.context.type))
+          pushContext(state, "pattern", stream.column());
+        else if (state.context.type == "pattern" && !state.context.align) {
+          state.context.align = true;
+          state.context.col = stream.column();
+        }
+      }
+
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      var firstChar = textAfter && textAfter.charAt(0);
+      var context = state.context;
+      if (/[\]\}]/.test(firstChar))
+        while (context && context.type == "pattern") context = context.prev;
+
+      var closing = context && firstChar == context.type;
+      if (!context)
+        return 0;
+      else if (context.type == "pattern")
+        return context.col;
+      else if (context.align)
+        return context.col + (closing ? 0 : 1);
+      else
+        return context.indent + (closing ? 0 : indentUnit);
+    }
+  };
+});
+
+CodeMirror.defineMIME("application/x-sparql-query", "sparql");
diff --git a/src/main/webapp/codemirror/mode/sql/index.html b/src/main/webapp/codemirror/mode/sql/index.html
new file mode 100644
index 00000000..e6882d79
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/sql/index.html
@@ -0,0 +1,75 @@
+<!doctype html>
+
+<title>CodeMirror: SQL Mode for CodeMirror</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css" />
+<script src="../../lib/codemirror.js"></script>
+<script src="sql.js"></script>
+<style>
+.CodeMirror {
+    border-top: 1px solid black;
+    border-bottom: 1px solid black;
+}
+        </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">SQL Mode for CodeMirror</a>
+  </ul>
+</div>
+
+<article>
+<h2>SQL Mode for CodeMirror</h2>
+<form>
+            <textarea id="code" name="code">-- SQL Mode for CodeMirror
+SELECT SQL_NO_CACHE DISTINCT
+		@var1 AS `val1`, @'val2', @global.'sql_mode',
+		1.1 AS `float_val`, .14 AS `another_float`, 0.09e3 AS `int_with_esp`,
+		0xFA5 AS `hex`, x'fa5' AS `hex2`, 0b101 AS `bin`, b'101' AS `bin2`,
+		DATE '1994-01-01' AS `sql_date`, { T "1994-01-01" } AS `odbc_date`,
+		'my string', _utf8'your string', N'her string',
+        TRUE, FALSE, UNKNOWN
+	FROM DUAL
+	-- space needed after '--'
+	# 1 line comment
+	/* multiline
+	comment! */
+	LIMIT 1 OFFSET 0;
+</textarea>
+            </form>
+            <p><strong>MIME types defined:</strong> 
+            <code><a href="?mime=text/x-sql">text/x-sql</a></code>,
+            <code><a href="?mime=text/x-mysql">text/x-mysql</a></code>,
+            <code><a href="?mime=text/x-mariadb">text/x-mariadb</a></code>,
+            <code><a href="?mime=text/x-cassandra">text/x-cassandra</a></code>,
+            <code><a href="?mime=text/x-plsql">text/x-plsql</a></code>,
+            <code><a href="?mime=text/x-mssql">text/x-mssql</a></code>.
+        </p>
+<script>
+window.onload = function() {
+  var mime = 'text/x-mariadb';
+  // get mime type
+  if (window.location.href.indexOf('mime=') > -1) {
+    mime = window.location.href.substr(window.location.href.indexOf('mime=') + 5);
+  }
+  window.editor = CodeMirror.fromTextArea(document.getElementById('code'), {
+    mode: mime,
+    indentWithTabs: true,
+    smartIndent: true,
+    lineNumbers: true,
+    matchBrackets : true,
+    autofocus: true
+  });
+};
+</script>
+
+</article>
diff --git a/src/main/webapp/codemirror/mode/sql/sql.js b/src/main/webapp/codemirror/mode/sql/sql.js
new file mode 100644
index 00000000..3be68caa
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/sql/sql.js
@@ -0,0 +1,365 @@
+CodeMirror.defineMode("sql", function(config, parserConfig) {
+  "use strict";
+
+  var client         = parserConfig.client || {},
+      atoms          = parserConfig.atoms || {"false": true, "true": true, "null": true},
+      builtin        = parserConfig.builtin || {},
+      keywords       = parserConfig.keywords || {},
+      operatorChars  = parserConfig.operatorChars || /^[*+\-%<>!=&|~^]/,
+      support        = parserConfig.support || {},
+      hooks          = parserConfig.hooks || {},
+      dateSQL        = parserConfig.dateSQL || {"date" : true, "time" : true, "timestamp" : true};
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+
+    // call hooks from the mime type
+    if (hooks[ch]) {
+      var result = hooks[ch](stream, state);
+      if (result !== false) return result;
+    }
+
+    if (support.hexNumber == true &&
+      ((ch == "0" && stream.match(/^[xX][0-9a-fA-F]+/))
+      || (ch == "x" || ch == "X") && stream.match(/^'[0-9a-fA-F]+'/))) {
+      // hex
+      // ref: http://dev.mysql.com/doc/refman/5.5/en/hexadecimal-literals.html
+      return "number";
+    } else if (support.binaryNumber == true &&
+      (((ch == "b" || ch == "B") && stream.match(/^'[01]+'/))
+      || (ch == "0" && stream.match(/^b[01]+/)))) {
+      // bitstring
+      // ref: http://dev.mysql.com/doc/refman/5.5/en/bit-field-literals.html
+      return "number";
+    } else if (ch.charCodeAt(0) > 47 && ch.charCodeAt(0) < 58) {
+      // numbers
+      // ref: http://dev.mysql.com/doc/refman/5.5/en/number-literals.html
+          stream.match(/^[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?/);
+      support.decimallessFloat == true && stream.eat('.');
+      return "number";
+    } else if (ch == "?" && (stream.eatSpace() || stream.eol() || stream.eat(";"))) {
+      // placeholders
+      return "variable-3";
+    } else if (ch == "'" || (ch == '"' && support.doubleQuote)) {
+      // strings
+      // ref: http://dev.mysql.com/doc/refman/5.5/en/string-literals.html
+      state.tokenize = tokenLiteral(ch);
+      return state.tokenize(stream, state);
+    } else if ((((support.nCharCast == true && (ch == "n" || ch == "N"))
+        || (support.charsetCast == true && ch == "_" && stream.match(/[a-z][a-z0-9]*/i)))
+        && (stream.peek() == "'" || stream.peek() == '"'))) {
+      // charset casting: _utf8'str', N'str', n'str'
+      // ref: http://dev.mysql.com/doc/refman/5.5/en/string-literals.html
+      return "keyword";
+    } else if (/^[\(\),\;\[\]]/.test(ch)) {
+      // no highlightning
+      return null;
+    } else if (support.commentSlashSlash && ch == "/" && stream.eat("/")) {
+      // 1-line comment
+      stream.skipToEnd();
+      return "comment";
+    } else if ((support.commentHash && ch == "#")
+        || (ch == "-" && stream.eat("-") && (!support.commentSpaceRequired || stream.eat(" ")))) {
+      // 1-line comments
+      // ref: https://kb.askmonty.org/en/comment-syntax/
+      stream.skipToEnd();
+      return "comment";
+    } else if (ch == "/" && stream.eat("*")) {
+      // multi-line comments
+      // ref: https://kb.askmonty.org/en/comment-syntax/
+      state.tokenize = tokenComment;
+      return state.tokenize(stream, state);
+    } else if (ch == ".") {
+      // .1 for 0.1
+      if (support.zerolessFloat == true && stream.match(/^(?:\d+(?:e[+-]?\d+)?)/i)) {
+        return "number";
+      }
+      // .table_name (ODBC)
+      // // ref: http://dev.mysql.com/doc/refman/5.6/en/identifier-qualifiers.html
+      if (support.ODBCdotTable == true && stream.match(/^[a-zA-Z_]+/)) {
+        return "variable-2";
+      }
+    } else if (operatorChars.test(ch)) {
+      // operators
+      stream.eatWhile(operatorChars);
+      return null;
+    } else if (ch == '{' &&
+        (stream.match(/^( )*(d|D|t|T|ts|TS)( )*'[^']*'( )*}/) || stream.match(/^( )*(d|D|t|T|ts|TS)( )*"[^"]*"( )*}/))) {
+      // dates (weird ODBC syntax)
+      // ref: http://dev.mysql.com/doc/refman/5.5/en/date-and-time-literals.html
+      return "number";
+    } else {
+      stream.eatWhile(/^[_\w\d]/);
+      var word = stream.current().toLowerCase();
+      // dates (standard SQL syntax)
+      // ref: http://dev.mysql.com/doc/refman/5.5/en/date-and-time-literals.html
+      if (dateSQL.hasOwnProperty(word) && (stream.match(/^( )+'[^']*'/) || stream.match(/^( )+"[^"]*"/)))
+        return "number";
+      if (atoms.hasOwnProperty(word)) return "atom";
+      if (builtin.hasOwnProperty(word)) return "builtin";
+      if (keywords.hasOwnProperty(word)) return "keyword";
+      if (client.hasOwnProperty(word)) return "string-2";
+      return null;
+    }
+  }
+
+  // 'string', with char specified in quote escaped by '\'
+  function tokenLiteral(quote) {
+    return function(stream, state) {
+      var escaped = false, ch;
+      while ((ch = stream.next()) != null) {
+        if (ch == quote && !escaped) {
+          state.tokenize = tokenBase;
+          break;
+        }
+        escaped = !escaped && ch == "\\";
+      }
+      return "string";
+    };
+  }
+  function tokenComment(stream, state) {
+    while (true) {
+      if (stream.skipTo("*")) {
+        stream.next();
+        if (stream.eat("/")) {
+          state.tokenize = tokenBase;
+          break;
+        }
+      } else {
+        stream.skipToEnd();
+        break;
+      }
+    }
+    return "comment";
+  }
+
+  function pushContext(stream, state, type) {
+    state.context = {
+      prev: state.context,
+      indent: stream.indentation(),
+      col: stream.column(),
+      type: type
+    };
+  }
+
+  function popContext(state) {
+    state.indent = state.context.indent;
+    state.context = state.context.prev;
+  }
+
+  return {
+    startState: function() {
+      return {tokenize: tokenBase, context: null};
+    },
+
+    token: function(stream, state) {
+      if (stream.sol()) {
+        if (state.context && state.context.align == null)
+          state.context.align = false;
+      }
+      if (stream.eatSpace()) return null;
+
+      var style = state.tokenize(stream, state);
+      if (style == "comment") return style;
+
+      if (state.context && state.context.align == null)
+        state.context.align = true;
+
+      var tok = stream.current();
+      if (tok == "(")
+        pushContext(stream, state, ")");
+      else if (tok == "[")
+        pushContext(stream, state, "]");
+      else if (state.context && state.context.type == tok)
+        popContext(state);
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      var cx = state.context;
+      if (!cx) return CodeMirror.Pass;
+      if (cx.align) return cx.col + (textAfter.charAt(0) == cx.type ? 0 : 1);
+      else return cx.indent + config.indentUnit;
+    },
+
+    blockCommentStart: "/*",
+    blockCommentEnd: "*/",
+    lineComment: support.commentSlashSlash ? "//" : support.commentHash ? "#" : null
+  };
+});
+
+(function() {
+  "use strict";
+
+  // `identifier`
+  function hookIdentifier(stream) {
+    // MySQL/MariaDB identifiers
+    // ref: http://dev.mysql.com/doc/refman/5.6/en/identifier-qualifiers.html
+    var ch;
+    while ((ch = stream.next()) != null) {
+      if (ch == "`" && !stream.eat("`")) return "variable-2";
+    }
+    return null;
+  }
+
+  // variable token
+  function hookVar(stream) {
+    // variables
+    // @@prefix.varName @varName
+    // varName can be quoted with ` or ' or "
+    // ref: http://dev.mysql.com/doc/refman/5.5/en/user-variables.html
+    if (stream.eat("@")) {
+      stream.match(/^session\./);
+      stream.match(/^local\./);
+      stream.match(/^global\./);
+    }
+
+    if (stream.eat("'")) {
+      stream.match(/^.*'/);
+      return "variable-2";
+    } else if (stream.eat('"')) {
+      stream.match(/^.*"/);
+      return "variable-2";
+    } else if (stream.eat("`")) {
+      stream.match(/^.*`/);
+      return "variable-2";
+    } else if (stream.match(/^[0-9a-zA-Z$\.\_]+/)) {
+      return "variable-2";
+    }
+    return null;
+  };
+
+  // short client keyword token
+  function hookClient(stream) {
+    // \N means NULL
+    // ref: http://dev.mysql.com/doc/refman/5.5/en/null-values.html
+    if (stream.eat("N")) {
+        return "atom";
+    }
+    // \g, etc
+    // ref: http://dev.mysql.com/doc/refman/5.5/en/mysql-commands.html
+    return stream.match(/^[a-zA-Z.#!?]/) ? "variable-2" : null;
+  }
+
+  // these keywords are used by all SQL dialects (however, a mode can still overwrite it)
+  var sqlKeywords = "alter and as asc between by count create delete desc distinct drop from having in insert into is join like not on or order select set table union update values where ";
+
+  // turn a space-separated list into an array
+  function set(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+
+  // A generic SQL Mode. It's not a standard, it just try to support what is generally supported
+  CodeMirror.defineMIME("text/x-sql", {
+    name: "sql",
+    keywords: set(sqlKeywords + "begin"),
+    builtin: set("bool boolean bit blob enum long longblob longtext medium mediumblob mediumint mediumtext time timestamp tinyblob tinyint tinytext text bigint int int1 int2 int3 int4 int8 integer float float4 float8 double char varbinary varchar varcharacter precision real date datetime year unsigned signed decimal numeric"),
+    atoms: set("false true null unknown"),
+    operatorChars: /^[*+\-%<>!=]/,
+    dateSQL: set("date time timestamp"),
+    support: set("ODBCdotTable doubleQuote binaryNumber hexNumber")
+  });
+
+  CodeMirror.defineMIME("text/x-mssql", {
+    name: "sql",
+    client: set("charset clear connect edit ego exit go help nopager notee nowarning pager print prompt quit rehash source status system tee"),
+    keywords: set(sqlKeywords + "begin trigger proc view index for add constraint key primary foreign collate clustered nonclustered"),
+    builtin: set("bigint numeric bit smallint decimal smallmoney int tinyint money float real char varchar text nchar nvarchar ntext binary varbinary image cursor timestamp hierarchyid uniqueidentifier sql_variant xml table "),
+    atoms: set("false true null unknown"),
+    operatorChars: /^[*+\-%<>!=]/,
+    dateSQL: set("date datetimeoffset datetime2 smalldatetime datetime time"),
+    hooks: {
+      "@":   hookVar
+    }
+  });
+
+  CodeMirror.defineMIME("text/x-mysql", {
+    name: "sql",
+    client: set("charset clear connect edit ego exit go help nopager notee nowarning pager print prompt quit rehash source status system tee"),
+    keywords: set(sqlKeywords + "accessible action add after algorithm all analyze asensitive at authors auto_increment autocommit avg avg_row_length before binary binlog both btree cache call cascade cascaded case catalog_name chain change changed character check checkpoint checksum class_origin client_statistics close coalesce code collate collation collations column columns comment commit committed completion concurrent condition connection consistent constraint contains continue contributors convert cross current current_date current_time current_timestamp current_user cursor data database databases day_hour day_microsecond day_minute day_second deallocate dec declare default delay_key_write delayed delimiter des_key_file describe deterministic dev_pop dev_samp deviance diagnostics directory disable discard distinctrow div dual dumpfile each elseif enable enclosed end ends engine engines enum errors escape escaped even event events every execute exists exit explain extended fast fetch field fields first flush for force foreign found_rows full fulltext function general get global grant grants group groupby_concat handler hash help high_priority hosts hour_microsecond hour_minute hour_second if ignore ignore_server_ids import index index_statistics infile inner innodb inout insensitive insert_method install interval invoker isolation iterate key keys kill language last leading leave left level limit linear lines list load local localtime localtimestamp lock logs low_priority master master_heartbeat_period master_ssl_verify_server_cert masters match max max_rows maxvalue message_text middleint migrate min min_rows minute_microsecond minute_second mod mode modifies modify mutex mysql_errno natural next no no_write_to_binlog offline offset one online open optimize option optionally out outer outfile pack_keys parser partition partitions password phase plugin plugins prepare preserve prev primary privileges procedure processlist profile profiles purge query quick range read read_write reads real rebuild recover references regexp relaylog release remove rename reorganize repair repeatable replace require resignal restrict resume return returns revoke right rlike rollback rollup row row_format rtree savepoint schedule schema schema_name schemas second_microsecond security sensitive separator serializable server session share show signal slave slow smallint snapshot soname spatial specific sql sql_big_result sql_buffer_result sql_cache sql_calc_found_rows sql_no_cache sql_small_result sqlexception sqlstate sqlwarning ssl start starting starts status std stddev stddev_pop stddev_samp storage straight_join subclass_origin sum suspend table_name table_statistics tables tablespace temporary terminated to trailing transaction trigger triggers truncate uncommitted undo uninstall unique unlock upgrade usage use use_frm user user_resources user_statistics using utc_date utc_time utc_timestamp value variables varying view views warnings when while with work write xa xor year_month zerofill begin do then else loop repeat"),
+    builtin: set("bool boolean bit blob decimal double float long longblob longtext medium mediumblob mediumint mediumtext time timestamp tinyblob tinyint tinytext text bigint int int1 int2 int3 int4 int8 integer float float4 float8 double char varbinary varchar varcharacter precision date datetime year unsigned signed numeric"),
+    atoms: set("false true null unknown"),
+    operatorChars: /^[*+\-%<>!=&|^]/,
+    dateSQL: set("date time timestamp"),
+    support: set("ODBCdotTable decimallessFloat zerolessFloat binaryNumber hexNumber doubleQuote nCharCast charsetCast commentHash commentSpaceRequired"),
+    hooks: {
+      "@":   hookVar,
+      "`":   hookIdentifier,
+      "\\":  hookClient
+    }
+  });
+
+  CodeMirror.defineMIME("text/x-mariadb", {
+    name: "sql",
+    client: set("charset clear connect edit ego exit go help nopager notee nowarning pager print prompt quit rehash source status system tee"),
+    keywords: set(sqlKeywords + "accessible action add after algorithm all always analyze asensitive at authors auto_increment autocommit avg avg_row_length before binary binlog both btree cache call cascade cascaded case catalog_name chain change changed character check checkpoint checksum class_origin client_statistics close coalesce code collate collation collations column columns comment commit committed completion concurrent condition connection consistent constraint contains continue contributors convert cross current current_date current_time current_timestamp current_user cursor data database databases day_hour day_microsecond day_minute day_second deallocate dec declare default delay_key_write delayed delimiter des_key_file describe deterministic dev_pop dev_samp deviance diagnostics directory disable discard distinctrow div dual dumpfile each elseif enable enclosed end ends engine engines enum errors escape escaped even event events every execute exists exit explain extended fast fetch field fields first flush for force foreign found_rows full fulltext function general generated get global grant grants group groupby_concat handler hard hash help high_priority hosts hour_microsecond hour_minute hour_second if ignore ignore_server_ids import index index_statistics infile inner innodb inout insensitive insert_method install interval invoker isolation iterate key keys kill language last leading leave left level limit linear lines list load local localtime localtimestamp lock logs low_priority master master_heartbeat_period master_ssl_verify_server_cert masters match max max_rows maxvalue message_text middleint migrate min min_rows minute_microsecond minute_second mod mode modifies modify mutex mysql_errno natural next no no_write_to_binlog offline offset one online open optimize option optionally out outer outfile pack_keys parser partition partitions password persistent phase plugin plugins prepare preserve prev primary privileges procedure processlist profile profiles purge query quick range read read_write reads real rebuild recover references regexp relaylog release remove rename reorganize repair repeatable replace require resignal restrict resume return returns revoke right rlike rollback rollup row row_format rtree savepoint schedule schema schema_name schemas second_microsecond security sensitive separator serializable server session share show shutdown signal slave slow smallint snapshot soft soname spatial specific sql sql_big_result sql_buffer_result sql_cache sql_calc_found_rows sql_no_cache sql_small_result sqlexception sqlstate sqlwarning ssl start starting starts status std stddev stddev_pop stddev_samp storage straight_join subclass_origin sum suspend table_name table_statistics tables tablespace temporary terminated to trailing transaction trigger triggers truncate uncommitted undo uninstall unique unlock upgrade usage use use_frm user user_resources user_statistics using utc_date utc_time utc_timestamp value variables varying view views virtual warnings when while with work write xa xor year_month zerofill begin do then else loop repeat"),
+    builtin: set("bool boolean bit blob decimal double float long longblob longtext medium mediumblob mediumint mediumtext time timestamp tinyblob tinyint tinytext text bigint int int1 int2 int3 int4 int8 integer float float4 float8 double char varbinary varchar varcharacter precision date datetime year unsigned signed numeric"),
+    atoms: set("false true null unknown"),
+    operatorChars: /^[*+\-%<>!=&|^]/,
+    dateSQL: set("date time timestamp"),
+    support: set("ODBCdotTable decimallessFloat zerolessFloat binaryNumber hexNumber doubleQuote nCharCast charsetCast commentHash commentSpaceRequired"),
+    hooks: {
+      "@":   hookVar,
+      "`":   hookIdentifier,
+      "\\":  hookClient
+    }
+  });
+
+  // the query language used by Apache Cassandra is called CQL, but this mime type
+  // is called Cassandra to avoid confusion with Contextual Query Language
+  CodeMirror.defineMIME("text/x-cassandra", {
+    name: "sql",
+    client: { },
+    keywords: set("use select from using consistency where limit first reversed first and in insert into values using consistency ttl update set delete truncate begin batch apply create keyspace with columnfamily primary key index on drop alter type add any one quorum all local_quorum each_quorum"),
+    builtin: set("ascii bigint blob boolean counter decimal double float int text timestamp uuid varchar varint"),
+    atoms: set("false true"),
+    operatorChars: /^[<>=]/,
+    dateSQL: { },
+    support: set("commentSlashSlash decimallessFloat"),
+    hooks: { }
+  });
+
+  // this is based on Peter Raganitsch's 'plsql' mode
+  CodeMirror.defineMIME("text/x-plsql", {
+    name:       "sql",
+    client:     set("appinfo arraysize autocommit autoprint autorecovery autotrace blockterminator break btitle cmdsep colsep compatibility compute concat copycommit copytypecheck define describe echo editfile embedded escape exec execute feedback flagger flush heading headsep instance linesize lno loboffset logsource long longchunksize markup native newpage numformat numwidth pagesize pause pno recsep recsepchar release repfooter repheader serveroutput shiftinout show showmode size spool sqlblanklines sqlcase sqlcode sqlcontinue sqlnumber sqlpluscompatibility sqlprefix sqlprompt sqlterminator suffix tab term termout time timing trimout trimspool ttitle underline verify version wrap"),
+    keywords:   set("abort accept access add all alter and any array arraylen as asc assert assign at attributes audit authorization avg base_table begin between binary_integer body boolean by case cast char char_base check close cluster clusters colauth column comment commit compress connect connected constant constraint crash create current currval cursor data_base database date dba deallocate debugoff debugon decimal declare default definition delay delete desc digits dispose distinct do drop else elsif enable end entry escape exception exception_init exchange exclusive exists exit external fast fetch file for force form from function generic goto grant group having identified if immediate in increment index indexes indicator initial initrans insert interface intersect into is key level library like limited local lock log logging long loop master maxextents maxtrans member minextents minus mislabel mode modify multiset new next no noaudit nocompress nologging noparallel not nowait number_base object of off offline on online only open option or order out package parallel partition pctfree pctincrease pctused pls_integer positive positiven pragma primary prior private privileges procedure public raise range raw read rebuild record ref references refresh release rename replace resource restrict return returning reverse revoke rollback row rowid rowlabel rownum rows run savepoint schema segment select separate session set share snapshot some space split sql start statement storage subtype successful synonym tabauth table tables tablespace task terminate then to trigger truncate type union unique unlimited unrecoverable unusable update use using validate value values variable view views when whenever where while with work"),
+    builtin:    set("bfile blob character clob dec float int integer mlslabel natural naturaln nchar nclob number numeric nvarchar2 real rowtype signtype smallint string varchar varchar2 abs acos add_months ascii asin atan atan2 average bfilename ceil chartorowid chr concat convert cos cosh count decode deref dual dump dup_val_on_index empty error exp false floor found glb greatest hextoraw initcap instr instrb isopen last_day least lenght lenghtb ln lower lpad ltrim lub make_ref max min mod months_between new_time next_day nextval nls_charset_decl_len nls_charset_id nls_charset_name nls_initcap nls_lower nls_sort nls_upper nlssort no_data_found notfound null nvl others power rawtohex reftohex round rowcount rowidtochar rpad rtrim sign sin sinh soundex sqlcode sqlerrm sqrt stddev substr substrb sum sysdate tan tanh to_char to_date to_label to_multi_byte to_number to_single_byte translate true trunc uid upper user userenv variance vsize"),
+    operatorChars: /^[*+\-%<>!=~]/,
+    dateSQL:    set("date time timestamp"),
+    support:    set("doubleQuote nCharCast zerolessFloat binaryNumber hexNumber")
+  });
+}());
+
+/*
+  How Properties of Mime Types are used by SQL Mode
+  =================================================
+
+  keywords:
+    A list of keywords you want to be highlighted.
+  functions:
+    A list of function names you want to be highlighted.
+  builtin:
+    A list of builtin types you want to be highlighted (if you want types to be of class "builtin" instead of "keyword").
+  operatorChars:
+    All characters that must be handled as operators.
+  client:
+    Commands parsed and executed by the client (not the server).
+  support:
+    A list of supported syntaxes which are not common, but are supported by more than 1 DBMS.
+    * ODBCdotTable: .tableName
+    * zerolessFloat: .1
+    * doubleQuote
+    * nCharCast: N'string'
+    * charsetCast: _utf8'string'
+    * commentHash: use # char for comments
+    * commentSlashSlash: use // for comments
+    * commentSpaceRequired: require a space after -- for comments
+  atoms:
+    Keywords that must be highlighted as atoms,. Some DBMS's support more atoms than others:
+    UNKNOWN, INFINITY, UNDERFLOW, NaN...
+  dateSQL:
+    Used for date/time SQL standard syntax, because not all DBMS's support same temporal types.
+*/
diff --git a/src/main/webapp/codemirror/mode/stex/index.html b/src/main/webapp/codemirror/mode/stex/index.html
new file mode 100644
index 00000000..28b8f64b
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/stex/index.html
@@ -0,0 +1,110 @@
+<!doctype html>
+
+<title>CodeMirror: sTeX mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="stex.js"></script>
+<style>.CodeMirror {background: #f8f8f8;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">sTeX</a>
+  </ul>
+</div>
+
+<article>
+<h2>sTeX mode</h2>
+<form><textarea id="code" name="code">
+\begin{module}[id=bbt-size]
+\importmodule[balanced-binary-trees]{balanced-binary-trees}
+\importmodule[\KWARCslides{dmath/en/cardinality}]{cardinality}
+
+\begin{frame}
+  \frametitle{Size Lemma for Balanced Trees}
+  \begin{itemize}
+  \item
+    \begin{assertion}[id=size-lemma,type=lemma] 
+    Let $G=\tup{V,E}$ be a \termref[cd=binary-trees]{balanced binary tree} 
+    of \termref[cd=graph-depth,name=vertex-depth]{depth}$n>i$, then the set
+     $\defeq{\livar{V}i}{\setst{\inset{v}{V}}{\gdepth{v} = i}}$ of
+    \termref[cd=graphs-intro,name=node]{nodes} at 
+    \termref[cd=graph-depth,name=vertex-depth]{depth} $i$ has
+    \termref[cd=cardinality,name=cardinality]{cardinality} $\power2i$.
+   \end{assertion}
+  \item
+    \begin{sproof}[id=size-lemma-pf,proofend=,for=size-lemma]{via induction over the depth $i$.}
+      \begin{spfcases}{We have to consider two cases}
+        \begin{spfcase}{$i=0$}
+          \begin{spfstep}[display=flow]
+            then $\livar{V}i=\set{\livar{v}r}$, where $\livar{v}r$ is the root, so
+            $\eq{\card{\livar{V}0},\card{\set{\livar{v}r}},1,\power20}$.
+          \end{spfstep}
+        \end{spfcase}
+        \begin{spfcase}{$i>0$}
+          \begin{spfstep}[display=flow]
+           then $\livar{V}{i-1}$ contains $\power2{i-1}$ vertexes 
+           \begin{justification}[method=byIH](IH)\end{justification}
+          \end{spfstep}
+          \begin{spfstep}
+           By the \begin{justification}[method=byDef]definition of a binary
+              tree\end{justification}, each $\inset{v}{\livar{V}{i-1}}$ is a leaf or has
+            two children that are at depth $i$.
+          \end{spfstep}
+          \begin{spfstep}
+           As $G$ is \termref[cd=balanced-binary-trees,name=balanced-binary-tree]{balanced} and $\gdepth{G}=n>i$, $\livar{V}{i-1}$ cannot contain
+            leaves.
+          \end{spfstep}
+          \begin{spfstep}[type=conclusion]
+           Thus $\eq{\card{\livar{V}i},{\atimes[cdot]{2,\card{\livar{V}{i-1}}}},{\atimes[cdot]{2,\power2{i-1}}},\power2i}$.
+          \end{spfstep}
+        \end{spfcase}
+      \end{spfcases}
+    \end{sproof}
+  \item 
+    \begin{assertion}[id=fbbt,type=corollary]	
+      A fully balanced tree of depth $d$ has $\power2{d+1}-1$ nodes.
+    \end{assertion}
+  \item
+      \begin{sproof}[for=fbbt,id=fbbt-pf]{}
+        \begin{spfstep}
+          Let $\defeq{G}{\tup{V,E}}$ be a fully balanced tree
+        \end{spfstep}
+        \begin{spfstep}
+          Then $\card{V}=\Sumfromto{i}1d{\power2i}= \power2{d+1}-1$.
+        \end{spfstep}
+      \end{sproof}
+    \end{itemize}
+  \end{frame}
+\begin{note}
+  \begin{omtext}[type=conclusion,for=binary-tree]
+    This shows that balanced binary trees grow in breadth very quickly, a consequence of
+    this is that they are very shallow (and this compute very fast), which is the essence of
+    the next result.
+  \end{omtext}
+\end{note}
+\end{module}
+
+%%% Local Variables: 
+%%% mode: LaTeX
+%%% TeX-master: "all"
+%%% End: \end{document}
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-stex</code>.</p>
+
+    <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#stex_*">normal</a>,  <a href="../../test/index.html#verbose,stex_*">verbose</a>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/stex/stex.js b/src/main/webapp/codemirror/mode/stex/stex.js
new file mode 100644
index 00000000..ca04c24f
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/stex/stex.js
@@ -0,0 +1,246 @@
+/*
+ * Author: Constantin Jucovschi (c.jucovschi@jacobs-university.de)
+ * Licence: MIT
+ */
+
+CodeMirror.defineMode("stex", function() {
+    "use strict";
+
+    function pushCommand(state, command) {
+        state.cmdState.push(command);
+    }
+
+    function peekCommand(state) {
+        if (state.cmdState.length > 0) {
+            return state.cmdState[state.cmdState.length - 1];
+        } else {
+            return null;
+        }
+    }
+
+    function popCommand(state) {
+        var plug = state.cmdState.pop();
+        if (plug) {
+            plug.closeBracket();
+        }
+    }
+
+    // returns the non-default plugin closest to the end of the list
+    function getMostPowerful(state) {
+        var context = state.cmdState;
+        for (var i = context.length - 1; i >= 0; i--) {
+            var plug = context[i];
+            if (plug.name == "DEFAULT") {
+                continue;
+            }
+            return plug;
+        }
+        return { styleIdentifier: function() { return null; } };
+    }
+
+    function addPluginPattern(pluginName, cmdStyle, styles) {
+        return function () {
+            this.name = pluginName;
+            this.bracketNo = 0;
+            this.style = cmdStyle;
+            this.styles = styles;
+            this.argument = null;   // \begin and \end have arguments that follow. These are stored in the plugin
+
+            this.styleIdentifier = function() {
+                return this.styles[this.bracketNo - 1] || null;
+            };
+            this.openBracket = function() {
+                this.bracketNo++;
+                return "bracket";
+            };
+            this.closeBracket = function() {};
+        };
+    }
+
+    var plugins = {};
+
+    plugins["importmodule"] = addPluginPattern("importmodule", "tag", ["string", "builtin"]);
+    plugins["documentclass"] = addPluginPattern("documentclass", "tag", ["", "atom"]);
+    plugins["usepackage"] = addPluginPattern("usepackage", "tag", ["atom"]);
+    plugins["begin"] = addPluginPattern("begin", "tag", ["atom"]);
+    plugins["end"] = addPluginPattern("end", "tag", ["atom"]);
+
+    plugins["DEFAULT"] = function () {
+        this.name = "DEFAULT";
+        this.style = "tag";
+
+        this.styleIdentifier = this.openBracket = this.closeBracket = function() {};
+    };
+
+    function setState(state, f) {
+        state.f = f;
+    }
+
+    // called when in a normal (no environment) context
+    function normal(source, state) {
+        var plug;
+        // Do we look like '\command' ?  If so, attempt to apply the plugin 'command'
+        if (source.match(/^\\[a-zA-Z@]+/)) {
+            var cmdName = source.current().slice(1);
+            plug = plugins[cmdName] || plugins["DEFAULT"];
+            plug = new plug();
+            pushCommand(state, plug);
+            setState(state, beginParams);
+            return plug.style;
+        }
+
+        // escape characters
+        if (source.match(/^\\[$&%#{}_]/)) {
+          return "tag";
+        }
+
+        // white space control characters
+        if (source.match(/^\\[,;!\/\\]/)) {
+          return "tag";
+        }
+
+        // find if we're starting various math modes
+        if (source.match("\\[")) {
+            setState(state, function(source, state){ return inMathMode(source, state, "\\]"); });
+            return "keyword";
+        }
+        if (source.match("$$")) {
+            setState(state, function(source, state){ return inMathMode(source, state, "$$"); });
+            return "keyword";
+        }
+        if (source.match("$")) {
+            setState(state, function(source, state){ return inMathMode(source, state, "$"); });
+            return "keyword";
+        }
+
+        var ch = source.next();
+        if (ch == "%") {
+            // special case: % at end of its own line; stay in same state
+            if (!source.eol()) {
+              setState(state, inCComment);
+            }
+            return "comment";
+        }
+        else if (ch == '}' || ch == ']') {
+            plug = peekCommand(state);
+            if (plug) {
+                plug.closeBracket(ch);
+                setState(state, beginParams);
+            } else {
+                return "error";
+            }
+            return "bracket";
+        } else if (ch == '{' || ch == '[') {
+            plug = plugins["DEFAULT"];
+            plug = new plug();
+            pushCommand(state, plug);
+            return "bracket";
+        }
+        else if (/\d/.test(ch)) {
+            source.eatWhile(/[\w.%]/);
+            return "atom";
+        }
+        else {
+            source.eatWhile(/[\w\-_]/);
+            plug = getMostPowerful(state);
+            if (plug.name == 'begin') {
+                plug.argument = source.current();
+            }
+            return plug.styleIdentifier();
+        }
+    }
+
+    function inCComment(source, state) {
+        source.skipToEnd();
+        setState(state, normal);
+        return "comment";
+    }
+
+    function inMathMode(source, state, endModeSeq) {
+        if (source.eatSpace()) {
+            return null;
+        }
+        if (source.match(endModeSeq)) {
+            setState(state, normal);
+            return "keyword";
+        }
+        if (source.match(/^\\[a-zA-Z@]+/)) {
+            return "tag";
+        }
+        if (source.match(/^[a-zA-Z]+/)) {
+            return "variable-2";
+        }
+        // escape characters
+        if (source.match(/^\\[$&%#{}_]/)) {
+          return "tag";
+        }
+        // white space control characters
+        if (source.match(/^\\[,;!\/]/)) {
+          return "tag";
+        }
+        // special math-mode characters
+        if (source.match(/^[\^_&]/)) {
+          return "tag";
+        }
+        // non-special characters
+        if (source.match(/^[+\-<>|=,\/@!*:;'"`~#?]/)) {
+            return null;
+        }
+        if (source.match(/^(\d+\.\d*|\d*\.\d+|\d+)/)) {
+          return "number";
+        }
+        var ch = source.next();
+        if (ch == "{" || ch == "}" || ch == "[" || ch == "]" || ch == "(" || ch == ")") {
+            return "bracket";
+        }
+
+        // eat comments here, because inCComment returns us to normal state!
+        if (ch == "%") {
+            if (!source.eol()) {
+                source.skipToEnd();
+            }
+            return "comment";
+        }
+        return "error";
+    }
+
+    function beginParams(source, state) {
+        var ch = source.peek(), lastPlug;
+        if (ch == '{' || ch == '[') {
+            lastPlug = peekCommand(state);
+            lastPlug.openBracket(ch);
+            source.eat(ch);
+            setState(state, normal);
+            return "bracket";
+        }
+        if (/[ \t\r]/.test(ch)) {
+            source.eat(ch);
+            return null;
+        }
+        setState(state, normal);
+        popCommand(state);
+
+        return normal(source, state);
+    }
+
+    return {
+        startState: function() {
+            return {
+                cmdState: [],
+                f: normal
+            };
+        },
+        copyState: function(s) {
+            return {
+                cmdState: s.cmdState.slice(),
+                f: s.f
+            };
+        },
+        token: function(stream, state) {
+            return state.f(stream, state);
+        }
+    };
+});
+
+CodeMirror.defineMIME("text/x-stex", "stex");
+CodeMirror.defineMIME("text/x-latex", "stex");
diff --git a/src/main/webapp/codemirror/mode/stex/test.js b/src/main/webapp/codemirror/mode/stex/test.js
new file mode 100644
index 00000000..ab629e81
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/stex/test.js
@@ -0,0 +1,120 @@
+(function() {
+  var mode = CodeMirror.getMode({tabSize: 4}, "stex");
+  function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1)); }
+
+  MT("word",
+     "foo");
+
+  MT("twoWords",
+     "foo bar");
+
+  MT("beginEndDocument",
+     "[tag \\begin][bracket {][atom document][bracket }]",
+     "[tag \\end][bracket {][atom document][bracket }]");
+
+  MT("beginEndEquation",
+     "[tag \\begin][bracket {][atom equation][bracket }]",
+     "  E=mc^2",
+     "[tag \\end][bracket {][atom equation][bracket }]");
+
+  MT("beginModule",
+     "[tag \\begin][bracket {][atom module][bracket }[[]]]");
+
+  MT("beginModuleId",
+     "[tag \\begin][bracket {][atom module][bracket }[[]id=bbt-size[bracket ]]]");
+
+  MT("importModule",
+     "[tag \\importmodule][bracket [[][string b-b-t][bracket ]]{][builtin b-b-t][bracket }]");
+
+  MT("importModulePath",
+     "[tag \\importmodule][bracket [[][tag \\KWARCslides][bracket {][string dmath/en/cardinality][bracket }]]{][builtin card][bracket }]");
+
+  MT("psForPDF",
+     "[tag \\PSforPDF][bracket [[][atom 1][bracket ]]{]#1[bracket }]");
+
+  MT("comment",
+     "[comment % foo]");
+
+  MT("tagComment",
+     "[tag \\item][comment % bar]");
+
+  MT("commentTag",
+     " [comment % \\item]");
+
+  MT("commentLineBreak",
+     "[comment %]",
+     "foo");
+
+  MT("tagErrorCurly",
+     "[tag \\begin][error }][bracket {]");
+
+  MT("tagErrorSquare",
+     "[tag \\item][error ]]][bracket {]");
+
+  MT("commentCurly",
+     "[comment % }]");
+
+  MT("tagHash",
+     "the [tag \\#] key");
+
+  MT("tagNumber",
+     "a [tag \\$][atom 5] stetson");
+
+  MT("tagPercent",
+     "[atom 100][tag \\%] beef");
+
+  MT("tagAmpersand",
+     "L [tag \\&] N");
+
+  MT("tagUnderscore",
+     "foo[tag \\_]bar");
+
+  MT("tagBracketOpen",
+     "[tag \\emph][bracket {][tag \\{][bracket }]");
+
+  MT("tagBracketClose",
+     "[tag \\emph][bracket {][tag \\}][bracket }]");
+
+  MT("tagLetterNumber",
+     "section [tag \\S][atom 1]");
+
+  MT("textTagNumber",
+     "para [tag \\P][atom 2]");
+
+  MT("thinspace",
+     "x[tag \\,]y");
+
+  MT("thickspace",
+     "x[tag \\;]y");
+
+  MT("negativeThinspace",
+     "x[tag \\!]y");
+
+  MT("periodNotSentence",
+     "J.\\ L.\\ is");
+
+  MT("periodSentence",
+     "X[tag \\@]. The");
+
+  MT("italicCorrection",
+     "[bracket {][tag \\em] If[tag \\/][bracket }] I");
+
+  MT("tagBracket",
+     "[tag \\newcommand][bracket {][tag \\pop][bracket }]");
+
+  MT("inlineMathTagFollowedByNumber",
+     "[keyword $][tag \\pi][number 2][keyword $]");
+
+  MT("inlineMath",
+     "[keyword $][number 3][variable-2 x][tag ^][number 2.45]-[tag \\sqrt][bracket {][tag \\$\\alpha][bracket }] = [number 2][keyword $] other text");
+
+  MT("displayMath",
+     "More [keyword $$]\t[variable-2 S][tag ^][variable-2 n][tag \\sum] [variable-2 i][keyword $$] other text");
+
+  MT("mathWithComment",
+     "[keyword $][variable-2 x] [comment % $]",
+     "[variable-2 y][keyword $] other text");
+
+  MT("lineBreakArgument",
+    "[tag \\\\][bracket [[][atom 1cm][bracket ]]]");
+})();
diff --git a/src/main/webapp/codemirror/mode/tcl/index.html b/src/main/webapp/codemirror/mode/tcl/index.html
new file mode 100644
index 00000000..2c0d1a2d
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/tcl/index.html
@@ -0,0 +1,143 @@
+<!doctype html>
+
+<title>CodeMirror: Tcl mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/night.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="tcl.js"></script>
+<script src="../../addon/scroll/scrollpastend.js"></script>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Tcl</a>
+  </ul>
+</div>
+
+<article>
+<h2>Tcl mode</h2>
+<form><textarea id="code" name="code">
+##############################################################################################
+##  ##     whois.tcl for eggdrop by Ford_Lawnmower irc.geekshed.net #Script-Help        ##  ##
+##############################################################################################
+## To use this script you must set channel flag +whois (ie .chanset #chan +whois)           ##
+##############################################################################################
+##      ____                __                 ###########################################  ##
+##     / __/___ _ ___ _ ___/ /____ ___   ___   ###########################################  ##
+##    / _/ / _ `// _ `// _  // __// _ \ / _ \  ###########################################  ##
+##   /___/ \_, / \_, / \_,_//_/   \___// .__/  ###########################################  ##
+##        /___/ /___/                 /_/      ###########################################  ##
+##                                             ###########################################  ##
+##############################################################################################
+##  ##                             Start Setup.                                         ##  ##
+##############################################################################################
+namespace eval whois {
+## change cmdchar to the trigger you want to use                                        ##  ##
+  variable cmdchar "!"
+## change command to the word trigger you would like to use.                            ##  ##
+## Keep in mind, This will also change the .chanset +/-command                          ##  ##
+  variable command "whois"
+## change textf to the colors you want for the text.                                    ##  ##
+  variable textf "\017\00304"
+## change tagf to the colors you want for tags:                                         ##  ##
+  variable tagf "\017\002"
+## Change logo to the logo you want at the start of the line.                           ##  ##
+  variable logo "\017\00304\002\[\00306W\003hois\00304\]\017"
+## Change lineout to the results you want. Valid results are channel users modes topic  ##  ##
+  variable lineout "channel users modes topic"
+##############################################################################################
+##  ##                           End Setup.                                              ## ##
+##############################################################################################
+  variable channel ""
+  setudef flag $whois::command
+  bind pub -|- [string trimleft $whois::cmdchar]${whois::command} whois::list
+  bind raw -|- "311" whois::311
+  bind raw -|- "312" whois::312
+  bind raw -|- "319" whois::319
+  bind raw -|- "317" whois::317
+  bind raw -|- "313" whois::multi
+  bind raw -|- "310" whois::multi
+  bind raw -|- "335" whois::multi
+  bind raw -|- "301" whois::301
+  bind raw -|- "671" whois::multi
+  bind raw -|- "320" whois::multi
+  bind raw -|- "401" whois::multi
+  bind raw -|- "318" whois::318
+  bind raw -|- "307" whois::307
+}
+proc whois::311 {from key text} {
+  if {[regexp -- {^[^\s]+\s(.+?)\s(.+?)\s(.+?)\s\*\s\:(.+)$} $text wholematch nick ident host realname]} {
+    putserv "PRIVMSG $whois::channel :${whois::logo} ${whois::tagf}Host:${whois::textf} \
+	$nick \(${ident}@${host}\) ${whois::tagf}Realname:${whois::textf} $realname"
+  }
+}
+proc whois::multi {from key text} {
+  if {[regexp {\:(.*)$} $text match $key]} {
+    putserv "PRIVMSG $whois::channel :${whois::logo} ${whois::tagf}Note:${whois::textf} [subst $$key]"
+	return 1
+  }
+}
+proc whois::312 {from key text} {
+  regexp {([^\s]+)\s\:} $text match server
+  putserv "PRIVMSG $whois::channel :${whois::logo} ${whois::tagf}Server:${whois::textf} $server"
+}
+proc whois::319 {from key text} {
+  if {[regexp {.+\:(.+)$} $text match channels]} {
+    putserv "PRIVMSG $whois::channel :${whois::logo} ${whois::tagf}Channels:${whois::textf} $channels"
+  }
+}
+proc whois::317 {from key text} {
+  if {[regexp -- {.*\s(\d+)\s(\d+)\s\:} $text wholematch idle signon]} {
+    putserv "PRIVMSG $whois::channel :${whois::logo} ${whois::tagf}Connected:${whois::textf} \
+	[ctime $signon] ${whois::tagf}Idle:${whois::textf} [duration $idle]"
+  }
+}
+proc whois::301 {from key text} {
+  if {[regexp {^.+\s[^\s]+\s\:(.*)$} $text match awaymsg]} {
+    putserv "PRIVMSG $whois::channel :${whois::logo} ${whois::tagf}Away:${whois::textf} $awaymsg"
+  }
+}
+proc whois::318 {from key text} {
+  namespace eval whois {
+	variable channel ""
+  }
+  variable whois::channel ""
+}
+proc whois::307 {from key text} {
+  putserv "PRIVMSG $whois::channel :${whois::logo} ${whois::tagf}Services:${whois::textf} Registered Nick"
+}
+proc whois::list {nick host hand chan text} {
+  if {[lsearch -exact [channel info $chan] "+${whois::command}"] != -1} {
+    namespace eval whois {
+	  variable channel ""
+	}
+    variable whois::channel $chan
+    putserv "WHOIS $text"
+  }
+}
+putlog "\002*Loaded* \017\00304\002\[\00306W\003hois\00304\]\017 \002by \
+Ford_Lawnmower irc.GeekShed.net #Script-Help"
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        tabMode: "indent",
+		theme: "night",
+        lineNumbers: true,
+        indentUnit: 2,
+        scrollPastEnd: true,
+        mode: "text/x-tcl"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-tcl</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/tcl/tcl.js b/src/main/webapp/codemirror/mode/tcl/tcl.js
new file mode 100644
index 00000000..ed2c6972
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/tcl/tcl.js
@@ -0,0 +1,131 @@
+//tcl mode by Ford_Lawnmower :: Based on Velocity mode by Steve O'Hara
+CodeMirror.defineMode("tcl", function() {
+  function parseWords(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+  var keywords = parseWords("Tcl safe after append array auto_execok auto_import auto_load " +
+        "auto_mkindex auto_mkindex_old auto_qualify auto_reset bgerror " +
+        "binary break catch cd close concat continue dde eof encoding error " +
+        "eval exec exit expr fblocked fconfigure fcopy file fileevent filename " +
+        "filename flush for foreach format gets glob global history http if " +
+        "incr info interp join lappend lindex linsert list llength load lrange " +
+        "lreplace lsearch lset lsort memory msgcat namespace open package parray " +
+        "pid pkg::create pkg_mkIndex proc puts pwd re_syntax read regex regexp " +
+        "registry regsub rename resource return scan seek set socket source split " +
+        "string subst switch tcl_endOfWord tcl_findLibrary tcl_startOfNextWord " +
+        "tcl_wordBreakAfter tcl_startOfPreviousWord tcl_wordBreakBefore tcltest " +
+        "tclvars tell time trace unknown unset update uplevel upvar variable " +
+    "vwait");
+    var functions = parseWords("if elseif else and not or eq ne in ni for foreach while switch");
+    var isOperatorChar = /[+\-*&%=<>!?^\/\|]/;
+    function chain(stream, state, f) {
+      state.tokenize = f;
+      return f(stream, state);
+    }
+    function tokenBase(stream, state) {
+      var beforeParams = state.beforeParams;
+      state.beforeParams = false;
+      var ch = stream.next();
+      if ((ch == '"' || ch == "'") && state.inParams)
+        return chain(stream, state, tokenString(ch));
+      else if (/[\[\]{}\(\),;\.]/.test(ch)) {
+        if (ch == "(" && beforeParams) state.inParams = true;
+        else if (ch == ")") state.inParams = false;
+          return null;
+      }
+      else if (/\d/.test(ch)) {
+        stream.eatWhile(/[\w\.]/);
+        return "number";
+      }
+      else if (ch == "#" && stream.eat("*")) {
+        return chain(stream, state, tokenComment);
+      }
+      else if (ch == "#" && stream.match(/ *\[ *\[/)) {
+        return chain(stream, state, tokenUnparsed);
+      }
+      else if (ch == "#" && stream.eat("#")) {
+        stream.skipToEnd();
+        return "comment";
+      }
+      else if (ch == '"') {
+        stream.skipTo(/"/);
+        return "comment";
+      }
+      else if (ch == "$") {
+        stream.eatWhile(/[$_a-z0-9A-Z\.{:]/);
+        stream.eatWhile(/}/);
+        state.beforeParams = true;
+        return "builtin";
+      }
+      else if (isOperatorChar.test(ch)) {
+        stream.eatWhile(isOperatorChar);
+        return "comment";
+      }
+      else {
+        stream.eatWhile(/[\w\$_{}]/);
+        var word = stream.current().toLowerCase();
+        if (keywords && keywords.propertyIsEnumerable(word))
+          return "keyword";
+        if (functions && functions.propertyIsEnumerable(word)) {
+          state.beforeParams = true;
+          return "keyword";
+        }
+        return null;
+      }
+    }
+    function tokenString(quote) {
+      return function(stream, state) {
+      var escaped = false, next, end = false;
+      while ((next = stream.next()) != null) {
+        if (next == quote && !escaped) {
+          end = true;
+          break;
+        }
+        escaped = !escaped && next == "\\";
+      }
+      if (end) state.tokenize = tokenBase;
+        return "string";
+      };
+    }
+    function tokenComment(stream, state) {
+      var maybeEnd = false, ch;
+      while (ch = stream.next()) {
+        if (ch == "#" && maybeEnd) {
+          state.tokenize = tokenBase;
+          break;
+        }
+        maybeEnd = (ch == "*");
+      }
+      return "comment";
+    }
+    function tokenUnparsed(stream, state) {
+      var maybeEnd = 0, ch;
+      while (ch = stream.next()) {
+        if (ch == "#" && maybeEnd == 2) {
+          state.tokenize = tokenBase;
+          break;
+        }
+        if (ch == "]")
+          maybeEnd++;
+        else if (ch != " ")
+          maybeEnd = 0;
+      }
+      return "meta";
+    }
+    return {
+      startState: function() {
+        return {
+          tokenize: tokenBase,
+          beforeParams: false,
+          inParams: false
+        };
+      },
+      token: function(stream, state) {
+        if (stream.eatSpace()) return null;
+        return state.tokenize(stream, state);
+      }
+    };
+});
+CodeMirror.defineMIME("text/x-tcl", "tcl");
diff --git a/src/main/webapp/codemirror/mode/tiddlywiki/index.html b/src/main/webapp/codemirror/mode/tiddlywiki/index.html
new file mode 100644
index 00000000..fc8f5d39
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/tiddlywiki/index.html
@@ -0,0 +1,155 @@
+<!doctype html>
+
+<title>CodeMirror: TiddlyWiki mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="tiddlywiki.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="../../addon/edit/matchbrackets.js"></script>
+<script src="tiddlywiki.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">TiddlyWiki</a>
+  </ul>
+</div>
+
+<article>
+<h2>TiddlyWiki mode</h2>
+
+
+<div><textarea id="code" name="code">
+!TiddlyWiki Formatting
+* Rendered versions can be found at: http://www.tiddlywiki.com/#Reference
+
+|!Option            | !Syntax            |
+|bold font          | ''bold''           |
+|italic type        | //italic//         |
+|underlined text    | __underlined__     |
+|strikethrough text | --strikethrough--  |
+|superscript text   | super^^script^^    |
+|subscript text     | sub~~script~~      |
+|highlighted text   | @@highlighted@@    |
+|preformatted text  | {{{preformatted}}} |
+
+!Block Elements
+<<<
+!Heading 1
+
+!!Heading 2
+
+!!!Heading 3
+
+!!!!Heading 4
+
+!!!!!Heading 5
+<<<
+
+!!Lists
+<<<
+* unordered list, level 1
+** unordered list, level 2
+*** unordered list, level 3
+
+# ordered list, level 1
+## ordered list, level 2
+### unordered list, level 3
+
+; definition list, term
+: definition list, description
+<<<
+
+!!Blockquotes
+<<<
+> blockquote, level 1
+>> blockquote, level 2
+>>> blockquote, level 3
+
+> blockquote
+<<<
+
+!!Preformatted Text
+<<<
+{{{
+preformatted (e.g. code)
+}}}
+<<<
+
+!!Code Sections
+<<<
+{{{
+Text style code
+}}}
+
+//{{{
+JS styled code. TiddlyWiki mixed mode should support highlighter switching in the future.
+//}}}
+
+<!--{{{-->
+XML styled code. TiddlyWiki mixed mode should support highlighter switching in the future.
+<!--}}}-->
+<<<
+
+!!Tables
+<<<
+|CssClass|k
+|!heading column 1|!heading column 2|
+|row 1, column 1|row 1, column 2|
+|row 2, column 1|row 2, column 2|
+|>|COLSPAN|
+|ROWSPAN| ... |
+|~| ... |
+|CssProperty:value;...| ... |
+|caption|c
+
+''Annotation:''
+* The {{{>}}} marker creates a "colspan", causing the current cell to merge with the one to the right.
+* The {{{~}}} marker creates a "rowspan", causing the current cell to merge with the one above.
+<<<
+!!Images /% TODO %/
+cf. [[TiddlyWiki.com|http://www.tiddlywiki.com/#EmbeddedImages]]
+
+!Hyperlinks
+* [[WikiWords|WikiWord]] are automatically transformed to hyperlinks to the respective tiddler
+** the automatic transformation can be suppressed by preceding the respective WikiWord with a tilde ({{{~}}}): {{{~WikiWord}}}
+* [[PrettyLinks]] are enclosed in square brackets and contain the desired tiddler name: {{{[[tiddler name]]}}}
+** optionally, a custom title or description can be added, separated by a pipe character ({{{|}}}): {{{[[title|target]]}}}<br>'''N.B.:''' In this case, the target can also be any website (i.e. URL).
+
+!Custom Styling
+* {{{@@CssProperty:value;CssProperty:value;...@@}}}<br>''N.B.:'' CSS color definitions should use lowercase letters to prevent the inadvertent creation of WikiWords.
+* <html><code>{{customCssClass{...}}}</code></html>
+* raw HTML can be inserted by enclosing the respective code in HTML tags: {{{<html> ... </html>}}}
+
+!Special Markers
+* {{{<br>}}} forces a manual line break
+* {{{----}}} creates a horizontal ruler
+* [[HTML entities|http://www.tiddlywiki.com/#HtmlEntities]]
+* [[HTML entities local|HtmlEntities]]
+* {{{<<macroName>>}}} calls the respective [[macro|Macros]]
+* To hide text within a tiddler so that it is not displayed, it can be wrapped in {{{/%}}} and {{{%/}}}.<br/>This can be a useful trick for hiding drafts or annotating complex markup.
+* To prevent wiki markup from taking effect for a particular section, that section can be enclosed in three double quotes: e.g. {{{"""WikiWord"""}}}.
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: 'tiddlywiki',      
+        lineNumbers: true,
+        enterMode: 'keep',
+        matchBrackets: true
+      });
+    </script>
+
+    <p>TiddlyWiki mode supports a single configuration.</p>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-tiddlywiki</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/tiddlywiki/tiddlywiki.css b/src/main/webapp/codemirror/mode/tiddlywiki/tiddlywiki.css
new file mode 100644
index 00000000..9a69b639
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/tiddlywiki/tiddlywiki.css
@@ -0,0 +1,14 @@
+span.cm-underlined {
+  text-decoration: underline;
+}
+span.cm-strikethrough {
+  text-decoration: line-through;
+}
+span.cm-brace {
+  color: #170;
+  font-weight: bold;
+}
+span.cm-table {
+  color: blue;
+  font-weight: bold;
+}
diff --git a/src/main/webapp/codemirror/mode/tiddlywiki/tiddlywiki.js b/src/main/webapp/codemirror/mode/tiddlywiki/tiddlywiki.js
new file mode 100644
index 00000000..24a24786
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/tiddlywiki/tiddlywiki.js
@@ -0,0 +1,353 @@
+/***
+    |''Name''|tiddlywiki.js|
+    |''Description''|Enables TiddlyWikiy syntax highlighting using CodeMirror|
+    |''Author''|PMario|
+    |''Version''|0.1.7|
+    |''Status''|''stable''|
+    |''Source''|[[GitHub|https://github.com/pmario/CodeMirror2/blob/tw-syntax/mode/tiddlywiki]]|
+    |''Documentation''|http://codemirror.tiddlyspace.com/|
+    |''License''|[[MIT License|http://www.opensource.org/licenses/mit-license.php]]|
+    |''CoreVersion''|2.5.0|
+    |''Requires''|codemirror.js|
+    |''Keywords''|syntax highlighting color code mirror codemirror|
+    ! Info
+    CoreVersion parameter is needed for TiddlyWiki only!
+***/
+//{{{
+CodeMirror.defineMode("tiddlywiki", function () {
+  // Tokenizer
+  var textwords = {};
+
+  var keywords = function () {
+    function kw(type) {
+      return { type: type, style: "macro"};
+    }
+    return {
+      "allTags": kw('allTags'), "closeAll": kw('closeAll'), "list": kw('list'),
+      "newJournal": kw('newJournal'), "newTiddler": kw('newTiddler'),
+      "permaview": kw('permaview'), "saveChanges": kw('saveChanges'),
+      "search": kw('search'), "slider": kw('slider'),   "tabs": kw('tabs'),
+      "tag": kw('tag'), "tagging": kw('tagging'),       "tags": kw('tags'),
+      "tiddler": kw('tiddler'), "timeline": kw('timeline'),
+      "today": kw('today'), "version": kw('version'),   "option": kw('option'),
+
+      "with": kw('with'),
+      "filter": kw('filter')
+    };
+  }();
+
+  var isSpaceName = /[\w_\-]/i,
+  reHR = /^\-\-\-\-+$/,                                 // <hr>
+  reWikiCommentStart = /^\/\*\*\*$/,            // /***
+  reWikiCommentStop = /^\*\*\*\/$/,             // ***/
+  reBlockQuote = /^<<<$/,
+
+  reJsCodeStart = /^\/\/\{\{\{$/,                       // //{{{ js block start
+  reJsCodeStop = /^\/\/\}\}\}$/,                        // //}}} js stop
+  reXmlCodeStart = /^<!--\{\{\{-->$/,           // xml block start
+  reXmlCodeStop = /^<!--\}\}\}-->$/,            // xml stop
+
+  reCodeBlockStart = /^\{\{\{$/,                        // {{{ TW text div block start
+  reCodeBlockStop = /^\}\}\}$/,                 // }}} TW text stop
+
+  reUntilCodeStop = /.*?\}\}\}/;
+
+  function chain(stream, state, f) {
+    state.tokenize = f;
+    return f(stream, state);
+  }
+
+  // Used as scratch variables to communicate multiple values without
+  // consing up tons of objects.
+  var type, content;
+
+  function ret(tp, style, cont) {
+    type = tp;
+    content = cont;
+    return style;
+  }
+
+  function jsTokenBase(stream, state) {
+    var sol = stream.sol(), ch;
+
+    state.block = false;        // indicates the start of a code block.
+
+    ch = stream.peek();         // don't eat, to make matching simpler
+
+    // check start of  blocks
+    if (sol && /[<\/\*{}\-]/.test(ch)) {
+      if (stream.match(reCodeBlockStart)) {
+        state.block = true;
+        return chain(stream, state, twTokenCode);
+      }
+      if (stream.match(reBlockQuote)) {
+        return ret('quote', 'quote');
+      }
+      if (stream.match(reWikiCommentStart) || stream.match(reWikiCommentStop)) {
+        return ret('code', 'comment');
+      }
+      if (stream.match(reJsCodeStart) || stream.match(reJsCodeStop) || stream.match(reXmlCodeStart) || stream.match(reXmlCodeStop)) {
+        return ret('code', 'comment');
+      }
+      if (stream.match(reHR)) {
+        return ret('hr', 'hr');
+      }
+    } // sol
+    ch = stream.next();
+
+    if (sol && /[\/\*!#;:>|]/.test(ch)) {
+      if (ch == "!") { // tw header
+        stream.skipToEnd();
+        return ret("header", "header");
+      }
+      if (ch == "*") { // tw list
+        stream.eatWhile('*');
+        return ret("list", "comment");
+      }
+      if (ch == "#") { // tw numbered list
+        stream.eatWhile('#');
+        return ret("list", "comment");
+      }
+      if (ch == ";") { // definition list, term
+        stream.eatWhile(';');
+        return ret("list", "comment");
+      }
+      if (ch == ":") { // definition list, description
+        stream.eatWhile(':');
+        return ret("list", "comment");
+      }
+      if (ch == ">") { // single line quote
+        stream.eatWhile(">");
+        return ret("quote", "quote");
+      }
+      if (ch == '|') {
+        return ret('table', 'header');
+      }
+    }
+
+    if (ch == '{' && stream.match(/\{\{/)) {
+      return chain(stream, state, twTokenCode);
+    }
+
+    // rudimentary html:// file:// link matching. TW knows much more ...
+    if (/[hf]/i.test(ch)) {
+      if (/[ti]/i.test(stream.peek()) && stream.match(/\b(ttps?|tp|ile):\/\/[\-A-Z0-9+&@#\/%?=~_|$!:,.;]*[A-Z0-9+&@#\/%=~_|$]/i)) {
+        return ret("link", "link");
+      }
+    }
+    // just a little string indicator, don't want to have the whole string covered
+    if (ch == '"') {
+      return ret('string', 'string');
+    }
+    if (ch == '~') {    // _no_ CamelCase indicator should be bold
+      return ret('text', 'brace');
+    }
+    if (/[\[\]]/.test(ch)) { // check for [[..]]
+      if (stream.peek() == ch) {
+        stream.next();
+        return ret('brace', 'brace');
+      }
+    }
+    if (ch == "@") {    // check for space link. TODO fix @@...@@ highlighting
+      stream.eatWhile(isSpaceName);
+      return ret("link", "link");
+    }
+    if (/\d/.test(ch)) {        // numbers
+      stream.eatWhile(/\d/);
+      return ret("number", "number");
+    }
+    if (ch == "/") { // tw invisible comment
+      if (stream.eat("%")) {
+        return chain(stream, state, twTokenComment);
+      }
+      else if (stream.eat("/")) { //
+        return chain(stream, state, twTokenEm);
+      }
+    }
+    if (ch == "_") { // tw underline
+      if (stream.eat("_")) {
+        return chain(stream, state, twTokenUnderline);
+      }
+    }
+    // strikethrough and mdash handling
+    if (ch == "-") {
+      if (stream.eat("-")) {
+        // if strikethrough looks ugly, change CSS.
+        if (stream.peek() != ' ')
+          return chain(stream, state, twTokenStrike);
+        // mdash
+        if (stream.peek() == ' ')
+          return ret('text', 'brace');
+      }
+    }
+    if (ch == "'") { // tw bold
+      if (stream.eat("'")) {
+        return chain(stream, state, twTokenStrong);
+      }
+    }
+    if (ch == "<") { // tw macro
+      if (stream.eat("<")) {
+        return chain(stream, state, twTokenMacro);
+      }
+    }
+    else {
+      return ret(ch);
+    }
+
+    // core macro handling
+    stream.eatWhile(/[\w\$_]/);
+    var word = stream.current(),
+    known = textwords.propertyIsEnumerable(word) && textwords[word];
+
+    return known ? ret(known.type, known.style, word) : ret("text", null, word);
+
+  } // jsTokenBase()
+
+  // tw invisible comment
+  function twTokenComment(stream, state) {
+    var maybeEnd = false,
+    ch;
+    while (ch = stream.next()) {
+      if (ch == "/" && maybeEnd) {
+        state.tokenize = jsTokenBase;
+        break;
+      }
+      maybeEnd = (ch == "%");
+    }
+    return ret("comment", "comment");
+  }
+
+  // tw strong / bold
+  function twTokenStrong(stream, state) {
+    var maybeEnd = false,
+    ch;
+    while (ch = stream.next()) {
+      if (ch == "'" && maybeEnd) {
+        state.tokenize = jsTokenBase;
+        break;
+      }
+      maybeEnd = (ch == "'");
+    }
+    return ret("text", "strong");
+  }
+
+  // tw code
+  function twTokenCode(stream, state) {
+    var ch, sb = state.block;
+
+    if (sb && stream.current()) {
+      return ret("code", "comment");
+    }
+
+    if (!sb && stream.match(reUntilCodeStop)) {
+      state.tokenize = jsTokenBase;
+      return ret("code", "comment");
+    }
+
+    if (sb && stream.sol() && stream.match(reCodeBlockStop)) {
+      state.tokenize = jsTokenBase;
+      return ret("code", "comment");
+    }
+
+    ch = stream.next();
+    return (sb) ? ret("code", "comment") : ret("code", "comment");
+  }
+
+  // tw em / italic
+  function twTokenEm(stream, state) {
+    var maybeEnd = false,
+    ch;
+    while (ch = stream.next()) {
+      if (ch == "/" && maybeEnd) {
+        state.tokenize = jsTokenBase;
+        break;
+      }
+      maybeEnd = (ch == "/");
+    }
+    return ret("text", "em");
+  }
+
+  // tw underlined text
+  function twTokenUnderline(stream, state) {
+    var maybeEnd = false,
+    ch;
+    while (ch = stream.next()) {
+      if (ch == "_" && maybeEnd) {
+        state.tokenize = jsTokenBase;
+        break;
+      }
+      maybeEnd = (ch == "_");
+    }
+    return ret("text", "underlined");
+  }
+
+  // tw strike through text looks ugly
+  // change CSS if needed
+  function twTokenStrike(stream, state) {
+    var maybeEnd = false, ch;
+
+    while (ch = stream.next()) {
+      if (ch == "-" && maybeEnd) {
+        state.tokenize = jsTokenBase;
+        break;
+      }
+      maybeEnd = (ch == "-");
+    }
+    return ret("text", "strikethrough");
+  }
+
+  // macro
+  function twTokenMacro(stream, state) {
+    var ch, word, known;
+
+    if (stream.current() == '<<') {
+      return ret('brace', 'macro');
+    }
+
+    ch = stream.next();
+    if (!ch) {
+      state.tokenize = jsTokenBase;
+      return ret(ch);
+    }
+    if (ch == ">") {
+      if (stream.peek() == '>') {
+        stream.next();
+        state.tokenize = jsTokenBase;
+        return ret("brace", "macro");
+      }
+    }
+
+    stream.eatWhile(/[\w\$_]/);
+    word = stream.current();
+    known = keywords.propertyIsEnumerable(word) && keywords[word];
+
+    if (known) {
+      return ret(known.type, known.style, word);
+    }
+    else {
+      return ret("macro", null, word);
+    }
+  }
+
+  // Interface
+  return {
+    startState: function () {
+      return {
+        tokenize: jsTokenBase,
+        indented: 0,
+        level: 0
+      };
+    },
+
+    token: function (stream, state) {
+      if (stream.eatSpace()) return null;
+      var style = state.tokenize(stream, state);
+      return style;
+    },
+
+    electricChars: ""
+  };
+});
+
+CodeMirror.defineMIME("text/x-tiddlywiki", "tiddlywiki");
+//}}}
diff --git a/src/main/webapp/codemirror/mode/tiki/index.html b/src/main/webapp/codemirror/mode/tiki/index.html
new file mode 100644
index 00000000..5315dbfc
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/tiki/index.html
@@ -0,0 +1,95 @@
+<!doctype html>
+
+<title>CodeMirror: Tiki wiki mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="tiki.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="tiki.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Tiki wiki</a>
+  </ul>
+</div>
+
+<article>
+<h2>Tiki wiki mode</h2>
+
+
+<div><textarea id="code" name="code">
+Headings
+!Header 1
+!!Header 2
+!!!Header 3
+!!!!Header 4
+!!!!!Header 5
+!!!!!!Header 6
+
+Styling
+-=titlebar=-
+^^ Box on multi
+lines
+of content^^
+__bold__
+''italic''
+===underline===
+::center::
+--Line Through--
+
+Operators
+~np~No parse~/np~
+
+Link
+[link|desc|nocache]
+
+Wiki
+((Wiki))
+((Wiki|desc))
+((Wiki|desc|timeout))
+
+Table
+||row1 col1|row1 col2|row1 col3
+row2 col1|row2 col2|row2 col3
+row3 col1|row3 col2|row3 col3||
+
+Lists:
+*bla
+**bla-1
+++continue-bla-1
+***bla-2
+++continue-bla-1
+*bla
++continue-bla
+#bla
+** tra-la-la
++continue-bla
+#bla
+
+Plugin (standard):
+{PLUGIN(attr="my attr")}
+Plugin Body
+{PLUGIN}
+
+Plugin (inline):
+{plugin attr="my attr"}
+</textarea></div>
+
+<script type="text/javascript">
+	var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: 'tiki',      
+        lineNumbers: true
+    });
+</script>
+
+</article>
diff --git a/src/main/webapp/codemirror/mode/tiki/tiki.css b/src/main/webapp/codemirror/mode/tiki/tiki.css
new file mode 100644
index 00000000..0dbc3ea0
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/tiki/tiki.css
@@ -0,0 +1,26 @@
+.cm-tw-syntaxerror {
+	color: #FFF;
+	background-color: #900;
+}
+
+.cm-tw-deleted {
+	text-decoration: line-through;
+}
+
+.cm-tw-header5 {
+	font-weight: bold;
+}
+.cm-tw-listitem:first-child { /*Added first child to fix duplicate padding when highlighting*/
+	padding-left: 10px;
+}
+
+.cm-tw-box {
+	border-top-width: 0px ! important;
+	border-style: solid;
+	border-width: 1px;
+	border-color: inherit;
+}
+
+.cm-tw-underline {
+	text-decoration: underline;
+}
\ No newline at end of file
diff --git a/src/main/webapp/codemirror/mode/tiki/tiki.js b/src/main/webapp/codemirror/mode/tiki/tiki.js
new file mode 100644
index 00000000..e789163d
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/tiki/tiki.js
@@ -0,0 +1,308 @@
+CodeMirror.defineMode('tiki', function(config) {
+  function inBlock(style, terminator, returnTokenizer) {
+    return function(stream, state) {
+      while (!stream.eol()) {
+        if (stream.match(terminator)) {
+          state.tokenize = inText;
+          break;
+        }
+        stream.next();
+      }
+
+      if (returnTokenizer) state.tokenize = returnTokenizer;
+
+      return style;
+    };
+  }
+
+  function inLine(style) {
+    return function(stream, state) {
+      while(!stream.eol()) {
+        stream.next();
+      }
+      state.tokenize = inText;
+      return style;
+    };
+  }
+
+  function inText(stream, state) {
+    function chain(parser) {
+      state.tokenize = parser;
+      return parser(stream, state);
+    }
+
+    var sol = stream.sol();
+    var ch = stream.next();
+
+    //non start of line
+    switch (ch) { //switch is generally much faster than if, so it is used here
+    case "{": //plugin
+      stream.eat("/");
+      stream.eatSpace();
+      var tagName = "";
+      var c;
+      while ((c = stream.eat(/[^\s\u00a0=\"\'\/?(}]/))) tagName += c;
+      state.tokenize = inPlugin;
+      return "tag";
+      break;
+    case "_": //bold
+      if (stream.eat("_")) {
+        return chain(inBlock("strong", "__", inText));
+      }
+      break;
+    case "'": //italics
+      if (stream.eat("'")) {
+        // Italic text
+        return chain(inBlock("em", "''", inText));
+      }
+      break;
+    case "(":// Wiki Link
+      if (stream.eat("(")) {
+        return chain(inBlock("variable-2", "))", inText));
+      }
+      break;
+    case "[":// Weblink
+      return chain(inBlock("variable-3", "]", inText));
+      break;
+    case "|": //table
+      if (stream.eat("|")) {
+        return chain(inBlock("comment", "||"));
+      }
+      break;
+    case "-":
+      if (stream.eat("=")) {//titleBar
+        return chain(inBlock("header string", "=-", inText));
+      } else if (stream.eat("-")) {//deleted
+        return chain(inBlock("error tw-deleted", "--", inText));
+      }
+      break;
+    case "=": //underline
+      if (stream.match("==")) {
+        return chain(inBlock("tw-underline", "===", inText));
+      }
+      break;
+    case ":":
+      if (stream.eat(":")) {
+        return chain(inBlock("comment", "::"));
+      }
+      break;
+    case "^": //box
+      return chain(inBlock("tw-box", "^"));
+      break;
+    case "~": //np
+      if (stream.match("np~")) {
+        return chain(inBlock("meta", "~/np~"));
+      }
+      break;
+    }
+
+    //start of line types
+    if (sol) {
+      switch (ch) {
+      case "!": //header at start of line
+        if (stream.match('!!!!!')) {
+          return chain(inLine("header string"));
+        } else if (stream.match('!!!!')) {
+          return chain(inLine("header string"));
+        } else if (stream.match('!!!')) {
+          return chain(inLine("header string"));
+        } else if (stream.match('!!')) {
+          return chain(inLine("header string"));
+        } else {
+          return chain(inLine("header string"));
+        }
+        break;
+      case "*": //unordered list line item, or <li /> at start of line
+      case "#": //ordered list line item, or <li /> at start of line
+      case "+": //ordered list line item, or <li /> at start of line
+        return chain(inLine("tw-listitem bracket"));
+        break;
+      }
+    }
+
+    //stream.eatWhile(/[&{]/); was eating up plugins, turned off to act less like html and more like tiki
+    return null;
+  }
+
+  var indentUnit = config.indentUnit;
+
+  // Return variables for tokenizers
+  var pluginName, type;
+  function inPlugin(stream, state) {
+    var ch = stream.next();
+    var peek = stream.peek();
+
+    if (ch == "}") {
+      state.tokenize = inText;
+      //type = ch == ")" ? "endPlugin" : "selfclosePlugin"; inPlugin
+      return "tag";
+    } else if (ch == "(" || ch == ")") {
+      return "bracket";
+    } else if (ch == "=") {
+      type = "equals";
+
+      if (peek == ">") {
+        ch = stream.next();
+        peek = stream.peek();
+      }
+
+      //here we detect values directly after equal character with no quotes
+      if (!/[\'\"]/.test(peek)) {
+        state.tokenize = inAttributeNoQuote();
+      }
+      //end detect values
+
+      return "operator";
+    } else if (/[\'\"]/.test(ch)) {
+      state.tokenize = inAttribute(ch);
+      return state.tokenize(stream, state);
+    } else {
+      stream.eatWhile(/[^\s\u00a0=\"\'\/?]/);
+      return "keyword";
+    }
+  }
+
+  function inAttribute(quote) {
+    return function(stream, state) {
+      while (!stream.eol()) {
+        if (stream.next() == quote) {
+          state.tokenize = inPlugin;
+          break;
+        }
+      }
+      return "string";
+    };
+  }
+
+  function inAttributeNoQuote() {
+    return function(stream, state) {
+      while (!stream.eol()) {
+        var ch = stream.next();
+        var peek = stream.peek();
+        if (ch == " " || ch == "," || /[ )}]/.test(peek)) {
+      state.tokenize = inPlugin;
+      break;
+    }
+  }
+  return "string";
+};
+                     }
+
+var curState, setStyle;
+function pass() {
+  for (var i = arguments.length - 1; i >= 0; i--) curState.cc.push(arguments[i]);
+}
+
+function cont() {
+  pass.apply(null, arguments);
+  return true;
+}
+
+function pushContext(pluginName, startOfLine) {
+  var noIndent = curState.context && curState.context.noIndent;
+  curState.context = {
+    prev: curState.context,
+    pluginName: pluginName,
+    indent: curState.indented,
+    startOfLine: startOfLine,
+    noIndent: noIndent
+  };
+}
+
+function popContext() {
+  if (curState.context) curState.context = curState.context.prev;
+}
+
+function element(type) {
+  if (type == "openPlugin") {curState.pluginName = pluginName; return cont(attributes, endplugin(curState.startOfLine));}
+  else if (type == "closePlugin") {
+    var err = false;
+    if (curState.context) {
+      err = curState.context.pluginName != pluginName;
+      popContext();
+    } else {
+      err = true;
+    }
+    if (err) setStyle = "error";
+    return cont(endcloseplugin(err));
+  }
+  else if (type == "string") {
+    if (!curState.context || curState.context.name != "!cdata") pushContext("!cdata");
+    if (curState.tokenize == inText) popContext();
+    return cont();
+  }
+  else return cont();
+}
+
+function endplugin(startOfLine) {
+  return function(type) {
+    if (
+      type == "selfclosePlugin" ||
+        type == "endPlugin"
+    )
+      return cont();
+    if (type == "endPlugin") {pushContext(curState.pluginName, startOfLine); return cont();}
+    return cont();
+  };
+}
+
+function endcloseplugin(err) {
+  return function(type) {
+    if (err) setStyle = "error";
+    if (type == "endPlugin") return cont();
+    return pass();
+  };
+}
+
+function attributes(type) {
+  if (type == "keyword") {setStyle = "attribute"; return cont(attributes);}
+  if (type == "equals") return cont(attvalue, attributes);
+  return pass();
+}
+function attvalue(type) {
+  if (type == "keyword") {setStyle = "string"; return cont();}
+  if (type == "string") return cont(attvaluemaybe);
+  return pass();
+}
+function attvaluemaybe(type) {
+  if (type == "string") return cont(attvaluemaybe);
+  else return pass();
+}
+return {
+  startState: function() {
+    return {tokenize: inText, cc: [], indented: 0, startOfLine: true, pluginName: null, context: null};
+  },
+  token: function(stream, state) {
+    if (stream.sol()) {
+      state.startOfLine = true;
+      state.indented = stream.indentation();
+    }
+    if (stream.eatSpace()) return null;
+
+    setStyle = type = pluginName = null;
+    var style = state.tokenize(stream, state);
+    if ((style || type) && style != "comment") {
+      curState = state;
+      while (true) {
+        var comb = state.cc.pop() || element;
+        if (comb(type || style)) break;
+      }
+    }
+    state.startOfLine = false;
+    return setStyle || style;
+  },
+  indent: function(state, textAfter) {
+    var context = state.context;
+    if (context && context.noIndent) return 0;
+    if (context && /^{\//.test(textAfter))
+        context = context.prev;
+        while (context && !context.startOfLine)
+          context = context.prev;
+        if (context) return context.indent + indentUnit;
+        else return 0;
+       },
+    electricChars: "/"
+  };
+});
+
+CodeMirror.defineMIME("text/tiki", "tiki");
diff --git a/src/main/webapp/codemirror/mode/toml/index.html b/src/main/webapp/codemirror/mode/toml/index.html
new file mode 100644
index 00000000..c59b4cc0
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/toml/index.html
@@ -0,0 +1,73 @@
+<!doctype html>
+
+<title>CodeMirror: TOML Mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="toml.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">TOML Mode</a>
+  </ul>
+</div>
+
+<article>
+<h2>TOML Mode</h2>
+<form><textarea id="code" name="code">
+# This is a TOML document. Boom.
+
+title = "TOML Example"
+
+[owner]
+name = "Tom Preston-Werner"
+organization = "GitHub"
+bio = "GitHub Cofounder &amp; CEO\nLikes tater tots and beer."
+dob = 1979-05-27T07:32:00Z # First class dates? Why not?
+
+[database]
+server = "192.168.1.1"
+ports = [ 8001, 8001, 8002 ]
+connection_max = 5000
+enabled = true
+
+[servers]
+
+  # You can indent as you please. Tabs or spaces. TOML don't care.
+  [servers.alpha]
+  ip = "10.0.0.1"
+  dc = "eqdc10"
+  
+  [servers.beta]
+  ip = "10.0.0.2"
+  dc = "eqdc10"
+  
+[clients]
+data = [ ["gamma", "delta"], [1, 2] ]
+
+# Line breaks are OK when inside arrays
+hosts = [
+  "alpha",
+  "omega"
+]
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: {name: "toml"},
+        lineNumbers: true
+      });
+    </script>
+    <h3>The TOML Mode</h3>
+      <p> Created by Forbes Lindesay.</p>
+    <p><strong>MIME type defined:</strong> <code>text/x-toml</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/toml/toml.js b/src/main/webapp/codemirror/mode/toml/toml.js
new file mode 100644
index 00000000..1d163f13
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/toml/toml.js
@@ -0,0 +1,71 @@
+CodeMirror.defineMode("toml", function () {
+  return {
+    startState: function () {
+      return {
+        inString: false,
+        stringType: "",
+        lhs: true,
+        inArray: 0
+      };
+    },
+    token: function (stream, state) {
+      //check for state changes
+      if (!state.inString && ((stream.peek() == '"') || (stream.peek() == "'"))) {
+        state.stringType = stream.peek();
+        stream.next(); // Skip quote
+        state.inString = true; // Update state
+      }
+      if (stream.sol() && state.inArray === 0) {
+        state.lhs = true;
+      }
+      //return state
+      if (state.inString) {
+        while (state.inString && !stream.eol()) {
+          if (stream.peek() === state.stringType) {
+            stream.next(); // Skip quote
+            state.inString = false; // Clear flag
+          } else if (stream.peek() === '\\') {
+            stream.next();
+            stream.next();
+          } else {
+            stream.match(/^.[^\\\"\']*/);
+          }
+        }
+        return state.lhs ? "property string" : "string"; // Token style
+      } else if (state.inArray && stream.peek() === ']') {
+        stream.next();
+        state.inArray--;
+        return 'bracket';
+      } else if (state.lhs && stream.peek() === '[' && stream.skipTo(']')) {
+        stream.next();//skip closing ]
+        return "atom";
+      } else if (stream.peek() === "#") {
+        stream.skipToEnd();
+        return "comment";
+      } else if (stream.eatSpace()) {
+        return null;
+      } else if (state.lhs && stream.eatWhile(function (c) { return c != '=' && c != ' '; })) {
+        return "property";
+      } else if (state.lhs && stream.peek() === "=") {
+        stream.next();
+        state.lhs = false;
+        return null;
+      } else if (!state.lhs && stream.match(/^\d\d\d\d[\d\-\:\.T]*Z/)) {
+        return 'atom'; //date
+      } else if (!state.lhs && (stream.match('true') || stream.match('false'))) {
+        return 'atom';
+      } else if (!state.lhs && stream.peek() === '[') {
+        state.inArray++;
+        stream.next();
+        return 'bracket';
+      } else if (!state.lhs && stream.match(/^\-?\d+(?:\.\d+)?/)) {
+        return 'number';
+      } else if (!stream.eatSpace()) {
+        stream.next();
+      }
+      return null;
+    }
+  };
+});
+
+CodeMirror.defineMIME('text/x-toml', 'toml');
diff --git a/src/main/webapp/codemirror/mode/turtle/index.html b/src/main/webapp/codemirror/mode/turtle/index.html
new file mode 100644
index 00000000..74b5f896
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/turtle/index.html
@@ -0,0 +1,51 @@
+<!doctype html>
+
+<title>CodeMirror: Turtle mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="turtle.js"></script>
+<style>.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Turtle</a>
+  </ul>
+</div>
+
+<article>
+<h2>Turtle mode</h2>
+<form><textarea id="code" name="code">
+@prefix foaf: <http://xmlns.com/foaf/0.1/> .
+@prefix geo: <http://www.w3.org/2003/01/geo/wgs84_pos#> .
+@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .
+
+<http://purl.org/net/bsletten> 
+    a foaf:Person;
+    foaf:interest <http://www.w3.org/2000/01/sw/>;
+    foaf:based_near [
+        geo:lat "34.0736111" ;
+        geo:lon "-118.3994444"
+   ]
+
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: "text/turtle",
+        tabMode: "indent",
+        matchBrackets: true
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/turtle</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/turtle/turtle.js b/src/main/webapp/codemirror/mode/turtle/turtle.js
new file mode 100644
index 00000000..e118bfbc
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/turtle/turtle.js
@@ -0,0 +1,145 @@
+CodeMirror.defineMode("turtle", function(config) {
+  var indentUnit = config.indentUnit;
+  var curPunc;
+
+  function wordRegexp(words) {
+    return new RegExp("^(?:" + words.join("|") + ")$", "i");
+  }
+  var ops = wordRegexp([]);
+  var keywords = wordRegexp(["@prefix", "@base", "a"]);
+  var operatorChars = /[*+\-<>=&|]/;
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    curPunc = null;
+    if (ch == "<" && !stream.match(/^[\s\u00a0=]/, false)) {
+      stream.match(/^[^\s\u00a0>]*>?/);
+      return "atom";
+    }
+    else if (ch == "\"" || ch == "'") {
+      state.tokenize = tokenLiteral(ch);
+      return state.tokenize(stream, state);
+    }
+    else if (/[{}\(\),\.;\[\]]/.test(ch)) {
+      curPunc = ch;
+      return null;
+    }
+    else if (ch == "#") {
+      stream.skipToEnd();
+      return "comment";
+    }
+    else if (operatorChars.test(ch)) {
+      stream.eatWhile(operatorChars);
+      return null;
+    }
+    else if (ch == ":") {
+          return "operator";
+        } else {
+      stream.eatWhile(/[_\w\d]/);
+      if(stream.peek() == ":") {
+        return "variable-3";
+      } else {
+             var word = stream.current();
+
+             if(keywords.test(word)) {
+                        return "meta";
+             }
+
+             if(ch >= "A" && ch <= "Z") {
+                    return "comment";
+                 } else {
+                        return "keyword";
+                 }
+      }
+      var word = stream.current();
+      if (ops.test(word))
+        return null;
+      else if (keywords.test(word))
+        return "meta";
+      else
+        return "variable";
+    }
+  }
+
+  function tokenLiteral(quote) {
+    return function(stream, state) {
+      var escaped = false, ch;
+      while ((ch = stream.next()) != null) {
+        if (ch == quote && !escaped) {
+          state.tokenize = tokenBase;
+          break;
+        }
+        escaped = !escaped && ch == "\\";
+      }
+      return "string";
+    };
+  }
+
+  function pushContext(state, type, col) {
+    state.context = {prev: state.context, indent: state.indent, col: col, type: type};
+  }
+  function popContext(state) {
+    state.indent = state.context.indent;
+    state.context = state.context.prev;
+  }
+
+  return {
+    startState: function() {
+      return {tokenize: tokenBase,
+              context: null,
+              indent: 0,
+              col: 0};
+    },
+
+    token: function(stream, state) {
+      if (stream.sol()) {
+        if (state.context && state.context.align == null) state.context.align = false;
+        state.indent = stream.indentation();
+      }
+      if (stream.eatSpace()) return null;
+      var style = state.tokenize(stream, state);
+
+      if (style != "comment" && state.context && state.context.align == null && state.context.type != "pattern") {
+        state.context.align = true;
+      }
+
+      if (curPunc == "(") pushContext(state, ")", stream.column());
+      else if (curPunc == "[") pushContext(state, "]", stream.column());
+      else if (curPunc == "{") pushContext(state, "}", stream.column());
+      else if (/[\]\}\)]/.test(curPunc)) {
+        while (state.context && state.context.type == "pattern") popContext(state);
+        if (state.context && curPunc == state.context.type) popContext(state);
+      }
+      else if (curPunc == "." && state.context && state.context.type == "pattern") popContext(state);
+      else if (/atom|string|variable/.test(style) && state.context) {
+        if (/[\}\]]/.test(state.context.type))
+          pushContext(state, "pattern", stream.column());
+        else if (state.context.type == "pattern" && !state.context.align) {
+          state.context.align = true;
+          state.context.col = stream.column();
+        }
+      }
+
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      var firstChar = textAfter && textAfter.charAt(0);
+      var context = state.context;
+      if (/[\]\}]/.test(firstChar))
+        while (context && context.type == "pattern") context = context.prev;
+
+      var closing = context && firstChar == context.type;
+      if (!context)
+        return 0;
+      else if (context.type == "pattern")
+        return context.col;
+      else if (context.align)
+        return context.col + (closing ? 0 : 1);
+      else
+        return context.indent + (closing ? 0 : indentUnit);
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/turtle", "turtle");
diff --git a/src/main/webapp/codemirror/mode/vb/index.html b/src/main/webapp/codemirror/mode/vb/index.html
new file mode 100644
index 00000000..42c3e526
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/vb/index.html
@@ -0,0 +1,103 @@
+<!doctype html>
+
+<title>CodeMirror: VB.NET mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link href="http://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet" type="text/css">
+<script src="../../lib/codemirror.js"></script>
+<script src="vb.js"></script>
+<script type="text/javascript" src="../../addon/runmode/runmode.js"></script>
+<style>
+      .CodeMirror {border: 1px solid #aaa; height:210px; height: auto;}
+      .CodeMirror-scroll { overflow-x: auto; overflow-y: hidden;}
+      .CodeMirror pre { font-family: Inconsolata; font-size: 14px}
+    </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">VB.NET</a>
+  </ul>
+</div>
+
+<article>
+<h2>VB.NET mode</h2>
+
+<script type="text/javascript">
+function test(golden, text) {
+  var ok = true;
+  var i = 0;
+  function callback(token, style, lineNo, pos){
+		//console.log(String(token) + " " + String(style) + " " + String(lineNo) + " " + String(pos));
+    var result = [String(token), String(style)];
+    if (golden[i][0] != result[0] || golden[i][1] != result[1]){
+      return "Error, expected: " + String(golden[i]) + ", got: " + String(result);
+      ok = false;
+    }
+    i++;
+  }
+  CodeMirror.runMode(text, "text/x-vb",callback); 
+
+  if (ok) return "Tests OK";
+}
+function testTypes() {
+  var golden = [['Integer','keyword'],[' ','null'],['Float','keyword']]
+  var text =  "Integer Float";
+  return test(golden,text);
+}
+function testIf(){
+  var golden = [['If','keyword'],[' ','null'],['True','keyword'],[' ','null'],['End','keyword'],[' ','null'],['If','keyword']];
+  var text = 'If True End If';
+  return test(golden, text);
+}
+function testDecl(){
+   var golden = [['Dim','keyword'],[' ','null'],['x','variable'],[' ','null'],['as','keyword'],[' ','null'],['Integer','keyword']];
+   var text = 'Dim x as Integer';
+   return test(golden, text);
+}
+function testAll(){
+  var result = "";
+
+  result += testTypes() + "\n";
+  result += testIf() + "\n";
+  result += testDecl() + "\n";
+  return result;
+
+}
+function initText(editor) {
+  var content = 'Class rocket\nPrivate quality as Double\nPublic Sub launch() as String\nif quality > 0.8\nlaunch = "Successful"\nElse\nlaunch = "Failed"\nEnd If\nEnd sub\nEnd class\n';
+  editor.setValue(content);
+  for (var i =0; i< editor.lineCount(); i++) editor.indentLine(i);
+}
+function init() {
+    editor = CodeMirror.fromTextArea(document.getElementById("solution"), {
+        lineNumbers: true,
+        mode: "text/x-vb",
+        readOnly: false,
+        tabMode: "shift"
+    });
+    runTest();
+}
+function runTest() {
+	document.getElementById('testresult').innerHTML = testAll();
+  initText(editor);
+	
+}
+document.body.onload = init;
+</script>
+
+  <div id="edit">
+  <textarea style="width:95%;height:200px;padding:5px;" name="solution" id="solution" ></textarea>
+  </div>
+  <pre id="testresult"></pre>
+  <p>MIME type defined: <code>text/x-vb</code>.</p>
+
+</article>
diff --git a/src/main/webapp/codemirror/mode/vb/vb.js b/src/main/webapp/codemirror/mode/vb/vb.js
new file mode 100644
index 00000000..27b22719
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/vb/vb.js
@@ -0,0 +1,259 @@
+CodeMirror.defineMode("vb", function(conf, parserConf) {
+    var ERRORCLASS = 'error';
+
+    function wordRegexp(words) {
+        return new RegExp("^((" + words.join(")|(") + "))\\b", "i");
+    }
+
+    var singleOperators = new RegExp("^[\\+\\-\\*/%&\\\\|\\^~<>!]");
+    var singleDelimiters = new RegExp('^[\\(\\)\\[\\]\\{\\}@,:`=;\\.]');
+    var doubleOperators = new RegExp("^((==)|(<>)|(<=)|(>=)|(<>)|(<<)|(>>)|(//)|(\\*\\*))");
+    var doubleDelimiters = new RegExp("^((\\+=)|(\\-=)|(\\*=)|(%=)|(/=)|(&=)|(\\|=)|(\\^=))");
+    var tripleDelimiters = new RegExp("^((//=)|(>>=)|(<<=)|(\\*\\*=))");
+    var identifiers = new RegExp("^[_A-Za-z][_A-Za-z0-9]*");
+
+    var openingKeywords = ['class','module', 'sub','enum','select','while','if','function',  'get','set','property', 'try'];
+    var middleKeywords = ['else','elseif','case', 'catch'];
+    var endKeywords = ['next','loop'];
+
+    var wordOperators = wordRegexp(['and', 'or', 'not', 'xor', 'in']);
+    var commonkeywords = ['as', 'dim', 'break',  'continue','optional', 'then',  'until',
+                          'goto', 'byval','byref','new','handles','property', 'return',
+                          'const','private', 'protected', 'friend', 'public', 'shared', 'static', 'true','false'];
+    var commontypes = ['integer','string','double','decimal','boolean','short','char', 'float','single'];
+
+    var keywords = wordRegexp(commonkeywords);
+    var types = wordRegexp(commontypes);
+    var stringPrefixes = '"';
+
+    var opening = wordRegexp(openingKeywords);
+    var middle = wordRegexp(middleKeywords);
+    var closing = wordRegexp(endKeywords);
+    var doubleClosing = wordRegexp(['end']);
+    var doOpening = wordRegexp(['do']);
+
+    var indentInfo = null;
+
+
+
+
+    function indent(_stream, state) {
+      state.currentIndent++;
+    }
+
+    function dedent(_stream, state) {
+      state.currentIndent--;
+    }
+    // tokenizers
+    function tokenBase(stream, state) {
+        if (stream.eatSpace()) {
+            return null;
+        }
+
+        var ch = stream.peek();
+
+        // Handle Comments
+        if (ch === "'") {
+            stream.skipToEnd();
+            return 'comment';
+        }
+
+
+        // Handle Number Literals
+        if (stream.match(/^((&H)|(&O))?[0-9\.a-f]/i, false)) {
+            var floatLiteral = false;
+            // Floats
+            if (stream.match(/^\d*\.\d+F?/i)) { floatLiteral = true; }
+            else if (stream.match(/^\d+\.\d*F?/)) { floatLiteral = true; }
+            else if (stream.match(/^\.\d+F?/)) { floatLiteral = true; }
+
+            if (floatLiteral) {
+                // Float literals may be "imaginary"
+                stream.eat(/J/i);
+                return 'number';
+            }
+            // Integers
+            var intLiteral = false;
+            // Hex
+            if (stream.match(/^&H[0-9a-f]+/i)) { intLiteral = true; }
+            // Octal
+            else if (stream.match(/^&O[0-7]+/i)) { intLiteral = true; }
+            // Decimal
+            else if (stream.match(/^[1-9]\d*F?/)) {
+                // Decimal literals may be "imaginary"
+                stream.eat(/J/i);
+                // TODO - Can you have imaginary longs?
+                intLiteral = true;
+            }
+            // Zero by itself with no other piece of number.
+            else if (stream.match(/^0(?![\dx])/i)) { intLiteral = true; }
+            if (intLiteral) {
+                // Integer literals may be "long"
+                stream.eat(/L/i);
+                return 'number';
+            }
+        }
+
+        // Handle Strings
+        if (stream.match(stringPrefixes)) {
+            state.tokenize = tokenStringFactory(stream.current());
+            return state.tokenize(stream, state);
+        }
+
+        // Handle operators and Delimiters
+        if (stream.match(tripleDelimiters) || stream.match(doubleDelimiters)) {
+            return null;
+        }
+        if (stream.match(doubleOperators)
+            || stream.match(singleOperators)
+            || stream.match(wordOperators)) {
+            return 'operator';
+        }
+        if (stream.match(singleDelimiters)) {
+            return null;
+        }
+        if (stream.match(doOpening)) {
+            indent(stream,state);
+            state.doInCurrentLine = true;
+            return 'keyword';
+        }
+        if (stream.match(opening)) {
+            if (! state.doInCurrentLine)
+              indent(stream,state);
+            else
+              state.doInCurrentLine = false;
+            return 'keyword';
+        }
+        if (stream.match(middle)) {
+            return 'keyword';
+        }
+
+        if (stream.match(doubleClosing)) {
+            dedent(stream,state);
+            dedent(stream,state);
+            return 'keyword';
+        }
+        if (stream.match(closing)) {
+            dedent(stream,state);
+            return 'keyword';
+        }
+
+        if (stream.match(types)) {
+            return 'keyword';
+        }
+
+        if (stream.match(keywords)) {
+            return 'keyword';
+        }
+
+        if (stream.match(identifiers)) {
+            return 'variable';
+        }
+
+        // Handle non-detected items
+        stream.next();
+        return ERRORCLASS;
+    }
+
+    function tokenStringFactory(delimiter) {
+        var singleline = delimiter.length == 1;
+        var OUTCLASS = 'string';
+
+        return function(stream, state) {
+            while (!stream.eol()) {
+                stream.eatWhile(/[^'"]/);
+                if (stream.match(delimiter)) {
+                    state.tokenize = tokenBase;
+                    return OUTCLASS;
+                } else {
+                    stream.eat(/['"]/);
+                }
+            }
+            if (singleline) {
+                if (parserConf.singleLineStringErrors) {
+                    return ERRORCLASS;
+                } else {
+                    state.tokenize = tokenBase;
+                }
+            }
+            return OUTCLASS;
+        };
+    }
+
+
+    function tokenLexer(stream, state) {
+        var style = state.tokenize(stream, state);
+        var current = stream.current();
+
+        // Handle '.' connected identifiers
+        if (current === '.') {
+            style = state.tokenize(stream, state);
+            current = stream.current();
+            if (style === 'variable') {
+                return 'variable';
+            } else {
+                return ERRORCLASS;
+            }
+        }
+
+
+        var delimiter_index = '[({'.indexOf(current);
+        if (delimiter_index !== -1) {
+            indent(stream, state );
+        }
+        if (indentInfo === 'dedent') {
+            if (dedent(stream, state)) {
+                return ERRORCLASS;
+            }
+        }
+        delimiter_index = '])}'.indexOf(current);
+        if (delimiter_index !== -1) {
+            if (dedent(stream, state)) {
+                return ERRORCLASS;
+            }
+        }
+
+        return style;
+    }
+
+    var external = {
+        electricChars:"dDpPtTfFeE ",
+        startState: function() {
+            return {
+              tokenize: tokenBase,
+              lastToken: null,
+              currentIndent: 0,
+              nextLineIndent: 0,
+              doInCurrentLine: false
+
+
+          };
+        },
+
+        token: function(stream, state) {
+            if (stream.sol()) {
+              state.currentIndent += state.nextLineIndent;
+              state.nextLineIndent = 0;
+              state.doInCurrentLine = 0;
+            }
+            var style = tokenLexer(stream, state);
+
+            state.lastToken = {style:style, content: stream.current()};
+
+
+
+            return style;
+        },
+
+        indent: function(state, textAfter) {
+            var trueText = textAfter.replace(/^\s+|\s+$/g, '') ;
+            if (trueText.match(closing) || trueText.match(doubleClosing) || trueText.match(middle)) return conf.indentUnit*(state.currentIndent-1);
+            if(state.currentIndent < 0) return 0;
+            return state.currentIndent * conf.indentUnit;
+        }
+
+    };
+    return external;
+});
+
+CodeMirror.defineMIME("text/x-vb", "vb");
diff --git a/src/main/webapp/codemirror/mode/vbscript/index.html b/src/main/webapp/codemirror/mode/vbscript/index.html
new file mode 100644
index 00000000..9b506b79
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/vbscript/index.html
@@ -0,0 +1,55 @@
+<!doctype html>
+
+<title>CodeMirror: VBScript mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="vbscript.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">VBScript</a>
+  </ul>
+</div>
+
+<article>
+<h2>VBScript mode</h2>
+
+
+<div><textarea id="code" name="code">
+' Pete Guhl
+' 03-04-2012
+'
+' Basic VBScript support for codemirror2
+
+Const ForReading = 1, ForWriting = 2, ForAppending = 8
+
+Call Sub020_PostBroadcastToUrbanAirship(strUserName, strPassword, intTransmitID, strResponse)
+
+If Not IsNull(strResponse) AND Len(strResponse) = 0 Then
+	boolTransmitOkYN = False
+Else
+	' WScript.Echo "Oh Happy Day! Oh Happy DAY!"
+	boolTransmitOkYN = True
+End If
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        indentUnit: 4
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/vbscript</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/vbscript/vbscript.js b/src/main/webapp/codemirror/mode/vbscript/vbscript.js
new file mode 100644
index 00000000..0a97fb64
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/vbscript/vbscript.js
@@ -0,0 +1,334 @@
+/*
+For extra ASP classic objects, initialize CodeMirror instance with this option:
+    isASP: true
+
+E.G.:
+    var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        isASP: true
+      });
+*/
+CodeMirror.defineMode("vbscript", function(conf, parserConf) {
+    var ERRORCLASS = 'error';
+
+    function wordRegexp(words) {
+        return new RegExp("^((" + words.join(")|(") + "))\\b", "i");
+    }
+
+    var singleOperators = new RegExp("^[\\+\\-\\*/&\\\\\\^<>=]");
+    var doubleOperators = new RegExp("^((<>)|(<=)|(>=))");
+    var singleDelimiters = new RegExp('^[\\.,]');
+    var brakets = new RegExp('^[\\(\\)]');
+    var identifiers = new RegExp("^[A-Za-z][_A-Za-z0-9]*");
+
+    var openingKeywords = ['class','sub','select','while','if','function', 'property', 'with', 'for'];
+    var middleKeywords = ['else','elseif','case'];
+    var endKeywords = ['next','loop','wend'];
+
+    var wordOperators = wordRegexp(['and', 'or', 'not', 'xor', 'is', 'mod', 'eqv', 'imp']);
+    var commonkeywords = ['dim', 'redim', 'then',  'until', 'randomize',
+                          'byval','byref','new','property', 'exit', 'in',
+                          'const','private', 'public',
+                          'get','set','let', 'stop', 'on error resume next', 'on error goto 0', 'option explicit', 'call', 'me'];
+
+    //This list was from: http://msdn.microsoft.com/en-us/library/f8tbc79x(v=vs.84).aspx
+    var atomWords = ['true', 'false', 'nothing', 'empty', 'null'];
+    //This list was from: http://msdn.microsoft.com/en-us/library/3ca8tfek(v=vs.84).aspx
+    var builtinFuncsWords = ['abs', 'array', 'asc', 'atn', 'cbool', 'cbyte', 'ccur', 'cdate', 'cdbl', 'chr', 'cint', 'clng', 'cos', 'csng', 'cstr', 'date', 'dateadd', 'datediff', 'datepart',
+                        'dateserial', 'datevalue', 'day', 'escape', 'eval', 'execute', 'exp', 'filter', 'formatcurrency', 'formatdatetime', 'formatnumber', 'formatpercent', 'getlocale', 'getobject',
+                        'getref', 'hex', 'hour', 'inputbox', 'instr', 'instrrev', 'int', 'fix', 'isarray', 'isdate', 'isempty', 'isnull', 'isnumeric', 'isobject', 'join', 'lbound', 'lcase', 'left',
+                        'len', 'loadpicture', 'log', 'ltrim', 'rtrim', 'trim', 'maths', 'mid', 'minute', 'month', 'monthname', 'msgbox', 'now', 'oct', 'replace', 'rgb', 'right', 'rnd', 'round',
+                        'scriptengine', 'scriptenginebuildversion', 'scriptenginemajorversion', 'scriptengineminorversion', 'second', 'setlocale', 'sgn', 'sin', 'space', 'split', 'sqr', 'strcomp',
+                        'string', 'strreverse', 'tan', 'time', 'timer', 'timeserial', 'timevalue', 'typename', 'ubound', 'ucase', 'unescape', 'vartype', 'weekday', 'weekdayname', 'year'];
+
+    //This list was from: http://msdn.microsoft.com/en-us/library/ydz4cfk3(v=vs.84).aspx
+    var builtinConsts = ['vbBlack', 'vbRed', 'vbGreen', 'vbYellow', 'vbBlue', 'vbMagenta', 'vbCyan', 'vbWhite', 'vbBinaryCompare', 'vbTextCompare',
+                         'vbSunday', 'vbMonday', 'vbTuesday', 'vbWednesday', 'vbThursday', 'vbFriday', 'vbSaturday', 'vbUseSystemDayOfWeek', 'vbFirstJan1', 'vbFirstFourDays', 'vbFirstFullWeek',
+                         'vbGeneralDate', 'vbLongDate', 'vbShortDate', 'vbLongTime', 'vbShortTime', 'vbObjectError',
+                         'vbOKOnly', 'vbOKCancel', 'vbAbortRetryIgnore', 'vbYesNoCancel', 'vbYesNo', 'vbRetryCancel', 'vbCritical', 'vbQuestion', 'vbExclamation', 'vbInformation', 'vbDefaultButton1', 'vbDefaultButton2',
+                         'vbDefaultButton3', 'vbDefaultButton4', 'vbApplicationModal', 'vbSystemModal', 'vbOK', 'vbCancel', 'vbAbort', 'vbRetry', 'vbIgnore', 'vbYes', 'vbNo',
+                         'vbCr', 'VbCrLf', 'vbFormFeed', 'vbLf', 'vbNewLine', 'vbNullChar', 'vbNullString', 'vbTab', 'vbVerticalTab', 'vbUseDefault', 'vbTrue', 'vbFalse',
+                         'vbEmpty', 'vbNull', 'vbInteger', 'vbLong', 'vbSingle', 'vbDouble', 'vbCurrency', 'vbDate', 'vbString', 'vbObject', 'vbError', 'vbBoolean', 'vbVariant', 'vbDataObject', 'vbDecimal', 'vbByte', 'vbArray'];
+    //This list was from: http://msdn.microsoft.com/en-us/library/hkc375ea(v=vs.84).aspx
+    var builtinObjsWords = ['WScript', 'err', 'debug', 'RegExp'];
+    var knownProperties = ['description', 'firstindex', 'global', 'helpcontext', 'helpfile', 'ignorecase', 'length', 'number', 'pattern', 'source', 'value', 'count'];
+    var knownMethods = ['clear', 'execute', 'raise', 'replace', 'test', 'write', 'writeline', 'close', 'open', 'state', 'eof', 'update', 'addnew', 'end', 'createobject', 'quit'];
+
+    var aspBuiltinObjsWords = ['server', 'response', 'request', 'session', 'application'];
+    var aspKnownProperties = ['buffer', 'cachecontrol', 'charset', 'contenttype', 'expires', 'expiresabsolute', 'isclientconnected', 'pics', 'status', //response
+                              'clientcertificate', 'cookies', 'form', 'querystring', 'servervariables', 'totalbytes', //request
+                              'contents', 'staticobjects', //application
+                              'codepage', 'lcid', 'sessionid', 'timeout', //session
+                              'scripttimeout']; //server
+    var aspKnownMethods = ['addheader', 'appendtolog', 'binarywrite', 'end', 'flush', 'redirect', //response
+                           'binaryread', //request
+                           'remove', 'removeall', 'lock', 'unlock', //application
+                           'abandon', //session
+                           'getlasterror', 'htmlencode', 'mappath', 'transfer', 'urlencode']; //server
+
+    var knownWords = knownMethods.concat(knownProperties);
+
+    builtinObjsWords = builtinObjsWords.concat(builtinConsts);
+
+    if (conf.isASP){
+        builtinObjsWords = builtinObjsWords.concat(aspBuiltinObjsWords);
+        knownWords = knownWords.concat(aspKnownMethods, aspKnownProperties);
+    };
+
+    var keywords = wordRegexp(commonkeywords);
+    var atoms = wordRegexp(atomWords);
+    var builtinFuncs = wordRegexp(builtinFuncsWords);
+    var builtinObjs = wordRegexp(builtinObjsWords);
+    var known = wordRegexp(knownWords);
+    var stringPrefixes = '"';
+
+    var opening = wordRegexp(openingKeywords);
+    var middle = wordRegexp(middleKeywords);
+    var closing = wordRegexp(endKeywords);
+    var doubleClosing = wordRegexp(['end']);
+    var doOpening = wordRegexp(['do']);
+    var noIndentWords = wordRegexp(['on error resume next', 'exit']);
+    var comment = wordRegexp(['rem']);
+
+
+    function indent(_stream, state) {
+      state.currentIndent++;
+    }
+
+    function dedent(_stream, state) {
+      state.currentIndent--;
+    }
+    // tokenizers
+    function tokenBase(stream, state) {
+        if (stream.eatSpace()) {
+            return 'space';
+            //return null;
+        }
+
+        var ch = stream.peek();
+
+        // Handle Comments
+        if (ch === "'") {
+            stream.skipToEnd();
+            return 'comment';
+        }
+        if (stream.match(comment)){
+            stream.skipToEnd();
+            return 'comment';
+        }
+
+
+        // Handle Number Literals
+        if (stream.match(/^((&H)|(&O))?[0-9\.]/i, false) && !stream.match(/^((&H)|(&O))?[0-9\.]+[a-z_]/i, false)) {
+            var floatLiteral = false;
+            // Floats
+            if (stream.match(/^\d*\.\d+/i)) { floatLiteral = true; }
+            else if (stream.match(/^\d+\.\d*/)) { floatLiteral = true; }
+            else if (stream.match(/^\.\d+/)) { floatLiteral = true; }
+
+            if (floatLiteral) {
+                // Float literals may be "imaginary"
+                stream.eat(/J/i);
+                return 'number';
+            }
+            // Integers
+            var intLiteral = false;
+            // Hex
+            if (stream.match(/^&H[0-9a-f]+/i)) { intLiteral = true; }
+            // Octal
+            else if (stream.match(/^&O[0-7]+/i)) { intLiteral = true; }
+            // Decimal
+            else if (stream.match(/^[1-9]\d*F?/)) {
+                // Decimal literals may be "imaginary"
+                stream.eat(/J/i);
+                // TODO - Can you have imaginary longs?
+                intLiteral = true;
+            }
+            // Zero by itself with no other piece of number.
+            else if (stream.match(/^0(?![\dx])/i)) { intLiteral = true; }
+            if (intLiteral) {
+                // Integer literals may be "long"
+                stream.eat(/L/i);
+                return 'number';
+            }
+        }
+
+        // Handle Strings
+        if (stream.match(stringPrefixes)) {
+            state.tokenize = tokenStringFactory(stream.current());
+            return state.tokenize(stream, state);
+        }
+
+        // Handle operators and Delimiters
+        if (stream.match(doubleOperators)
+            || stream.match(singleOperators)
+            || stream.match(wordOperators)) {
+            return 'operator';
+        }
+        if (stream.match(singleDelimiters)) {
+            return null;
+        }
+
+        if (stream.match(brakets)) {
+            return "bracket";
+        }
+
+        if (stream.match(noIndentWords)) {
+            state.doInCurrentLine = true;
+
+            return 'keyword';
+        }
+
+        if (stream.match(doOpening)) {
+            indent(stream,state);
+            state.doInCurrentLine = true;
+
+            return 'keyword';
+        }
+        if (stream.match(opening)) {
+            if (! state.doInCurrentLine)
+              indent(stream,state);
+            else
+              state.doInCurrentLine = false;
+
+            return 'keyword';
+        }
+        if (stream.match(middle)) {
+            return 'keyword';
+        }
+
+
+        if (stream.match(doubleClosing)) {
+            dedent(stream,state);
+            dedent(stream,state);
+
+            return 'keyword';
+        }
+        if (stream.match(closing)) {
+            if (! state.doInCurrentLine)
+              dedent(stream,state);
+            else
+              state.doInCurrentLine = false;
+
+            return 'keyword';
+        }
+
+        if (stream.match(keywords)) {
+            return 'keyword';
+        }
+
+        if (stream.match(atoms)) {
+            return 'atom';
+        }
+
+        if (stream.match(known)) {
+            return 'variable-2';
+        }
+
+        if (stream.match(builtinFuncs)) {
+            return 'builtin';
+        }
+
+        if (stream.match(builtinObjs)){
+            return 'variable-2';
+        }
+
+        if (stream.match(identifiers)) {
+            return 'variable';
+        }
+
+        // Handle non-detected items
+        stream.next();
+        return ERRORCLASS;
+    }
+
+    function tokenStringFactory(delimiter) {
+        var singleline = delimiter.length == 1;
+        var OUTCLASS = 'string';
+
+        return function(stream, state) {
+            while (!stream.eol()) {
+                stream.eatWhile(/[^'"]/);
+                if (stream.match(delimiter)) {
+                    state.tokenize = tokenBase;
+                    return OUTCLASS;
+                } else {
+                    stream.eat(/['"]/);
+                }
+            }
+            if (singleline) {
+                if (parserConf.singleLineStringErrors) {
+                    return ERRORCLASS;
+                } else {
+                    state.tokenize = tokenBase;
+                }
+            }
+            return OUTCLASS;
+        };
+    }
+
+
+    function tokenLexer(stream, state) {
+        var style = state.tokenize(stream, state);
+        var current = stream.current();
+
+        // Handle '.' connected identifiers
+        if (current === '.') {
+            style = state.tokenize(stream, state);
+
+            current = stream.current();
+            if (style.substr(0, 8) === 'variable' || style==='builtin' || style==='keyword'){//|| knownWords.indexOf(current.substring(1)) > -1) {
+                if (style === 'builtin' || style === 'keyword') style='variable';
+                if (knownWords.indexOf(current.substr(1)) > -1) style='variable-2';
+
+                return style;
+            } else {
+                return ERRORCLASS;
+            }
+        }
+
+        return style;
+    }
+
+    var external = {
+        electricChars:"dDpPtTfFeE ",
+        startState: function() {
+            return {
+              tokenize: tokenBase,
+              lastToken: null,
+              currentIndent: 0,
+              nextLineIndent: 0,
+              doInCurrentLine: false,
+              ignoreKeyword: false
+
+
+          };
+        },
+
+        token: function(stream, state) {
+            if (stream.sol()) {
+              state.currentIndent += state.nextLineIndent;
+              state.nextLineIndent = 0;
+              state.doInCurrentLine = 0;
+            }
+            var style = tokenLexer(stream, state);
+
+            state.lastToken = {style:style, content: stream.current()};
+
+            if (style==='space') style=null;
+
+            return style;
+        },
+
+        indent: function(state, textAfter) {
+            var trueText = textAfter.replace(/^\s+|\s+$/g, '') ;
+            if (trueText.match(closing) || trueText.match(doubleClosing) || trueText.match(middle)) return conf.indentUnit*(state.currentIndent-1);
+            if(state.currentIndent < 0) return 0;
+            return state.currentIndent * conf.indentUnit;
+        }
+
+    };
+    return external;
+});
+
+CodeMirror.defineMIME("text/vbscript", "vbscript");
diff --git a/src/main/webapp/codemirror/mode/velocity/index.html b/src/main/webapp/codemirror/mode/velocity/index.html
new file mode 100644
index 00000000..023542d1
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/velocity/index.html
@@ -0,0 +1,119 @@
+<!doctype html>
+
+<title>CodeMirror: Velocity mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/night.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="velocity.js"></script>
+<style>.CodeMirror {border: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Velocity</a>
+  </ul>
+</div>
+
+<article>
+<h2>Velocity mode</h2>
+<form><textarea id="code" name="code">
+## Velocity Code Demo
+#*
+   based on PL/SQL mode by Peter Raganitsch, adapted to Velocity by Steve O'Hara ( http://www.pivotal-solutions.co.uk )
+   August 2011
+*#
+
+#*
+   This is a multiline comment.
+   This is the second line
+*#
+
+#[[ hello steve
+   This has invalid syntax that would normally need "poor man's escaping" like:
+
+   #define()
+
+   ${blah
+]]#
+
+#include( "disclaimer.txt" "opinion.txt" )
+#include( $foo $bar )
+
+#parse( "lecorbusier.vm" )
+#parse( $foo )
+
+#evaluate( 'string with VTL #if(true)will be displayed#end' )
+
+#define( $hello ) Hello $who #end #set( $who = "World!") $hello ## displays Hello World!
+
+#foreach( $customer in $customerList )
+
+    $foreach.count $customer.Name
+
+    #if( $foo == ${bar})
+        it's true!
+        #break
+    #{else}
+        it's not!
+        #stop
+    #end
+
+    #if ($foreach.parent.hasNext)
+        $velocityCount
+    #end
+#end
+
+$someObject.getValues("this is a string split
+        across lines")
+
+$someObject("This plus $something in the middle").method(7567).property
+
+#macro( tablerows $color $somelist )
+    #foreach( $something in $somelist )
+        <tr><td bgcolor=$color>$something</td></tr>
+        <tr><td bgcolor=$color>$bodyContent</td></tr>
+    #end
+#end
+
+#tablerows("red" ["dadsdf","dsa"])
+#@tablerows("red" ["dadsdf","dsa"]) some body content #end
+
+   Variable reference: #set( $monkey = $bill )
+   String literal: #set( $monkey.Friend = 'monica' )
+   Property reference: #set( $monkey.Blame = $whitehouse.Leak )
+   Method reference: #set( $monkey.Plan = $spindoctor.weave($web) )
+   Number literal: #set( $monkey.Number = 123 )
+   Range operator: #set( $monkey.Numbers = [1..3] )
+   Object list: #set( $monkey.Say = ["Not", $my, "fault"] )
+   Object map: #set( $monkey.Map = {"banana" : "good", "roast beef" : "bad"})
+
+The RHS can also be a simple arithmetic expression, such as:
+Addition: #set( $value = $foo + 1 )
+   Subtraction: #set( $value = $bar - 1 )
+   Multiplication: #set( $value = $foo * $bar )
+   Division: #set( $value = $foo / $bar )
+   Remainder: #set( $value = $foo % $bar )
+
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        tabMode: "indent",
+        theme: "night",
+        lineNumbers: true,
+        indentUnit: 4,
+        mode: "text/velocity"
+      });
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/velocity</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/velocity/velocity.js b/src/main/webapp/codemirror/mode/velocity/velocity.js
new file mode 100644
index 00000000..968d8799
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/velocity/velocity.js
@@ -0,0 +1,186 @@
+CodeMirror.defineMode("velocity", function() {
+    function parseWords(str) {
+        var obj = {}, words = str.split(" ");
+        for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+        return obj;
+    }
+
+    var keywords = parseWords("#end #else #break #stop #[[ #]] " +
+                              "#{end} #{else} #{break} #{stop}");
+    var functions = parseWords("#if #elseif #foreach #set #include #parse #macro #define #evaluate " +
+                               "#{if} #{elseif} #{foreach} #{set} #{include} #{parse} #{macro} #{define} #{evaluate}");
+    var specials = parseWords("$foreach.count $foreach.hasNext $foreach.first $foreach.last $foreach.topmost $foreach.parent.count $foreach.parent.hasNext $foreach.parent.first $foreach.parent.last $foreach.parent $velocityCount $!bodyContent $bodyContent");
+    var isOperatorChar = /[+\-*&%=<>!?:\/|]/;
+
+    function chain(stream, state, f) {
+        state.tokenize = f;
+        return f(stream, state);
+    }
+    function tokenBase(stream, state) {
+        var beforeParams = state.beforeParams;
+        state.beforeParams = false;
+        var ch = stream.next();
+        // start of unparsed string?
+        if ((ch == "'") && state.inParams) {
+            state.lastTokenWasBuiltin = false;
+            return chain(stream, state, tokenString(ch));
+        }
+        // start of parsed string?
+        else if ((ch == '"')) {
+            state.lastTokenWasBuiltin = false;
+            if (state.inString) {
+                state.inString = false;
+                return "string";
+            }
+            else if (state.inParams)
+                return chain(stream, state, tokenString(ch));
+        }
+        // is it one of the special signs []{}().,;? Seperator?
+        else if (/[\[\]{}\(\),;\.]/.test(ch)) {
+            if (ch == "(" && beforeParams)
+                state.inParams = true;
+            else if (ch == ")") {
+                state.inParams = false;
+                state.lastTokenWasBuiltin = true;
+            }
+            return null;
+        }
+        // start of a number value?
+        else if (/\d/.test(ch)) {
+            state.lastTokenWasBuiltin = false;
+            stream.eatWhile(/[\w\.]/);
+            return "number";
+        }
+        // multi line comment?
+        else if (ch == "#" && stream.eat("*")) {
+            state.lastTokenWasBuiltin = false;
+            return chain(stream, state, tokenComment);
+        }
+        // unparsed content?
+        else if (ch == "#" && stream.match(/ *\[ *\[/)) {
+            state.lastTokenWasBuiltin = false;
+            return chain(stream, state, tokenUnparsed);
+        }
+        // single line comment?
+        else if (ch == "#" && stream.eat("#")) {
+            state.lastTokenWasBuiltin = false;
+            stream.skipToEnd();
+            return "comment";
+        }
+        // variable?
+        else if (ch == "$") {
+            stream.eatWhile(/[\w\d\$_\.{}]/);
+            // is it one of the specials?
+            if (specials && specials.propertyIsEnumerable(stream.current())) {
+                return "keyword";
+            }
+            else {
+                state.lastTokenWasBuiltin = true;
+                state.beforeParams = true;
+                return "builtin";
+            }
+        }
+        // is it a operator?
+        else if (isOperatorChar.test(ch)) {
+            state.lastTokenWasBuiltin = false;
+            stream.eatWhile(isOperatorChar);
+            return "operator";
+        }
+        else {
+            // get the whole word
+            stream.eatWhile(/[\w\$_{}@]/);
+            var word = stream.current();
+            // is it one of the listed keywords?
+            if (keywords && keywords.propertyIsEnumerable(word))
+                return "keyword";
+            // is it one of the listed functions?
+            if (functions && functions.propertyIsEnumerable(word) ||
+                    (stream.current().match(/^#@?[a-z0-9_]+ *$/i) && stream.peek()=="(") &&
+                     !(functions && functions.propertyIsEnumerable(word.toLowerCase()))) {
+                state.beforeParams = true;
+                state.lastTokenWasBuiltin = false;
+                return "keyword";
+            }
+            if (state.inString) {
+                state.lastTokenWasBuiltin = false;
+                return "string";
+            }
+            if (stream.pos > word.length && stream.string.charAt(stream.pos-word.length-1)=="." && state.lastTokenWasBuiltin)
+                return "builtin";
+            // default: just a "word"
+            state.lastTokenWasBuiltin = false;
+            return null;
+        }
+    }
+
+    function tokenString(quote) {
+        return function(stream, state) {
+            var escaped = false, next, end = false;
+            while ((next = stream.next()) != null) {
+                if ((next == quote) && !escaped) {
+                    end = true;
+                    break;
+                }
+                if (quote=='"' && stream.peek() == '$' && !escaped) {
+                    state.inString = true;
+                    end = true;
+                    break;
+                }
+                escaped = !escaped && next == "\\";
+            }
+            if (end) state.tokenize = tokenBase;
+            return "string";
+        };
+    }
+
+    function tokenComment(stream, state) {
+        var maybeEnd = false, ch;
+        while (ch = stream.next()) {
+            if (ch == "#" && maybeEnd) {
+                state.tokenize = tokenBase;
+                break;
+            }
+            maybeEnd = (ch == "*");
+        }
+        return "comment";
+    }
+
+    function tokenUnparsed(stream, state) {
+        var maybeEnd = 0, ch;
+        while (ch = stream.next()) {
+            if (ch == "#" && maybeEnd == 2) {
+                state.tokenize = tokenBase;
+                break;
+            }
+            if (ch == "]")
+                maybeEnd++;
+            else if (ch != " ")
+                maybeEnd = 0;
+        }
+        return "meta";
+    }
+    // Interface
+
+    return {
+        startState: function() {
+            return {
+                tokenize: tokenBase,
+                beforeParams: false,
+                inParams: false,
+                inString: false,
+                lastTokenWasBuiltin: false
+            };
+        },
+
+        token: function(stream, state) {
+            if (stream.eatSpace()) return null;
+            return state.tokenize(stream, state);
+        },
+        blockCommentStart: "#*",
+        blockCommentEnd: "*#",
+        lineComment: "##",
+        fold: "velocity"
+    };
+});
+
+CodeMirror.defineMIME("text/velocity", "velocity");
diff --git a/src/main/webapp/codemirror/mode/verilog/index.html b/src/main/webapp/codemirror/mode/verilog/index.html
new file mode 100644
index 00000000..cc710564
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/verilog/index.html
@@ -0,0 +1,132 @@
+<!doctype html>
+
+<title>CodeMirror: Verilog mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="verilog.js"></script>
+<style>.CodeMirror {border: 2px inset #dee;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Verilog</a>
+  </ul>
+</div>
+
+<article>
+<h2>Verilog mode</h2>
+<form><textarea id="code" name="code">
+/* Verilog demo code */
+
+module butterfly
+  #(
+    parameter WIDTH = 32,
+    parameter MWIDTH = 1
+    )
+   (
+    input wire                     clk,
+    input wire                     rst_n,
+    // m_in contains data that passes through this block with no change.
+    input wire [MWIDTH-1:0]        m_in,
+    // The twiddle factor.
+    input wire signed [WIDTH-1:0]  w,
+    // XA
+    input wire signed [WIDTH-1:0]  xa,
+    // XB
+    input wire signed [WIDTH-1:0]  xb,
+    // Set to 1 when new data is present on inputs.
+    input wire                     x_nd,
+    // delayed version of m_in.
+    output reg [MWIDTH-1:0]        m_out,
+    // YA = XA + W*XB
+    // YB = XA - W*XB
+    output wire signed [WIDTH-1:0] ya,
+    output wire signed [WIDTH-1:0] yb,
+    output reg                     y_nd,
+    output reg                     error
+    );
+
+   // Set wire to the real and imag parts for convenience.
+   wire signed [WIDTH/2-1:0]        xa_re;
+   wire signed [WIDTH/2-1:0]        xa_im;
+   assign xa_re = xa[WIDTH-1:WIDTH/2];
+   assign xa_im = xa[WIDTH/2-1:0];
+   wire signed [WIDTH/2-1: 0]       ya_re;
+   wire signed [WIDTH/2-1: 0]       ya_im;
+   assign ya = {ya_re, ya_im};
+   wire signed [WIDTH/2-1: 0]       yb_re;
+   wire signed [WIDTH/2-1: 0]       yb_im;
+   assign yb = {yb_re, yb_im};
+
+   // Delayed stuff.
+   reg signed [WIDTH/2-1:0]         xa_re_z;
+   reg signed [WIDTH/2-1:0]         xa_im_z;
+   // Output of multiplier
+   wire signed [WIDTH-1:0]          xbw;
+   wire signed [WIDTH/2-1:0]        xbw_re;
+   wire signed [WIDTH/2-1:0]        xbw_im;
+   assign xbw_re = xbw[WIDTH-1:WIDTH/2];
+   assign xbw_im = xbw[WIDTH/2-1:0];
+   // Do summing
+   // I don't think we should get overflow here because of the
+   // size of the twiddle factors.
+   // If we do testing should catch it.
+   assign ya_re = xa_re_z + xbw_re;
+   assign ya_im = xa_im_z + xbw_im;
+   assign yb_re = xa_re_z - xbw_re;
+   assign yb_im = xa_im_z - xbw_im;
+   
+   // Create the multiply module.
+   multiply_complex #(WIDTH) multiply_complex_0
+     (.clk(clk),
+      .rst_n(rst_n),
+      .x(xb),
+      .y(w),
+      .z(xbw)
+      );
+
+  always @ (posedge clk)
+    begin
+       if (!rst_n)
+         begin
+            y_nd <= 1'b0;
+            error <= 1'b0;
+         end
+       else
+         begin
+            // Set delay for x_nd_old and m.
+            y_nd <= x_nd;
+            m_out <= m_in;
+            if (x_nd)
+              begin
+                 xa_re_z <= xa_re/2;
+                 xa_im_z <= xa_im/2;
+              end
+         end
+    end
+   
+endmodule
+</textarea></form>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        mode: "text/x-verilog"
+      });
+    </script>
+
+    <p>Simple mode that tries to handle Verilog-like languages as well as it
+    can. Takes one configuration parameters: <code>keywords</code>, an
+    object whose property names are the keywords in the language.</p>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-verilog</code> (Verilog code).</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/verilog/verilog.js b/src/main/webapp/codemirror/mode/verilog/verilog.js
new file mode 100644
index 00000000..708de23f
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/verilog/verilog.js
@@ -0,0 +1,182 @@
+CodeMirror.defineMode("verilog", function(config, parserConfig) {
+  var indentUnit = config.indentUnit,
+      keywords = parserConfig.keywords || {},
+      blockKeywords = parserConfig.blockKeywords || {},
+      atoms = parserConfig.atoms || {},
+      hooks = parserConfig.hooks || {},
+      multiLineStrings = parserConfig.multiLineStrings;
+  var isOperatorChar = /[&|~><!\)\(*#%@+\/=?\:;}{,\.\^\-\[\]]/;
+
+  var curPunc;
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    if (hooks[ch]) {
+      var result = hooks[ch](stream, state);
+      if (result !== false) return result;
+    }
+    if (ch == '"') {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    }
+    if (/[\[\]{}\(\),;\:\.]/.test(ch)) {
+      curPunc = ch;
+      return null;
+    }
+    if (/[\d']/.test(ch)) {
+      stream.eatWhile(/[\w\.']/);
+      return "number";
+    }
+    if (ch == "/") {
+      if (stream.eat("*")) {
+        state.tokenize = tokenComment;
+        return tokenComment(stream, state);
+      }
+      if (stream.eat("/")) {
+        stream.skipToEnd();
+        return "comment";
+      }
+    }
+    if (isOperatorChar.test(ch)) {
+      stream.eatWhile(isOperatorChar);
+      return "operator";
+    }
+    stream.eatWhile(/[\w\$_]/);
+    var cur = stream.current();
+    if (keywords.propertyIsEnumerable(cur)) {
+      if (blockKeywords.propertyIsEnumerable(cur)) curPunc = "newstatement";
+      return "keyword";
+    }
+    if (atoms.propertyIsEnumerable(cur)) return "atom";
+    return "variable";
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, next, end = false;
+      while ((next = stream.next()) != null) {
+        if (next == quote && !escaped) {end = true; break;}
+        escaped = !escaped && next == "\\";
+      }
+      if (end || !(escaped || multiLineStrings))
+        state.tokenize = tokenBase;
+      return "string";
+    };
+  }
+
+  function tokenComment(stream, state) {
+    var maybeEnd = false, ch;
+    while (ch = stream.next()) {
+      if (ch == "/" && maybeEnd) {
+        state.tokenize = tokenBase;
+        break;
+      }
+      maybeEnd = (ch == "*");
+    }
+    return "comment";
+  }
+
+  function Context(indented, column, type, align, prev) {
+    this.indented = indented;
+    this.column = column;
+    this.type = type;
+    this.align = align;
+    this.prev = prev;
+  }
+  function pushContext(state, col, type) {
+    return state.context = new Context(state.indented, col, type, null, state.context);
+  }
+  function popContext(state) {
+    var t = state.context.type;
+    if (t == ")" || t == "]" || t == "}")
+      state.indented = state.context.indented;
+    return state.context = state.context.prev;
+  }
+
+  // Interface
+
+  return {
+    startState: function(basecolumn) {
+      return {
+        tokenize: null,
+        context: new Context((basecolumn || 0) - indentUnit, 0, "top", false),
+        indented: 0,
+        startOfLine: true
+      };
+    },
+
+    token: function(stream, state) {
+      var ctx = state.context;
+      if (stream.sol()) {
+        if (ctx.align == null) ctx.align = false;
+        state.indented = stream.indentation();
+        state.startOfLine = true;
+      }
+      if (stream.eatSpace()) return null;
+      curPunc = null;
+      var style = (state.tokenize || tokenBase)(stream, state);
+      if (style == "comment" || style == "meta") return style;
+      if (ctx.align == null) ctx.align = true;
+
+      if ((curPunc == ";" || curPunc == ":") && ctx.type == "statement") popContext(state);
+      else if (curPunc == "{") pushContext(state, stream.column(), "}");
+      else if (curPunc == "[") pushContext(state, stream.column(), "]");
+      else if (curPunc == "(") pushContext(state, stream.column(), ")");
+      else if (curPunc == "}") {
+        while (ctx.type == "statement") ctx = popContext(state);
+        if (ctx.type == "}") ctx = popContext(state);
+        while (ctx.type == "statement") ctx = popContext(state);
+      }
+      else if (curPunc == ctx.type) popContext(state);
+      else if (ctx.type == "}" || ctx.type == "top" || (ctx.type == "statement" && curPunc == "newstatement"))
+        pushContext(state, stream.column(), "statement");
+      state.startOfLine = false;
+      return style;
+    },
+
+    indent: function(state, textAfter) {
+      if (state.tokenize != tokenBase && state.tokenize != null) return 0;
+      var firstChar = textAfter && textAfter.charAt(0), ctx = state.context, closing = firstChar == ctx.type;
+      if (ctx.type == "statement") return ctx.indented + (firstChar == "{" ? 0 : indentUnit);
+      else if (ctx.align) return ctx.column + (closing ? 0 : 1);
+      else return ctx.indented + (closing ? 0 : indentUnit);
+    },
+
+    electricChars: "{}"
+  };
+});
+
+(function() {
+  function words(str) {
+    var obj = {}, words = str.split(" ");
+    for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+    return obj;
+  }
+
+  var verilogKeywords = "always and assign automatic begin buf bufif0 bufif1 case casex casez cell cmos config " +
+    "deassign default defparam design disable edge else end endcase endconfig endfunction endgenerate endmodule " +
+    "endprimitive endspecify endtable endtask event for force forever fork function generate genvar highz0 " +
+    "highz1 if ifnone incdir include initial inout input instance integer join large liblist library localparam " +
+    "macromodule medium module nand negedge nmos nor noshowcancelled not notif0 notif1 or output parameter pmos " +
+    "posedge primitive pull0 pull1 pulldown pullup pulsestyle_onevent pulsestyle_ondetect rcmos real realtime " +
+    "reg release repeat rnmos rpmos rtran rtranif0 rtranif1 scalared showcancelled signed small specify specparam " +
+    "strong0 strong1 supply0 supply1 table task time tran tranif0 tranif1 tri tri0 tri1 triand trior trireg " +
+    "unsigned use vectored wait wand weak0 weak1 while wire wor xnor xor";
+
+  var verilogBlockKeywords = "begin bufif0 bufif1 case casex casez config else end endcase endconfig endfunction " +
+    "endgenerate endmodule endprimitive endspecify endtable endtask for forever function generate if ifnone " +
+    "macromodule module primitive repeat specify table task while";
+
+  function metaHook(stream) {
+    stream.eatWhile(/[\w\$_]/);
+    return "meta";
+  }
+
+  CodeMirror.defineMIME("text/x-verilog", {
+    name: "verilog",
+    keywords: words(verilogKeywords),
+    blockKeywords: words(verilogBlockKeywords),
+    atoms: words("null"),
+    hooks: {"`": metaHook, "$": metaHook}
+  });
+}());
diff --git a/src/main/webapp/codemirror/mode/xml/index.html b/src/main/webapp/codemirror/mode/xml/index.html
new file mode 100644
index 00000000..873099aa
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/xml/index.html
@@ -0,0 +1,57 @@
+<!doctype html>
+
+<title>CodeMirror: XML mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="xml.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">XML</a>
+  </ul>
+</div>
+
+<article>
+<h2>XML mode</h2>
+<form><textarea id="code" name="code">
+&lt;html style="color: green"&gt;
+  &lt;!-- this is a comment --&gt;
+  &lt;head&gt;
+    &lt;title&gt;HTML Example&lt;/title&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    The indentation tries to be &lt;em&gt;somewhat &amp;quot;do what
+    I mean&amp;quot;&lt;/em&gt;... but might not match your style.
+  &lt;/body&gt;
+&lt;/html&gt;
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: {name: "xml", alignCDATA: true},
+        lineNumbers: true
+      });
+    </script>
+    <p>The XML mode supports two configuration parameters:</p>
+    <dl>
+      <dt><code>htmlMode (boolean)</code></dt>
+      <dd>This switches the mode to parse HTML instead of XML. This
+      means attributes do not have to be quoted, and some elements
+      (such as <code>br</code>) do not require a closing tag.</dd>
+      <dt><code>alignCDATA (boolean)</code></dt>
+      <dd>Setting this to true will force the opening tag of CDATA
+      blocks to not be indented.</dd>
+    </dl>
+
+    <p><strong>MIME types defined:</strong> <code>application/xml</code>, <code>text/html</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/xml/xml.js b/src/main/webapp/codemirror/mode/xml/xml.js
new file mode 100644
index 00000000..4f49e07f
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/xml/xml.js
@@ -0,0 +1,345 @@
+CodeMirror.defineMode("xml", function(config, parserConfig) {
+  var indentUnit = config.indentUnit;
+  var multilineTagIndentFactor = parserConfig.multilineTagIndentFactor || 1;
+  var multilineTagIndentPastTag = parserConfig.multilineTagIndentPastTag || true;
+
+  var Kludges = parserConfig.htmlMode ? {
+    autoSelfClosers: {'area': true, 'base': true, 'br': true, 'col': true, 'command': true,
+                      'embed': true, 'frame': true, 'hr': true, 'img': true, 'input': true,
+                      'keygen': true, 'link': true, 'meta': true, 'param': true, 'source': true,
+                      'track': true, 'wbr': true},
+    implicitlyClosed: {'dd': true, 'li': true, 'optgroup': true, 'option': true, 'p': true,
+                       'rp': true, 'rt': true, 'tbody': true, 'td': true, 'tfoot': true,
+                       'th': true, 'tr': true},
+    contextGrabbers: {
+      'dd': {'dd': true, 'dt': true},
+      'dt': {'dd': true, 'dt': true},
+      'li': {'li': true},
+      'option': {'option': true, 'optgroup': true},
+      'optgroup': {'optgroup': true},
+      'p': {'address': true, 'article': true, 'aside': true, 'blockquote': true, 'dir': true,
+            'div': true, 'dl': true, 'fieldset': true, 'footer': true, 'form': true,
+            'h1': true, 'h2': true, 'h3': true, 'h4': true, 'h5': true, 'h6': true,
+            'header': true, 'hgroup': true, 'hr': true, 'menu': true, 'nav': true, 'ol': true,
+            'p': true, 'pre': true, 'section': true, 'table': true, 'ul': true},
+      'rp': {'rp': true, 'rt': true},
+      'rt': {'rp': true, 'rt': true},
+      'tbody': {'tbody': true, 'tfoot': true},
+      'td': {'td': true, 'th': true},
+      'tfoot': {'tbody': true},
+      'th': {'td': true, 'th': true},
+      'thead': {'tbody': true, 'tfoot': true},
+      'tr': {'tr': true}
+    },
+    doNotIndent: {"pre": true},
+    allowUnquoted: true,
+    allowMissing: true
+  } : {
+    autoSelfClosers: {},
+    implicitlyClosed: {},
+    contextGrabbers: {},
+    doNotIndent: {},
+    allowUnquoted: false,
+    allowMissing: false
+  };
+  var alignCDATA = parserConfig.alignCDATA;
+
+  // Return variables for tokenizers
+  var tagName, type;
+
+  function inText(stream, state) {
+    function chain(parser) {
+      state.tokenize = parser;
+      return parser(stream, state);
+    }
+
+    var ch = stream.next();
+    if (ch == "<") {
+      if (stream.eat("!")) {
+        if (stream.eat("[")) {
+          if (stream.match("CDATA[")) return chain(inBlock("atom", "]]>"));
+          else return null;
+        } else if (stream.match("--")) {
+          return chain(inBlock("comment", "-->"));
+        } else if (stream.match("DOCTYPE", true, true)) {
+          stream.eatWhile(/[\w\._\-]/);
+          return chain(doctype(1));
+        } else {
+          return null;
+        }
+      } else if (stream.eat("?")) {
+        stream.eatWhile(/[\w\._\-]/);
+        state.tokenize = inBlock("meta", "?>");
+        return "meta";
+      } else {
+        var isClose = stream.eat("/");
+        tagName = "";
+        var c;
+        while ((c = stream.eat(/[^\s\u00a0=<>\"\'\/?]/))) tagName += c;
+        if (!tagName) return "tag error";
+        type = isClose ? "closeTag" : "openTag";
+        state.tokenize = inTag;
+        return "tag";
+      }
+    } else if (ch == "&") {
+      var ok;
+      if (stream.eat("#")) {
+        if (stream.eat("x")) {
+          ok = stream.eatWhile(/[a-fA-F\d]/) && stream.eat(";");
+        } else {
+          ok = stream.eatWhile(/[\d]/) && stream.eat(";");
+        }
+      } else {
+        ok = stream.eatWhile(/[\w\.\-:]/) && stream.eat(";");
+      }
+      return ok ? "atom" : "error";
+    } else {
+      stream.eatWhile(/[^&<]/);
+      return null;
+    }
+  }
+
+  function inTag(stream, state) {
+    var ch = stream.next();
+    if (ch == ">" || (ch == "/" && stream.eat(">"))) {
+      state.tokenize = inText;
+      type = ch == ">" ? "endTag" : "selfcloseTag";
+      return "tag";
+    } else if (ch == "=") {
+      type = "equals";
+      return null;
+    } else if (ch == "<") {
+      state.tokenize = inText;
+      var next = state.tokenize(stream, state);
+      return next ? next + " error" : "error";
+    } else if (/[\'\"]/.test(ch)) {
+      state.tokenize = inAttribute(ch);
+      state.stringStartCol = stream.column();
+      return state.tokenize(stream, state);
+    } else {
+      stream.eatWhile(/[^\s\u00a0=<>\"\']/);
+      return "word";
+    }
+  }
+
+  function inAttribute(quote) {
+    var closure = function(stream, state) {
+      while (!stream.eol()) {
+        if (stream.next() == quote) {
+          state.tokenize = inTag;
+          break;
+        }
+      }
+      return "string";
+    };
+    closure.isInAttribute = true;
+    return closure;
+  }
+
+  function inBlock(style, terminator) {
+    return function(stream, state) {
+      while (!stream.eol()) {
+        if (stream.match(terminator)) {
+          state.tokenize = inText;
+          break;
+        }
+        stream.next();
+      }
+      return style;
+    };
+  }
+  function doctype(depth) {
+    return function(stream, state) {
+      var ch;
+      while ((ch = stream.next()) != null) {
+        if (ch == "<") {
+          state.tokenize = doctype(depth + 1);
+          return state.tokenize(stream, state);
+        } else if (ch == ">") {
+          if (depth == 1) {
+            state.tokenize = inText;
+            break;
+          } else {
+            state.tokenize = doctype(depth - 1);
+            return state.tokenize(stream, state);
+          }
+        }
+      }
+      return "meta";
+    };
+  }
+
+  var curState, curStream, setStyle;
+  function pass() {
+    for (var i = arguments.length - 1; i >= 0; i--) curState.cc.push(arguments[i]);
+  }
+  function cont() {
+    pass.apply(null, arguments);
+    return true;
+  }
+
+  function pushContext(tagName, startOfLine) {
+    var noIndent = Kludges.doNotIndent.hasOwnProperty(tagName) || (curState.context && curState.context.noIndent);
+    curState.context = {
+      prev: curState.context,
+      tagName: tagName,
+      indent: curState.indented,
+      startOfLine: startOfLine,
+      noIndent: noIndent
+    };
+  }
+  function popContext() {
+    if (curState.context) curState.context = curState.context.prev;
+  }
+
+  function element(type) {
+    if (type == "openTag") {
+      curState.tagName = tagName;
+      curState.tagStart = curStream.column();
+      return cont(attributes, endtag(curState.startOfLine));
+    } else if (type == "closeTag") {
+      var err = false;
+      if (curState.context) {
+        if (curState.context.tagName != tagName) {
+          if (Kludges.implicitlyClosed.hasOwnProperty(curState.context.tagName.toLowerCase())) {
+            popContext();
+          }
+          err = !curState.context || curState.context.tagName != tagName;
+        }
+      } else {
+        err = true;
+      }
+      if (err) setStyle = "error";
+      return cont(endclosetag(err));
+    }
+    return cont();
+  }
+  function endtag(startOfLine) {
+    return function(type) {
+      var tagName = curState.tagName;
+      curState.tagName = curState.tagStart = null;
+      if (type == "selfcloseTag" ||
+          (type == "endTag" && Kludges.autoSelfClosers.hasOwnProperty(tagName.toLowerCase()))) {
+        maybePopContext(tagName.toLowerCase());
+        return cont();
+      }
+      if (type == "endTag") {
+        maybePopContext(tagName.toLowerCase());
+        pushContext(tagName, startOfLine);
+        return cont();
+      }
+      return cont();
+    };
+  }
+  function endclosetag(err) {
+    return function(type) {
+      if (err) setStyle = "error";
+      if (type == "endTag") { popContext(); return cont(); }
+      setStyle = "error";
+      return cont(arguments.callee);
+    };
+  }
+  function maybePopContext(nextTagName) {
+    var parentTagName;
+    while (true) {
+      if (!curState.context) {
+        return;
+      }
+      parentTagName = curState.context.tagName.toLowerCase();
+      if (!Kludges.contextGrabbers.hasOwnProperty(parentTagName) ||
+          !Kludges.contextGrabbers[parentTagName].hasOwnProperty(nextTagName)) {
+        return;
+      }
+      popContext();
+    }
+  }
+
+  function attributes(type) {
+    if (type == "word") {setStyle = "attribute"; return cont(attribute, attributes);}
+    if (type == "endTag" || type == "selfcloseTag") return pass();
+    setStyle = "error";
+    return cont(attributes);
+  }
+  function attribute(type) {
+    if (type == "equals") return cont(attvalue, attributes);
+    if (!Kludges.allowMissing) setStyle = "error";
+    else if (type == "word") {setStyle = "attribute"; return cont(attribute, attributes);}
+    return (type == "endTag" || type == "selfcloseTag") ? pass() : cont();
+  }
+  function attvalue(type) {
+    if (type == "string") return cont(attvaluemaybe);
+    if (type == "word" && Kludges.allowUnquoted) {setStyle = "string"; return cont();}
+    setStyle = "error";
+    return (type == "endTag" || type == "selfCloseTag") ? pass() : cont();
+  }
+  function attvaluemaybe(type) {
+    if (type == "string") return cont(attvaluemaybe);
+    else return pass();
+  }
+
+  return {
+    startState: function() {
+      return {tokenize: inText, cc: [], indented: 0, startOfLine: true, tagName: null, tagStart: null, context: null};
+    },
+
+    token: function(stream, state) {
+      if (!state.tagName && stream.sol()) {
+        state.startOfLine = true;
+        state.indented = stream.indentation();
+      }
+      if (stream.eatSpace()) return null;
+
+      setStyle = type = tagName = null;
+      var style = state.tokenize(stream, state);
+      state.type = type;
+      if ((style || type) && style != "comment") {
+        curState = state; curStream = stream;
+        while (true) {
+          var comb = state.cc.pop() || element;
+          if (comb(type || style)) break;
+        }
+      }
+      state.startOfLine = false;
+      if (setStyle)
+        style = setStyle == "error" ? style + " error" : setStyle;
+      return style;
+    },
+
+    indent: function(state, textAfter, fullLine) {
+      var context = state.context;
+      // Indent multi-line strings (e.g. css).
+      if (state.tokenize.isInAttribute) {
+        return state.stringStartCol + 1;
+      }
+      if ((state.tokenize != inTag && state.tokenize != inText) ||
+          context && context.noIndent)
+        return fullLine ? fullLine.match(/^(\s*)/)[0].length : 0;
+      // Indent the starts of attribute names.
+      if (state.tagName) {
+        if (multilineTagIndentPastTag)
+          return state.tagStart + state.tagName.length + 2;
+        else
+          return state.tagStart + indentUnit * multilineTagIndentFactor;
+      }
+      if (alignCDATA && /<!\[CDATA\[/.test(textAfter)) return 0;
+      if (context && /^<\//.test(textAfter))
+        context = context.prev;
+      while (context && !context.startOfLine)
+        context = context.prev;
+      if (context) return context.indent + indentUnit;
+      else return 0;
+    },
+
+    electricChars: "/",
+    blockCommentStart: "<!--",
+    blockCommentEnd: "-->",
+
+    configuration: parserConfig.htmlMode ? "html" : "xml",
+    helperType: parserConfig.htmlMode ? "html" : "xml"
+  };
+});
+
+CodeMirror.defineMIME("text/xml", "xml");
+CodeMirror.defineMIME("application/xml", "xml");
+if (!CodeMirror.mimeModes.hasOwnProperty("text/html"))
+  CodeMirror.defineMIME("text/html", {name: "xml", htmlMode: true});
diff --git a/src/main/webapp/codemirror/mode/xquery/index.html b/src/main/webapp/codemirror/mode/xquery/index.html
new file mode 100644
index 00000000..3baf5e3e
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/xquery/index.html
@@ -0,0 +1,210 @@
+<!doctype html>
+
+<title>CodeMirror: XQuery mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<link rel="stylesheet" href="../../theme/xq-dark.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="xquery.js"></script>
+<style type="text/css">
+	.CodeMirror {
+	  border-top: 1px solid black; border-bottom: 1px solid black;
+	  height:400px;
+	}
+    </style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">XQuery</a>
+  </ul>
+</div>
+
+<article>
+<h2>XQuery mode</h2>
+ 
+ 
+<div class="cm-s-default"> 
+	<textarea id="code" name="code"> 
+xquery version &quot;1.0-ml&quot;;
+(: this is
+ : a 
+   "comment" :)
+let $let := &lt;x attr=&quot;value&quot;&gt;&quot;test&quot;&lt;func&gt;function() $var {function()} {$var}&lt;/func&gt;&lt;/x&gt;
+let $joe:=1
+return element element {
+	attribute attribute { 1 },
+	element test { &#39;a&#39; }, 
+	attribute foo { &quot;bar&quot; },
+	fn:doc()[ foo/@bar eq $let ],
+	//x }    
+ 
+(: a more 'evil' test :)
+(: Modified Blakeley example (: with nested comment :) ... :)
+declare private function local:declare() {()};
+declare private function local:private() {()};
+declare private function local:function() {()};
+declare private function local:local() {()};
+let $let := &lt;let&gt;let $let := &quot;let&quot;&lt;/let&gt;
+return element element {
+	attribute attribute { try { xdmp:version() } catch($e) { xdmp:log($e) } },
+	attribute fn:doc { &quot;bar&quot; castable as xs:string },
+	element text { text { &quot;text&quot; } },
+	fn:doc()[ child::eq/(@bar | attribute::attribute) eq $let ],
+	//fn:doc
+}
+
+
+
+xquery version &quot;1.0-ml&quot;;
+
+(: Copyright 2006-2010 Mark Logic Corporation. :)
+
+(:
+ : Licensed under the Apache License, Version 2.0 (the &quot;License&quot;);
+ : you may not use this file except in compliance with the License.
+ : You may obtain a copy of the License at
+ :
+ :     http://www.apache.org/licenses/LICENSE-2.0
+ :
+ : Unless required by applicable law or agreed to in writing, software
+ : distributed under the License is distributed on an &quot;AS IS&quot; BASIS,
+ : WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ : See the License for the specific language governing permissions and
+ : limitations under the License.
+ :)
+
+module namespace json = &quot;http://marklogic.com/json&quot;;
+declare default function namespace &quot;http://www.w3.org/2005/xpath-functions&quot;;
+
+(: Need to backslash escape any double quotes, backslashes, and newlines :)
+declare function json:escape($s as xs:string) as xs:string {
+  let $s := replace($s, &quot;\\&quot;, &quot;\\\\&quot;)
+  let $s := replace($s, &quot;&quot;&quot;&quot;, &quot;\\&quot;&quot;&quot;)
+  let $s := replace($s, codepoints-to-string((13, 10)), &quot;\\n&quot;)
+  let $s := replace($s, codepoints-to-string(13), &quot;\\n&quot;)
+  let $s := replace($s, codepoints-to-string(10), &quot;\\n&quot;)
+  return $s
+};
+
+declare function json:atomize($x as element()) as xs:string {
+  if (count($x/node()) = 0) then 'null'
+  else if ($x/@type = &quot;number&quot;) then
+    let $castable := $x castable as xs:float or
+                     $x castable as xs:double or
+                     $x castable as xs:decimal
+    return
+    if ($castable) then xs:string($x)
+    else error(concat(&quot;Not a number: &quot;, xdmp:describe($x)))
+  else if ($x/@type = &quot;boolean&quot;) then
+    let $castable := $x castable as xs:boolean
+    return
+    if ($castable) then xs:string(xs:boolean($x))
+    else error(concat(&quot;Not a boolean: &quot;, xdmp:describe($x)))
+  else concat('&quot;', json:escape($x), '&quot;')
+};
+
+(: Print the thing that comes after the colon :)
+declare function json:print-value($x as element()) as xs:string {
+  if (count($x/*) = 0) then
+    json:atomize($x)
+  else if ($x/@quote = &quot;true&quot;) then
+    concat('&quot;', json:escape(xdmp:quote($x/node())), '&quot;')
+  else
+    string-join(('{',
+      string-join(for $i in $x/* return json:print-name-value($i), &quot;,&quot;),
+    '}'), &quot;&quot;)
+};
+
+(: Print the name and value both :)
+declare function json:print-name-value($x as element()) as xs:string? {
+  let $name := name($x)
+  let $first-in-array :=
+    count($x/preceding-sibling::*[name(.) = $name]) = 0 and
+    (count($x/following-sibling::*[name(.) = $name]) &gt; 0 or $x/@array = &quot;true&quot;)
+  let $later-in-array := count($x/preceding-sibling::*[name(.) = $name]) &gt; 0
+  return
+
+  if ($later-in-array) then
+    ()  (: I was handled previously :)
+  else if ($first-in-array) then
+    string-join(('&quot;', json:escape($name), '&quot;:[',
+      string-join((for $i in ($x, $x/following-sibling::*[name(.) = $name]) return json:print-value($i)), &quot;,&quot;),
+    ']'), &quot;&quot;)
+   else
+     string-join(('&quot;', json:escape($name), '&quot;:', json:print-value($x)), &quot;&quot;)
+};
+
+(:~
+  Transforms an XML element into a JSON string representation.  See http://json.org.
+  &lt;p/&gt;
+  Sample usage:
+  &lt;pre&gt;
+    xquery version &quot;1.0-ml&quot;;
+    import module namespace json=&quot;http://marklogic.com/json&quot; at &quot;json.xqy&quot;;
+    json:serialize(&amp;lt;foo&amp;gt;&amp;lt;bar&amp;gt;kid&amp;lt;/bar&amp;gt;&amp;lt;/foo&amp;gt;)
+  &lt;/pre&gt;
+  Sample transformations:
+  &lt;pre&gt;
+  &amp;lt;e/&amp;gt; becomes {&quot;e&quot;:null}
+  &amp;lt;e&amp;gt;text&amp;lt;/e&amp;gt; becomes {&quot;e&quot;:&quot;text&quot;}
+  &amp;lt;e&amp;gt;quote &quot; escaping&amp;lt;/e&amp;gt; becomes {&quot;e&quot;:&quot;quote \&quot; escaping&quot;}
+  &amp;lt;e&amp;gt;backslash \ escaping&amp;lt;/e&amp;gt; becomes {&quot;e&quot;:&quot;backslash \\ escaping&quot;}
+  &amp;lt;e&amp;gt;&amp;lt;a&amp;gt;text1&amp;lt;/a&amp;gt;&amp;lt;b&amp;gt;text2&amp;lt;/b&amp;gt;&amp;lt;/e&amp;gt; becomes {&quot;e&quot;:{&quot;a&quot;:&quot;text1&quot;,&quot;b&quot;:&quot;text2&quot;}}
+  &amp;lt;e&amp;gt;&amp;lt;a&amp;gt;text1&amp;lt;/a&amp;gt;&amp;lt;a&amp;gt;text2&amp;lt;/a&amp;gt;&amp;lt;/e&amp;gt; becomes {&quot;e&quot;:{&quot;a&quot;:[&quot;text1&quot;,&quot;text2&quot;]}}
+  &amp;lt;e&amp;gt;&amp;lt;a array=&quot;true&quot;&amp;gt;text1&amp;lt;/a&amp;gt;&amp;lt;/e&amp;gt; becomes {&quot;e&quot;:{&quot;a&quot;:[&quot;text1&quot;]}}
+  &amp;lt;e&amp;gt;&amp;lt;a type=&quot;boolean&quot;&amp;gt;false&amp;lt;/a&amp;gt;&amp;lt;/e&amp;gt; becomes {&quot;e&quot;:{&quot;a&quot;:false}}
+  &amp;lt;e&amp;gt;&amp;lt;a type=&quot;number&quot;&amp;gt;123.5&amp;lt;/a&amp;gt;&amp;lt;/e&amp;gt; becomes {&quot;e&quot;:{&quot;a&quot;:123.5}}
+  &amp;lt;e quote=&quot;true&quot;&amp;gt;&amp;lt;div attrib=&quot;value&quot;/&amp;gt;&amp;lt;/e&amp;gt; becomes {&quot;e&quot;:&quot;&amp;lt;div attrib=\&quot;value\&quot;/&amp;gt;&quot;}
+  &lt;/pre&gt;
+  &lt;p/&gt;
+  Namespace URIs are ignored.  Namespace prefixes are included in the JSON name.
+  &lt;p/&gt;
+  Attributes are ignored, except for the special attribute @array=&quot;true&quot; that
+  indicates the JSON serialization should write the node, even if single, as an
+  array, and the attribute @type that can be set to &quot;boolean&quot; or &quot;number&quot; to
+  dictate the value should be written as that type (unquoted).  There's also
+  an @quote attribute that when set to true writes the inner content as text
+  rather than as structured JSON, useful for sending some XHTML over the
+  wire.
+  &lt;p/&gt;
+  Text nodes within mixed content are ignored.
+
+  @param $x Element node to convert
+  @return String holding JSON serialized representation of $x
+
+  @author Jason Hunter
+  @version 1.0.1
+  
+  Ported to xquery 1.0-ml; double escaped backslashes in json:escape
+:)
+declare function json:serialize($x as element())  as xs:string {
+  string-join(('{', json:print-name-value($x), '}'), &quot;&quot;)
+};
+  </textarea> 
+</div> 
+ 
+    <script> 
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true,
+        matchBrackets: true,
+        theme: "xq-dark"
+      });
+    </script> 
+ 
+    <p><strong>MIME types defined:</strong> <code>application/xquery</code>.</p> 
+ 
+    <p>Development of the CodeMirror XQuery mode was sponsored by 
+      <a href="http://marklogic.com">MarkLogic</a> and developed by 
+      <a href="https://twitter.com/mbrevoort">Mike Brevoort</a>.
+    </p>
+ 
+  </article>
diff --git a/src/main/webapp/codemirror/mode/xquery/test.js b/src/main/webapp/codemirror/mode/xquery/test.js
new file mode 100644
index 00000000..41719dd1
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/xquery/test.js
@@ -0,0 +1,64 @@
+// Don't take these too seriously -- the expected results appear to be
+// based on the results of actual runs without any serious manual
+// verification. If a change you made causes them to fail, the test is
+// as likely to wrong as the code.
+
+(function() {
+  var mode = CodeMirror.getMode({tabSize: 4}, "xquery");
+  function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1)); }
+
+  MT("eviltest",
+     "[keyword xquery] [keyword version] [variable &quot;1][keyword .][atom 0][keyword -][variable ml&quot;][def&variable ;]      [comment (: this is       : a          \"comment\" :)]",
+     "      [keyword let] [variable $let] [keyword :=] [variable &lt;x] [variable attr][keyword =][variable &quot;value&quot;&gt;&quot;test&quot;&lt;func&gt][def&variable ;function]() [variable $var] {[keyword function]()} {[variable $var]}[variable &lt;][keyword /][variable func&gt;&lt;][keyword /][variable x&gt;]",
+     "      [keyword let] [variable $joe][keyword :=][atom 1]",
+     "      [keyword return] [keyword element] [variable element] {",
+     "          [keyword attribute] [variable attribute] { [atom 1] },",
+     "          [keyword element] [variable test] { [variable &#39;a&#39;] },           [keyword attribute] [variable foo] { [variable &quot;bar&quot;] },",
+     "          [def&variable fn:doc]()[[ [variable foo][keyword /][variable @bar] [keyword eq] [variable $let] ]],",
+     "          [keyword //][variable x] }                 [comment (: a more 'evil' test :)]",
+     "      [comment (: Modified Blakeley example (: with nested comment :) ... :)]",
+     "      [keyword declare] [keyword private] [keyword function] [def&variable local:declare]() {()}[variable ;]",
+     "      [keyword declare] [keyword private] [keyword function] [def&variable local:private]() {()}[variable ;]",
+     "      [keyword declare] [keyword private] [keyword function] [def&variable local:function]() {()}[variable ;]",
+     "      [keyword declare] [keyword private] [keyword function] [def&variable local:local]() {()}[variable ;]",
+     "      [keyword let] [variable $let] [keyword :=] [variable &lt;let&gt;let] [variable $let] [keyword :=] [variable &quot;let&quot;&lt;][keyword /let][variable &gt;]",
+     "      [keyword return] [keyword element] [variable element] {",
+     "          [keyword attribute] [variable attribute] { [keyword try] { [def&variable xdmp:version]() } [keyword catch]([variable $e]) { [def&variable xdmp:log]([variable $e]) } },",
+     "          [keyword attribute] [variable fn:doc] { [variable &quot;bar&quot;] [variable castable] [keyword as] [atom xs:string] },",
+     "          [keyword element] [variable text] { [keyword text] { [variable &quot;text&quot;] } },",
+     "          [def&variable fn:doc]()[[ [qualifier child::][variable eq][keyword /]([variable @bar] [keyword |] [qualifier attribute::][variable attribute]) [keyword eq] [variable $let] ]],",
+     "          [keyword //][variable fn:doc]",
+     "      }");
+
+  MT("testEmptySequenceKeyword",
+     "[string \"foo\"] [keyword instance] [keyword of] [keyword empty-sequence]()");
+
+  MT("testMultiAttr",
+     "[tag <p ][attribute a1]=[string \"foo\"] [attribute a2]=[string \"bar\"][tag >][variable hello] [variable world][tag </p>]");
+
+  MT("test namespaced variable",
+     "[keyword declare] [keyword namespace] [variable e] [keyword =] [string \"http://example.com/ANamespace\"][variable ;declare] [keyword variable] [variable $e:exampleComThisVarIsNotRecognized] [keyword as] [keyword element]([keyword *]) [variable external;]");
+
+  MT("test EQName variable",
+     "[keyword declare] [keyword variable] [variable $\"http://www.example.com/ns/my\":var] [keyword :=] [atom 12][variable ;]",
+     "[tag <out>]{[variable $\"http://www.example.com/ns/my\":var]}[tag </out>]");
+
+  MT("test EQName function",
+     "[keyword declare] [keyword function] [def&variable \"http://www.example.com/ns/my\":fn] ([variable $a] [keyword as] [atom xs:integer]) [keyword as] [atom xs:integer] {",
+     "   [variable $a] [keyword +] [atom 2]",
+     "}[variable ;]",
+     "[tag <out>]{[def&variable \"http://www.example.com/ns/my\":fn]([atom 12])}[tag </out>]");
+
+  MT("test EQName function with single quotes",
+     "[keyword declare] [keyword function] [def&variable 'http://www.example.com/ns/my':fn] ([variable $a] [keyword as] [atom xs:integer]) [keyword as] [atom xs:integer] {",
+     "   [variable $a] [keyword +] [atom 2]",
+     "}[variable ;]",
+     "[tag <out>]{[def&variable 'http://www.example.com/ns/my':fn]([atom 12])}[tag </out>]");
+
+  MT("testProcessingInstructions",
+     "[def&variable data]([comment&meta <?target content?>]) [keyword instance] [keyword of] [atom xs:string]");
+
+  MT("testQuoteEscapeDouble",
+     "[keyword let] [variable $rootfolder] [keyword :=] [string \"c:\\builds\\winnt\\HEAD\\qa\\scripts\\\"]",
+     "[keyword let] [variable $keysfolder] [keyword :=] [def&variable concat]([variable $rootfolder], [string \"keys\\\"])");
+})();
diff --git a/src/main/webapp/codemirror/mode/xquery/xquery.js b/src/main/webapp/codemirror/mode/xquery/xquery.js
new file mode 100644
index 00000000..be179846
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/xquery/xquery.js
@@ -0,0 +1,432 @@
+CodeMirror.defineMode("xquery", function() {
+
+  // The keywords object is set to the result of this self executing
+  // function. Each keyword is a property of the keywords object whose
+  // value is {type: atype, style: astyle}
+  var keywords = function(){
+    // conveinence functions used to build keywords object
+    function kw(type) {return {type: type, style: "keyword"};}
+    var A = kw("keyword a")
+      , B = kw("keyword b")
+      , C = kw("keyword c")
+      , operator = kw("operator")
+      , atom = {type: "atom", style: "atom"}
+      , punctuation = {type: "punctuation", style: null}
+      , qualifier = {type: "axis_specifier", style: "qualifier"};
+
+    // kwObj is what is return from this function at the end
+    var kwObj = {
+      'if': A, 'switch': A, 'while': A, 'for': A,
+      'else': B, 'then': B, 'try': B, 'finally': B, 'catch': B,
+      'element': C, 'attribute': C, 'let': C, 'implements': C, 'import': C, 'module': C, 'namespace': C,
+      'return': C, 'super': C, 'this': C, 'throws': C, 'where': C, 'private': C,
+      ',': punctuation,
+      'null': atom, 'fn:false()': atom, 'fn:true()': atom
+    };
+
+    // a list of 'basic' keywords. For each add a property to kwObj with the value of
+    // {type: basic[i], style: "keyword"} e.g. 'after' --> {type: "after", style: "keyword"}
+    var basic = ['after','ancestor','ancestor-or-self','and','as','ascending','assert','attribute','before',
+    'by','case','cast','child','comment','declare','default','define','descendant','descendant-or-self',
+    'descending','document','document-node','element','else','eq','every','except','external','following',
+    'following-sibling','follows','for','function','if','import','in','instance','intersect','item',
+    'let','module','namespace','node','node','of','only','or','order','parent','precedes','preceding',
+    'preceding-sibling','processing-instruction','ref','return','returns','satisfies','schema','schema-element',
+    'self','some','sortby','stable','text','then','to','treat','typeswitch','union','variable','version','where',
+    'xquery', 'empty-sequence'];
+    for(var i=0, l=basic.length; i < l; i++) { kwObj[basic[i]] = kw(basic[i]);};
+
+    // a list of types. For each add a property to kwObj with the value of
+    // {type: "atom", style: "atom"}
+    var types = ['xs:string', 'xs:float', 'xs:decimal', 'xs:double', 'xs:integer', 'xs:boolean', 'xs:date', 'xs:dateTime',
+    'xs:time', 'xs:duration', 'xs:dayTimeDuration', 'xs:time', 'xs:yearMonthDuration', 'numeric', 'xs:hexBinary',
+    'xs:base64Binary', 'xs:anyURI', 'xs:QName', 'xs:byte','xs:boolean','xs:anyURI','xf:yearMonthDuration'];
+    for(var i=0, l=types.length; i < l; i++) { kwObj[types[i]] = atom;};
+
+    // each operator will add a property to kwObj with value of {type: "operator", style: "keyword"}
+    var operators = ['eq', 'ne', 'lt', 'le', 'gt', 'ge', ':=', '=', '>', '>=', '<', '<=', '.', '|', '?', 'and', 'or', 'div', 'idiv', 'mod', '*', '/', '+', '-'];
+    for(var i=0, l=operators.length; i < l; i++) { kwObj[operators[i]] = operator;};
+
+    // each axis_specifiers will add a property to kwObj with value of {type: "axis_specifier", style: "qualifier"}
+    var axis_specifiers = ["self::", "attribute::", "child::", "descendant::", "descendant-or-self::", "parent::",
+    "ancestor::", "ancestor-or-self::", "following::", "preceding::", "following-sibling::", "preceding-sibling::"];
+    for(var i=0, l=axis_specifiers.length; i < l; i++) { kwObj[axis_specifiers[i]] = qualifier; };
+
+    return kwObj;
+  }();
+
+  // Used as scratch variables to communicate multiple values without
+  // consing up tons of objects.
+  var type, content;
+
+  function ret(tp, style, cont) {
+    type = tp; content = cont;
+    return style;
+  }
+
+  function chain(stream, state, f) {
+    state.tokenize = f;
+    return f(stream, state);
+  }
+
+  // the primary mode tokenizer
+  function tokenBase(stream, state) {
+    var ch = stream.next(),
+        mightBeFunction = false,
+        isEQName = isEQNameAhead(stream);
+
+    // an XML tag (if not in some sub, chained tokenizer)
+    if (ch == "<") {
+      if(stream.match("!--", true))
+        return chain(stream, state, tokenXMLComment);
+
+      if(stream.match("![CDATA", false)) {
+        state.tokenize = tokenCDATA;
+        return ret("tag", "tag");
+      }
+
+      if(stream.match("?", false)) {
+        return chain(stream, state, tokenPreProcessing);
+      }
+
+      var isclose = stream.eat("/");
+      stream.eatSpace();
+      var tagName = "", c;
+      while ((c = stream.eat(/[^\s\u00a0=<>\"\'\/?]/))) tagName += c;
+
+      return chain(stream, state, tokenTag(tagName, isclose));
+    }
+    // start code block
+    else if(ch == "{") {
+      pushStateStack(state,{ type: "codeblock"});
+      return ret("", null);
+    }
+    // end code block
+    else if(ch == "}") {
+      popStateStack(state);
+      return ret("", null);
+    }
+    // if we're in an XML block
+    else if(isInXmlBlock(state)) {
+      if(ch == ">")
+        return ret("tag", "tag");
+      else if(ch == "/" && stream.eat(">")) {
+        popStateStack(state);
+        return ret("tag", "tag");
+      }
+      else
+        return ret("word", "variable");
+    }
+    // if a number
+    else if (/\d/.test(ch)) {
+      stream.match(/^\d*(?:\.\d*)?(?:E[+\-]?\d+)?/);
+      return ret("number", "atom");
+    }
+    // comment start
+    else if (ch === "(" && stream.eat(":")) {
+      pushStateStack(state, { type: "comment"});
+      return chain(stream, state, tokenComment);
+    }
+    // quoted string
+    else if (  !isEQName && (ch === '"' || ch === "'"))
+      return chain(stream, state, tokenString(ch));
+    // variable
+    else if(ch === "$") {
+      return chain(stream, state, tokenVariable);
+    }
+    // assignment
+    else if(ch ===":" && stream.eat("=")) {
+      return ret("operator", "keyword");
+    }
+    // open paren
+    else if(ch === "(") {
+      pushStateStack(state, { type: "paren"});
+      return ret("", null);
+    }
+    // close paren
+    else if(ch === ")") {
+      popStateStack(state);
+      return ret("", null);
+    }
+    // open paren
+    else if(ch === "[") {
+      pushStateStack(state, { type: "bracket"});
+      return ret("", null);
+    }
+    // close paren
+    else if(ch === "]") {
+      popStateStack(state);
+      return ret("", null);
+    }
+    else {
+      var known = keywords.propertyIsEnumerable(ch) && keywords[ch];
+
+      // if there's a EQName ahead, consume the rest of the string portion, it's likely a function
+      if(isEQName && ch === '\"') while(stream.next() !== '"'){}
+      if(isEQName && ch === '\'') while(stream.next() !== '\''){}
+
+      // gobble up a word if the character is not known
+      if(!known) stream.eatWhile(/[\w\$_-]/);
+
+      // gobble a colon in the case that is a lib func type call fn:doc
+      var foundColon = stream.eat(":");
+
+      // if there's not a second colon, gobble another word. Otherwise, it's probably an axis specifier
+      // which should get matched as a keyword
+      if(!stream.eat(":") && foundColon) {
+        stream.eatWhile(/[\w\$_-]/);
+      }
+      // if the next non whitespace character is an open paren, this is probably a function (if not a keyword of other sort)
+      if(stream.match(/^[ \t]*\(/, false)) {
+        mightBeFunction = true;
+      }
+      // is the word a keyword?
+      var word = stream.current();
+      known = keywords.propertyIsEnumerable(word) && keywords[word];
+
+      // if we think it's a function call but not yet known,
+      // set style to variable for now for lack of something better
+      if(mightBeFunction && !known) known = {type: "function_call", style: "variable def"};
+
+      // if the previous word was element, attribute, axis specifier, this word should be the name of that
+      if(isInXmlConstructor(state)) {
+        popStateStack(state);
+        return ret("word", "variable", word);
+      }
+      // as previously checked, if the word is element,attribute, axis specifier, call it an "xmlconstructor" and
+      // push the stack so we know to look for it on the next word
+      if(word == "element" || word == "attribute" || known.type == "axis_specifier") pushStateStack(state, {type: "xmlconstructor"});
+
+      // if the word is known, return the details of that else just call this a generic 'word'
+      return known ? ret(known.type, known.style, word) :
+                     ret("word", "variable", word);
+    }
+  }
+
+  // handle comments, including nested
+  function tokenComment(stream, state) {
+    var maybeEnd = false, maybeNested = false, nestedCount = 0, ch;
+    while (ch = stream.next()) {
+      if (ch == ")" && maybeEnd) {
+        if(nestedCount > 0)
+          nestedCount--;
+        else {
+          popStateStack(state);
+          break;
+        }
+      }
+      else if(ch == ":" && maybeNested) {
+        nestedCount++;
+      }
+      maybeEnd = (ch == ":");
+      maybeNested = (ch == "(");
+    }
+
+    return ret("comment", "comment");
+  }
+
+  // tokenizer for string literals
+  // optionally pass a tokenizer function to set state.tokenize back to when finished
+  function tokenString(quote, f) {
+    return function(stream, state) {
+      var ch;
+
+      if(isInString(state) && stream.current() == quote) {
+        popStateStack(state);
+        if(f) state.tokenize = f;
+        return ret("string", "string");
+      }
+
+      pushStateStack(state, { type: "string", name: quote, tokenize: tokenString(quote, f) });
+
+      // if we're in a string and in an XML block, allow an embedded code block
+      if(stream.match("{", false) && isInXmlAttributeBlock(state)) {
+        state.tokenize = tokenBase;
+        return ret("string", "string");
+      }
+
+
+      while (ch = stream.next()) {
+        if (ch ==  quote) {
+          popStateStack(state);
+          if(f) state.tokenize = f;
+          break;
+        }
+        else {
+          // if we're in a string and in an XML block, allow an embedded code block in an attribute
+          if(stream.match("{", false) && isInXmlAttributeBlock(state)) {
+            state.tokenize = tokenBase;
+            return ret("string", "string");
+          }
+
+        }
+      }
+
+      return ret("string", "string");
+    };
+  }
+
+  // tokenizer for variables
+  function tokenVariable(stream, state) {
+    var isVariableChar = /[\w\$_-]/;
+
+    // a variable may start with a quoted EQName so if the next character is quote, consume to the next quote
+    if(stream.eat("\"")) {
+      while(stream.next() !== '\"'){};
+      stream.eat(":");
+    } else {
+      stream.eatWhile(isVariableChar);
+      if(!stream.match(":=", false)) stream.eat(":");
+    }
+    stream.eatWhile(isVariableChar);
+    state.tokenize = tokenBase;
+    return ret("variable", "variable");
+  }
+
+  // tokenizer for XML tags
+  function tokenTag(name, isclose) {
+    return function(stream, state) {
+      stream.eatSpace();
+      if(isclose && stream.eat(">")) {
+        popStateStack(state);
+        state.tokenize = tokenBase;
+        return ret("tag", "tag");
+      }
+      // self closing tag without attributes?
+      if(!stream.eat("/"))
+        pushStateStack(state, { type: "tag", name: name, tokenize: tokenBase});
+      if(!stream.eat(">")) {
+        state.tokenize = tokenAttribute;
+        return ret("tag", "tag");
+      }
+      else {
+        state.tokenize = tokenBase;
+      }
+      return ret("tag", "tag");
+    };
+  }
+
+  // tokenizer for XML attributes
+  function tokenAttribute(stream, state) {
+    var ch = stream.next();
+
+    if(ch == "/" && stream.eat(">")) {
+      if(isInXmlAttributeBlock(state)) popStateStack(state);
+      if(isInXmlBlock(state)) popStateStack(state);
+      return ret("tag", "tag");
+    }
+    if(ch == ">") {
+      if(isInXmlAttributeBlock(state)) popStateStack(state);
+      return ret("tag", "tag");
+    }
+    if(ch == "=")
+      return ret("", null);
+    // quoted string
+    if (ch == '"' || ch == "'")
+      return chain(stream, state, tokenString(ch, tokenAttribute));
+
+    if(!isInXmlAttributeBlock(state))
+      pushStateStack(state, { type: "attribute", tokenize: tokenAttribute});
+
+    stream.eat(/[a-zA-Z_:]/);
+    stream.eatWhile(/[-a-zA-Z0-9_:.]/);
+    stream.eatSpace();
+
+    // the case where the attribute has not value and the tag was closed
+    if(stream.match(">", false) || stream.match("/", false)) {
+      popStateStack(state);
+      state.tokenize = tokenBase;
+    }
+
+    return ret("attribute", "attribute");
+  }
+
+  // handle comments, including nested
+  function tokenXMLComment(stream, state) {
+    var ch;
+    while (ch = stream.next()) {
+      if (ch == "-" && stream.match("->", true)) {
+        state.tokenize = tokenBase;
+        return ret("comment", "comment");
+      }
+    }
+  }
+
+
+  // handle CDATA
+  function tokenCDATA(stream, state) {
+    var ch;
+    while (ch = stream.next()) {
+      if (ch == "]" && stream.match("]", true)) {
+        state.tokenize = tokenBase;
+        return ret("comment", "comment");
+      }
+    }
+  }
+
+  // handle preprocessing instructions
+  function tokenPreProcessing(stream, state) {
+    var ch;
+    while (ch = stream.next()) {
+      if (ch == "?" && stream.match(">", true)) {
+        state.tokenize = tokenBase;
+        return ret("comment", "comment meta");
+      }
+    }
+  }
+
+
+  // functions to test the current context of the state
+  function isInXmlBlock(state) { return isIn(state, "tag"); }
+  function isInXmlAttributeBlock(state) { return isIn(state, "attribute"); }
+  function isInXmlConstructor(state) { return isIn(state, "xmlconstructor"); }
+  function isInString(state) { return isIn(state, "string"); }
+
+  function isEQNameAhead(stream) {
+    // assume we've already eaten a quote (")
+    if(stream.current() === '"')
+      return stream.match(/^[^\"]+\"\:/, false);
+    else if(stream.current() === '\'')
+      return stream.match(/^[^\"]+\'\:/, false);
+    else
+      return false;
+  }
+
+  function isIn(state, type) {
+    return (state.stack.length && state.stack[state.stack.length - 1].type == type);
+  }
+
+  function pushStateStack(state, newState) {
+    state.stack.push(newState);
+  }
+
+  function popStateStack(state) {
+    state.stack.pop();
+    var reinstateTokenize = state.stack.length && state.stack[state.stack.length-1].tokenize;
+    state.tokenize = reinstateTokenize || tokenBase;
+  }
+
+  // the interface for the mode API
+  return {
+    startState: function() {
+      return {
+        tokenize: tokenBase,
+        cc: [],
+        stack: []
+      };
+    },
+
+    token: function(stream, state) {
+      if (stream.eatSpace()) return null;
+      var style = state.tokenize(stream, state);
+      return style;
+    },
+
+    blockCommentStart: "(:",
+    blockCommentEnd: ":)"
+
+  };
+
+});
+
+CodeMirror.defineMIME("application/xquery", "xquery");
diff --git a/src/main/webapp/codemirror/mode/yaml/index.html b/src/main/webapp/codemirror/mode/yaml/index.html
new file mode 100644
index 00000000..bbb40a3c
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/yaml/index.html
@@ -0,0 +1,80 @@
+<!doctype html>
+
+<title>CodeMirror: YAML mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="yaml.js"></script>
+<style>.CodeMirror { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">YAML</a>
+  </ul>
+</div>
+
+<article>
+<h2>YAML mode</h2>
+<form><textarea id="code" name="code">
+--- # Favorite movies
+- Casablanca
+- North by Northwest
+- The Man Who Wasn't There
+--- # Shopping list
+[milk, pumpkin pie, eggs, juice]
+--- # Indented Blocks, common in YAML data files, use indentation and new lines to separate the key: value pairs
+  name: John Smith
+  age: 33
+--- # Inline Blocks, common in YAML data streams, use commas to separate the key: value pairs between braces
+{name: John Smith, age: 33}
+---
+receipt:     Oz-Ware Purchase Invoice
+date:        2007-08-06
+customer:
+    given:   Dorothy
+    family:  Gale
+
+items:
+    - part_no:   A4786
+      descrip:   Water Bucket (Filled)
+      price:     1.47
+      quantity:  4
+
+    - part_no:   E1628
+      descrip:   High Heeled "Ruby" Slippers
+      size:       8
+      price:     100.27
+      quantity:  1
+
+bill-to:  &id001
+    street: |
+            123 Tornado Alley
+            Suite 16
+    city:   East Centerville
+    state:  KS
+
+ship-to:  *id001
+
+specialDelivery:  >
+    Follow the Yellow Brick
+    Road to the Emerald City.
+    Pay no attention to the
+    man behind the curtain.
+...
+</textarea></form>
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
+    </script>
+
+    <p><strong>MIME types defined:</strong> <code>text/x-yaml</code>.</p>
+
+  </article>
diff --git a/src/main/webapp/codemirror/mode/yaml/yaml.js b/src/main/webapp/codemirror/mode/yaml/yaml.js
new file mode 100644
index 00000000..efacd7d5
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/yaml/yaml.js
@@ -0,0 +1,97 @@
+CodeMirror.defineMode("yaml", function() {
+
+  var cons = ['true', 'false', 'on', 'off', 'yes', 'no'];
+  var keywordRegex = new RegExp("\\b(("+cons.join(")|(")+"))$", 'i');
+
+  return {
+    token: function(stream, state) {
+      var ch = stream.peek();
+      var esc = state.escaped;
+      state.escaped = false;
+      /* comments */
+      if (ch == "#" && (stream.pos == 0 || /\s/.test(stream.string.charAt(stream.pos - 1)))) {
+        stream.skipToEnd(); return "comment";
+      }
+      if (state.literal && stream.indentation() > state.keyCol) {
+        stream.skipToEnd(); return "string";
+      } else if (state.literal) { state.literal = false; }
+      if (stream.sol()) {
+        state.keyCol = 0;
+        state.pair = false;
+        state.pairStart = false;
+        /* document start */
+        if(stream.match(/---/)) { return "def"; }
+        /* document end */
+        if (stream.match(/\.\.\./)) { return "def"; }
+        /* array list item */
+        if (stream.match(/\s*-\s+/)) { return 'meta'; }
+      }
+      /* inline pairs/lists */
+      if (stream.match(/^(\{|\}|\[|\])/)) {
+        if (ch == '{')
+          state.inlinePairs++;
+        else if (ch == '}')
+          state.inlinePairs--;
+        else if (ch == '[')
+          state.inlineList++;
+        else
+          state.inlineList--;
+        return 'meta';
+      }
+
+      /* list seperator */
+      if (state.inlineList > 0 && !esc && ch == ',') {
+        stream.next();
+        return 'meta';
+      }
+      /* pairs seperator */
+      if (state.inlinePairs > 0 && !esc && ch == ',') {
+        state.keyCol = 0;
+        state.pair = false;
+        state.pairStart = false;
+        stream.next();
+        return 'meta';
+      }
+
+      /* start of value of a pair */
+      if (state.pairStart) {
+        /* block literals */
+        if (stream.match(/^\s*(\||\>)\s*/)) { state.literal = true; return 'meta'; };
+        /* references */
+        if (stream.match(/^\s*(\&|\*)[a-z0-9\._-]+\b/i)) { return 'variable-2'; }
+        /* numbers */
+        if (state.inlinePairs == 0 && stream.match(/^\s*-?[0-9\.\,]+\s?$/)) { return 'number'; }
+        if (state.inlinePairs > 0 && stream.match(/^\s*-?[0-9\.\,]+\s?(?=(,|}))/)) { return 'number'; }
+        /* keywords */
+        if (stream.match(keywordRegex)) { return 'keyword'; }
+      }
+
+      /* pairs (associative arrays) -> key */
+      if (!state.pair && stream.match(/^\s*\S+(?=\s*:($|\s))/i)) {
+        state.pair = true;
+        state.keyCol = stream.indentation();
+        return "atom";
+      }
+      if (state.pair && stream.match(/^:\s*/)) { state.pairStart = true; return 'meta'; }
+
+      /* nothing found, continue */
+      state.pairStart = false;
+      state.escaped = (ch == '\\');
+      stream.next();
+      return null;
+    },
+    startState: function() {
+      return {
+        pair: false,
+        pairStart: false,
+        keyCol: 0,
+        inlinePairs: 0,
+        inlineList: 0,
+        literal: false,
+        escaped: false
+      };
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/x-yaml", "yaml");
diff --git a/src/main/webapp/codemirror/mode/z80/index.html b/src/main/webapp/codemirror/mode/z80/index.html
new file mode 100644
index 00000000..b63c9621
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/z80/index.html
@@ -0,0 +1,52 @@
+<!doctype html>
+
+<title>CodeMirror: Z80 assembly mode</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../../doc/docs.css">
+
+<link rel="stylesheet" href="../../lib/codemirror.css">
+<script src="../../lib/codemirror.js"></script>
+<script src="z80.js"></script>
+<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../../index.html">Home</a>
+    <li><a href="../../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a href="../index.html">Language modes</a>
+    <li><a class=active href="#">Z80 assembly</a>
+  </ul>
+</div>
+
+<article>
+<h2>Z80 assembly mode</h2>
+
+
+<div><textarea id="code" name="code">
+#include    "ti83plus.inc"
+#define     progStart   $9D95
+.org        progStart-2
+.db         $BB,$6D
+    bcall(_ClrLCDFull)
+    ld  HL, 0
+    ld  (PenCol),   HL
+    ld  HL, Message
+    bcall(_PutS) ; Displays the string
+    bcall(_NewLine)
+    ret
+Message:
+.db         "Hello world!",0
+</textarea></div>
+
+    <script>
+      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        lineNumbers: true
+      });
+    </script>
+
+    <p><strong>MIME type defined:</strong> <code>text/x-z80</code>.</p>
+  </article>
diff --git a/src/main/webapp/codemirror/mode/z80/z80.js b/src/main/webapp/codemirror/mode/z80/z80.js
new file mode 100644
index 00000000..ff43d32b
--- /dev/null
+++ b/src/main/webapp/codemirror/mode/z80/z80.js
@@ -0,0 +1,85 @@
+CodeMirror.defineMode('z80', function() {
+  var keywords1 = /^(exx?|(ld|cp|in)([di]r?)?|pop|push|ad[cd]|cpl|daa|dec|inc|neg|sbc|sub|and|bit|[cs]cf|x?or|res|set|r[lr]c?a?|r[lr]d|s[lr]a|srl|djnz|nop|rst|[de]i|halt|im|ot[di]r|out[di]?)\b/i;
+  var keywords2 = /^(call|j[pr]|ret[in]?)\b/i;
+  var keywords3 = /^b_?(call|jump)\b/i;
+  var variables1 = /^(af?|bc?|c|de?|e|hl?|l|i[xy]?|r|sp)\b/i;
+  var variables2 = /^(n?[zc]|p[oe]?|m)\b/i;
+  var errors = /^([hl][xy]|i[xy][hl]|slia|sll)\b/i;
+  var numbers = /^([\da-f]+h|[0-7]+o|[01]+b|\d+)\b/i;
+
+  return {
+    startState: function() {
+      return {context: 0};
+    },
+    token: function(stream, state) {
+      if (!stream.column())
+        state.context = 0;
+
+      if (stream.eatSpace())
+        return null;
+
+      var w;
+
+      if (stream.eatWhile(/\w/)) {
+        w = stream.current();
+
+        if (stream.indentation()) {
+          if (state.context == 1 && variables1.test(w))
+            return 'variable-2';
+
+          if (state.context == 2 && variables2.test(w))
+            return 'variable-3';
+
+          if (keywords1.test(w)) {
+            state.context = 1;
+            return 'keyword';
+          } else if (keywords2.test(w)) {
+            state.context = 2;
+            return 'keyword';
+          } else if (keywords3.test(w)) {
+            state.context = 3;
+            return 'keyword';
+          }
+
+          if (errors.test(w))
+            return 'error';
+        } else if (numbers.test(w)) {
+          return 'number';
+        } else {
+          return null;
+        }
+      } else if (stream.eat(';')) {
+        stream.skipToEnd();
+        return 'comment';
+      } else if (stream.eat('"')) {
+        while (w = stream.next()) {
+          if (w == '"')
+            break;
+
+          if (w == '\\')
+            stream.next();
+        }
+        return 'string';
+      } else if (stream.eat('\'')) {
+        if (stream.match(/\\?.'/))
+          return 'number';
+      } else if (stream.eat('.') || stream.sol() && stream.eat('#')) {
+        state.context = 4;
+
+        if (stream.eatWhile(/\w/))
+          return 'def';
+      } else if (stream.eat('$')) {
+        if (stream.eatWhile(/[\da-f]/i))
+          return 'number';
+      } else if (stream.eat('%')) {
+        if (stream.eatWhile(/[01]/))
+          return 'number';
+      } else {
+        stream.next();
+      }
+      return null;
+    }
+  };
+});
+
+CodeMirror.defineMIME("text/x-z80", "z80");
diff --git a/src/main/webapp/codemirror/package.json b/src/main/webapp/codemirror/package.json
new file mode 100644
index 00000000..6c5a122e
--- /dev/null
+++ b/src/main/webapp/codemirror/package.json
@@ -0,0 +1,19 @@
+{
+    "name": "codemirror",
+    "version":"3.20.0",
+    "main": "lib/codemirror.js",
+    "description": "In-browser code editing made bearable",
+    "licenses": [{"type": "MIT",
+                  "url": "http://codemirror.net/LICENSE"}],
+    "directories": {"lib": "./lib"},
+    "scripts": {"test": "node ./test/run.js"},
+    "devDependencies": {"node-static": "0.6.0"},
+    "bugs": "http://github.com/marijnh/CodeMirror/issues",
+    "keywords": ["JavaScript", "CodeMirror", "Editor"],
+    "homepage": "http://codemirror.net",
+    "maintainers":[{"name": "Marijn Haverbeke",
+                    "email": "marijnh@gmail.com",
+                    "web": "http://marijnhaverbeke.nl"}],
+    "repository": {"type": "git",
+                   "url": "http://marijnhaverbeke.nl/git/codemirror"}
+}
diff --git a/src/main/webapp/codemirror/test/comment_test.js b/src/main/webapp/codemirror/test/comment_test.js
new file mode 100644
index 00000000..7ab3127b
--- /dev/null
+++ b/src/main/webapp/codemirror/test/comment_test.js
@@ -0,0 +1,51 @@
+namespace = "comment_";
+
+(function() {
+  function test(name, mode, run, before, after) {
+    return testCM(name, function(cm) {
+      run(cm);
+      eq(cm.getValue(), after);
+    }, {value: before, mode: mode});
+  }
+
+  var simpleProg = "function foo() {\n  return bar;\n}";
+
+  test("block", "javascript", function(cm) {
+    cm.blockComment(Pos(0, 3), Pos(3, 0), {blockCommentLead: " *"});
+  }, simpleProg + "\n", "/* function foo() {\n *   return bar;\n * }\n */");
+
+  test("blockToggle", "javascript", function(cm) {
+    cm.blockComment(Pos(0, 3), Pos(2, 0), {blockCommentLead: " *"});
+    cm.uncomment(Pos(0, 3), Pos(2, 0), {blockCommentLead: " *"});
+  }, simpleProg, simpleProg);
+
+  test("line", "javascript", function(cm) {
+    cm.lineComment(Pos(1, 1), Pos(1, 1));
+  }, simpleProg, "function foo() {\n//   return bar;\n}");
+
+  test("lineToggle", "javascript", function(cm) {
+    cm.lineComment(Pos(0, 0), Pos(2, 1));
+    cm.uncomment(Pos(0, 0), Pos(2, 1));
+  }, simpleProg, simpleProg);
+
+  test("fallbackToBlock", "css", function(cm) {
+    cm.lineComment(Pos(0, 0), Pos(2, 1));
+  }, "html {\n  border: none;\n}", "/* html {\n  border: none;\n} */");
+
+  test("fallbackToLine", "ruby", function(cm) {
+    cm.blockComment(Pos(0, 0), Pos(1));
+  }, "def blah()\n  return hah\n", "# def blah()\n#   return hah\n");
+
+  test("commentRange", "javascript", function(cm) {
+    cm.blockComment(Pos(1, 2), Pos(1, 13), {fullLines: false});
+  }, simpleProg, "function foo() {\n  /*return bar;*/\n}");
+
+  test("indented", "javascript", function(cm) {
+    cm.lineComment(Pos(1, 0), Pos(2), {indent: true});
+  }, simpleProg, "function foo() {\n  // return bar;\n  // }");
+
+  test("singleEmptyLine", "javascript", function(cm) {
+    cm.setCursor(1);
+    cm.execCommand("toggleComment");
+  }, "a;\n\nb;", "a;\n// \nb;");
+})();
diff --git a/src/main/webapp/codemirror/test/doc_test.js b/src/main/webapp/codemirror/test/doc_test.js
new file mode 100644
index 00000000..3e04e155
--- /dev/null
+++ b/src/main/webapp/codemirror/test/doc_test.js
@@ -0,0 +1,329 @@
+(function() {
+  // A minilanguage for instantiating linked CodeMirror instances and Docs
+  function instantiateSpec(spec, place, opts) {
+    var names = {}, pos = 0, l = spec.length, editors = [];
+    while (spec) {
+      var m = spec.match(/^(\w+)(\*?)(?:='([^\']*)'|<(~?)(\w+)(?:\/(\d+)-(\d+))?)\s*/);
+      var name = m[1], isDoc = m[2], cur;
+      if (m[3]) {
+        cur = isDoc ? CodeMirror.Doc(m[3]) : CodeMirror(place, clone(opts, {value: m[3]}));
+      } else {
+        var other = m[5];
+        if (!names.hasOwnProperty(other)) {
+          names[other] = editors.length;
+          editors.push(CodeMirror(place, opts));
+        }
+        var doc = editors[names[other]].linkedDoc({
+          sharedHist: !m[4],
+          from: m[6] ? Number(m[6]) : null,
+          to: m[7] ? Number(m[7]) : null
+        });
+        cur = isDoc ? doc : CodeMirror(place, clone(opts, {value: doc}));
+      }
+      names[name] = editors.length;
+      editors.push(cur);
+      spec = spec.slice(m[0].length);
+    }
+    return editors;
+  }
+
+  function clone(obj, props) {
+    if (!obj) return;
+    clone.prototype = obj;
+    var inst = new clone();
+    if (props) for (var n in props) if (props.hasOwnProperty(n))
+      inst[n] = props[n];
+    return inst;
+  }
+
+  function eqAll(val) {
+    var end = arguments.length, msg = null;
+    if (typeof arguments[end-1] == "string")
+      msg = arguments[--end];
+    if (i == end) throw new Error("No editors provided to eqAll");
+    for (var i = 1; i < end; ++i)
+      eq(arguments[i].getValue(), val, msg)
+  }
+
+  function testDoc(name, spec, run, opts, expectFail) {
+    if (!opts) opts = {};
+
+    return test("doc_" + name, function() {
+      var place = document.getElementById("testground");
+      var editors = instantiateSpec(spec, place, opts);
+      var successful = false;
+
+      try {
+        run.apply(null, editors);
+        successful = true;
+      } finally {
+        if ((debug && !successful) || verbose) {
+          place.style.visibility = "visible";
+        } else {
+          for (var i = 0; i < editors.length; ++i)
+            if (editors[i] instanceof CodeMirror)
+              place.removeChild(editors[i].getWrapperElement());
+        }
+      }
+    }, expectFail);
+  }
+
+  var ie_lt8 = /MSIE [1-7]\b/.test(navigator.userAgent);
+
+  function testBasic(a, b) {
+    eqAll("x", a, b);
+    a.setValue("hey");
+    eqAll("hey", a, b);
+    b.setValue("wow");
+    eqAll("wow", a, b);
+    a.replaceRange("u\nv\nw", Pos(0, 3));
+    b.replaceRange("i", Pos(0, 4));
+    b.replaceRange("j", Pos(2, 1));
+    eqAll("wowui\nv\nwj", a, b);
+  }
+
+  testDoc("basic", "A='x' B<A", testBasic);
+  testDoc("basicSeparate", "A='x' B<~A", testBasic);
+
+  testDoc("sharedHist", "A='ab\ncd\nef' B<A", function(a, b) {
+    a.replaceRange("x", Pos(0));
+    b.replaceRange("y", Pos(1));
+    a.replaceRange("z", Pos(2));
+    eqAll("abx\ncdy\nefz", a, b);
+    a.undo();
+    a.undo();
+    eqAll("abx\ncd\nef", a, b);
+    a.redo();
+    eqAll("abx\ncdy\nef", a, b);
+    b.redo();
+    eqAll("abx\ncdy\nefz", a, b);
+    a.undo(); b.undo(); a.undo(); a.undo();
+    eqAll("ab\ncd\nef", a, b);
+  }, null, ie_lt8);
+
+  testDoc("undoIntact", "A='ab\ncd\nef' B<~A", function(a, b) {
+    a.replaceRange("x", Pos(0));
+    b.replaceRange("y", Pos(1));
+    a.replaceRange("z", Pos(2));
+    a.replaceRange("q", Pos(0));
+    eqAll("abxq\ncdy\nefz", a, b);
+    a.undo();
+    a.undo();
+    eqAll("abx\ncdy\nef", a, b);
+    b.undo();
+    eqAll("abx\ncd\nef", a, b);
+    a.redo();
+    eqAll("abx\ncd\nefz", a, b);
+    a.redo();
+    eqAll("abxq\ncd\nefz", a, b);
+    a.undo(); a.undo(); a.undo(); a.undo();
+    eqAll("ab\ncd\nef", a, b);
+    b.redo();
+    eqAll("ab\ncdy\nef", a, b);
+  });
+
+  testDoc("undoConflict", "A='ab\ncd\nef' B<~A", function(a, b) {
+    a.replaceRange("x", Pos(0));
+    a.replaceRange("z", Pos(2));
+    // This should clear the first undo event in a, but not the second
+    b.replaceRange("y", Pos(0));
+    a.undo(); a.undo();
+    eqAll("abxy\ncd\nef", a, b);
+    a.replaceRange("u", Pos(2));
+    a.replaceRange("v", Pos(0));
+    // This should clear both events in a
+    b.replaceRange("w", Pos(0));
+    a.undo(); a.undo();
+    eqAll("abxyvw\ncd\nefu", a, b);
+  });
+
+  testDoc("doubleRebase", "A='ab\ncd\nef\ng' B<~A C<B", function(a, b, c) {
+    c.replaceRange("u", Pos(3));
+    a.replaceRange("", Pos(0, 0), Pos(1, 0));
+    c.undo();
+    eqAll("cd\nef\ng", a, b, c);
+  });
+
+  testDoc("undoUpdate", "A='ab\ncd\nef' B<~A", function(a, b) {
+    a.replaceRange("x", Pos(2));
+    b.replaceRange("u\nv\nw\n", Pos(0, 0));
+    a.undo();
+    eqAll("u\nv\nw\nab\ncd\nef", a, b);
+    a.redo();
+    eqAll("u\nv\nw\nab\ncd\nefx", a, b);
+    a.undo();
+    eqAll("u\nv\nw\nab\ncd\nef", a, b);
+    b.undo();
+    a.redo();
+    eqAll("ab\ncd\nefx", a, b);
+    a.undo();
+    eqAll("ab\ncd\nef", a, b);
+  });
+
+  testDoc("undoKeepRanges", "A='abcdefg' B<A", function(a, b) {
+    var m = a.markText(Pos(0, 1), Pos(0, 3), {className: "foo"});
+    b.replaceRange("x", Pos(0, 0));
+    eqPos(m.find().from, Pos(0, 2));
+    b.replaceRange("yzzy", Pos(0, 1), Pos(0));
+    eq(m.find(), null);
+    b.undo();
+    eqPos(m.find().from, Pos(0, 2));
+    b.undo();
+    eqPos(m.find().from, Pos(0, 1));
+  });
+
+  testDoc("longChain", "A='uv' B<A C<B D<C", function(a, b, c, d) {
+    a.replaceSelection("X");
+    eqAll("Xuv", a, b, c, d);
+    d.replaceRange("Y", Pos(0));
+    eqAll("XuvY", a, b, c, d);
+  });
+
+  testDoc("broadCast", "B<A C<A D<A E<A", function(a, b, c, d, e) {
+    b.setValue("uu");
+    eqAll("uu", a, b, c, d, e);
+    a.replaceRange("v", Pos(0, 1));
+    eqAll("uvu", a, b, c, d, e);
+  });
+
+  // A and B share a history, C and D share a separate one
+  testDoc("islands", "A='x\ny\nz' B<A C<~A D<C", function(a, b, c, d) {
+    a.replaceRange("u", Pos(0));
+    d.replaceRange("v", Pos(2));
+    b.undo();
+    eqAll("x\ny\nzv", a, b, c, d);
+    c.undo();
+    eqAll("x\ny\nz", a, b, c, d);
+    a.redo();
+    eqAll("xu\ny\nz", a, b, c, d);
+    d.redo();
+    eqAll("xu\ny\nzv", a, b, c, d);
+  });
+
+  testDoc("unlink", "B<A C<A D<B", function(a, b, c, d) {
+    a.setValue("hi");
+    b.unlinkDoc(a);
+    d.setValue("aye");
+    eqAll("hi", a, c);
+    eqAll("aye", b, d);
+    a.setValue("oo");
+    eqAll("oo", a, c);
+    eqAll("aye", b, d);
+  });
+
+  testDoc("bareDoc", "A*='foo' B*<A C<B", function(a, b, c) {
+    is(a instanceof CodeMirror.Doc);
+    is(b instanceof CodeMirror.Doc);
+    is(c instanceof CodeMirror);
+    eqAll("foo", a, b, c);
+    a.replaceRange("hey", Pos(0, 0), Pos(0));
+    c.replaceRange("!", Pos(0));
+    eqAll("hey!", a, b, c);
+    b.unlinkDoc(a);
+    b.setValue("x");
+    eqAll("x", b, c);
+    eqAll("hey!", a);
+  });
+
+  testDoc("swapDoc", "A='a' B*='b' C<A", function(a, b, c) {
+    var d = a.swapDoc(b);
+    d.setValue("x");
+    eqAll("x", c, d);
+    eqAll("b", a, b);
+  });
+
+  testDoc("docKeepsScroll", "A='x' B*='y'", function(a, b) {
+    addDoc(a, 200, 200);
+    a.scrollIntoView(Pos(199, 200));
+    var c = a.swapDoc(b);
+    a.swapDoc(c);
+    var pos = a.getScrollInfo();
+    is(pos.left > 0, "not at left");
+    is(pos.top > 0, "not at top");
+  });
+
+  testDoc("copyDoc", "A='u'", function(a) {
+    var copy = a.getDoc().copy(true);
+    a.setValue("foo");
+    copy.setValue("bar");
+    var old = a.swapDoc(copy);
+    eq(a.getValue(), "bar");
+    a.undo();
+    eq(a.getValue(), "u");
+    a.swapDoc(old);
+    eq(a.getValue(), "foo");
+    eq(old.historySize().undo, 1);
+    eq(old.copy(false).historySize().undo, 0);
+  });
+
+  testDoc("docKeepsMode", "A='1+1'", function(a) {
+    var other = CodeMirror.Doc("hi", "text/x-markdown");
+    a.setOption("mode", "text/javascript");
+    var old = a.swapDoc(other);
+    eq(a.getOption("mode"), "text/x-markdown");
+    eq(a.getMode().name, "markdown");
+    a.swapDoc(old);
+    eq(a.getOption("mode"), "text/javascript");
+    eq(a.getMode().name, "javascript");
+  });
+
+  testDoc("subview", "A='1\n2\n3\n4\n5' B<~A/1-3", function(a, b) {
+    eq(b.getValue(), "2\n3");
+    eq(b.firstLine(), 1);
+    b.setCursor(Pos(4));
+    eqPos(b.getCursor(), Pos(2, 1));
+    a.replaceRange("-1\n0\n", Pos(0, 0));
+    eq(b.firstLine(), 3);
+    eqPos(b.getCursor(), Pos(4, 1));
+    a.undo();
+    eqPos(b.getCursor(), Pos(2, 1));
+    b.replaceRange("oyoy\n", Pos(2, 0));
+    eq(a.getValue(), "1\n2\noyoy\n3\n4\n5");
+    b.undo();
+    eq(a.getValue(), "1\n2\n3\n4\n5");
+  });
+
+  testDoc("subviewEditOnBoundary", "A='11\n22\n33\n44\n55' B<~A/1-4", function(a, b) {
+    a.replaceRange("x\nyy\nz", Pos(0, 1), Pos(2, 1));
+    eq(b.firstLine(), 2);
+    eq(b.lineCount(), 2);
+    eq(b.getValue(), "z3\n44");
+    a.replaceRange("q\nrr\ns", Pos(3, 1), Pos(4, 1));
+    eq(b.firstLine(), 2);
+    eq(b.getValue(), "z3\n4q");
+    eq(a.getValue(), "1x\nyy\nz3\n4q\nrr\ns5");
+    a.execCommand("selectAll");
+    a.replaceSelection("!");
+    eqAll("!", a, b);
+  });
+
+
+  testDoc("sharedMarker", "A='ab\ncd\nef\ngh' B<A C<~A/1-2", function(a, b, c) {
+    var mark = b.markText(Pos(0, 1), Pos(3, 1),
+                          {className: "cm-searching", shared: true});
+    var found = a.findMarksAt(Pos(0, 2));
+    eq(found.length, 1);
+    eq(found[0], mark);
+    eq(c.findMarksAt(Pos(1, 1)).length, 1);
+    eqPos(mark.find().from, Pos(0, 1));
+    eqPos(mark.find().to, Pos(3, 1));
+    b.replaceRange("x\ny\n", Pos(0, 0));
+    eqPos(mark.find().from, Pos(2, 1));
+    eqPos(mark.find().to, Pos(5, 1));
+    var cleared = 0;
+    CodeMirror.on(mark, "clear", function() {++cleared;});
+    b.operation(function(){mark.clear();});
+    eq(a.findMarksAt(Pos(3, 1)).length, 0);
+    eq(b.findMarksAt(Pos(3, 1)).length, 0);
+    eq(c.findMarksAt(Pos(3, 1)).length, 0);
+    eq(mark.find(), null);
+    eq(cleared, 1);
+  });
+
+  testDoc("undoInSubview", "A='line 0\nline 1\nline 2\nline 3\nline 4' B<A/1-4", function(a, b) {
+    b.replaceRange("x", Pos(2, 0));
+    a.undo();
+    eq(a.getValue(), "line 0\nline 1\nline 2\nline 3\nline 4");
+    eq(b.getValue(), "line 1\nline 2\nline 3");
+  });
+})();
diff --git a/src/main/webapp/codemirror/test/driver.js b/src/main/webapp/codemirror/test/driver.js
new file mode 100644
index 00000000..5befa772
--- /dev/null
+++ b/src/main/webapp/codemirror/test/driver.js
@@ -0,0 +1,139 @@
+var tests = [], debug = null, debugUsed = new Array(), allNames = [];
+
+function Failure(why) {this.message = why;}
+Failure.prototype.toString = function() { return this.message; };
+
+function indexOf(collection, elt) {
+  if (collection.indexOf) return collection.indexOf(elt);
+  for (var i = 0, e = collection.length; i < e; ++i)
+    if (collection[i] == elt) return i;
+  return -1;
+}
+
+function test(name, run, expectedFail) {
+  // Force unique names
+  var originalName = name;
+  var i = 2; // Second function would be NAME_2
+  while (indexOf(allNames, name) !== -1){
+    name = originalName + "_" + i;
+    i++;
+  }
+  allNames.push(name);
+  // Add test
+  tests.push({name: name, func: run, expectedFail: expectedFail});
+  return name;
+}
+var namespace = "";
+function testCM(name, run, opts, expectedFail) {
+  return test(namespace + name, function() {
+    var place = document.getElementById("testground"), cm = window.cm = CodeMirror(place, opts);
+    var successful = false;
+    try {
+      run(cm);
+      successful = true;
+    } finally {
+      if ((debug && !successful) || verbose) {
+        place.style.visibility = "visible";
+      } else {
+        place.removeChild(cm.getWrapperElement());
+      }
+    }
+  }, expectedFail);
+}
+
+function runTests(callback) {
+  if (debug) {
+    if (indexOf(debug, "verbose") === 0) {
+      verbose = true;
+      debug.splice(0, 1);
+    }
+    if (debug.length < 1) {
+      debug = null;
+    }
+  }
+  var totalTime = 0;
+  function step(i) {
+    if (i === tests.length){
+      running = false;
+      return callback("done");
+    }
+    var test = tests[i], expFail = test.expectedFail, startTime = +new Date;
+    if (debug !== null) {
+      var debugIndex = indexOf(debug, test.name);
+      if (debugIndex !== -1) {
+        // Remove from array for reporting incorrect tests later
+        debug.splice(debugIndex, 1);
+      } else {
+        var wildcardName = test.name.split("_")[0] + "_*";
+        debugIndex = indexOf(debug, wildcardName);
+        if (debugIndex !== -1) {
+          // Remove from array for reporting incorrect tests later
+          debug.splice(debugIndex, 1);
+          debugUsed.push(wildcardName);
+        } else {
+          debugIndex = indexOf(debugUsed, wildcardName);
+          if (debugIndex == -1) return step(i + 1);
+        }
+      }
+    }
+    var threw = false;
+    try {
+      var message = test.func();
+    } catch(e) {
+      threw = true;
+      if (expFail) callback("expected", test.name);
+      else if (e instanceof Failure) callback("fail", test.name, e.message);
+      else {
+        var pos = /(?:\bat |@).*?([^\/:]+):(\d+)/.exec(e.stack);
+        callback("error", test.name, e.toString() + (pos ? " (" + pos[1] + ":" + pos[2] + ")" : ""));
+      }
+    }
+    if (!threw) {
+      if (expFail) callback("fail", test.name, message || "expected failure, but succeeded");
+      else callback("ok", test.name, message);
+    }
+    if (!quit) { // Run next test
+      var delay = 0;
+      totalTime += (+new Date) - startTime;
+      if (totalTime > 500){
+        totalTime = 0;
+        delay = 50;
+      }
+      setTimeout(function(){step(i + 1);}, delay);
+    } else { // Quit tests
+      running = false;
+      return null;
+    }
+  }
+  step(0);
+}
+
+function label(str, msg) {
+  if (msg) return str + " (" + msg + ")";
+  return str;
+}
+function eq(a, b, msg) {
+  if (a != b) throw new Failure(label(a + " != " + b, msg));
+}
+function eqPos(a, b, msg) {
+  function str(p) { return "{line:" + p.line + ",ch:" + p.ch + "}"; }
+  if (a == b) return;
+  if (a == null) throw new Failure(label("comparing null to " + str(b), msg));
+  if (b == null) throw new Failure(label("comparing " + str(a) + " to null", msg));
+  if (a.line != b.line || a.ch != b.ch) throw new Failure(label(str(a) + " != " + str(b), msg));
+}
+function is(a, msg) {
+  if (!a) throw new Failure(label("assertion failed", msg));
+}
+
+function countTests() {
+  if (!debug) return tests.length;
+  var sum = 0;
+  for (var i = 0; i < tests.length; ++i) {
+    var name = tests[i].name;
+    if (indexOf(debug, name) != -1 ||
+        indexOf(debug, name.split("_")[0] + "_*") != -1)
+      ++sum;
+  }
+  return sum;
+}
diff --git a/src/main/webapp/codemirror/test/emacs_test.js b/src/main/webapp/codemirror/test/emacs_test.js
new file mode 100644
index 00000000..ab18241d
--- /dev/null
+++ b/src/main/webapp/codemirror/test/emacs_test.js
@@ -0,0 +1,135 @@
+(function() {
+  "use strict";
+
+  var Pos = CodeMirror.Pos;
+  namespace = "emacs_";
+
+  var eventCache = {};
+  function fakeEvent(keyName) {
+    var event = eventCache[key];
+    if (event) return event;
+
+    var ctrl, shift, alt;
+    var key = keyName.replace(/\w+-/g, function(type) {
+      if (type == "Ctrl-") ctrl = true;
+      else if (type == "Alt-") alt = true;
+      else if (type == "Shift-") shift = true;
+      return "";
+    });
+    var code;
+    for (var c in CodeMirror.keyNames)
+      if (CodeMirror.keyNames[c] == key) { code = c; break; }
+    if (c == null) throw new Error("Unknown key: " + key);
+
+    return eventCache[keyName] = {
+      type: "keydown", keyCode: code, ctrlKey: ctrl, shiftKey: shift, altKey: alt,
+      preventDefault: function(){}, stopPropagation: function(){}
+    };
+  }
+
+  function sim(name, start /*, actions... */) {
+    var keys = Array.prototype.slice.call(arguments, 2);
+    testCM(name, function(cm) {
+      for (var i = 0; i < keys.length; ++i) {
+        var cur = keys[i];
+        if (cur instanceof Pos) cm.setCursor(cur);
+        else if (cur.call) cur(cm);
+        else cm.triggerOnKeyDown(fakeEvent(cur));
+      }
+    }, {keyMap: "emacs", value: start, mode: "javascript"});
+  }
+
+  function at(line, ch) { return function(cm) { eqPos(cm.getCursor(), Pos(line, ch)); }; }
+  function txt(str) { return function(cm) { eq(cm.getValue(), str); }; }
+
+  sim("motionHSimple", "abc", "Ctrl-F", "Ctrl-F", "Ctrl-B", at(0, 1));
+  sim("motionHMulti", "abcde",
+      "Ctrl-4", "Ctrl-F", at(0, 4), "Ctrl--", "Ctrl-2", "Ctrl-F", at(0, 2),
+      "Ctrl-5", "Ctrl-B", at(0, 0));
+
+  sim("motionHWord", "abc. def ghi",
+      "Alt-F", at(0, 3), "Alt-F", at(0, 8),
+      "Ctrl-B", "Alt-B", at(0, 5), "Alt-B", at(0, 0));
+  sim("motionHWordMulti", "abc. def ghi ",
+      "Ctrl-3", "Alt-F", at(0, 12), "Ctrl-2", "Alt-B", at(0, 5),
+      "Ctrl--", "Alt-B", at(0, 8));
+
+  sim("motionVSimple", "a\nb\nc\n", "Ctrl-N", "Ctrl-N", "Ctrl-P", at(1, 0));
+  sim("motionVMulti", "a\nb\nc\nd\ne\n",
+      "Ctrl-2", "Ctrl-N", at(2, 0), "Ctrl-F", "Ctrl--", "Ctrl-N", at(1, 1),
+      "Ctrl--", "Ctrl-3", "Ctrl-P", at(4, 1));
+
+  sim("killYank", "abc\ndef\nghi",
+      "Ctrl-F", "Ctrl-Space", "Ctrl-N", "Ctrl-N", "Ctrl-W", "Ctrl-E", "Ctrl-Y",
+      txt("ahibc\ndef\ng"));
+  sim("killRing", "abcdef",
+      "Ctrl-Space", "Ctrl-F", "Ctrl-W", "Ctrl-Space", "Ctrl-F", "Ctrl-W",
+      "Ctrl-Y", "Alt-Y",
+      txt("acdef"));
+  sim("copyYank", "abcd",
+      "Ctrl-Space", "Ctrl-E", "Alt-W", "Ctrl-Y",
+      txt("abcdabcd"));
+
+  sim("killLineSimple", "foo\nbar", "Ctrl-F", "Ctrl-K", txt("f\nbar"));
+  sim("killLineEmptyLine", "foo\n  \nbar", "Ctrl-N", "Ctrl-K", txt("foo\nbar"));
+  sim("killLineMulti", "foo\nbar\nbaz",
+      "Ctrl-F", "Ctrl-F", "Ctrl-K", "Ctrl-K", "Ctrl-K", "Ctrl-A", "Ctrl-Y",
+      txt("o\nbarfo\nbaz"));
+
+  sim("moveByParagraph", "abc\ndef\n\n\nhij\nklm\n\n",
+      "Ctrl-F", "Ctrl-Down", at(2, 0), "Ctrl-Down", at(6, 0),
+      "Ctrl-N", "Ctrl-Up", at(3, 0), "Ctrl-Up", at(0, 0),
+      Pos(1, 2), "Ctrl-Down", at(2, 0), Pos(4, 2), "Ctrl-Up", at(3, 0));
+  sim("moveByParagraphMulti", "abc\n\ndef\n\nhij\n\nklm",
+      "Ctrl-U", "2", "Ctrl-Down", at(3, 0),
+      "Shift-Alt-.", "Ctrl-3", "Ctrl-Up", at(1, 0));
+
+  sim("moveBySentence", "sentence one! sentence\ntwo\n\nparagraph two",
+      "Alt-E", at(0, 13), "Alt-E", at(1, 3), "Ctrl-F", "Alt-A", at(0, 13));
+
+  sim("moveByExpr", "function foo(a, b) {}",
+      "Ctrl-Alt-F", at(0, 8), "Ctrl-Alt-F", at(0, 12), "Ctrl-Alt-F", at(0, 18),
+      "Ctrl-Alt-B", at(0, 12), "Ctrl-Alt-B", at(0, 9));
+  sim("moveByExprMulti", "foo bar baz bug",
+      "Ctrl-2", "Ctrl-Alt-F", at(0, 7),
+      "Ctrl--", "Ctrl-Alt-F", at(0, 4),
+      "Ctrl--", "Ctrl-2", "Ctrl-Alt-B", at(0, 11));
+  sim("delExpr", "var x = [\n  a,\n  b\n  c\n];",
+      Pos(0, 8), "Ctrl-Alt-K", txt("var x = ;"), "Ctrl-/",
+      Pos(4, 1), "Ctrl-Alt-Backspace", txt("var x = ;"));
+  sim("delExprMulti", "foo bar baz",
+      "Ctrl-2", "Ctrl-Alt-K", txt(" baz"),
+      "Ctrl-/", "Ctrl-E", "Ctrl-2", "Ctrl-Alt-Backspace", txt("foo "));
+
+  sim("justOneSpace", "hi      bye  ",
+      Pos(0, 4), "Alt-Space", txt("hi bye  "),
+      Pos(0, 4), "Alt-Space", txt("hi b ye  "),
+      "Ctrl-A", "Alt-Space", "Ctrl-E", "Alt-Space", txt(" hi b ye "));
+
+  sim("openLine", "foo bar", "Alt-F", "Ctrl-O", txt("foo\n bar"))
+
+  sim("transposeChar", "abcd\n\ne",
+      "Ctrl-F", "Ctrl-T", "Ctrl-T", txt("bcad\n\ne"), at(0, 3),
+      "Ctrl-F", "Ctrl-T", "Ctrl-T", "Ctrl-T", txt("bcda\n\ne"), at(0, 4),
+      "Ctrl-F", "Ctrl-T", txt("bcd\na\ne"), at(1, 1));
+
+  sim("manipWordCase", "foo BAR bAZ",
+      "Alt-C", "Alt-L", "Alt-U", txt("Foo bar BAZ"),
+      "Ctrl-A", "Alt-U", "Alt-L", "Alt-C", txt("FOO bar Baz"));
+  sim("manipWordCaseMulti", "foo Bar bAz",
+      "Ctrl-2", "Alt-U", txt("FOO BAR bAz"),
+      "Ctrl-A", "Ctrl-3", "Alt-C", txt("Foo Bar Baz"));
+
+  sim("upExpr", "foo {\n  bar[];\n  baz(blah);\n}",
+      Pos(2, 7), "Ctrl-Alt-U", at(2, 5), "Ctrl-Alt-U", at(0, 4));
+  sim("transposeExpr", "do foo[bar] dah",
+      Pos(0, 6), "Ctrl-Alt-T", txt("do [bar]foo dah"));
+
+  testCM("save", function(cm) {
+    var saved = false;
+    CodeMirror.commands.save = function(cm) { saved = cm.getValue(); };
+    cm.triggerOnKeyDown(fakeEvent("Ctrl-X"));
+    cm.triggerOnKeyDown(fakeEvent("Ctrl-S"));
+    is(saved, "hi");
+  }, {value: "hi", keyMap: "emacs"});
+})();
diff --git a/src/main/webapp/codemirror/test/index.html b/src/main/webapp/codemirror/test/index.html
new file mode 100644
index 00000000..8e45b6d0
--- /dev/null
+++ b/src/main/webapp/codemirror/test/index.html
@@ -0,0 +1,209 @@
+<!doctype html>
+
+<title>CodeMirror: Test Suite</title>
+<meta charset="utf-8"/>
+<link rel=stylesheet href="../doc/docs.css">
+
+<link rel="stylesheet" href="../lib/codemirror.css">
+<link rel="stylesheet" href="mode_test.css">
+<script src="../lib/codemirror.js"></script>
+<script src="../addon/mode/overlay.js"></script>
+<script src="../addon/mode/multiplex.js"></script>
+<script src="../addon/search/searchcursor.js"></script>
+<script src="../addon/dialog/dialog.js"></script>
+<script src="../addon/edit/matchbrackets.js"></script>
+<script src="../addon/comment/comment.js"></script>
+<script src="../mode/javascript/javascript.js"></script>
+<script src="../mode/xml/xml.js"></script>
+<script src="../keymap/vim.js"></script>
+<script src="../keymap/emacs.js"></script>
+
+<style type="text/css">
+  .ok {color: #090;}
+  .fail {color: #e00;}
+  .error {color: #c90;}
+  .done {font-weight: bold;}
+  #progress {
+  background: #45d;
+  color: white;
+  text-shadow: 0 0 1px #45d, 0 0 2px #45d, 0 0 3px #45d;
+  font-weight: bold;
+  white-space: pre;
+  }
+  #testground {
+  visibility: hidden;
+  }
+  #testground.offscreen {
+  visibility: visible;
+  position: absolute;
+  left: -10000px;
+  top: -10000px;
+  }
+  .CodeMirror { border: 1px solid black; }
+</style>
+
+<div id=nav>
+  <a href="http://codemirror.net"><img id=logo src="../doc/logo.png"></a>
+
+  <ul>
+    <li><a href="../index.html">Home</a>
+    <li><a href="../doc/manual.html">Manual</a>
+    <li><a href="https://github.com/marijnh/codemirror">Code</a>
+  </ul>
+  <ul>
+    <li><a class=active href="#">Test suite</a>
+  </ul>
+</div>
+
+<article>
+  <h2>Test Suite</h2>
+
+    <p>A limited set of programmatic sanity tests for CodeMirror.</p>
+
+    <div style="border: 1px solid black; padding: 1px; max-width: 700px;">
+      <div style="width: 0px;" id=progress><div style="padding: 3px;">Ran <span id="progress_ran">0</span><span id="progress_total"> of 0</span> tests</div></div>
+    </div>
+    <p id=status>Please enable JavaScript...</p>
+    <div id=output></div>
+
+    <div id=testground></div>
+
+    <script src="driver.js"></script>
+    <script src="test.js"></script>
+    <script src="doc_test.js"></script>
+    <script src="comment_test.js"></script>
+    <script src="mode_test.js"></script>
+    <script src="../mode/javascript/test.js"></script>
+    <script src="../mode/css/css.js"></script>
+    <script src="../mode/css/test.js"></script>
+    <script src="../mode/css/scss_test.js"></script>
+    <script src="../mode/xml/xml.js"></script>
+    <script src="../mode/htmlmixed/htmlmixed.js"></script>
+    <script src="../mode/ruby/ruby.js"></script>
+    <script src="../mode/haml/haml.js"></script>
+    <script src="../mode/haml/test.js"></script>
+    <script src="../mode/markdown/markdown.js"></script>
+    <script src="../mode/markdown/test.js"></script>
+    <script src="../mode/gfm/gfm.js"></script>
+    <script src="../mode/gfm/test.js"></script>
+    <script src="../mode/stex/stex.js"></script>
+    <script src="../mode/stex/test.js"></script>
+    <script src="../mode/xquery/xquery.js"></script>
+    <script src="../mode/xquery/test.js"></script>
+    <script src="../addon/mode/multiplex_test.js"></script>
+    <script src="vim_test.js"></script>
+    <script src="emacs_test.js"></script>
+    <script>
+      window.onload = runHarness;
+      CodeMirror.on(window, 'hashchange', runHarness);
+
+      function esc(str) {
+        return str.replace(/[<&]/, function(ch) { return ch == "<" ? "&lt;" : "&amp;"; });
+      }
+
+      var output = document.getElementById("output"),
+          progress = document.getElementById("progress"),
+          progressRan = document.getElementById("progress_ran").childNodes[0],
+          progressTotal = document.getElementById("progress_total").childNodes[0];
+      var count = 0,
+          failed = 0,
+          bad = "",
+          running = false, // Flag that states tests are running
+         quit = false, // Flag to quit tests ASAP
+         verbose = false; // Adds message for *every* test to output
+
+      function runHarness(){
+        if (running) {
+          quit = true;
+          setStatus("Restarting tests...", '', true);
+          setTimeout(function(){runHarness();}, 500);
+          return;
+        }
+        if (window.location.hash.substr(1)){
+          debug = window.location.hash.substr(1).split(",");
+        } else {
+          debug = null;
+        }
+        quit = false;
+        running = true;
+        setStatus("Loading tests...");
+        count = 0;
+        failed = 0;
+        bad = "";
+        verbose = false;
+        debugUsed = Array();
+        totalTests = countTests();
+        progressTotal.nodeValue = " of " + totalTests;
+        progressRan.nodeValue = count;
+        output.innerHTML = '';
+        document.getElementById("testground").innerHTML = "<form>" +
+          "<textarea id=\"code\" name=\"code\"></textarea>" +
+          "<input type=submit value=ok name=submit>" +
+          "</form>";
+        runTests(displayTest);
+      }
+
+      function setStatus(message, className, force){
+        if (quit && !force) return;
+        if (!message) throw("must provide message");
+        var status = document.getElementById("status").childNodes[0];
+        status.nodeValue = message;
+        status.parentNode.className = className;
+      }
+      function addOutput(name, className, code){
+        var newOutput = document.createElement("dl");
+        var newTitle = document.createElement("dt");
+        newTitle.className = className;
+        newTitle.appendChild(document.createTextNode(name));
+        newOutput.appendChild(newTitle);
+        var newMessage = document.createElement("dd");
+        newMessage.innerHTML = code;
+        newOutput.appendChild(newTitle);
+        newOutput.appendChild(newMessage);
+        output.appendChild(newOutput);
+      }
+      function displayTest(type, name, customMessage) {
+        var message = "???";
+        if (type != "done") ++count;
+        progress.style.width = (count * (progress.parentNode.clientWidth - 2) / totalTests) + "px";
+        progressRan.nodeValue = count;
+        if (type == "ok") {
+          message = "Test '" + name + "' succeeded";
+          if (!verbose) customMessage = false;
+        } else if (type == "expected") {
+          message = "Test '" + name + "' failed as expected";
+          if (!verbose) customMessage = false;
+        } else if (type == "error" || type == "fail") {
+          ++failed;
+          message = "Test '" + name + "' failed";
+        } else if (type == "done") {
+          if (failed) {
+            type += " fail";
+            message = failed + " failure" + (failed > 1 ? "s" : "");
+          } else if (count < totalTests) {
+            failed = totalTests - count;
+            type += " fail";
+            message = failed + " failure" + (failed > 1 ? "s" : "");
+          } else {
+            type += " ok";
+            message = "All passed";
+          }
+          if (debug && debug.length) {
+            var bogusTests = totalTests - count;
+            message += " — " + bogusTests + " nonexistent test" +
+              (bogusTests > 1 ? "s" : "") + " requested by location.hash: " +
+              "`" + debug.join("`, `") + "`";
+          } else {
+            progressTotal.nodeValue = '';
+          }
+          customMessage = true; // Hack to avoid adding to output
+        }
+        if (verbose && !customMessage)  customMessage = message;
+        setStatus(message, type);
+        if (customMessage && customMessage.length > 0) {
+          addOutput(name, type, customMessage);
+        }
+      }
+    </script>
+
+</article>
diff --git a/src/main/webapp/codemirror/test/lint/acorn.js b/src/main/webapp/codemirror/test/lint/acorn.js
new file mode 100644
index 00000000..6323b1fc
--- /dev/null
+++ b/src/main/webapp/codemirror/test/lint/acorn.js
@@ -0,0 +1,1593 @@
+// Acorn is a tiny, fast JavaScript parser written in JavaScript.
+//
+// Acorn was written by Marijn Haverbeke and released under an MIT
+// license. The Unicode regexps (for identifiers and whitespace) were
+// taken from [Esprima](http://esprima.org) by Ariya Hidayat.
+//
+// Git repositories for Acorn are available at
+//
+//     http://marijnhaverbeke.nl/git/acorn
+//     https://github.com/marijnh/acorn.git
+//
+// Please use the [github bug tracker][ghbt] to report issues.
+//
+// [ghbt]: https://github.com/marijnh/acorn/issues
+
+(function(exports) {
+  "use strict";
+
+  exports.version = "0.0.1";
+
+  // The main exported interface (under `window.acorn` when in the
+  // browser) is a `parse` function that takes a code string and
+  // returns an abstract syntax tree as specified by [Mozilla parser
+  // API][api], with the caveat that the SpiderMonkey-specific syntax
+  // (`let`, `yield`, inline XML, etc) is not recognized.
+  //
+  // [api]: https://developer.mozilla.org/en-US/docs/SpiderMonkey/Parser_API
+
+  var options, input, inputLen, sourceFile;
+
+  exports.parse = function(inpt, opts) {
+    input = String(inpt); inputLen = input.length;
+    options = opts || {};
+    for (var opt in defaultOptions) if (!options.hasOwnProperty(opt))
+      options[opt] = defaultOptions[opt];
+    sourceFile = options.sourceFile || null;
+    return parseTopLevel(options.program);
+  };
+
+  // A second optional argument can be given to further configure
+  // the parser process. These options are recognized:
+
+  var defaultOptions = exports.defaultOptions = {
+    // `ecmaVersion` indicates the ECMAScript version to parse. Must
+    // be either 3 or 5. This
+    // influences support for strict mode, the set of reserved words, and
+    // support for getters and setter.
+    ecmaVersion: 5,
+    // Turn on `strictSemicolons` to prevent the parser from doing
+    // automatic semicolon insertion.
+    strictSemicolons: false,
+    // When `allowTrailingCommas` is false, the parser will not allow
+    // trailing commas in array and object literals.
+    allowTrailingCommas: true,
+    // By default, reserved words are not enforced. Enable
+    // `forbidReserved` to enforce them.
+    forbidReserved: false,
+    // When `trackComments` is turned on, the parser will attach
+    // `commentsBefore` and `commentsAfter` properties to AST nodes
+    // holding arrays of strings. A single comment may appear in both
+    // a `commentsBefore` and `commentsAfter` array (of the nodes
+    // after and before it), but never twice in the before (or after)
+    // array of different nodes.
+    trackComments: false,
+    // When `locations` is on, `loc` properties holding objects with
+    // `start` and `end` properties in `{line, column}` form (with
+    // line being 1-based and column 0-based) will be attached to the
+    // nodes.
+    locations: false,
+    // Nodes have their start and end characters offsets recorded in
+    // `start` and `end` properties (directly on the node, rather than
+    // the `loc` object, which holds line/column data. To also add a
+    // [semi-standardized][range] `range` property holding a `[start,
+    // end]` array with the same numbers, set the `ranges` option to
+    // `true`.
+    //
+    // [range]: https://bugzilla.mozilla.org/show_bug.cgi?id=745678
+    ranges: false,
+    // It is possible to parse multiple files into a single AST by
+    // passing the tree produced by parsing the first file as
+    // `program` option in subsequent parses. This will add the
+    // toplevel forms of the parsed file to the `Program` (top) node
+    // of an existing parse tree.
+    program: null,
+    // When `location` is on, you can pass this to record the source
+    // file in every node's `loc` object.
+    sourceFile: null
+  };
+
+  // The `getLineInfo` function is mostly useful when the
+  // `locations` option is off (for performance reasons) and you
+  // want to find the line/column position for a given character
+  // offset. `input` should be the code string that the offset refers
+  // into.
+
+  var getLineInfo = exports.getLineInfo = function(input, offset) {
+    for (var line = 1, cur = 0;;) {
+      lineBreak.lastIndex = cur;
+      var match = lineBreak.exec(input);
+      if (match && match.index < offset) {
+        ++line;
+        cur = match.index + match[0].length;
+      } else break;
+    }
+    return {line: line, column: offset - cur};
+  };
+
+  // Acorn is organized as a tokenizer and a recursive-descent parser.
+  // Both use (closure-)global variables to keep their state and
+  // communicate. We already saw the `options`, `input`, and
+  // `inputLen` variables above (set in `parse`).
+
+  // The current position of the tokenizer in the input.
+
+  var tokPos;
+
+  // The start and end offsets of the current token.
+
+  var tokStart, tokEnd;
+
+  // When `options.locations` is true, these hold objects
+  // containing the tokens start and end line/column pairs.
+
+  var tokStartLoc, tokEndLoc;
+
+  // The type and value of the current token. Token types are objects,
+  // named by variables against which they can be compared, and
+  // holding properties that describe them (indicating, for example,
+  // the precedence of an infix operator, and the original name of a
+  // keyword token). The kind of value that's held in `tokVal` depends
+  // on the type of the token. For literals, it is the literal value,
+  // for operators, the operator name, and so on.
+
+  var tokType, tokVal;
+
+  // These are used to hold arrays of comments when
+  // `options.trackComments` is true.
+
+  var tokCommentsBefore, tokCommentsAfter;
+
+  // Interal state for the tokenizer. To distinguish between division
+  // operators and regular expressions, it remembers whether the last
+  // token was one that is allowed to be followed by an expression.
+  // (If it is, a slash is probably a regexp, if it isn't it's a
+  // division operator. See the `parseStatement` function for a
+  // caveat.)
+
+  var tokRegexpAllowed, tokComments;
+
+  // When `options.locations` is true, these are used to keep
+  // track of the current line, and know when a new line has been
+  // entered. See the `curLineLoc` function.
+
+  var tokCurLine, tokLineStart, tokLineStartNext;
+
+  // These store the position of the previous token, which is useful
+  // when finishing a node and assigning its `end` position.
+
+  var lastStart, lastEnd, lastEndLoc;
+
+  // This is the parser's state. `inFunction` is used to reject
+  // `return` statements outside of functions, `labels` to verify that
+  // `break` and `continue` have somewhere to jump to, and `strict`
+  // indicates whether strict mode is on.
+
+  var inFunction, labels, strict;
+
+  // This function is used to raise exceptions on parse errors. It
+  // takes either a `{line, column}` object or an offset integer (into
+  // the current `input`) as `pos` argument. It attaches the position
+  // to the end of the error message, and then raises a `SyntaxError`
+  // with that message.
+
+  function raise(pos, message) {
+    if (typeof pos == "number") pos = getLineInfo(input, pos);
+    message += " (" + pos.line + ":" + pos.column + ")";
+    throw new SyntaxError(message);
+  }
+
+  // ## Token types
+
+  // The assignment of fine-grained, information-carrying type objects
+  // allows the tokenizer to store the information it has about a
+  // token in a way that is very cheap for the parser to look up.
+
+  // All token type variables start with an underscore, to make them
+  // easy to recognize.
+
+  // These are the general types. The `type` property is only used to
+  // make them recognizeable when debugging.
+
+  var _num = {type: "num"}, _regexp = {type: "regexp"}, _string = {type: "string"};
+  var _name = {type: "name"}, _eof = {type: "eof"};
+
+  // Keyword tokens. The `keyword` property (also used in keyword-like
+  // operators) indicates that the token originated from an
+  // identifier-like word, which is used when parsing property names.
+  //
+  // The `beforeExpr` property is used to disambiguate between regular
+  // expressions and divisions. It is set on all token types that can
+  // be followed by an expression (thus, a slash after them would be a
+  // regular expression).
+  //
+  // `isLoop` marks a keyword as starting a loop, which is important
+  // to know when parsing a label, in order to allow or disallow
+  // continue jumps to that label.
+
+  var _break = {keyword: "break"}, _case = {keyword: "case", beforeExpr: true}, _catch = {keyword: "catch"};
+  var _continue = {keyword: "continue"}, _debugger = {keyword: "debugger"}, _default = {keyword: "default"};
+  var _do = {keyword: "do", isLoop: true}, _else = {keyword: "else", beforeExpr: true};
+  var _finally = {keyword: "finally"}, _for = {keyword: "for", isLoop: true}, _function = {keyword: "function"};
+  var _if = {keyword: "if"}, _return = {keyword: "return", beforeExpr: true}, _switch = {keyword: "switch"};
+  var _throw = {keyword: "throw", beforeExpr: true}, _try = {keyword: "try"}, _var = {keyword: "var"};
+  var _while = {keyword: "while", isLoop: true}, _with = {keyword: "with"}, _new = {keyword: "new", beforeExpr: true};
+  var _this = {keyword: "this"};
+
+  // The keywords that denote values.
+
+  var _null = {keyword: "null", atomValue: null}, _true = {keyword: "true", atomValue: true};
+  var _false = {keyword: "false", atomValue: false};
+
+  // Some keywords are treated as regular operators. `in` sometimes
+  // (when parsing `for`) needs to be tested against specifically, so
+  // we assign a variable name to it for quick comparing.
+
+  var _in = {keyword: "in", binop: 7, beforeExpr: true};
+
+  // Map keyword names to token types.
+
+  var keywordTypes = {"break": _break, "case": _case, "catch": _catch,
+                      "continue": _continue, "debugger": _debugger, "default": _default,
+                      "do": _do, "else": _else, "finally": _finally, "for": _for,
+                      "function": _function, "if": _if, "return": _return, "switch": _switch,
+                      "throw": _throw, "try": _try, "var": _var, "while": _while, "with": _with,
+                      "null": _null, "true": _true, "false": _false, "new": _new, "in": _in,
+                      "instanceof": {keyword: "instanceof", binop: 7}, "this": _this,
+                      "typeof": {keyword: "typeof", prefix: true},
+                      "void": {keyword: "void", prefix: true},
+                      "delete": {keyword: "delete", prefix: true}};
+
+  // Punctuation token types. Again, the `type` property is purely for debugging.
+
+  var _bracketL = {type: "[", beforeExpr: true}, _bracketR = {type: "]"}, _braceL = {type: "{", beforeExpr: true};
+  var _braceR = {type: "}"}, _parenL = {type: "(", beforeExpr: true}, _parenR = {type: ")"};
+  var _comma = {type: ",", beforeExpr: true}, _semi = {type: ";", beforeExpr: true};
+  var _colon = {type: ":", beforeExpr: true}, _dot = {type: "."}, _question = {type: "?", beforeExpr: true};
+
+  // Operators. These carry several kinds of properties to help the
+  // parser use them properly (the presence of these properties is
+  // what categorizes them as operators).
+  //
+  // `binop`, when present, specifies that this operator is a binary
+  // operator, and will refer to its precedence.
+  //
+  // `prefix` and `postfix` mark the operator as a prefix or postfix
+  // unary operator. `isUpdate` specifies that the node produced by
+  // the operator should be of type UpdateExpression rather than
+  // simply UnaryExpression (`++` and `--`).
+  //
+  // `isAssign` marks all of `=`, `+=`, `-=` etcetera, which act as
+  // binary operators with a very low precedence, that should result
+  // in AssignmentExpression nodes.
+
+  var _slash = {binop: 10, beforeExpr: true}, _eq = {isAssign: true, beforeExpr: true};
+  var _assign = {isAssign: true, beforeExpr: true}, _plusmin = {binop: 9, prefix: true, beforeExpr: true};
+  var _incdec = {postfix: true, prefix: true, isUpdate: true}, _prefix = {prefix: true, beforeExpr: true};
+  var _bin1 = {binop: 1, beforeExpr: true}, _bin2 = {binop: 2, beforeExpr: true};
+  var _bin3 = {binop: 3, beforeExpr: true}, _bin4 = {binop: 4, beforeExpr: true};
+  var _bin5 = {binop: 5, beforeExpr: true}, _bin6 = {binop: 6, beforeExpr: true};
+  var _bin7 = {binop: 7, beforeExpr: true}, _bin8 = {binop: 8, beforeExpr: true};
+  var _bin10 = {binop: 10, beforeExpr: true};
+
+  // This is a trick taken from Esprima. It turns out that, on
+  // non-Chrome browsers, to check whether a string is in a set, a
+  // predicate containing a big ugly `switch` statement is faster than
+  // a regular expression, and on Chrome the two are about on par.
+  // This function uses `eval` (non-lexical) to produce such a
+  // predicate from a space-separated string of words.
+  //
+  // It starts by sorting the words by length.
+
+  function makePredicate(words) {
+    words = words.split(" ");
+    var f = "", cats = [];
+    out: for (var i = 0; i < words.length; ++i) {
+      for (var j = 0; j < cats.length; ++j)
+        if (cats[j][0].length == words[i].length) {
+          cats[j].push(words[i]);
+          continue out;
+        }
+      cats.push([words[i]]);
+    }
+    function compareTo(arr) {
+      if (arr.length == 1) return f += "return str === " + JSON.stringify(arr[0]) + ";";
+      f += "switch(str){";
+      for (var i = 0; i < arr.length; ++i) f += "case " + JSON.stringify(arr[i]) + ":";
+      f += "return true}return false;";
+    }
+
+    // When there are more than three length categories, an outer
+    // switch first dispatches on the lengths, to save on comparisons.
+
+    if (cats.length > 3) {
+      cats.sort(function(a, b) {return b.length - a.length;});
+      f += "switch(str.length){";
+      for (var i = 0; i < cats.length; ++i) {
+        var cat = cats[i];
+        f += "case " + cat[0].length + ":";
+        compareTo(cat);
+      }
+      f += "}";
+
+    // Otherwise, simply generate a flat `switch` statement.
+
+    } else {
+      compareTo(words);
+    }
+    return new Function("str", f);
+  }
+
+  // The ECMAScript 3 reserved word list.
+
+  var isReservedWord3 = makePredicate("abstract boolean byte char class double enum export extends final float goto implements import int interface long native package private protected public short static super synchronized throws transient volatile");
+
+  // ECMAScript 5 reserved words.
+
+  var isReservedWord5 = makePredicate("class enum extends super const export import");
+
+  // The additional reserved words in strict mode.
+
+  var isStrictReservedWord = makePredicate("implements interface let package private protected public static yield");
+
+  // The forbidden variable names in strict mode.
+
+  var isStrictBadIdWord = makePredicate("eval arguments");
+
+  // And the keywords.
+
+  var isKeyword = makePredicate("break case catch continue debugger default do else finally for function if return switch throw try var while with null true false instanceof typeof void delete new in this");
+
+  // ## Character categories
+
+  // Big ugly regular expressions that match characters in the
+  // whitespace, identifier, and identifier-start categories. These
+  // are only applied when a character is found to actually have a
+  // code point above 128.
+
+  var nonASCIIwhitespace = /[\u1680\u180e\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]/;
+  var nonASCIIidentifierStartChars = "\xaa\xb5\xba\xc0-\xd6\xd8-\xf6\xf8-\u02c1\u02c6-\u02d1\u02e0-\u02e4\u02ec\u02ee\u0370-\u0374\u0376\u0377\u037a-\u037d\u0386\u0388-\u038a\u038c\u038e-\u03a1\u03a3-\u03f5\u03f7-\u0481\u048a-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05d0-\u05ea\u05f0-\u05f2\u0620-\u064a\u066e\u066f\u0671-\u06d3\u06d5\u06e5\u06e6\u06ee\u06ef\u06fa-\u06fc\u06ff\u0710\u0712-\u072f\u074d-\u07a5\u07b1\u07ca-\u07ea\u07f4\u07f5\u07fa\u0800-\u0815\u081a\u0824\u0828\u0840-\u0858\u08a0\u08a2-\u08ac\u0904-\u0939\u093d\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097f\u0985-\u098c\u098f\u0990\u0993-\u09a8\u09aa-\u09b0\u09b2\u09b6-\u09b9\u09bd\u09ce\u09dc\u09dd\u09df-\u09e1\u09f0\u09f1\u0a05-\u0a0a\u0a0f\u0a10\u0a13-\u0a28\u0a2a-\u0a30\u0a32\u0a33\u0a35\u0a36\u0a38\u0a39\u0a59-\u0a5c\u0a5e\u0a72-\u0a74\u0a85-\u0a8d\u0a8f-\u0a91\u0a93-\u0aa8\u0aaa-\u0ab0\u0ab2\u0ab3\u0ab5-\u0ab9\u0abd\u0ad0\u0ae0\u0ae1\u0b05-\u0b0c\u0b0f\u0b10\u0b13-\u0b28\u0b2a-\u0b30\u0b32\u0b33\u0b35-\u0b39\u0b3d\u0b5c\u0b5d\u0b5f-\u0b61\u0b71\u0b83\u0b85-\u0b8a\u0b8e-\u0b90\u0b92-\u0b95\u0b99\u0b9a\u0b9c\u0b9e\u0b9f\u0ba3\u0ba4\u0ba8-\u0baa\u0bae-\u0bb9\u0bd0\u0c05-\u0c0c\u0c0e-\u0c10\u0c12-\u0c28\u0c2a-\u0c33\u0c35-\u0c39\u0c3d\u0c58\u0c59\u0c60\u0c61\u0c85-\u0c8c\u0c8e-\u0c90\u0c92-\u0ca8\u0caa-\u0cb3\u0cb5-\u0cb9\u0cbd\u0cde\u0ce0\u0ce1\u0cf1\u0cf2\u0d05-\u0d0c\u0d0e-\u0d10\u0d12-\u0d3a\u0d3d\u0d4e\u0d60\u0d61\u0d7a-\u0d7f\u0d85-\u0d96\u0d9a-\u0db1\u0db3-\u0dbb\u0dbd\u0dc0-\u0dc6\u0e01-\u0e30\u0e32\u0e33\u0e40-\u0e46\u0e81\u0e82\u0e84\u0e87\u0e88\u0e8a\u0e8d\u0e94-\u0e97\u0e99-\u0e9f\u0ea1-\u0ea3\u0ea5\u0ea7\u0eaa\u0eab\u0ead-\u0eb0\u0eb2\u0eb3\u0ebd\u0ec0-\u0ec4\u0ec6\u0edc-\u0edf\u0f00\u0f40-\u0f47\u0f49-\u0f6c\u0f88-\u0f8c\u1000-\u102a\u103f\u1050-\u1055\u105a-\u105d\u1061\u1065\u1066\u106e-\u1070\u1075-\u1081\u108e\u10a0-\u10c5\u10c7\u10cd\u10d0-\u10fa\u10fc-\u1248\u124a-\u124d\u1250-\u1256\u1258\u125a-\u125d\u1260-\u1288\u128a-\u128d\u1290-\u12b0\u12b2-\u12b5\u12b8-\u12be\u12c0\u12c2-\u12c5\u12c8-\u12d6\u12d8-\u1310\u1312-\u1315\u1318-\u135a\u1380-\u138f\u13a0-\u13f4\u1401-\u166c\u166f-\u167f\u1681-\u169a\u16a0-\u16ea\u16ee-\u16f0\u1700-\u170c\u170e-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176c\u176e-\u1770\u1780-\u17b3\u17d7\u17dc\u1820-\u1877\u1880-\u18a8\u18aa\u18b0-\u18f5\u1900-\u191c\u1950-\u196d\u1970-\u1974\u1980-\u19ab\u19c1-\u19c7\u1a00-\u1a16\u1a20-\u1a54\u1aa7\u1b05-\u1b33\u1b45-\u1b4b\u1b83-\u1ba0\u1bae\u1baf\u1bba-\u1be5\u1c00-\u1c23\u1c4d-\u1c4f\u1c5a-\u1c7d\u1ce9-\u1cec\u1cee-\u1cf1\u1cf5\u1cf6\u1d00-\u1dbf\u1e00-\u1f15\u1f18-\u1f1d\u1f20-\u1f45\u1f48-\u1f4d\u1f50-\u1f57\u1f59\u1f5b\u1f5d\u1f5f-\u1f7d\u1f80-\u1fb4\u1fb6-\u1fbc\u1fbe\u1fc2-\u1fc4\u1fc6-\u1fcc\u1fd0-\u1fd3\u1fd6-\u1fdb\u1fe0-\u1fec\u1ff2-\u1ff4\u1ff6-\u1ffc\u2071\u207f\u2090-\u209c\u2102\u2107\u210a-\u2113\u2115\u2119-\u211d\u2124\u2126\u2128\u212a-\u212d\u212f-\u2139\u213c-\u213f\u2145-\u2149\u214e\u2160-\u2188\u2c00-\u2c2e\u2c30-\u2c5e\u2c60-\u2ce4\u2ceb-\u2cee\u2cf2\u2cf3\u2d00-\u2d25\u2d27\u2d2d\u2d30-\u2d67\u2d6f\u2d80-\u2d96\u2da0-\u2da6\u2da8-\u2dae\u2db0-\u2db6\u2db8-\u2dbe\u2dc0-\u2dc6\u2dc8-\u2dce\u2dd0-\u2dd6\u2dd8-\u2dde\u2e2f\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303c\u3041-\u3096\u309d-\u309f\u30a1-\u30fa\u30fc-\u30ff\u3105-\u312d\u3131-\u318e\u31a0-\u31ba\u31f0-\u31ff\u3400-\u4db5\u4e00-\u9fcc\ua000-\ua48c\ua4d0-\ua4fd\ua500-\ua60c\ua610-\ua61f\ua62a\ua62b\ua640-\ua66e\ua67f-\ua697\ua6a0-\ua6ef\ua717-\ua71f\ua722-\ua788\ua78b-\ua78e\ua790-\ua793\ua7a0-\ua7aa\ua7f8-\ua801\ua803-\ua805\ua807-\ua80a\ua80c-\ua822\ua840-\ua873\ua882-\ua8b3\ua8f2-\ua8f7\ua8fb\ua90a-\ua925\ua930-\ua946\ua960-\ua97c\ua984-\ua9b2\ua9cf\uaa00-\uaa28\uaa40-\uaa42\uaa44-\uaa4b\uaa60-\uaa76\uaa7a\uaa80-\uaaaf\uaab1\uaab5\uaab6\uaab9-\uaabd\uaac0\uaac2\uaadb-\uaadd\uaae0-\uaaea\uaaf2-\uaaf4\uab01-\uab06\uab09-\uab0e\uab11-\uab16\uab20-\uab26\uab28-\uab2e\uabc0-\uabe2\uac00-\ud7a3\ud7b0-\ud7c6\ud7cb-\ud7fb\uf900-\ufa6d\ufa70-\ufad9\ufb00-\ufb06\ufb13-\ufb17\ufb1d\ufb1f-\ufb28\ufb2a-\ufb36\ufb38-\ufb3c\ufb3e\ufb40\ufb41\ufb43\ufb44\ufb46-\ufbb1\ufbd3-\ufd3d\ufd50-\ufd8f\ufd92-\ufdc7\ufdf0-\ufdfb\ufe70-\ufe74\ufe76-\ufefc\uff21-\uff3a\uff41-\uff5a\uff66-\uffbe\uffc2-\uffc7\uffca-\uffcf\uffd2-\uffd7\uffda-\uffdc";
+  var nonASCIIidentifierChars = "\u0371-\u0374\u0483-\u0487\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u0620-\u0649\u0672-\u06d3\u06e7-\u06e8\u06fb-\u06fc\u0730-\u074a\u0800-\u0814\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0840-\u0857\u08e4-\u08fe\u0900-\u0903\u093a-\u093c\u093e-\u094f\u0951-\u0957\u0962-\u0963\u0966-\u096f\u0981-\u0983\u09bc\u09be-\u09c4\u09c7\u09c8\u09d7\u09df-\u09e0\u0a01-\u0a03\u0a3c\u0a3e-\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a66-\u0a71\u0a75\u0a81-\u0a83\u0abc\u0abe-\u0ac5\u0ac7-\u0ac9\u0acb-\u0acd\u0ae2-\u0ae3\u0ae6-\u0aef\u0b01-\u0b03\u0b3c\u0b3e-\u0b44\u0b47\u0b48\u0b4b-\u0b4d\u0b56\u0b57\u0b5f-\u0b60\u0b66-\u0b6f\u0b82\u0bbe-\u0bc2\u0bc6-\u0bc8\u0bca-\u0bcd\u0bd7\u0be6-\u0bef\u0c01-\u0c03\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62-\u0c63\u0c66-\u0c6f\u0c82\u0c83\u0cbc\u0cbe-\u0cc4\u0cc6-\u0cc8\u0cca-\u0ccd\u0cd5\u0cd6\u0ce2-\u0ce3\u0ce6-\u0cef\u0d02\u0d03\u0d46-\u0d48\u0d57\u0d62-\u0d63\u0d66-\u0d6f\u0d82\u0d83\u0dca\u0dcf-\u0dd4\u0dd6\u0dd8-\u0ddf\u0df2\u0df3\u0e34-\u0e3a\u0e40-\u0e45\u0e50-\u0e59\u0eb4-\u0eb9\u0ec8-\u0ecd\u0ed0-\u0ed9\u0f18\u0f19\u0f20-\u0f29\u0f35\u0f37\u0f39\u0f41-\u0f47\u0f71-\u0f84\u0f86-\u0f87\u0f8d-\u0f97\u0f99-\u0fbc\u0fc6\u1000-\u1029\u1040-\u1049\u1067-\u106d\u1071-\u1074\u1082-\u108d\u108f-\u109d\u135d-\u135f\u170e-\u1710\u1720-\u1730\u1740-\u1750\u1772\u1773\u1780-\u17b2\u17dd\u17e0-\u17e9\u180b-\u180d\u1810-\u1819\u1920-\u192b\u1930-\u193b\u1951-\u196d\u19b0-\u19c0\u19c8-\u19c9\u19d0-\u19d9\u1a00-\u1a15\u1a20-\u1a53\u1a60-\u1a7c\u1a7f-\u1a89\u1a90-\u1a99\u1b46-\u1b4b\u1b50-\u1b59\u1b6b-\u1b73\u1bb0-\u1bb9\u1be6-\u1bf3\u1c00-\u1c22\u1c40-\u1c49\u1c5b-\u1c7d\u1cd0-\u1cd2\u1d00-\u1dbe\u1e01-\u1f15\u200c\u200d\u203f\u2040\u2054\u20d0-\u20dc\u20e1\u20e5-\u20f0\u2d81-\u2d96\u2de0-\u2dff\u3021-\u3028\u3099\u309a\ua640-\ua66d\ua674-\ua67d\ua69f\ua6f0-\ua6f1\ua7f8-\ua800\ua806\ua80b\ua823-\ua827\ua880-\ua881\ua8b4-\ua8c4\ua8d0-\ua8d9\ua8f3-\ua8f7\ua900-\ua909\ua926-\ua92d\ua930-\ua945\ua980-\ua983\ua9b3-\ua9c0\uaa00-\uaa27\uaa40-\uaa41\uaa4c-\uaa4d\uaa50-\uaa59\uaa7b\uaae0-\uaae9\uaaf2-\uaaf3\uabc0-\uabe1\uabec\uabed\uabf0-\uabf9\ufb20-\ufb28\ufe00-\ufe0f\ufe20-\ufe26\ufe33\ufe34\ufe4d-\ufe4f\uff10-\uff19\uff3f";
+  var nonASCIIidentifierStart = new RegExp("[" + nonASCIIidentifierStartChars + "]");
+  var nonASCIIidentifier = new RegExp("[" + nonASCIIidentifierStartChars + nonASCIIidentifierChars + "]");
+
+  // Whether a single character denotes a newline.
+
+  var newline = /[\n\r\u2028\u2029]/;
+
+  // Matches a whole line break (where CRLF is considered a single
+  // line break). Used to count lines.
+
+  var lineBreak = /\r\n|[\n\r\u2028\u2029]/g;
+
+  // Test whether a given character code starts an identifier.
+
+  function isIdentifierStart(code) {
+    if (code < 65) return code === 36;
+    if (code < 91) return true;
+    if (code < 97) return code === 95;
+    if (code < 123)return true;
+    return code >= 0xaa && nonASCIIidentifierStart.test(String.fromCharCode(code));
+  }
+
+  // Test whether a given character is part of an identifier.
+
+  function isIdentifierChar(code) {
+    if (code < 48) return code === 36;
+    if (code < 58) return true;
+    if (code < 65) return false;
+    if (code < 91) return true;
+    if (code < 97) return code === 95;
+    if (code < 123)return true;
+    return code >= 0xaa && nonASCIIidentifier.test(String.fromCharCode(code));
+  }
+
+  // ## Tokenizer
+
+  // These are used when `options.locations` is on, in order to track
+  // the current line number and start of line offset, in order to set
+  // `tokStartLoc` and `tokEndLoc`.
+
+  function nextLineStart() {
+    lineBreak.lastIndex = tokLineStart;
+    var match = lineBreak.exec(input);
+    return match ? match.index + match[0].length : input.length + 1;
+  }
+
+  function curLineLoc() {
+    while (tokLineStartNext <= tokPos) {
+      ++tokCurLine;
+      tokLineStart = tokLineStartNext;
+      tokLineStartNext = nextLineStart();
+    }
+    return {line: tokCurLine, column: tokPos - tokLineStart};
+  }
+
+  // Reset the token state. Used at the start of a parse.
+
+  function initTokenState() {
+    tokCurLine = 1;
+    tokPos = tokLineStart = 0;
+    tokLineStartNext = nextLineStart();
+    tokRegexpAllowed = true;
+    tokComments = null;
+    skipSpace();
+  }
+
+  // Called at the end of every token. Sets `tokEnd`, `tokVal`,
+  // `tokCommentsAfter`, and `tokRegexpAllowed`, and skips the space
+  // after the token, so that the next one's `tokStart` will point at
+  // the right position.
+
+  function finishToken(type, val) {
+    tokEnd = tokPos;
+    if (options.locations) tokEndLoc = curLineLoc();
+    tokType = type;
+    skipSpace();
+    tokVal = val;
+    tokCommentsAfter = tokComments;
+    tokRegexpAllowed = type.beforeExpr;
+  }
+
+  function skipBlockComment() {
+    var end = input.indexOf("*/", tokPos += 2);
+    if (end === -1) raise(tokPos - 2, "Unterminated comment");
+    if (options.trackComments)
+      (tokComments || (tokComments = [])).push(input.slice(tokPos, end));
+    tokPos = end + 2;
+  }
+
+  function skipLineComment() {
+    var start = tokPos;
+    var ch = input.charCodeAt(tokPos+=2);
+    while (tokPos < inputLen && ch !== 10 && ch !== 13 && ch !== 8232 && ch !== 8329) {
+      ++tokPos;
+      ch = input.charCodeAt(tokPos);
+    }
+    (tokComments || (tokComments = [])).push(input.slice(start, tokPos));
+  }
+
+  // Called at the start of the parse and after every token. Skips
+  // whitespace and comments, and, if `options.trackComments` is on,
+  // will store all skipped comments in `tokComments`.
+
+  function skipSpace() {
+    tokComments = null;
+    while (tokPos < inputLen) {
+      var ch = input.charCodeAt(tokPos);
+      if (ch === 47) { // '/'
+        var next = input.charCodeAt(tokPos+1);
+        if (next === 42) { // '*'
+          skipBlockComment();
+        } else if (next === 47) { // '/'
+          skipLineComment();
+        } else break;
+      } else if (ch < 14 && ch > 8) {
+        ++tokPos;
+      } else if (ch === 32 || ch === 160) { // ' ', '\xa0'
+        ++tokPos;
+      } else if (ch >= 5760 && nonASCIIwhitespace.test(String.fromCharCode(ch))) {
+        ++tokPos;
+      } else {
+        break;
+      }
+    }
+  }
+
+  // ### Token reading
+
+  // This is the function that is called to fetch the next token. It
+  // is somewhat obscure, because it works in character codes rather
+  // than characters, and because operator parsing has been inlined
+  // into it.
+  //
+  // All in the name of speed.
+  //
+  // The `forceRegexp` parameter is used in the one case where the
+  // `tokRegexpAllowed` trick does not work. See `parseStatement`.
+
+  function readToken(forceRegexp) {
+    tokStart = tokPos;
+    if (options.locations) tokStartLoc = curLineLoc();
+    tokCommentsBefore = tokComments;
+    if (forceRegexp) return readRegexp();
+    if (tokPos >= inputLen) return finishToken(_eof);
+
+    var code = input.charCodeAt(tokPos);
+    // Identifier or keyword. '\uXXXX' sequences are allowed in
+    // identifiers, so '\' also dispatches to that.
+    if (isIdentifierStart(code) || code === 92 /* '\' */) return readWord();
+    var next = input.charCodeAt(tokPos+1);
+
+    switch(code) {
+      // The interpretation of a dot depends on whether it is followed
+      // by a digit.
+    case 46: // '.'
+      if (next >= 48 && next <= 57) return readNumber(String.fromCharCode(code));
+      ++tokPos;
+      return finishToken(_dot);
+
+      // Punctuation tokens.
+    case 40: ++tokPos; return finishToken(_parenL);
+    case 41: ++tokPos; return finishToken(_parenR);
+    case 59: ++tokPos; return finishToken(_semi);
+    case 44: ++tokPos; return finishToken(_comma);
+    case 91: ++tokPos; return finishToken(_bracketL);
+    case 93: ++tokPos; return finishToken(_bracketR);
+    case 123: ++tokPos; return finishToken(_braceL);
+    case 125: ++tokPos; return finishToken(_braceR);
+    case 58: ++tokPos; return finishToken(_colon);
+    case 63: ++tokPos; return finishToken(_question);
+
+      // '0x' is a hexadecimal number.
+    case 48: // '0'
+      if (next === 120 || next === 88) return readHexNumber();
+      // Anything else beginning with a digit is an integer, octal
+      // number, or float.
+    case 49: case 50: case 51: case 52: case 53: case 54: case 55: case 56: case 57: // 1-9
+      return readNumber(String.fromCharCode(code));
+
+      // Quotes produce strings.
+    case 34: case 39: // '"', "'"
+      return readString(code);
+
+    // Operators are parsed inline in tiny state machines. '=' (61) is
+    // often referred to. `finishOp` simply skips the amount of
+    // characters it is given as second argument, and returns a token
+    // of the type given by its first argument.
+
+    case 47: // '/'
+      if (tokRegexpAllowed) {++tokPos; return readRegexp();}
+      if (next === 61) return finishOp(_assign, 2);
+      return finishOp(_slash, 1);
+
+    case 37: case 42: // '%*'
+      if (next === 61) return finishOp(_assign, 2);
+      return finishOp(_bin10, 1);
+
+    case 124: case 38: // '|&'
+      if (next === code) return finishOp(code === 124 ? _bin1 : _bin2, 2);
+      if (next === 61) return finishOp(_assign, 2);
+      return finishOp(code === 124 ? _bin3 : _bin5, 1);
+
+    case 94: // '^'
+      if (next === 61) return finishOp(_assign, 2);
+      return finishOp(_bin4, 1);
+
+    case 43: case 45: // '+-'
+      if (next === code) return finishOp(_incdec, 2);
+      if (next === 61) return finishOp(_assign, 2);
+      return finishOp(_plusmin, 1);
+
+    case 60: case 62: // '<>'
+      var size = 1;
+      if (next === code) {
+        size = code === 62 && input.charCodeAt(tokPos+2) === 62 ? 3 : 2;
+        if (input.charCodeAt(tokPos + size) === 61) return finishOp(_assign, size + 1);
+        return finishOp(_bin8, size);
+      }
+      if (next === 61)
+        size = input.charCodeAt(tokPos+2) === 61 ? 3 : 2;
+      return finishOp(_bin7, size);
+
+    case 61: case 33: // '=!'
+      if (next === 61) return finishOp(_bin6, input.charCodeAt(tokPos+2) === 61 ? 3 : 2);
+      return finishOp(code === 61 ? _eq : _prefix, 1);
+
+    case 126: // '~'
+      return finishOp(_prefix, 1);
+    }
+
+    // If we are here, we either found a non-ASCII identifier
+    // character, or something that's entirely disallowed.
+    var ch = String.fromCharCode(code);
+    if (ch === "\\" || nonASCIIidentifierStart.test(ch)) return readWord();
+    raise(tokPos, "Unexpected character '" + ch + "'");
+  }
+
+  function finishOp(type, size) {
+    var str = input.slice(tokPos, tokPos + size);
+    tokPos += size;
+    finishToken(type, str);
+  }
+
+  // Parse a regular expression. Some context-awareness is necessary,
+  // since a '/' inside a '[]' set does not end the expression.
+
+  function readRegexp() {
+    var content = "", escaped, inClass, start = tokPos;
+    for (;;) {
+      if (tokPos >= inputLen) raise(start, "Unterminated regular expression");
+      var ch = input.charAt(tokPos);
+      if (newline.test(ch)) raise(start, "Unterminated regular expression");
+      if (!escaped) {
+        if (ch === "[") inClass = true;
+        else if (ch === "]" && inClass) inClass = false;
+        else if (ch === "/" && !inClass) break;
+        escaped = ch === "\\";
+      } else escaped = false;
+      ++tokPos;
+    }
+    var content = input.slice(start, tokPos);
+    ++tokPos;
+    // Need to use `readWord1` because '\uXXXX' sequences are allowed
+    // here (don't ask).
+    var mods = readWord1();
+    if (mods && !/^[gmsiy]*$/.test(mods)) raise(start, "Invalid regexp flag");
+    return finishToken(_regexp, new RegExp(content, mods));
+  }
+
+  // Read an integer in the given radix. Return null if zero digits
+  // were read, the integer value otherwise. When `len` is given, this
+  // will return `null` unless the integer has exactly `len` digits.
+
+  function readInt(radix, len) {
+    var start = tokPos, total = 0;
+    for (;;) {
+      var code = input.charCodeAt(tokPos), val;
+      if (code >= 97) val = code - 97 + 10; // a
+      else if (code >= 65) val = code - 65 + 10; // A
+      else if (code >= 48 && code <= 57) val = code - 48; // 0-9
+      else val = Infinity;
+      if (val >= radix) break;
+      ++tokPos;
+      total = total * radix + val;
+    }
+    if (tokPos === start || len != null && tokPos - start !== len) return null;
+
+    return total;
+  }
+
+  function readHexNumber() {
+    tokPos += 2; // 0x
+    var val = readInt(16);
+    if (val == null) raise(tokStart + 2, "Expected hexadecimal number");
+    if (isIdentifierStart(input.charCodeAt(tokPos))) raise(tokPos, "Identifier directly after number");
+    return finishToken(_num, val);
+  }
+
+  // Read an integer, octal integer, or floating-point number.
+  
+  function readNumber(ch) {
+    var start = tokPos, isFloat = ch === ".";
+    if (!isFloat && readInt(10) == null) raise(start, "Invalid number");
+    if (isFloat || input.charAt(tokPos) === ".") {
+      var next = input.charAt(++tokPos);
+      if (next === "-" || next === "+") ++tokPos;
+      if (readInt(10) === null && ch === ".") raise(start, "Invalid number");
+      isFloat = true;
+    }
+    if (/e/i.test(input.charAt(tokPos))) {
+      var next = input.charAt(++tokPos);
+      if (next === "-" || next === "+") ++tokPos;
+      if (readInt(10) === null) raise(start, "Invalid number")
+      isFloat = true;
+    }
+    if (isIdentifierStart(input.charCodeAt(tokPos))) raise(tokPos, "Identifier directly after number");
+
+    var str = input.slice(start, tokPos), val;
+    if (isFloat) val = parseFloat(str);
+    else if (ch !== "0" || str.length === 1) val = parseInt(str, 10);
+    else if (/[89]/.test(str) || strict) raise(start, "Invalid number");
+    else val = parseInt(str, 8);
+    return finishToken(_num, val);
+  }
+
+  // Read a string value, interpreting backslash-escapes.
+
+  function readString(quote) {
+    tokPos++;
+    var str = [];
+    for (;;) {
+      if (tokPos >= inputLen) raise(tokStart, "Unterminated string constant");
+      var ch = input.charCodeAt(tokPos);
+      if (ch === quote) {
+        ++tokPos;
+        return finishToken(_string, String.fromCharCode.apply(null, str));
+      }
+      if (ch === 92) { // '\'
+        ch = input.charCodeAt(++tokPos);
+        var octal = /^[0-7]+/.exec(input.slice(tokPos, tokPos + 3));
+        if (octal) octal = octal[0];
+        while (octal && parseInt(octal, 8) > 255) octal = octal.slice(0, octal.length - 1);
+        if (octal === "0") octal = null;
+        ++tokPos;
+        if (octal) {
+          if (strict) raise(tokPos - 2, "Octal literal in strict mode");
+          str.push(parseInt(octal, 8));
+          tokPos += octal.length - 1;
+        } else {
+          switch (ch) {
+          case 110: str.push(10); break; // 'n' -> '\n'
+          case 114: str.push(13); break; // 'r' -> '\r'
+          case 120: str.push(readHexChar(2)); break; // 'x'
+          case 117: str.push(readHexChar(4)); break; // 'u'
+          case 85: str.push(readHexChar(8)); break; // 'U'
+          case 116: str.push(9); break; // 't' -> '\t'
+          case 98: str.push(8); break; // 'b' -> '\b'
+          case 118: str.push(11); break; // 'v' -> '\u000b'
+          case 102: str.push(12); break; // 'f' -> '\f'
+          case 48: str.push(0); break; // 0 -> '\0'
+          case 13: if (input.charCodeAt(tokPos) === 10) ++tokPos; // '\r\n'
+          case 10: break; // ' \n'
+          default: str.push(ch); break;
+          }
+        }
+      } else {
+        if (ch === 13 || ch === 10 || ch === 8232 || ch === 8329) raise(tokStart, "Unterminated string constant");
+        if (ch !== 92) str.push(ch); // '\'
+        ++tokPos;
+      }
+    }
+  }
+
+  // Used to read character escape sequences ('\x', '\u', '\U').
+
+  function readHexChar(len) {
+    var n = readInt(16, len);
+    if (n === null) raise(tokStart, "Bad character escape sequence");
+    return n;
+  }
+
+  // Used to signal to callers of `readWord1` whether the word
+  // contained any escape sequences. This is needed because words with
+  // escape sequences must not be interpreted as keywords.
+
+  var containsEsc;
+
+  // Read an identifier, and return it as a string. Sets `containsEsc`
+  // to whether the word contained a '\u' escape.
+  //
+  // Only builds up the word character-by-character when it actually
+  // containeds an escape, as a micro-optimization.
+
+  function readWord1() {
+    containsEsc = false;
+    var word, first = true, start = tokPos;
+    for (;;) {
+      var ch = input.charCodeAt(tokPos);
+      if (isIdentifierChar(ch)) {
+        if (containsEsc) word += input.charAt(tokPos);
+        ++tokPos;
+      } else if (ch === 92) { // "\"
+        if (!containsEsc) word = input.slice(start, tokPos);
+        containsEsc = true;
+        if (input.charCodeAt(++tokPos) != 117) // "u"
+          raise(tokPos, "Expecting Unicode escape sequence \\uXXXX");
+        ++tokPos;
+        var esc = readHexChar(4);
+        var escStr = String.fromCharCode(esc);
+        if (!escStr) raise(tokPos - 1, "Invalid Unicode escape");
+        if (!(first ? isIdentifierStart(esc) : isIdentifierChar(esc)))
+          raise(tokPos - 4, "Invalid Unicode escape");
+        word += escStr;
+      } else {
+        break;
+      }
+      first = false;
+    }
+    return containsEsc ? word : input.slice(start, tokPos);
+  }
+
+  // Read an identifier or keyword token. Will check for reserved
+  // words when necessary.
+
+  function readWord() {
+    var word = readWord1();
+    var type = _name;
+    if (!containsEsc) {
+      if (isKeyword(word)) type = keywordTypes[word];
+      else if (options.forbidReserved &&
+               (options.ecmaVersion === 3 ? isReservedWord3 : isReservedWord5)(word) ||
+               strict && isStrictReservedWord(word))
+        raise(tokStart, "The keyword '" + word + "' is reserved");
+    }
+    return finishToken(type, word);
+  }
+
+  // ## Parser
+
+  // A recursive descent parser operates by defining functions for all
+  // syntactic elements, and recursively calling those, each function
+  // advancing the input stream and returning an AST node. Precedence
+  // of constructs (for example, the fact that `!x[1]` means `!(x[1])`
+  // instead of `(!x)[1]` is handled by the fact that the parser
+  // function that parses unary prefix operators is called first, and
+  // in turn calls the function that parses `[]` subscripts — that
+  // way, it'll receive the node for `x[1]` already parsed, and wraps
+  // *that* in the unary operator node.
+  //
+  // Acorn uses an [operator precedence parser][opp] to handle binary
+  // operator precedence, because it is much more compact than using
+  // the technique outlined above, which uses different, nesting
+  // functions to specify precedence, for all of the ten binary
+  // precedence levels that JavaScript defines.
+  //
+  // [opp]: http://en.wikipedia.org/wiki/Operator-precedence_parser
+
+  // ### Parser utilities
+
+  // Continue to the next token.
+  
+  function next() {
+    lastStart = tokStart;
+    lastEnd = tokEnd;
+    lastEndLoc = tokEndLoc;
+    readToken();
+  }
+
+  // Enter strict mode. Re-reads the next token to please pedantic
+  // tests ("use strict"; 010; -- should fail).
+
+  function setStrict(strct) {
+    strict = strct;
+    tokPos = lastEnd;
+    skipSpace();
+    readToken();
+  }
+
+  // Start an AST node, attaching a start offset and optionally a
+  // `commentsBefore` property to it.
+
+  function startNode() {
+    var node = {type: null, start: tokStart, end: null};
+    if (options.trackComments && tokCommentsBefore) {
+      node.commentsBefore = tokCommentsBefore;
+      tokCommentsBefore = null;
+    }
+    if (options.locations)
+      node.loc = {start: tokStartLoc, end: null, source: sourceFile};
+    if (options.ranges)
+      node.range = [tokStart, 0];
+    return node;
+  }
+
+  // Start a node whose start offset/comments information should be
+  // based on the start of another node. For example, a binary
+  // operator node is only started after its left-hand side has
+  // already been parsed.
+
+  function startNodeFrom(other) {
+    var node = {type: null, start: other.start};
+    if (other.commentsBefore) {
+      node.commentsBefore = other.commentsBefore;
+      other.commentsBefore = null;
+    }
+    if (options.locations)
+      node.loc = {start: other.loc.start, end: null, source: other.loc.source};
+    if (options.ranges)
+      node.range = [other.range[0], 0];
+
+    return node;
+  }
+
+  // Finish an AST node, adding `type`, `end`, and `commentsAfter`
+  // properties.
+  //
+  // We keep track of the last node that we finished, in order
+  // 'bubble' `commentsAfter` properties up to the biggest node. I.e.
+  // in '`1 + 1 // foo', the comment should be attached to the binary
+  // operator node, not the second literal node.
+
+  var lastFinishedNode;
+
+  function finishNode(node, type) {
+    node.type = type;
+    node.end = lastEnd;
+    if (options.trackComments) {
+      if (tokCommentsAfter) {
+        node.commentsAfter = tokCommentsAfter;
+        tokCommentsAfter = null;
+      } else if (lastFinishedNode && lastFinishedNode.end === lastEnd) {
+        node.commentsAfter = lastFinishedNode.commentsAfter;
+        lastFinishedNode.commentsAfter = null;
+      }
+      lastFinishedNode = node;
+    }
+    if (options.locations)
+      node.loc.end = lastEndLoc;
+    if (options.ranges)
+      node.range[1] = lastEnd;
+    return node;
+  }
+
+  // Test whether a statement node is the string literal `"use strict"`.
+
+  function isUseStrict(stmt) {
+    return options.ecmaVersion >= 5 && stmt.type === "ExpressionStatement" &&
+      stmt.expression.type === "Literal" && stmt.expression.value === "use strict";
+  }
+
+  // Predicate that tests whether the next token is of the given
+  // type, and if yes, consumes it as a side effect.
+
+  function eat(type) {
+    if (tokType === type) {
+      next();
+      return true;
+    }
+  }
+
+  // Test whether a semicolon can be inserted at the current position.
+
+  function canInsertSemicolon() {
+    return !options.strictSemicolons &&
+      (tokType === _eof || tokType === _braceR || newline.test(input.slice(lastEnd, tokStart)));
+  }
+
+  // Consume a semicolon, or, failing that, see if we are allowed to
+  // pretend that there is a semicolon at this position.
+
+  function semicolon() {
+    if (!eat(_semi) && !canInsertSemicolon()) unexpected();
+  }
+
+  // Expect a token of a given type. If found, consume it, otherwise,
+  // raise an unexpected token error.
+
+  function expect(type) {
+    if (tokType === type) next();
+    else unexpected();
+  }
+
+  // Raise an unexpected token error.
+
+  function unexpected() {
+    raise(tokStart, "Unexpected token");
+  }
+
+  // Verify that a node is an lval — something that can be assigned
+  // to.
+
+  function checkLVal(expr) {
+    if (expr.type !== "Identifier" && expr.type !== "MemberExpression")
+      raise(expr.start, "Assigning to rvalue");
+    if (strict && expr.type === "Identifier" && isStrictBadIdWord(expr.name))
+      raise(expr.start, "Assigning to " + expr.name + " in strict mode");
+  }
+
+  // ### Statement parsing
+
+  // Parse a program. Initializes the parser, reads any number of
+  // statements, and wraps them in a Program node.  Optionally takes a
+  // `program` argument.  If present, the statements will be appended
+  // to its body instead of creating a new node.
+
+  function parseTopLevel(program) {
+    initTokenState();
+    lastStart = lastEnd = tokPos;
+    if (options.locations) lastEndLoc = curLineLoc();
+    inFunction = strict = null;
+    labels = [];
+    readToken();
+
+    var node = program || startNode(), first = true;
+    if (!program) node.body = [];
+    while (tokType !== _eof) {
+      var stmt = parseStatement();
+      node.body.push(stmt);
+      if (first && isUseStrict(stmt)) setStrict(true);
+      first = false;
+    }
+    return finishNode(node, "Program");
+  };
+
+  var loopLabel = {kind: "loop"}, switchLabel = {kind: "switch"};
+
+  // Parse a single statement.
+  //
+  // If expecting a statement and finding a slash operator, parse a
+  // regular expression literal. This is to handle cases like
+  // `if (foo) /blah/.exec(foo);`, where looking at the previous token
+  // does not help.
+
+  function parseStatement() {
+    if (tokType === _slash)
+      readToken(true);
+
+    var starttype = tokType, node = startNode();
+
+    // Most types of statements are recognized by the keyword they
+    // start with. Many are trivial to parse, some require a bit of
+    // complexity.
+
+    switch (starttype) {
+    case _break: case _continue:
+      next();
+      var isBreak = starttype === _break;
+      if (eat(_semi) || canInsertSemicolon()) node.label = null;
+      else if (tokType !== _name) unexpected();
+      else {
+        node.label = parseIdent();
+        semicolon();
+      }
+
+      // Verify that there is an actual destination to break or
+      // continue to.
+      for (var i = 0; i < labels.length; ++i) {
+        var lab = labels[i];
+        if (node.label == null || lab.name === node.label.name) {
+          if (lab.kind != null && (isBreak || lab.kind === "loop")) break;
+          if (node.label && isBreak) break;
+        }
+      }
+      if (i === labels.length) raise(node.start, "Unsyntactic " + starttype.keyword);
+      return finishNode(node, isBreak ? "BreakStatement" : "ContinueStatement");
+
+    case _debugger:
+      next();
+      return finishNode(node, "DebuggerStatement");
+
+    case _do:
+      next();
+      labels.push(loopLabel);
+      node.body = parseStatement();
+      labels.pop();
+      expect(_while);
+      node.test = parseParenExpression();
+      semicolon();
+      return finishNode(node, "DoWhileStatement");
+
+      // Disambiguating between a `for` and a `for`/`in` loop is
+      // non-trivial. Basically, we have to parse the init `var`
+      // statement or expression, disallowing the `in` operator (see
+      // the second parameter to `parseExpression`), and then check
+      // whether the next token is `in`. When there is no init part
+      // (semicolon immediately after the opening parenthesis), it is
+      // a regular `for` loop.
+
+    case _for:
+      next();
+      labels.push(loopLabel);
+      expect(_parenL);
+      if (tokType === _semi) return parseFor(node, null);
+      if (tokType === _var) {
+        var init = startNode();
+        next();
+        parseVar(init, true);
+        if (init.declarations.length === 1 && eat(_in))
+          return parseForIn(node, init);
+        return parseFor(node, init);
+      }
+      var init = parseExpression(false, true);
+      if (eat(_in)) {checkLVal(init); return parseForIn(node, init);}
+      return parseFor(node, init);
+
+    case _function:
+      next();
+      return parseFunction(node, true);
+
+    case _if:
+      next();
+      node.test = parseParenExpression();
+      node.consequent = parseStatement();
+      node.alternate = eat(_else) ? parseStatement() : null;
+      return finishNode(node, "IfStatement");
+
+    case _return:
+      if (!inFunction) raise(tokStart, "'return' outside of function");
+      next();
+
+      // In `return` (and `break`/`continue`), the keywords with
+      // optional arguments, we eagerly look for a semicolon or the
+      // possibility to insert one.
+      
+      if (eat(_semi) || canInsertSemicolon()) node.argument = null;
+      else { node.argument = parseExpression(); semicolon(); }
+      return finishNode(node, "ReturnStatement");
+
+    case _switch:
+      next();
+      node.discriminant = parseParenExpression();
+      node.cases = [];
+      expect(_braceL);
+      labels.push(switchLabel);
+
+      // Statements under must be grouped (by label) in SwitchCase
+      // nodes. `cur` is used to keep the node that we are currently
+      // adding statements to.
+      
+      for (var cur, sawDefault; tokType != _braceR;) {
+        if (tokType === _case || tokType === _default) {
+          var isCase = tokType === _case;
+          if (cur) finishNode(cur, "SwitchCase");
+          node.cases.push(cur = startNode());
+          cur.consequent = [];
+          next();
+          if (isCase) cur.test = parseExpression();
+          else {
+            if (sawDefault) raise(lastStart, "Multiple default clauses"); sawDefault = true;
+            cur.test = null;
+          }
+          expect(_colon);
+        } else {
+          if (!cur) unexpected();
+          cur.consequent.push(parseStatement());
+        }
+      }
+      if (cur) finishNode(cur, "SwitchCase");
+      next(); // Closing brace
+      labels.pop();
+      return finishNode(node, "SwitchStatement");
+
+    case _throw:
+      next();
+      if (newline.test(input.slice(lastEnd, tokStart)))
+        raise(lastEnd, "Illegal newline after throw");
+      node.argument = parseExpression();
+      return finishNode(node, "ThrowStatement");
+
+    case _try:
+      next();
+      node.block = parseBlock();
+      node.handlers = [];
+      while (tokType === _catch) {
+        var clause = startNode();
+        next();
+        expect(_parenL);
+        clause.param = parseIdent();
+        if (strict && isStrictBadIdWord(clause.param.name))
+          raise(clause.param.start, "Binding " + clause.param.name + " in strict mode");
+        expect(_parenR);
+        clause.guard = null;
+        clause.body = parseBlock();
+        node.handlers.push(finishNode(clause, "CatchClause"));
+      }
+      node.finalizer = eat(_finally) ? parseBlock() : null;
+      if (!node.handlers.length && !node.finalizer)
+        raise(node.start, "Missing catch or finally clause");
+      return finishNode(node, "TryStatement");
+
+    case _var:
+      next();
+      node = parseVar(node);
+      semicolon();
+      return node;
+
+    case _while:
+      next();
+      node.test = parseParenExpression();
+      labels.push(loopLabel);
+      node.body = parseStatement();
+      labels.pop();
+      return finishNode(node, "WhileStatement");
+
+    case _with:
+      if (strict) raise(tokStart, "'with' in strict mode");
+      next();
+      node.object = parseParenExpression();
+      node.body = parseStatement();
+      return finishNode(node, "WithStatement");
+
+    case _braceL:
+      return parseBlock();
+
+    case _semi:
+      next();
+      return finishNode(node, "EmptyStatement");
+
+      // If the statement does not start with a statement keyword or a
+      // brace, it's an ExpressionStatement or LabeledStatement. We
+      // simply start parsing an expression, and afterwards, if the
+      // next token is a colon and the expression was a simple
+      // Identifier node, we switch to interpreting it as a label.
+
+    default:
+      var maybeName = tokVal, expr = parseExpression();
+      if (starttype === _name && expr.type === "Identifier" && eat(_colon)) {
+        for (var i = 0; i < labels.length; ++i)
+          if (labels[i].name === maybeName) raise(expr.start, "Label '" + maybeName + "' is already declared");
+        var kind = tokType.isLoop ? "loop" : tokType === _switch ? "switch" : null;
+        labels.push({name: maybeName, kind: kind});
+        node.body = parseStatement();
+        node.label = expr;
+        return finishNode(node, "LabeledStatement");
+      } else {
+        node.expression = expr;
+        semicolon();
+        return finishNode(node, "ExpressionStatement");
+      }
+    }
+  }
+
+  // Used for constructs like `switch` and `if` that insist on
+  // parentheses around their expression.
+
+  function parseParenExpression() {
+    expect(_parenL);
+    var val = parseExpression();
+    expect(_parenR);
+    return val;
+  }
+
+  // Parse a semicolon-enclosed block of statements, handling `"use
+  // strict"` declarations when `allowStrict` is true (used for
+  // function bodies).
+
+  function parseBlock(allowStrict) {
+    var node = startNode(), first = true, strict = false, oldStrict;
+    node.body = [];
+    expect(_braceL);
+    while (!eat(_braceR)) {
+      var stmt = parseStatement();
+      node.body.push(stmt);
+      if (first && isUseStrict(stmt)) {
+        oldStrict = strict;
+        setStrict(strict = true);
+      }
+      first = false
+    }
+    if (strict && !oldStrict) setStrict(false);
+    return finishNode(node, "BlockStatement");
+  }
+
+  // Parse a regular `for` loop. The disambiguation code in
+  // `parseStatement` will already have parsed the init statement or
+  // expression.
+
+  function parseFor(node, init) {
+    node.init = init;
+    expect(_semi);
+    node.test = tokType === _semi ? null : parseExpression();
+    expect(_semi);
+    node.update = tokType === _parenR ? null : parseExpression();
+    expect(_parenR);
+    node.body = parseStatement();
+    labels.pop();
+    return finishNode(node, "ForStatement");
+  }
+
+  // Parse a `for`/`in` loop.
+
+  function parseForIn(node, init) {
+    node.left = init;
+    node.right = parseExpression();
+    expect(_parenR);
+    node.body = parseStatement();
+    labels.pop();
+    return finishNode(node, "ForInStatement");
+  }
+
+  // Parse a list of variable declarations.
+
+  function parseVar(node, noIn) {
+    node.declarations = [];
+    node.kind = "var";
+    for (;;) {
+      var decl = startNode();
+      decl.id = parseIdent();
+      if (strict && isStrictBadIdWord(decl.id.name))
+        raise(decl.id.start, "Binding " + decl.id.name + " in strict mode");
+      decl.init = eat(_eq) ? parseExpression(true, noIn) : null;
+      node.declarations.push(finishNode(decl, "VariableDeclarator"));
+      if (!eat(_comma)) break;
+    }
+    return finishNode(node, "VariableDeclaration");
+  }
+
+  // ### Expression parsing
+
+  // These nest, from the most general expression type at the top to
+  // 'atomic', nondivisible expression types at the bottom. Most of
+  // the functions will simply let the function(s) below them parse,
+  // and, *if* the syntactic construct they handle is present, wrap
+  // the AST node that the inner parser gave them in another node.
+
+  // Parse a full expression. The arguments are used to forbid comma
+  // sequences (in argument lists, array literals, or object literals)
+  // or the `in` operator (in for loops initalization expressions).
+
+  function parseExpression(noComma, noIn) {
+    var expr = parseMaybeAssign(noIn);
+    if (!noComma && tokType === _comma) {
+      var node = startNodeFrom(expr);
+      node.expressions = [expr];
+      while (eat(_comma)) node.expressions.push(parseMaybeAssign(noIn));
+      return finishNode(node, "SequenceExpression");
+    }
+    return expr;
+  }
+
+  // Parse an assignment expression. This includes applications of
+  // operators like `+=`.
+
+  function parseMaybeAssign(noIn) {
+    var left = parseMaybeConditional(noIn);
+    if (tokType.isAssign) {
+      var node = startNodeFrom(left);
+      node.operator = tokVal;
+      node.left = left;
+      next();
+      node.right = parseMaybeAssign(noIn);
+      checkLVal(left);
+      return finishNode(node, "AssignmentExpression");
+    }
+    return left;
+  }
+
+  // Parse a ternary conditional (`?:`) operator.
+
+  function parseMaybeConditional(noIn) {
+    var expr = parseExprOps(noIn);
+    if (eat(_question)) {
+      var node = startNodeFrom(expr);
+      node.test = expr;
+      node.consequent = parseExpression(true);
+      expect(_colon);
+      node.alternate = parseExpression(true, noIn);
+      return finishNode(node, "ConditionalExpression");
+    }
+    return expr;
+  }
+
+  // Start the precedence parser.
+
+  function parseExprOps(noIn) {
+    return parseExprOp(parseMaybeUnary(noIn), -1, noIn);
+  }
+
+  // Parse binary operators with the operator precedence parsing
+  // algorithm. `left` is the left-hand side of the operator.
+  // `minPrec` provides context that allows the function to stop and
+  // defer further parser to one of its callers when it encounters an
+  // operator that has a lower precedence than the set it is parsing.
+
+  function parseExprOp(left, minPrec, noIn) {
+    var prec = tokType.binop;
+    if (prec != null && (!noIn || tokType !== _in)) {
+      if (prec > minPrec) {
+        var node = startNodeFrom(left);
+        node.left = left;
+        node.operator = tokVal;
+        next();
+        node.right = parseExprOp(parseMaybeUnary(noIn), prec, noIn);
+        var node = finishNode(node, /&&|\|\|/.test(node.operator) ? "LogicalExpression" : "BinaryExpression");
+        return parseExprOp(node, minPrec, noIn);
+      }
+    }
+    return left;
+  }
+
+  // Parse unary operators, both prefix and postfix.
+
+  function parseMaybeUnary(noIn) {
+    if (tokType.prefix) {
+      var node = startNode(), update = tokType.isUpdate;
+      node.operator = tokVal;
+      node.prefix = true;
+      next();
+      node.argument = parseMaybeUnary(noIn);
+      if (update) checkLVal(node.argument);
+      else if (strict && node.operator === "delete" &&
+               node.argument.type === "Identifier")
+        raise(node.start, "Deleting local variable in strict mode");
+      return finishNode(node, update ? "UpdateExpression" : "UnaryExpression");
+    }
+    var expr = parseExprSubscripts();
+    while (tokType.postfix && !canInsertSemicolon()) {
+      var node = startNodeFrom(expr);
+      node.operator = tokVal;
+      node.prefix = false;
+      node.argument = expr;
+      checkLVal(expr);
+      next();
+      expr = finishNode(node, "UpdateExpression");
+    }
+    return expr;
+  }
+
+  // Parse call, dot, and `[]`-subscript expressions.
+
+  function parseExprSubscripts() {
+    return parseSubscripts(parseExprAtom());
+  }
+
+  function parseSubscripts(base, noCalls) {
+    if (eat(_dot)) {
+      var node = startNodeFrom(base);
+      node.object = base;
+      node.property = parseIdent(true);
+      node.computed = false;
+      return parseSubscripts(finishNode(node, "MemberExpression"), noCalls);
+    } else if (eat(_bracketL)) {
+      var node = startNodeFrom(base);
+      node.object = base;
+      node.property = parseExpression();
+      node.computed = true;
+      expect(_bracketR);
+      return parseSubscripts(finishNode(node, "MemberExpression"), noCalls);
+    } else if (!noCalls && eat(_parenL)) {
+      var node = startNodeFrom(base);
+      node.callee = base;
+      node.arguments = parseExprList(_parenR, false);
+      return parseSubscripts(finishNode(node, "CallExpression"), noCalls);
+    } else return base;
+  }
+
+  // Parse an atomic expression — either a single token that is an
+  // expression, an expression started by a keyword like `function` or
+  // `new`, or an expression wrapped in punctuation like `()`, `[]`,
+  // or `{}`.
+
+  function parseExprAtom() {
+    switch (tokType) {
+    case _this:
+      var node = startNode();
+      next();
+      return finishNode(node, "ThisExpression");
+    case _name:
+      return parseIdent();
+    case _num: case _string: case _regexp:
+      var node = startNode();
+      node.value = tokVal;
+      node.raw = input.slice(tokStart, tokEnd);
+      next();
+      return finishNode(node, "Literal");
+
+    case _null: case _true: case _false:
+      var node = startNode();
+      node.value = tokType.atomValue;
+      next();
+      return finishNode(node, "Literal");
+
+    case _parenL:
+      next();
+      var val = parseExpression();
+      expect(_parenR);
+      return val;
+
+    case _bracketL:
+      var node = startNode();
+      next();
+      node.elements = parseExprList(_bracketR, true, true);
+      return finishNode(node, "ArrayExpression");
+
+    case _braceL:
+      return parseObj();
+
+    case _function:
+      var node = startNode();
+      next();
+      return parseFunction(node, false);
+
+    case _new:
+      return parseNew();
+
+    default:
+      unexpected();
+    }
+  }
+
+  // New's precedence is slightly tricky. It must allow its argument
+  // to be a `[]` or dot subscript expression, but not a call — at
+  // least, not without wrapping it in parentheses. Thus, it uses the 
+
+  function parseNew() {
+    var node = startNode();
+    next();
+    node.callee = parseSubscripts(parseExprAtom(false), true);
+    if (eat(_parenL)) node.arguments = parseExprList(_parenR, false);
+    else node.arguments = [];
+    return finishNode(node, "NewExpression");
+  }
+
+  // Parse an object literal.
+
+  function parseObj() {
+    var node = startNode(), first = true, sawGetSet = false;
+    node.properties = [];
+    next();
+    while (!eat(_braceR)) {
+      if (!first) {
+        expect(_comma);
+        if (options.allowTrailingCommas && eat(_braceR)) break;
+      } else first = false;
+
+      var prop = {key: parsePropertyName()}, isGetSet = false, kind;
+      if (eat(_colon)) {
+        prop.value = parseExpression(true);
+        kind = prop.kind = "init";
+      } else if (options.ecmaVersion >= 5 && prop.key.type === "Identifier" &&
+                 (prop.key.name === "get" || prop.key.name === "set")) {
+        isGetSet = sawGetSet = true;
+        kind = prop.kind = prop.key.name;
+        prop.key = parsePropertyName();
+        if (!tokType === _parenL) unexpected();
+        prop.value = parseFunction(startNode(), false);
+      } else unexpected();
+
+      // getters and setters are not allowed to clash — either with
+      // each other or with an init property — and in strict mode,
+      // init properties are also not allowed to be repeated.
+
+      if (prop.key.type === "Identifier" && (strict || sawGetSet)) {
+        for (var i = 0; i < node.properties.length; ++i) {
+          var other = node.properties[i];
+          if (other.key.name === prop.key.name) {
+            var conflict = kind == other.kind || isGetSet && other.kind === "init" ||
+              kind === "init" && (other.kind === "get" || other.kind === "set");
+            if (conflict && !strict && kind === "init" && other.kind === "init") conflict = false;
+            if (conflict) raise(prop.key.start, "Redefinition of property");
+          }
+        }
+      }
+      node.properties.push(prop);
+    }
+    return finishNode(node, "ObjectExpression");
+  }
+
+  function parsePropertyName() {
+    if (tokType === _num || tokType === _string) return parseExprAtom();
+    return parseIdent(true);
+  }
+
+  // Parse a function declaration or literal (depending on the
+  // `isStatement` parameter).
+
+  function parseFunction(node, isStatement) {
+    if (tokType === _name) node.id = parseIdent();
+    else if (isStatement) unexpected();
+    else node.id = null;
+    node.params = [];
+    var first = true;
+    expect(_parenL);
+    while (!eat(_parenR)) {
+      if (!first) expect(_comma); else first = false;
+      node.params.push(parseIdent());
+    }
+
+    // Start a new scope with regard to labels and the `inFunction`
+    // flag (restore them to their old value afterwards).
+    var oldInFunc = inFunction, oldLabels = labels;
+    inFunction = true; labels = [];
+    node.body = parseBlock(true);
+    inFunction = oldInFunc; labels = oldLabels;
+
+    // If this is a strict mode function, verify that argument names
+    // are not repeated, and it does not try to bind the words `eval`
+    // or `arguments`.
+    if (strict || node.body.body.length && isUseStrict(node.body.body[0])) {
+      for (var i = node.id ? -1 : 0; i < node.params.length; ++i) {
+        var id = i < 0 ? node.id : node.params[i];
+        if (isStrictReservedWord(id.name) || isStrictBadIdWord(id.name))
+          raise(id.start, "Defining '" + id.name + "' in strict mode");
+        if (i >= 0) for (var j = 0; j < i; ++j) if (id.name === node.params[j].name)
+          raise(id.start, "Argument name clash in strict mode");
+      }
+    }
+
+    return finishNode(node, isStatement ? "FunctionDeclaration" : "FunctionExpression");
+  }
+
+  // Parses a comma-separated list of expressions, and returns them as
+  // an array. `close` is the token type that ends the list, and
+  // `allowEmpty` can be turned on to allow subsequent commas with
+  // nothing in between them to be parsed as `null` (which is needed
+  // for array literals).
+
+  function parseExprList(close, allowTrailingComma, allowEmpty) {
+    var elts = [], first = true;
+    while (!eat(close)) {
+      if (!first) {
+        expect(_comma);
+        if (allowTrailingComma && options.allowTrailingCommas && eat(close)) break;
+      } else first = false;
+
+      if (allowEmpty && tokType === _comma) elts.push(null);
+      else elts.push(parseExpression(true));
+    }
+    return elts;
+  }
+
+  // Parse the next token as an identifier. If `liberal` is true (used
+  // when parsing properties), it will also convert keywords into
+  // identifiers.
+
+  function parseIdent(liberal) {
+    var node = startNode();
+    node.name = tokType === _name ? tokVal : (liberal && !options.forbidReserved && tokType.keyword) || unexpected();
+    next();
+    return finishNode(node, "Identifier");
+  }
+
+})(typeof exports === "undefined" ? (window.acorn = {}) : exports);
diff --git a/src/main/webapp/codemirror/test/lint/lint.js b/src/main/webapp/codemirror/test/lint/lint.js
new file mode 100644
index 00000000..fda737c0
--- /dev/null
+++ b/src/main/webapp/codemirror/test/lint/lint.js
@@ -0,0 +1,139 @@
+/*
+ Simple linter, based on the Acorn [1] parser module
+
+ All of the existing linters either cramp my style or have huge
+ dependencies (Closure). So here's a very simple, non-invasive one
+ that only spots
+
+  - missing semicolons and trailing commas
+  - variables or properties that are reserved words
+  - assigning to a variable you didn't declare
+  - access to non-whitelisted globals
+    (use a '// declare global: foo, bar' comment to declare extra
+    globals in a file)
+
+ [1]: https://github.com/marijnh/acorn/
+*/
+
+var topAllowedGlobals = Object.create(null);
+("Error RegExp Number String Array Function Object Math Date undefined " +
+ "parseInt parseFloat Infinity NaN isNaN " +
+ "window document navigator prompt alert confirm console " +
+ "FileReader Worker postMessage importScripts " +
+ "setInterval clearInterval setTimeout clearTimeout " +
+ "CodeMirror test")
+  .split(" ").forEach(function(n) { topAllowedGlobals[n] = true; });
+
+var fs = require("fs"), acorn = require("./acorn.js"), walk = require("./walk.js");
+
+var scopePasser = walk.make({
+  ScopeBody: function(node, prev, c) { c(node, node.scope); }
+});
+
+function checkFile(fileName) {
+  var file = fs.readFileSync(fileName, "utf8"), notAllowed;
+  if (notAllowed = file.match(/[\x00-\x08\x0b\x0c\x0e-\x19\uFEFF\t]|[ \t]\n/)) {
+    var msg;
+    if (notAllowed[0] == "\t") msg = "Found tab character";
+    else if (notAllowed[0].indexOf("\n") > -1) msg = "Trailing whitespace";
+    else msg = "Undesirable character " + notAllowed[0].charCodeAt(0);
+    var info = acorn.getLineInfo(file, notAllowed.index);
+    fail(msg + " at line " + info.line + ", column " + info.column, {source: fileName});
+  }
+  
+  var globalsSeen = Object.create(null);
+
+  try {
+    var parsed = acorn.parse(file, {
+      locations: true,
+      ecmaVersion: 3,
+      strictSemicolons: true,
+      allowTrailingCommas: false,
+      forbidReserved: true,
+      sourceFile: fileName
+    });
+  } catch (e) {
+    fail(e.message, {source: fileName});
+    return;
+  }
+
+  var scopes = [];
+
+  walk.simple(parsed, {
+    ScopeBody: function(node, scope) {
+      node.scope = scope;
+      scopes.push(scope);
+    }
+  }, walk.scopeVisitor, {vars: Object.create(null)});
+
+  var ignoredGlobals = Object.create(null);
+
+  function inScope(name, scope) {
+    for (var cur = scope; cur; cur = cur.prev)
+      if (name in cur.vars) return true;
+  }
+  function checkLHS(node, scope) {
+    if (node.type == "Identifier" && !(node.name in ignoredGlobals) &&
+        !inScope(node.name, scope)) {
+      ignoredGlobals[node.name] = true;
+      fail("Assignment to global variable", node.loc);
+    }
+  }
+
+  walk.simple(parsed, {
+    UpdateExpression: function(node, scope) {checkLHS(node.argument, scope);},
+    AssignmentExpression: function(node, scope) {checkLHS(node.left, scope);},
+    Identifier: function(node, scope) {
+      if (node.name == "arguments") return;
+      // Mark used identifiers
+      for (var cur = scope; cur; cur = cur.prev)
+        if (node.name in cur.vars) {
+          cur.vars[node.name].used = true;
+          return;
+        }
+      globalsSeen[node.name] = node.loc;
+    },
+    FunctionExpression: function(node) {
+      if (node.id) fail("Named function expression", node.loc);
+    }
+  }, scopePasser);
+
+  if (!globalsSeen.exports) {
+    var allowedGlobals = Object.create(topAllowedGlobals), m;
+    if (m = file.match(/\/\/ declare global:\s+(.*)/))
+      m[1].split(/,\s*/g).forEach(function(n) { allowedGlobals[n] = true; });
+    for (var glob in globalsSeen)
+      if (!(glob in allowedGlobals))
+        fail("Access to global variable " + glob + ". Add a '// declare global: " + glob +
+             "' comment or add this variable in test/lint/lint.js.", globalsSeen[glob]);
+  }
+
+
+  for (var i = 0; i < scopes.length; ++i) {
+    var scope = scopes[i];
+    for (var name in scope.vars) {
+      var info = scope.vars[name];
+      if (!info.used && info.type != "catch clause" && info.type != "function name" && name.charAt(0) != "_")
+        fail("Unused " + info.type + " " + name, info.node.loc);
+    }
+  }
+}
+
+var failed = false;
+function fail(msg, pos) {
+  if (pos.start) msg += " (" + pos.start.line + ":" + pos.start.column + ")";
+  console.log(pos.source + ": " + msg);
+  failed = true;
+}
+
+function checkDir(dir) {
+  fs.readdirSync(dir).forEach(function(file) {
+    var fname = dir + "/" + file;
+    if (/\.js$/.test(file)) checkFile(fname);
+    else if (file != "dep" && fs.lstatSync(fname).isDirectory()) checkDir(fname);
+  });
+}
+
+exports.checkDir = checkDir;
+exports.checkFile = checkFile;
+exports.success = function() { return !failed; };
diff --git a/src/main/webapp/codemirror/test/lint/walk.js b/src/main/webapp/codemirror/test/lint/walk.js
new file mode 100644
index 00000000..97321acf
--- /dev/null
+++ b/src/main/webapp/codemirror/test/lint/walk.js
@@ -0,0 +1,216 @@
+// AST walker module for Mozilla Parser API compatible trees
+
+(function(exports) {
+  "use strict";
+
+  // A simple walk is one where you simply specify callbacks to be
+  // called on specific nodes. The last two arguments are optional. A
+  // simple use would be
+  //
+  //     walk.simple(myTree, {
+  //         Expression: function(node) { ... }
+  //     });
+  //
+  // to do something with all expressions. All Parser API node types
+  // can be used to identify node types, as well as Expression,
+  // Statement, and ScopeBody, which denote categories of nodes.
+  //
+  // The base argument can be used to pass a custom (recursive)
+  // walker, and state can be used to give this walked an initial
+  // state.
+  exports.simple = function(node, visitors, base, state) {
+    if (!base) base = exports;
+    function c(node, st, override) {
+      var type = override || node.type, found = visitors[type];
+      if (found) found(node, st);
+      base[type](node, st, c);
+    }
+    c(node, state);
+  };
+
+  // A recursive walk is one where your functions override the default
+  // walkers. They can modify and replace the state parameter that's
+  // threaded through the walk, and can opt how and whether to walk
+  // their child nodes (by calling their third argument on these
+  // nodes).
+  exports.recursive = function(node, state, funcs, base) {
+    var visitor = exports.make(funcs, base);
+    function c(node, st, override) {
+      visitor[override || node.type](node, st, c);
+    }
+    c(node, state);
+  };
+
+  // Used to create a custom walker. Will fill in all missing node
+  // type properties with the defaults.
+  exports.make = function(funcs, base) {
+    if (!base) base = exports;
+    var visitor = {};
+    for (var type in base)
+      visitor[type] = funcs.hasOwnProperty(type) ? funcs[type] : base[type];
+    return visitor;
+  };
+
+  function skipThrough(node, st, c) { c(node, st); }
+  function ignore(node, st, c) {}
+
+  // Node walkers.
+
+  exports.Program = exports.BlockStatement = function(node, st, c) {
+    for (var i = 0; i < node.body.length; ++i)
+      c(node.body[i], st, "Statement");
+  };
+  exports.Statement = skipThrough;
+  exports.EmptyStatement = ignore;
+  exports.ExpressionStatement = function(node, st, c) {
+    c(node.expression, st, "Expression");
+  };
+  exports.IfStatement = function(node, st, c) {
+    c(node.test, st, "Expression");
+    c(node.consequent, st, "Statement");
+    if (node.alternate) c(node.alternate, st, "Statement");
+  };
+  exports.LabeledStatement = function(node, st, c) {
+    c(node.body, st, "Statement");
+  };
+  exports.BreakStatement = exports.ContinueStatement = ignore;
+  exports.WithStatement = function(node, st, c) {
+    c(node.object, st, "Expression");
+    c(node.body, st, "Statement");
+  };
+  exports.SwitchStatement = function(node, st, c) {
+    c(node.discriminant, st, "Expression");
+    for (var i = 0; i < node.cases.length; ++i) {
+      var cs = node.cases[i];
+      if (cs.test) c(cs.test, st, "Expression");
+      for (var j = 0; j < cs.consequent.length; ++j)
+        c(cs.consequent[j], st, "Statement");
+    }
+  };
+  exports.ReturnStatement = function(node, st, c) {
+    if (node.argument) c(node.argument, st, "Expression");
+  };
+  exports.ThrowStatement = function(node, st, c) {
+    c(node.argument, st, "Expression");
+  };
+  exports.TryStatement = function(node, st, c) {
+    c(node.block, st, "Statement");
+    for (var i = 0; i < node.handlers.length; ++i)
+      c(node.handlers[i].body, st, "ScopeBody");
+    if (node.finalizer) c(node.finalizer, st, "Statement");
+  };
+  exports.WhileStatement = function(node, st, c) {
+    c(node.test, st, "Expression");
+    c(node.body, st, "Statement");
+  };
+  exports.DoWhileStatement = exports.WhileStatement;
+  exports.ForStatement = function(node, st, c) {
+    if (node.init) c(node.init, st, "ForInit");
+    if (node.test) c(node.test, st, "Expression");
+    if (node.update) c(node.update, st, "Expression");
+    c(node.body, st, "Statement");
+  };
+  exports.ForInStatement = function(node, st, c) {
+    c(node.left, st, "ForInit");
+    c(node.right, st, "Expression");
+    c(node.body, st, "Statement");
+  };
+  exports.ForInit = function(node, st, c) {
+    if (node.type == "VariableDeclaration") c(node, st);
+    else c(node, st, "Expression");
+  };
+  exports.DebuggerStatement = ignore;
+
+  exports.FunctionDeclaration = function(node, st, c) {
+    c(node, st, "Function");
+  };
+  exports.VariableDeclaration = function(node, st, c) {
+    for (var i = 0; i < node.declarations.length; ++i) {
+      var decl = node.declarations[i];
+      if (decl.init) c(decl.init, st, "Expression");
+    }
+  };
+
+  exports.Function = function(node, st, c) {
+    c(node.body, st, "ScopeBody");
+  };
+  exports.ScopeBody = function(node, st, c) {
+    c(node, st, "Statement");
+  };
+
+  exports.Expression = skipThrough;
+  exports.ThisExpression = ignore;
+  exports.ArrayExpression = function(node, st, c) {
+    for (var i = 0; i < node.elements.length; ++i) {
+      var elt = node.elements[i];
+      if (elt) c(elt, st, "Expression");
+    }
+  };
+  exports.ObjectExpression = function(node, st, c) {
+    for (var i = 0; i < node.properties.length; ++i)
+      c(node.properties[i].value, st, "Expression");
+  };
+  exports.FunctionExpression = exports.FunctionDeclaration;
+  exports.SequenceExpression = function(node, st, c) {
+    for (var i = 0; i < node.expressions.length; ++i)
+      c(node.expressions[i], st, "Expression");
+  };
+  exports.UnaryExpression = exports.UpdateExpression = function(node, st, c) {
+    c(node.argument, st, "Expression");
+  };
+  exports.BinaryExpression = exports.AssignmentExpression = exports.LogicalExpression = function(node, st, c) {
+    c(node.left, st, "Expression");
+    c(node.right, st, "Expression");
+  };
+  exports.ConditionalExpression = function(node, st, c) {
+    c(node.test, st, "Expression");
+    c(node.consequent, st, "Expression");
+    c(node.alternate, st, "Expression");
+  };
+  exports.NewExpression = exports.CallExpression = function(node, st, c) {
+    c(node.callee, st, "Expression");
+    if (node.arguments) for (var i = 0; i < node.arguments.length; ++i)
+      c(node.arguments[i], st, "Expression");
+  };
+  exports.MemberExpression = function(node, st, c) {
+    c(node.object, st, "Expression");
+    if (node.computed) c(node.property, st, "Expression");
+  };
+  exports.Identifier = exports.Literal = ignore;
+
+  // A custom walker that keeps track of the scope chain and the
+  // variables defined in it.
+  function makeScope(prev) {
+    return {vars: Object.create(null), prev: prev};
+  }
+  exports.scopeVisitor = exports.make({
+    Function: function(node, scope, c) {
+      var inner = makeScope(scope);
+      for (var i = 0; i < node.params.length; ++i)
+        inner.vars[node.params[i].name] = {type: "argument", node: node.params[i]};
+      if (node.id) {
+        var decl = node.type == "FunctionDeclaration";
+        (decl ? scope : inner).vars[node.id.name] =
+          {type: decl ? "function" : "function name", node: node.id};
+      }
+      c(node.body, inner, "ScopeBody");
+    },
+    TryStatement: function(node, scope, c) {
+      c(node.block, scope, "Statement");
+      for (var i = 0; i < node.handlers.length; ++i) {
+        var handler = node.handlers[i], inner = makeScope(scope);
+        inner.vars[handler.param.name] = {type: "catch clause", node: handler.param};
+        c(handler.body, inner, "ScopeBody");
+      }
+      if (node.finalizer) c(node.finalizer, scope, "Statement");
+    },
+    VariableDeclaration: function(node, scope, c) {
+      for (var i = 0; i < node.declarations.length; ++i) {
+        var decl = node.declarations[i];
+        scope.vars[decl.id.name] = {type: "var", node: decl.id};
+        if (decl.init) c(decl.init, scope, "Expression");
+      }
+    }
+  });
+
+})(typeof exports == "undefined" ? acorn.walk = {} : exports);
diff --git a/src/main/webapp/codemirror/test/mode_test.css b/src/main/webapp/codemirror/test/mode_test.css
new file mode 100644
index 00000000..1ac66737
--- /dev/null
+++ b/src/main/webapp/codemirror/test/mode_test.css
@@ -0,0 +1,10 @@
+.mt-output .mt-token {
+  border: 1px solid #ddd;
+  white-space: pre;
+  font-family: "Consolas", monospace;
+  text-align: center;
+}
+
+.mt-output .mt-style {
+  font-size: x-small;
+}
diff --git a/src/main/webapp/codemirror/test/mode_test.js b/src/main/webapp/codemirror/test/mode_test.js
new file mode 100644
index 00000000..4b63cf51
--- /dev/null
+++ b/src/main/webapp/codemirror/test/mode_test.js
@@ -0,0 +1,200 @@
+/**
+ * Helper to test CodeMirror highlighting modes. It pretty prints output of the
+ * highlighter and can check against expected styles.
+ *
+ * Mode tests are registered by calling test.mode(testName, mode,
+ * tokens), where mode is a mode object as returned by
+ * CodeMirror.getMode, and tokens is an array of lines that make up
+ * the test.
+ *
+ * These lines are strings, in which styled stretches of code are
+ * enclosed in brackets `[]`, and prefixed by their style. For
+ * example, `[keyword if]`. Brackets in the code itself must be
+ * duplicated to prevent them from being interpreted as token
+ * boundaries. For example `a[[i]]` for `a[i]`. If a token has
+ * multiple styles, the styles must be separated by ampersands, for
+ * example `[tag&error </hmtl>]`.
+ *
+ * See the test.js files in the css, markdown, gfm, and stex mode
+ * directories for examples.
+ */
+(function() {
+  function findSingle(str, pos, ch) {
+    for (;;) {
+      var found = str.indexOf(ch, pos);
+      if (found == -1) return null;
+      if (str.charAt(found + 1) != ch) return found;
+      pos = found + 2;
+    }
+  }
+
+  var styleName = /[\w&-_]+/g;
+  function parseTokens(strs) {
+    var tokens = [], plain = "";
+    for (var i = 0; i < strs.length; ++i) {
+      if (i) plain += "\n";
+      var str = strs[i], pos = 0;
+      while (pos < str.length) {
+        var style = null, text;
+        if (str.charAt(pos) == "[" && str.charAt(pos+1) != "[") {
+          styleName.lastIndex = pos + 1;
+          var m = styleName.exec(str);
+          style = m[0].replace(/&/g, " ");
+          var textStart = pos + style.length + 2;
+          var end = findSingle(str, textStart, "]");
+          if (end == null) throw new Error("Unterminated token at " + pos + " in '" + str + "'" + style);
+          text = str.slice(textStart, end);
+          pos = end + 1;
+        } else {
+          var end = findSingle(str, pos, "[");
+          if (end == null) end = str.length;
+          text = str.slice(pos, end);
+          pos = end;
+        }
+        text = text.replace(/\[\[|\]\]/g, function(s) {return s.charAt(0);});
+        tokens.push(style, text);
+        plain += text;
+      }
+    }
+    return {tokens: tokens, plain: plain};
+  }
+
+  test.indentation = function(name, mode, tokens, modeName) {
+    var data = parseTokens(tokens);
+    return test((modeName || mode.name) + "_indent_" + name, function() {
+      return compare(data.plain, data.tokens, mode, true);
+    });
+  };
+
+  test.mode = function(name, mode, tokens, modeName) {
+    var data = parseTokens(tokens);
+    return test((modeName || mode.name) + "_" + name, function() {
+      return compare(data.plain, data.tokens, mode);
+    });
+  };
+
+  function compare(text, expected, mode, compareIndentation) {
+
+    var expectedOutput = [];
+    for (var i = 0; i < expected.length; i += 2) {
+      var sty = expected[i];
+      if (sty && sty.indexOf(" ")) sty = sty.split(' ').sort().join(' ');
+      expectedOutput.push(sty, expected[i + 1]);
+    }
+
+    var observedOutput = highlight(text, mode, compareIndentation);
+
+    var pass, passStyle = "";
+    pass = highlightOutputsEqual(expectedOutput, observedOutput);
+    passStyle = pass ? 'mt-pass' : 'mt-fail';
+
+    var s = '';
+    if (pass) {
+      s += '<div class="mt-test ' + passStyle + '">';
+      s +=   '<pre>' + text.replace('&', '&amp;').replace('<', '&lt;') + '</pre>';
+      s +=   '<div class="cm-s-default">';
+      s +=   prettyPrintOutputTable(observedOutput);
+      s +=   '</div>';
+      s += '</div>';
+      return s;
+    } else {
+      s += '<div class="mt-test ' + passStyle + '">';
+      s +=   '<pre>' + text.replace('&', '&amp;').replace('<', '&lt;') + '</pre>';
+      s +=   '<div class="cm-s-default">';
+      s += 'expected:';
+      s +=   prettyPrintOutputTable(expectedOutput);
+      s += 'observed:';
+      s +=   prettyPrintOutputTable(observedOutput);
+      s +=   '</div>';
+      s += '</div>';
+      throw s;
+    }
+  }
+
+  /**
+   * Emulation of CodeMirror's internal highlight routine for testing. Multi-line
+   * input is supported.
+   *
+   * @param string to highlight
+   *
+   * @param mode the mode that will do the actual highlighting
+   *
+   * @return array of [style, token] pairs
+   */
+  function highlight(string, mode, compareIndentation) {
+    var state = mode.startState()
+
+    var lines = string.replace(/\r\n/g,'\n').split('\n');
+    var st = [], pos = 0;
+    for (var i = 0; i < lines.length; ++i) {
+      var line = lines[i], newLine = true;
+      var stream = new CodeMirror.StringStream(line);
+      if (line == "" && mode.blankLine) mode.blankLine(state);
+      /* Start copied code from CodeMirror.highlight */
+      while (!stream.eol()) {
+				var compare = mode.token(stream, state), substr = stream.current();
+				if(compareIndentation) compare = mode.indent(state) || null;
+        else if (compare && compare.indexOf(" ") > -1) compare = compare.split(' ').sort().join(' ');
+
+				stream.start = stream.pos;
+        if (pos && st[pos-2] == compare && !newLine) {
+          st[pos-1] += substr;
+        } else if (substr) {
+          st[pos++] = compare; st[pos++] = substr;
+        }
+        // Give up when line is ridiculously long
+        if (stream.pos > 5000) {
+          st[pos++] = null; st[pos++] = this.text.slice(stream.pos);
+          break;
+        }
+        newLine = false;
+      }
+    }
+
+    return st;
+  }
+
+  /**
+   * Compare two arrays of output from highlight.
+   *
+   * @param o1 array of [style, token] pairs
+   *
+   * @param o2 array of [style, token] pairs
+   *
+   * @return boolean; true iff outputs equal
+   */
+  function highlightOutputsEqual(o1, o2) {
+    if (o1.length != o2.length) return false;
+    for (var i = 0; i < o1.length; ++i)
+      if (o1[i] != o2[i]) return false;
+    return true;
+  }
+
+  /**
+   * Print tokens and corresponding styles in a table. Spaces in the token are
+   * replaced with 'interpunct' dots (&middot;).
+   *
+   * @param output array of [style, token] pairs
+   *
+   * @return html string
+   */
+  function prettyPrintOutputTable(output) {
+    var s = '<table class="mt-output">';
+    s += '<tr>';
+    for (var i = 0; i < output.length; i += 2) {
+      var style = output[i], val = output[i+1];
+      s +=
+      '<td class="mt-token">' +
+        '<span class="cm-' + String(style).replace(/ +/g, " cm-") + '">' +
+        val.replace(/ /g,'\xb7').replace('&', '&amp;').replace('<', '&lt;') +
+        '</span>' +
+        '</td>';
+    }
+    s += '</tr><tr>';
+    for (var i = 0; i < output.length; i += 2) {
+      s += '<td class="mt-style"><span>' + (output[i] || null) + '</span></td>';
+    }
+    s += '</table>';
+    return s;
+  }
+})();
diff --git a/src/main/webapp/codemirror/test/phantom_driver.js b/src/main/webapp/codemirror/test/phantom_driver.js
new file mode 100644
index 00000000..dbad08db
--- /dev/null
+++ b/src/main/webapp/codemirror/test/phantom_driver.js
@@ -0,0 +1,31 @@
+var page = require('webpage').create();
+
+page.open("http://localhost:3000/test/index.html", function (status) {
+  if (status != "success") {
+    console.log("page couldn't be loaded successfully");
+    phantom.exit(1);
+  }
+  waitFor(function () {
+    return page.evaluate(function () {
+      var output = document.getElementById('status');
+      if (!output) { return false; }
+      return (/^(\d+ failures?|all passed)/i).test(output.innerText);
+    });
+  }, function () {
+    var failed = page.evaluate(function () { return window.failed; });
+    var output = page.evaluate(function () {
+      return document.getElementById('output').innerText + "\n" +
+        document.getElementById('status').innerText;
+    });
+    console.log(output);
+    phantom.exit(failed > 0 ? 1 : 0);
+  });
+});
+
+function waitFor (test, cb) {
+  if (test()) {
+    cb();
+  } else {
+    setTimeout(function () { waitFor(test, cb); }, 250);
+  }
+}
diff --git a/src/main/webapp/codemirror/test/run.js b/src/main/webapp/codemirror/test/run.js
new file mode 100644
index 00000000..52221be5
--- /dev/null
+++ b/src/main/webapp/codemirror/test/run.js
@@ -0,0 +1,34 @@
+#!/usr/bin/env node
+
+var lint = require("./lint/lint");
+
+lint.checkDir("mode");
+lint.checkDir("lib");
+lint.checkDir("addon");
+lint.checkDir("keymap");
+
+var ok = lint.success();
+
+var files = new (require('node-static').Server)('.');
+
+var server = require('http').createServer(function (req, res) {
+  req.addListener('end', function () {
+    files.serve(req, res);
+  });
+}).addListener('error', function (err) {
+  throw err;
+}).listen(3000, function () {
+  var child_process = require('child_process');
+  child_process.exec("which phantomjs", function (err) {
+    if (err) {
+      console.error("PhantomJS is not installed. Download from http://phantomjs.org");
+      process.exit(1);
+    }
+    var cmd = 'phantomjs test/phantom_driver.js';
+    child_process.exec(cmd, function (err, stdout) {
+      server.close();
+      console.log(stdout);
+      process.exit(err || !ok ? 1 : 0);
+    });
+  });
+});
diff --git a/src/main/webapp/codemirror/test/test.js b/src/main/webapp/codemirror/test/test.js
new file mode 100644
index 00000000..e5d9afde
--- /dev/null
+++ b/src/main/webapp/codemirror/test/test.js
@@ -0,0 +1,1562 @@
+var Pos = CodeMirror.Pos;
+
+CodeMirror.defaults.rtlMoveVisually = true;
+
+function forEach(arr, f) {
+  for (var i = 0, e = arr.length; i < e; ++i) f(arr[i]);
+}
+
+function addDoc(cm, width, height) {
+  var content = [], line = "";
+  for (var i = 0; i < width; ++i) line += "x";
+  for (var i = 0; i < height; ++i) content.push(line);
+  cm.setValue(content.join("\n"));
+}
+
+function byClassName(elt, cls) {
+  if (elt.getElementsByClassName) return elt.getElementsByClassName(cls);
+  var found = [], re = new RegExp("\\b" + cls + "\\b");
+  function search(elt) {
+    if (elt.nodeType == 3) return;
+    if (re.test(elt.className)) found.push(elt);
+    for (var i = 0, e = elt.childNodes.length; i < e; ++i)
+      search(elt.childNodes[i]);
+  }
+  search(elt);
+  return found;
+}
+
+var ie_lt8 = /MSIE [1-7]\b/.test(navigator.userAgent);
+var mac = /Mac/.test(navigator.platform);
+var phantom = /PhantomJS/.test(navigator.userAgent);
+var opera = /Opera\/\./.test(navigator.userAgent);
+var opera_version = opera && navigator.userAgent.match(/Version\/(\d+\.\d+)/);
+if (opera_version) opera_version = Number(opera_version);
+var opera_lt10 = opera && (!opera_version || opera_version < 10);
+
+namespace = "core_";
+
+test("core_fromTextArea", function() {
+  var te = document.getElementById("code");
+  te.value = "CONTENT";
+  var cm = CodeMirror.fromTextArea(te);
+  is(!te.offsetHeight);
+  eq(cm.getValue(), "CONTENT");
+  cm.setValue("foo\nbar");
+  eq(cm.getValue(), "foo\nbar");
+  cm.save();
+  is(/^foo\r?\nbar$/.test(te.value));
+  cm.setValue("xxx");
+  cm.toTextArea();
+  is(te.offsetHeight);
+  eq(te.value, "xxx");
+});
+
+testCM("getRange", function(cm) {
+  eq(cm.getLine(0), "1234");
+  eq(cm.getLine(1), "5678");
+  eq(cm.getLine(2), null);
+  eq(cm.getLine(-1), null);
+  eq(cm.getRange(Pos(0, 0), Pos(0, 3)), "123");
+  eq(cm.getRange(Pos(0, -1), Pos(0, 200)), "1234");
+  eq(cm.getRange(Pos(0, 2), Pos(1, 2)), "34\n56");
+  eq(cm.getRange(Pos(1, 2), Pos(100, 0)), "78");
+}, {value: "1234\n5678"});
+
+testCM("replaceRange", function(cm) {
+  eq(cm.getValue(), "");
+  cm.replaceRange("foo\n", Pos(0, 0));
+  eq(cm.getValue(), "foo\n");
+  cm.replaceRange("a\nb", Pos(0, 1));
+  eq(cm.getValue(), "fa\nboo\n");
+  eq(cm.lineCount(), 3);
+  cm.replaceRange("xyzzy", Pos(0, 0), Pos(1, 1));
+  eq(cm.getValue(), "xyzzyoo\n");
+  cm.replaceRange("abc", Pos(0, 0), Pos(10, 0));
+  eq(cm.getValue(), "abc");
+  eq(cm.lineCount(), 1);
+});
+
+testCM("selection", function(cm) {
+  cm.setSelection(Pos(0, 4), Pos(2, 2));
+  is(cm.somethingSelected());
+  eq(cm.getSelection(), "11\n222222\n33");
+  eqPos(cm.getCursor(false), Pos(2, 2));
+  eqPos(cm.getCursor(true), Pos(0, 4));
+  cm.setSelection(Pos(1, 0));
+  is(!cm.somethingSelected());
+  eq(cm.getSelection(), "");
+  eqPos(cm.getCursor(true), Pos(1, 0));
+  cm.replaceSelection("abc");
+  eq(cm.getSelection(), "abc");
+  eq(cm.getValue(), "111111\nabc222222\n333333");
+  cm.replaceSelection("def", "end");
+  eq(cm.getSelection(), "");
+  eqPos(cm.getCursor(true), Pos(1, 3));
+  cm.setCursor(Pos(2, 1));
+  eqPos(cm.getCursor(true), Pos(2, 1));
+  cm.setCursor(1, 2);
+  eqPos(cm.getCursor(true), Pos(1, 2));
+}, {value: "111111\n222222\n333333"});
+
+testCM("extendSelection", function(cm) {
+  cm.setExtending(true);
+  addDoc(cm, 10, 10);
+  cm.setSelection(Pos(3, 5));
+  eqPos(cm.getCursor("head"), Pos(3, 5));
+  eqPos(cm.getCursor("anchor"), Pos(3, 5));
+  cm.setSelection(Pos(2, 5), Pos(5, 5));
+  eqPos(cm.getCursor("head"), Pos(5, 5));
+  eqPos(cm.getCursor("anchor"), Pos(2, 5));
+  eqPos(cm.getCursor("start"), Pos(2, 5));
+  eqPos(cm.getCursor("end"), Pos(5, 5));
+  cm.setSelection(Pos(5, 5), Pos(2, 5));
+  eqPos(cm.getCursor("head"), Pos(2, 5));
+  eqPos(cm.getCursor("anchor"), Pos(5, 5));
+  eqPos(cm.getCursor("start"), Pos(2, 5));
+  eqPos(cm.getCursor("end"), Pos(5, 5));
+  cm.extendSelection(Pos(3, 2));
+  eqPos(cm.getCursor("head"), Pos(3, 2));
+  eqPos(cm.getCursor("anchor"), Pos(5, 5));
+  cm.extendSelection(Pos(6, 2));
+  eqPos(cm.getCursor("head"), Pos(6, 2));
+  eqPos(cm.getCursor("anchor"), Pos(5, 5));
+  cm.extendSelection(Pos(6, 3), Pos(6, 4));
+  eqPos(cm.getCursor("head"), Pos(6, 4));
+  eqPos(cm.getCursor("anchor"), Pos(5, 5));
+  cm.extendSelection(Pos(0, 3), Pos(0, 4));
+  eqPos(cm.getCursor("head"), Pos(0, 3));
+  eqPos(cm.getCursor("anchor"), Pos(5, 5));
+  cm.extendSelection(Pos(4, 5), Pos(6, 5));
+  eqPos(cm.getCursor("head"), Pos(6, 5));
+  eqPos(cm.getCursor("anchor"), Pos(4, 5));
+  cm.setExtending(false);
+  cm.extendSelection(Pos(0, 3), Pos(0, 4));
+  eqPos(cm.getCursor("head"), Pos(0, 4));
+  eqPos(cm.getCursor("anchor"), Pos(0, 3));
+});
+
+testCM("lines", function(cm) {
+  eq(cm.getLine(0), "111111");
+  eq(cm.getLine(1), "222222");
+  eq(cm.getLine(-1), null);
+  cm.removeLine(1);
+  cm.setLine(1, "abc");
+  eq(cm.getValue(), "111111\nabc");
+}, {value: "111111\n222222\n333333"});
+
+testCM("indent", function(cm) {
+  cm.indentLine(1);
+  eq(cm.getLine(1), "   blah();");
+  cm.setOption("indentUnit", 8);
+  cm.indentLine(1);
+  eq(cm.getLine(1), "\tblah();");
+  cm.setOption("indentUnit", 10);
+  cm.setOption("tabSize", 4);
+  cm.indentLine(1);
+  eq(cm.getLine(1), "\t\t  blah();");
+}, {value: "if (x) {\nblah();\n}", indentUnit: 3, indentWithTabs: true, tabSize: 8});
+
+testCM("indentByNumber", function(cm) {
+  cm.indentLine(0, 2);
+  eq(cm.getLine(0), "  foo");
+  cm.indentLine(0, -200);
+  eq(cm.getLine(0), "foo");
+  cm.setSelection(Pos(0, 0), Pos(1, 2));
+  cm.indentSelection(3);
+  eq(cm.getValue(), "   foo\n   bar\nbaz");
+}, {value: "foo\nbar\nbaz"});
+
+test("core_defaults", function() {
+  var defsCopy = {}, defs = CodeMirror.defaults;
+  for (var opt in defs) defsCopy[opt] = defs[opt];
+  defs.indentUnit = 5;
+  defs.value = "uu";
+  defs.enterMode = "keep";
+  defs.tabindex = 55;
+  var place = document.getElementById("testground"), cm = CodeMirror(place);
+  try {
+    eq(cm.getOption("indentUnit"), 5);
+    cm.setOption("indentUnit", 10);
+    eq(defs.indentUnit, 5);
+    eq(cm.getValue(), "uu");
+    eq(cm.getOption("enterMode"), "keep");
+    eq(cm.getInputField().tabIndex, 55);
+  }
+  finally {
+    for (var opt in defsCopy) defs[opt] = defsCopy[opt];
+    place.removeChild(cm.getWrapperElement());
+  }
+});
+
+testCM("lineInfo", function(cm) {
+  eq(cm.lineInfo(-1), null);
+  var mark = document.createElement("span");
+  var lh = cm.setGutterMarker(1, "FOO", mark);
+  var info = cm.lineInfo(1);
+  eq(info.text, "222222");
+  eq(info.gutterMarkers.FOO, mark);
+  eq(info.line, 1);
+  eq(cm.lineInfo(2).gutterMarkers, null);
+  cm.setGutterMarker(lh, "FOO", null);
+  eq(cm.lineInfo(1).gutterMarkers, null);
+  cm.setGutterMarker(1, "FOO", mark);
+  cm.setGutterMarker(0, "FOO", mark);
+  cm.clearGutter("FOO");
+  eq(cm.lineInfo(0).gutterMarkers, null);
+  eq(cm.lineInfo(1).gutterMarkers, null);
+}, {value: "111111\n222222\n333333"});
+
+testCM("coords", function(cm) {
+  cm.setSize(null, 100);
+  addDoc(cm, 32, 200);
+  var top = cm.charCoords(Pos(0, 0));
+  var bot = cm.charCoords(Pos(200, 30));
+  is(top.left < bot.left);
+  is(top.top < bot.top);
+  is(top.top < top.bottom);
+  cm.scrollTo(null, 100);
+  var top2 = cm.charCoords(Pos(0, 0));
+  is(top.top > top2.top);
+  eq(top.left, top2.left);
+});
+
+testCM("coordsChar", function(cm) {
+  addDoc(cm, 35, 70);
+  for (var i = 0; i < 2; ++i) {
+    var sys = i ? "local" : "page";
+    for (var ch = 0; ch <= 35; ch += 5) {
+      for (var line = 0; line < 70; line += 5) {
+        cm.setCursor(line, ch);
+        var coords = cm.charCoords(Pos(line, ch), sys);
+        var pos = cm.coordsChar({left: coords.left + 1, top: coords.top + 1}, sys);
+        eqPos(pos, Pos(line, ch));
+      }
+    }
+  }
+}, {lineNumbers: true});
+
+testCM("posFromIndex", function(cm) {
+  cm.setValue(
+    "This function should\n" +
+    "convert a zero based index\n" +
+    "to line and ch."
+  );
+
+  var examples = [
+    { index: -1, line: 0, ch: 0  }, // <- Tests clipping
+    { index: 0,  line: 0, ch: 0  },
+    { index: 10, line: 0, ch: 10 },
+    { index: 39, line: 1, ch: 18 },
+    { index: 55, line: 2, ch: 7  },
+    { index: 63, line: 2, ch: 15 },
+    { index: 64, line: 2, ch: 15 }  // <- Tests clipping
+  ];
+
+  for (var i = 0; i < examples.length; i++) {
+    var example = examples[i];
+    var pos = cm.posFromIndex(example.index);
+    eq(pos.line, example.line);
+    eq(pos.ch, example.ch);
+    if (example.index >= 0 && example.index < 64)
+      eq(cm.indexFromPos(pos), example.index);
+  }
+});
+
+testCM("undo", function(cm) {
+  cm.setLine(0, "def");
+  eq(cm.historySize().undo, 1);
+  cm.undo();
+  eq(cm.getValue(), "abc");
+  eq(cm.historySize().undo, 0);
+  eq(cm.historySize().redo, 1);
+  cm.redo();
+  eq(cm.getValue(), "def");
+  eq(cm.historySize().undo, 1);
+  eq(cm.historySize().redo, 0);
+  cm.setValue("1\n\n\n2");
+  cm.clearHistory();
+  eq(cm.historySize().undo, 0);
+  for (var i = 0; i < 20; ++i) {
+    cm.replaceRange("a", Pos(0, 0));
+    cm.replaceRange("b", Pos(3, 0));
+  }
+  eq(cm.historySize().undo, 40);
+  for (var i = 0; i < 40; ++i)
+    cm.undo();
+  eq(cm.historySize().redo, 40);
+  eq(cm.getValue(), "1\n\n\n2");
+}, {value: "abc"});
+
+testCM("undoDepth", function(cm) {
+  cm.replaceRange("d", Pos(0));
+  cm.replaceRange("e", Pos(0));
+  cm.replaceRange("f", Pos(0));
+  cm.undo(); cm.undo(); cm.undo();
+  eq(cm.getValue(), "abcd");
+}, {value: "abc", undoDepth: 2});
+
+testCM("undoDoesntClearValue", function(cm) {
+  cm.undo();
+  eq(cm.getValue(), "x");
+}, {value: "x"});
+
+testCM("undoMultiLine", function(cm) {
+  cm.operation(function() {
+    cm.replaceRange("x", Pos(0, 0));
+    cm.replaceRange("y", Pos(1, 0));
+  });
+  cm.undo();
+  eq(cm.getValue(), "abc\ndef\nghi");
+  cm.operation(function() {
+    cm.replaceRange("y", Pos(1, 0));
+    cm.replaceRange("x", Pos(0, 0));
+  });
+  cm.undo();
+  eq(cm.getValue(), "abc\ndef\nghi");
+  cm.operation(function() {
+    cm.replaceRange("y", Pos(2, 0));
+    cm.replaceRange("x", Pos(1, 0));
+    cm.replaceRange("z", Pos(2, 0));
+  });
+  cm.undo();
+  eq(cm.getValue(), "abc\ndef\nghi", 3);
+}, {value: "abc\ndef\nghi"});
+
+testCM("undoComposite", function(cm) {
+  cm.replaceRange("y", Pos(1));
+  cm.operation(function() {
+    cm.replaceRange("x", Pos(0));
+    cm.replaceRange("z", Pos(2));
+  });
+  eq(cm.getValue(), "ax\nby\ncz\n");
+  cm.undo();
+  eq(cm.getValue(), "a\nby\nc\n");
+  cm.undo();
+  eq(cm.getValue(), "a\nb\nc\n");
+  cm.redo(); cm.redo();
+  eq(cm.getValue(), "ax\nby\ncz\n");
+}, {value: "a\nb\nc\n"});
+
+testCM("undoSelection", function(cm) {
+  cm.setSelection(Pos(0, 2), Pos(0, 4));
+  cm.replaceSelection("");
+  cm.setCursor(Pos(1, 0));
+  cm.undo();
+  eqPos(cm.getCursor(true), Pos(0, 2));
+  eqPos(cm.getCursor(false), Pos(0, 4));
+  cm.setCursor(Pos(1, 0));
+  cm.redo();
+  eqPos(cm.getCursor(true), Pos(0, 2));
+  eqPos(cm.getCursor(false), Pos(0, 2));
+}, {value: "abcdefgh\n"});
+
+testCM("markTextSingleLine", function(cm) {
+  forEach([{a: 0, b: 1, c: "", f: 2, t: 5},
+           {a: 0, b: 4, c: "", f: 0, t: 2},
+           {a: 1, b: 2, c: "x", f: 3, t: 6},
+           {a: 4, b: 5, c: "", f: 3, t: 5},
+           {a: 4, b: 5, c: "xx", f: 3, t: 7},
+           {a: 2, b: 5, c: "", f: 2, t: 3},
+           {a: 2, b: 5, c: "abcd", f: 6, t: 7},
+           {a: 2, b: 6, c: "x", f: null, t: null},
+           {a: 3, b: 6, c: "", f: null, t: null},
+           {a: 0, b: 9, c: "hallo", f: null, t: null},
+           {a: 4, b: 6, c: "x", f: 3, t: 4},
+           {a: 4, b: 8, c: "", f: 3, t: 4},
+           {a: 6, b: 6, c: "a", f: 3, t: 6},
+           {a: 8, b: 9, c: "", f: 3, t: 6}], function(test) {
+    cm.setValue("1234567890");
+    var r = cm.markText(Pos(0, 3), Pos(0, 6), {className: "foo"});
+    cm.replaceRange(test.c, Pos(0, test.a), Pos(0, test.b));
+    var f = r.find();
+    eq(f && f.from.ch, test.f); eq(f && f.to.ch, test.t);
+  });
+});
+
+testCM("markTextMultiLine", function(cm) {
+  function p(v) { return v && Pos(v[0], v[1]); }
+  forEach([{a: [0, 0], b: [0, 5], c: "", f: [0, 0], t: [2, 5]},
+           {a: [0, 0], b: [0, 5], c: "foo\n", f: [1, 0], t: [3, 5]},
+           {a: [0, 1], b: [0, 10], c: "", f: [0, 1], t: [2, 5]},
+           {a: [0, 5], b: [0, 6], c: "x", f: [0, 6], t: [2, 5]},
+           {a: [0, 0], b: [1, 0], c: "", f: [0, 0], t: [1, 5]},
+           {a: [0, 6], b: [2, 4], c: "", f: [0, 5], t: [0, 7]},
+           {a: [0, 6], b: [2, 4], c: "aa", f: [0, 5], t: [0, 9]},
+           {a: [1, 2], b: [1, 8], c: "", f: [0, 5], t: [2, 5]},
+           {a: [0, 5], b: [2, 5], c: "xx", f: null, t: null},
+           {a: [0, 0], b: [2, 10], c: "x", f: null, t: null},
+           {a: [1, 5], b: [2, 5], c: "", f: [0, 5], t: [1, 5]},
+           {a: [2, 0], b: [2, 3], c: "", f: [0, 5], t: [2, 2]},
+           {a: [2, 5], b: [3, 0], c: "a\nb", f: [0, 5], t: [2, 5]},
+           {a: [2, 3], b: [3, 0], c: "x", f: [0, 5], t: [2, 3]},
+           {a: [1, 1], b: [1, 9], c: "1\n2\n3", f: [0, 5], t: [4, 5]}], function(test) {
+    cm.setValue("aaaaaaaaaa\nbbbbbbbbbb\ncccccccccc\ndddddddd\n");
+    var r = cm.markText(Pos(0, 5), Pos(2, 5),
+                        {className: "CodeMirror-matchingbracket"});
+    cm.replaceRange(test.c, p(test.a), p(test.b));
+    var f = r.find();
+    eqPos(f && f.from, p(test.f)); eqPos(f && f.to, p(test.t));
+  });
+});
+
+testCM("markTextUndo", function(cm) {
+  var marker1, marker2, bookmark;
+  marker1 = cm.markText(Pos(0, 1), Pos(0, 3),
+                        {className: "CodeMirror-matchingbracket"});
+  marker2 = cm.markText(Pos(0, 0), Pos(2, 1),
+                        {className: "CodeMirror-matchingbracket"});
+  bookmark = cm.setBookmark(Pos(1, 5));
+  cm.operation(function(){
+    cm.replaceRange("foo", Pos(0, 2));
+    cm.replaceRange("bar\nbaz\nbug\n", Pos(2, 0), Pos(3, 0));
+  });
+  var v1 = cm.getValue();
+  cm.setValue("");
+  eq(marker1.find(), null); eq(marker2.find(), null); eq(bookmark.find(), null);
+  cm.undo();
+  eqPos(bookmark.find(), Pos(1, 5), "still there");
+  cm.undo();
+  var m1Pos = marker1.find(), m2Pos = marker2.find();
+  eqPos(m1Pos.from, Pos(0, 1)); eqPos(m1Pos.to, Pos(0, 3));
+  eqPos(m2Pos.from, Pos(0, 0)); eqPos(m2Pos.to, Pos(2, 1));
+  eqPos(bookmark.find(), Pos(1, 5));
+  cm.redo(); cm.redo();
+  eq(bookmark.find(), null);
+  cm.undo();
+  eqPos(bookmark.find(), Pos(1, 5));
+  eq(cm.getValue(), v1);
+}, {value: "1234\n56789\n00\n"});
+
+testCM("markTextStayGone", function(cm) {
+  var m1 = cm.markText(Pos(0, 0), Pos(0, 1));
+  cm.replaceRange("hi", Pos(0, 2));
+  m1.clear();
+  cm.undo();
+  eq(m1.find(), null);
+}, {value: "hello"});
+
+testCM("undoPreservesNewMarks", function(cm) {
+  cm.markText(Pos(0, 3), Pos(0, 4));
+  cm.markText(Pos(1, 1), Pos(1, 3));
+  cm.replaceRange("", Pos(0, 3), Pos(3, 1));
+  var mBefore = cm.markText(Pos(0, 0), Pos(0, 1));
+  var mAfter = cm.markText(Pos(0, 5), Pos(0, 6));
+  var mAround = cm.markText(Pos(0, 2), Pos(0, 4));
+  cm.undo();
+  eqPos(mBefore.find().from, Pos(0, 0));
+  eqPos(mBefore.find().to, Pos(0, 1));
+  eqPos(mAfter.find().from, Pos(3, 3));
+  eqPos(mAfter.find().to, Pos(3, 4));
+  eqPos(mAround.find().from, Pos(0, 2));
+  eqPos(mAround.find().to, Pos(3, 2));
+  var found = cm.findMarksAt(Pos(2, 2));
+  eq(found.length, 1);
+  eq(found[0], mAround);
+}, {value: "aaaa\nbbbb\ncccc\ndddd"});
+
+testCM("markClearBetween", function(cm) {
+  cm.setValue("aaa\nbbb\nccc\nddd\n");
+  cm.markText(Pos(0, 0), Pos(2));
+  cm.replaceRange("aaa\nbbb\nccc", Pos(0, 0), Pos(2));
+  eq(cm.findMarksAt(Pos(1, 1)).length, 0);
+});
+
+testCM("deleteSpanCollapsedInclusiveLeft", function(cm) {
+  var from = Pos(1, 0), to = Pos(1, 1);
+  var m = cm.markText(from, to, {collapsed: true, inclusiveLeft: true});
+  // Delete collapsed span.
+  cm.replaceRange("", from, to);
+}, {value: "abc\nX\ndef"});
+
+testCM("bookmark", function(cm) {
+  function p(v) { return v && Pos(v[0], v[1]); }
+  forEach([{a: [1, 0], b: [1, 1], c: "", d: [1, 4]},
+           {a: [1, 1], b: [1, 1], c: "xx", d: [1, 7]},
+           {a: [1, 4], b: [1, 5], c: "ab", d: [1, 6]},
+           {a: [1, 4], b: [1, 6], c: "", d: null},
+           {a: [1, 5], b: [1, 6], c: "abc", d: [1, 5]},
+           {a: [1, 6], b: [1, 8], c: "", d: [1, 5]},
+           {a: [1, 4], b: [1, 4], c: "\n\n", d: [3, 1]},
+           {bm: [1, 9], a: [1, 1], b: [1, 1], c: "\n", d: [2, 8]}], function(test) {
+    cm.setValue("1234567890\n1234567890\n1234567890");
+    var b = cm.setBookmark(p(test.bm) || Pos(1, 5));
+    cm.replaceRange(test.c, p(test.a), p(test.b));
+    eqPos(b.find(), p(test.d));
+  });
+});
+
+testCM("bookmarkInsertLeft", function(cm) {
+  var br = cm.setBookmark(Pos(0, 2), {insertLeft: false});
+  var bl = cm.setBookmark(Pos(0, 2), {insertLeft: true});
+  cm.setCursor(Pos(0, 2));
+  cm.replaceSelection("hi");
+  eqPos(br.find(), Pos(0, 2));
+  eqPos(bl.find(), Pos(0, 4));
+  cm.replaceRange("", Pos(0, 4), Pos(0, 5));
+  cm.replaceRange("", Pos(0, 2), Pos(0, 4));
+  cm.replaceRange("", Pos(0, 1), Pos(0, 2));
+  // Verify that deleting next to bookmarks doesn't kill them
+  eqPos(br.find(), Pos(0, 1));
+  eqPos(bl.find(), Pos(0, 1));
+}, {value: "abcdef"});
+
+testCM("bookmarkCursor", function(cm) {
+  var pos01 = cm.cursorCoords(Pos(0, 1)), pos11 = cm.cursorCoords(Pos(1, 1)),
+      pos20 = cm.cursorCoords(Pos(2, 0)), pos30 = cm.cursorCoords(Pos(3, 0)),
+      pos41 = cm.cursorCoords(Pos(4, 1));
+  cm.setBookmark(Pos(0, 1), {widget: document.createTextNode("←"), insertLeft: true});
+  cm.setBookmark(Pos(2, 0), {widget: document.createTextNode("←"), insertLeft: true});
+  cm.setBookmark(Pos(1, 1), {widget: document.createTextNode("→")});
+  cm.setBookmark(Pos(3, 0), {widget: document.createTextNode("→")});
+  var new01 = cm.cursorCoords(Pos(0, 1)), new11 = cm.cursorCoords(Pos(1, 1)),
+      new20 = cm.cursorCoords(Pos(2, 0)), new30 = cm.cursorCoords(Pos(3, 0));
+  is(new01.left == pos01.left && new01.top == pos01.top, "at left, middle of line");
+  is(new11.left > pos11.left && new11.top == pos11.top, "at right, middle of line");
+  is(new20.left == pos20.left && new20.top == pos20.top, "at left, empty line");
+  is(new30.left > pos30.left && new30.top == pos30.top, "at right, empty line");
+  cm.setBookmark(Pos(4, 0), {widget: document.createTextNode("→")});
+  is(cm.cursorCoords(Pos(4, 1)).left > pos41.left, "single-char bug");
+}, {value: "foo\nbar\n\n\nx\ny"});
+
+testCM("multiBookmarkCursor", function(cm) {
+  if (phantom) return;
+  var ms = [], m;
+  function add(insertLeft) {
+    for (var i = 0; i < 3; ++i) {
+      var node = document.createElement("span");
+      node.innerHTML = "X";
+      ms.push(cm.setBookmark(Pos(0, 1), {widget: node, insertLeft: insertLeft}));
+    }
+  }
+  var base1 = cm.cursorCoords(Pos(0, 1)).left, base4 = cm.cursorCoords(Pos(0, 4)).left;
+  add(true);
+  is(Math.abs(base1 - cm.cursorCoords(Pos(0, 1)).left) < .1);
+  while (m = ms.pop()) m.clear();
+  add(false);
+  is(Math.abs(base4 - cm.cursorCoords(Pos(0, 1)).left) < .1);
+}, {value: "abcdefg"});
+
+testCM("getAllMarks", function(cm) {
+  addDoc(cm, 10, 10);
+  var m1 = cm.setBookmark(Pos(0, 2));
+  var m2 = cm.markText(Pos(0, 2), Pos(3, 2));
+  var m3 = cm.markText(Pos(1, 2), Pos(1, 8));
+  var m4 = cm.markText(Pos(8, 0), Pos(9, 0));
+  eq(cm.getAllMarks().length, 4);
+  m1.clear();
+  m3.clear();
+  eq(cm.getAllMarks().length, 2);
+});
+
+testCM("bug577", function(cm) {
+  cm.setValue("a\nb");
+  cm.clearHistory();
+  cm.setValue("fooooo");
+  cm.undo();
+});
+
+testCM("scrollSnap", function(cm) {
+  cm.setSize(100, 100);
+  addDoc(cm, 200, 200);
+  cm.setCursor(Pos(100, 180));
+  var info = cm.getScrollInfo();
+  is(info.left > 0 && info.top > 0);
+  cm.setCursor(Pos(0, 0));
+  info = cm.getScrollInfo();
+  is(info.left == 0 && info.top == 0, "scrolled clean to top");
+  cm.setCursor(Pos(100, 180));
+  cm.setCursor(Pos(199, 0));
+  info = cm.getScrollInfo();
+  is(info.left == 0 && info.top + 2 > info.height - cm.getScrollerElement().clientHeight, "scrolled clean to bottom");
+});
+
+testCM("scrollIntoView", function(cm) {
+  if (phantom) return;
+  var outer = cm.getWrapperElement().getBoundingClientRect();
+  function test(line, ch) {
+    var pos = Pos(line, ch);
+    cm.scrollIntoView(pos);
+    var box = cm.charCoords(pos, "window");
+    is(box.left >= outer.left && box.right <= outer.right &&
+       box.top >= outer.top && box.bottom <= outer.bottom);
+  }
+  addDoc(cm, 200, 200);
+  test(199, 199);
+  test(0, 0);
+  test(100, 100);
+  test(199, 0);
+  test(0, 199);
+  test(100, 100);
+});
+
+testCM("selectionPos", function(cm) {
+  if (phantom) return;
+  cm.setSize(100, 100);
+  addDoc(cm, 200, 100);
+  cm.setSelection(Pos(1, 100), Pos(98, 100));
+  var lineWidth = cm.charCoords(Pos(0, 200), "local").left;
+  var lineHeight = (cm.charCoords(Pos(99)).top - cm.charCoords(Pos(0)).top) / 100;
+  cm.scrollTo(0, 0);
+  var selElt = byClassName(cm.getWrapperElement(), "CodeMirror-selected");
+  var outer = cm.getWrapperElement().getBoundingClientRect();
+  var sawMiddle, sawTop, sawBottom;
+  for (var i = 0, e = selElt.length; i < e; ++i) {
+    var box = selElt[i].getBoundingClientRect();
+    var atLeft = box.left - outer.left < 30;
+    var width = box.right - box.left;
+    var atRight = box.right - outer.left > .8 * lineWidth;
+    if (atLeft && atRight) {
+      sawMiddle = true;
+      is(box.bottom - box.top > 90 * lineHeight, "middle high");
+      is(width > .9 * lineWidth, "middle wide");
+    } else {
+      is(width > .4 * lineWidth, "top/bot wide enough");
+      is(width < .6 * lineWidth, "top/bot slim enough");
+      if (atLeft) {
+        sawBottom = true;
+        is(box.top - outer.top > 96 * lineHeight, "bot below");
+      } else if (atRight) {
+        sawTop = true;
+        is(box.top - outer.top < 2.1 * lineHeight, "top above");
+      }
+    }
+  }
+  is(sawTop && sawBottom && sawMiddle, "all parts");
+}, null);
+
+testCM("restoreHistory", function(cm) {
+  cm.setValue("abc\ndef");
+  cm.setLine(1, "hello");
+  cm.setLine(0, "goop");
+  cm.undo();
+  var storedVal = cm.getValue(), storedHist = cm.getHistory();
+  if (window.JSON) storedHist = JSON.parse(JSON.stringify(storedHist));
+  eq(storedVal, "abc\nhello");
+  cm.setValue("");
+  cm.clearHistory();
+  eq(cm.historySize().undo, 0);
+  cm.setValue(storedVal);
+  cm.setHistory(storedHist);
+  cm.redo();
+  eq(cm.getValue(), "goop\nhello");
+  cm.undo(); cm.undo();
+  eq(cm.getValue(), "abc\ndef");
+});
+
+testCM("doubleScrollbar", function(cm) {
+  var dummy = document.body.appendChild(document.createElement("p"));
+  dummy.style.cssText = "height: 50px; overflow: scroll; width: 50px";
+  var scrollbarWidth = dummy.offsetWidth + 1 - dummy.clientWidth;
+  document.body.removeChild(dummy);
+  if (scrollbarWidth < 2) return;
+  cm.setSize(null, 100);
+  addDoc(cm, 1, 300);
+  var wrap = cm.getWrapperElement();
+  is(wrap.offsetWidth - byClassName(wrap, "CodeMirror-lines")[0].offsetWidth <= scrollbarWidth * 1.5);
+});
+
+testCM("weirdLinebreaks", function(cm) {
+  cm.setValue("foo\nbar\rbaz\r\nquux\n\rplop");
+  is(cm.getValue(), "foo\nbar\nbaz\nquux\n\nplop");
+  is(cm.lineCount(), 6);
+  cm.setValue("\n\n");
+  is(cm.lineCount(), 3);
+});
+
+testCM("setSize", function(cm) {
+  cm.setSize(100, 100);
+  var wrap = cm.getWrapperElement();
+  is(wrap.offsetWidth, 100);
+  is(wrap.offsetHeight, 100);
+  cm.setSize("100%", "3em");
+  is(wrap.style.width, "100%");
+  is(wrap.style.height, "3em");
+  cm.setSize(null, 40);
+  is(wrap.style.width, "100%");
+  is(wrap.style.height, "40px");
+});
+
+function foldLines(cm, start, end, autoClear) {
+  return cm.markText(Pos(start, 0), Pos(end - 1), {
+    inclusiveLeft: true,
+    inclusiveRight: true,
+    collapsed: true,
+    clearOnEnter: autoClear
+  });
+}
+
+testCM("collapsedLines", function(cm) {
+  addDoc(cm, 4, 10);
+  var range = foldLines(cm, 4, 5), cleared = 0;
+  CodeMirror.on(range, "clear", function() {cleared++;});
+  cm.setCursor(Pos(3, 0));
+  CodeMirror.commands.goLineDown(cm);
+  eqPos(cm.getCursor(), Pos(5, 0));
+  cm.setLine(3, "abcdefg");
+  cm.setCursor(Pos(3, 6));
+  CodeMirror.commands.goLineDown(cm);
+  eqPos(cm.getCursor(), Pos(5, 4));
+  cm.setLine(3, "ab");
+  cm.setCursor(Pos(3, 2));
+  CodeMirror.commands.goLineDown(cm);
+  eqPos(cm.getCursor(), Pos(5, 2));
+  cm.operation(function() {range.clear(); range.clear();});
+  eq(cleared, 1);
+});
+
+testCM("collapsedRangeCoordsChar", function(cm) {
+  var pos_1_3 = cm.charCoords(Pos(1, 3));
+  pos_1_3.left += 2; pos_1_3.top += 2;
+  var opts = {collapsed: true, inclusiveLeft: true, inclusiveRight: true};
+  var m1 = cm.markText(Pos(0, 0), Pos(2, 0), opts);
+  eqPos(cm.coordsChar(pos_1_3), Pos(3, 3));
+  m1.clear();
+  var m1 = cm.markText(Pos(0, 0), Pos(1, 1), opts);
+  var m2 = cm.markText(Pos(1, 1), Pos(2, 0), opts);
+  eqPos(cm.coordsChar(pos_1_3), Pos(3, 3));
+  m1.clear(); m2.clear();
+  var m1 = cm.markText(Pos(0, 0), Pos(1, 6), opts);
+  eqPos(cm.coordsChar(pos_1_3), Pos(3, 3));
+}, {value: "123456\nabcdef\nghijkl\nmnopqr\n"});
+
+testCM("hiddenLinesAutoUnfold", function(cm) {
+  var range = foldLines(cm, 1, 3, true), cleared = 0;
+  CodeMirror.on(range, "clear", function() {cleared++;});
+  cm.setCursor(Pos(3, 0));
+  eq(cleared, 0);
+  cm.execCommand("goCharLeft");
+  eq(cleared, 1);
+  range = foldLines(cm, 1, 3, true);
+  CodeMirror.on(range, "clear", function() {cleared++;});
+  eqPos(cm.getCursor(), Pos(3, 0));
+  cm.setCursor(Pos(0, 3));
+  cm.execCommand("goCharRight");
+  eq(cleared, 2);
+}, {value: "abc\ndef\nghi\njkl"});
+
+testCM("hiddenLinesSelectAll", function(cm) {  // Issue #484
+  addDoc(cm, 4, 20);
+  foldLines(cm, 0, 10);
+  foldLines(cm, 11, 20);
+  CodeMirror.commands.selectAll(cm);
+  eqPos(cm.getCursor(true), Pos(10, 0));
+  eqPos(cm.getCursor(false), Pos(10, 4));
+});
+
+
+testCM("everythingFolded", function(cm) {
+  addDoc(cm, 2, 2);
+  function enterPress() {
+    cm.triggerOnKeyDown({type: "keydown", keyCode: 13, preventDefault: function(){}, stopPropagation: function(){}});
+  }
+  var fold = foldLines(cm, 0, 2);
+  enterPress();
+  eq(cm.getValue(), "xx\nxx");
+  fold.clear();
+  fold = foldLines(cm, 0, 2, true);
+  eq(fold.find(), null);
+  enterPress();
+  eq(cm.getValue(), "\nxx\nxx");
+});
+
+testCM("structuredFold", function(cm) {
+  if (phantom) return;
+  addDoc(cm, 4, 8);
+  var range = cm.markText(Pos(1, 2), Pos(6, 2), {
+    replacedWith: document.createTextNode("Q")
+  });
+  cm.setCursor(0, 3);
+  CodeMirror.commands.goLineDown(cm);
+  eqPos(cm.getCursor(), Pos(6, 2));
+  CodeMirror.commands.goCharLeft(cm);
+  eqPos(cm.getCursor(), Pos(1, 2));
+  CodeMirror.commands.delCharAfter(cm);
+  eq(cm.getValue(), "xxxx\nxxxx\nxxxx");
+  addDoc(cm, 4, 8);
+  range = cm.markText(Pos(1, 2), Pos(6, 2), {
+    replacedWith: document.createTextNode("M"),
+    clearOnEnter: true
+  });
+  var cleared = 0;
+  CodeMirror.on(range, "clear", function(){++cleared;});
+  cm.setCursor(0, 3);
+  CodeMirror.commands.goLineDown(cm);
+  eqPos(cm.getCursor(), Pos(6, 2));
+  CodeMirror.commands.goCharLeft(cm);
+  eqPos(cm.getCursor(), Pos(6, 1));
+  eq(cleared, 1);
+  range.clear();
+  eq(cleared, 1);
+  range = cm.markText(Pos(1, 2), Pos(6, 2), {
+    replacedWith: document.createTextNode("Q"),
+    clearOnEnter: true
+  });
+  range.clear();
+  cm.setCursor(1, 2);
+  CodeMirror.commands.goCharRight(cm);
+  eqPos(cm.getCursor(), Pos(1, 3));
+  range = cm.markText(Pos(2, 0), Pos(4, 4), {
+    replacedWith: document.createTextNode("M")
+  });
+  cm.setCursor(1, 0);
+  CodeMirror.commands.goLineDown(cm);
+  eqPos(cm.getCursor(), Pos(2, 0));
+}, null);
+
+testCM("nestedFold", function(cm) {
+  addDoc(cm, 10, 3);
+  function fold(ll, cl, lr, cr) {
+    return cm.markText(Pos(ll, cl), Pos(lr, cr), {collapsed: true});
+  }
+  var inner1 = fold(0, 6, 1, 3), inner2 = fold(0, 2, 1, 8), outer = fold(0, 1, 2, 3), inner0 = fold(0, 5, 0, 6);
+  cm.setCursor(0, 1);
+  CodeMirror.commands.goCharRight(cm);
+  eqPos(cm.getCursor(), Pos(2, 3));
+  inner0.clear();
+  CodeMirror.commands.goCharLeft(cm);
+  eqPos(cm.getCursor(), Pos(0, 1));
+  outer.clear();
+  CodeMirror.commands.goCharRight(cm);
+  eqPos(cm.getCursor(), Pos(0, 2));
+  CodeMirror.commands.goCharRight(cm);
+  eqPos(cm.getCursor(), Pos(1, 8));
+  inner2.clear();
+  CodeMirror.commands.goCharLeft(cm);
+  eqPos(cm.getCursor(), Pos(1, 7));
+  cm.setCursor(0, 5);
+  CodeMirror.commands.goCharRight(cm);
+  eqPos(cm.getCursor(), Pos(0, 6));
+  CodeMirror.commands.goCharRight(cm);
+  eqPos(cm.getCursor(), Pos(1, 3));
+});
+
+testCM("badNestedFold", function(cm) {
+  addDoc(cm, 4, 4);
+  cm.markText(Pos(0, 2), Pos(3, 2), {collapsed: true});
+  var caught;
+  try {cm.markText(Pos(0, 1), Pos(0, 3), {collapsed: true});}
+  catch(e) {caught = e;}
+  is(caught instanceof Error, "no error");
+  is(/overlap/i.test(caught.message), "wrong error");
+});
+
+testCM("wrappingInlineWidget", function(cm) {
+  cm.setSize("11em");
+  var w = document.createElement("span");
+  w.style.color = "red";
+  w.innerHTML = "one two three four";
+  cm.markText(Pos(0, 6), Pos(0, 9), {replacedWith: w});
+  var cur0 = cm.cursorCoords(Pos(0, 0)), cur1 = cm.cursorCoords(Pos(0, 10));
+  is(cur0.top < cur1.top);
+  is(cur0.bottom < cur1.bottom);
+  var curL = cm.cursorCoords(Pos(0, 6)), curR = cm.cursorCoords(Pos(0, 9));
+  eq(curL.top, cur0.top);
+  eq(curL.bottom, cur0.bottom);
+  eq(curR.top, cur1.top);
+  eq(curR.bottom, cur1.bottom);
+  cm.replaceRange("", Pos(0, 9), Pos(0));
+  curR = cm.cursorCoords(Pos(0, 9));
+  eq(curR.top, cur1.top);
+  eq(curR.bottom, cur1.bottom);
+}, {value: "1 2 3 xxx 4", lineWrapping: true});
+
+testCM("changedInlineWidget", function(cm) {
+  cm.setSize("10em");
+  var w = document.createElement("span");
+  w.innerHTML = "x";
+  var m = cm.markText(Pos(0, 4), Pos(0, 5), {replacedWith: w});
+  w.innerHTML = "and now the widget is really really long all of a sudden and a scrollbar is needed";
+  m.changed();
+  var hScroll = byClassName(cm.getWrapperElement(), "CodeMirror-hscrollbar")[0];
+  is(hScroll.scrollWidth > hScroll.clientWidth);
+}, {value: "hello there"});
+
+testCM("changedBookmark", function(cm) {
+  cm.setSize("10em");
+  var w = document.createElement("span");
+  w.innerHTML = "x";
+  var m = cm.setBookmark(Pos(0, 4), {widget: w});
+  w.innerHTML = "and now the widget is really really long all of a sudden and a scrollbar is needed";
+  m.changed();
+  var hScroll = byClassName(cm.getWrapperElement(), "CodeMirror-hscrollbar")[0];
+  is(hScroll.scrollWidth > hScroll.clientWidth);
+}, {value: "abcdefg"});
+
+testCM("inlineWidget", function(cm) {
+  var w = cm.setBookmark(Pos(0, 2), {widget: document.createTextNode("uu")});
+  cm.setCursor(0, 2);
+  CodeMirror.commands.goLineDown(cm);
+  eqPos(cm.getCursor(), Pos(1, 4));
+  cm.setCursor(0, 2);
+  cm.replaceSelection("hi");
+  eqPos(w.find(), Pos(0, 2));
+  cm.setCursor(0, 1);
+  cm.replaceSelection("ay");
+  eqPos(w.find(), Pos(0, 4));
+  eq(cm.getLine(0), "uayuhiuu");
+}, {value: "uuuu\nuuuuuu"});
+
+testCM("wrappingAndResizing", function(cm) {
+  cm.setSize(null, "auto");
+  cm.setOption("lineWrapping", true);
+  var wrap = cm.getWrapperElement(), h0 = wrap.offsetHeight;
+  var doc = "xxx xxx xxx xxx xxx";
+  cm.setValue(doc);
+  for (var step = 10, w = cm.charCoords(Pos(0, 18), "div").right;; w += step) {
+    cm.setSize(w);
+    if (wrap.offsetHeight <= h0 * (opera_lt10 ? 1.2 : 1.5)) {
+      if (step == 10) { w -= 10; step = 1; }
+      else break;
+    }
+  }
+  // Ensure that putting the cursor at the end of the maximally long
+  // line doesn't cause wrapping to happen.
+  cm.setCursor(Pos(0, doc.length));
+  eq(wrap.offsetHeight, h0);
+  cm.replaceSelection("x");
+  is(wrap.offsetHeight > h0, "wrapping happens");
+  // Now add a max-height and, in a document consisting of
+  // almost-wrapped lines, go over it so that a scrollbar appears.
+  cm.setValue(doc + "\n" + doc + "\n");
+  cm.getScrollerElement().style.maxHeight = "100px";
+  cm.replaceRange("\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n!\n", Pos(2, 0));
+  forEach([Pos(0, doc.length), Pos(0, doc.length - 1),
+           Pos(0, 0), Pos(1, doc.length), Pos(1, doc.length - 1)],
+          function(pos) {
+    var coords = cm.charCoords(pos);
+    eqPos(pos, cm.coordsChar({left: coords.left + 2, top: coords.top + 5}));
+  });
+}, null, ie_lt8);
+
+testCM("measureEndOfLine", function(cm) {
+  cm.setSize(null, "auto");
+  var inner = byClassName(cm.getWrapperElement(), "CodeMirror-lines")[0].firstChild;
+  var lh = inner.offsetHeight;
+  for (var step = 10, w = cm.charCoords(Pos(0, 7), "div").right;; w += step) {
+    cm.setSize(w);
+    if (inner.offsetHeight < 2.5 * lh) {
+      if (step == 10) { w -= 10; step = 1; }
+      else break;
+    }
+  }
+  cm.setValue(cm.getValue() + "\n\n");
+  var endPos = cm.charCoords(Pos(0, 18), "local");
+  is(endPos.top > lh * .8, "not at top");
+  is(endPos.left > w - 20, "not at right");
+  endPos = cm.charCoords(Pos(0, 18));
+  eqPos(cm.coordsChar({left: endPos.left, top: endPos.top + 5}), Pos(0, 18));
+}, {mode: "text/html", value: "<!-- foo barrr -->", lineWrapping: true}, ie_lt8 || opera_lt10);
+
+testCM("scrollVerticallyAndHorizontally", function(cm) {
+  cm.setSize(100, 100);
+  addDoc(cm, 40, 40);
+  cm.setCursor(39);
+  var wrap = cm.getWrapperElement(), bar = byClassName(wrap, "CodeMirror-vscrollbar")[0];
+  is(bar.offsetHeight < wrap.offsetHeight, "vertical scrollbar limited by horizontal one");
+  var cursorBox = byClassName(wrap, "CodeMirror-cursor")[0].getBoundingClientRect();
+  var editorBox = wrap.getBoundingClientRect();
+  is(cursorBox.bottom < editorBox.top + cm.getScrollerElement().clientHeight,
+     "bottom line visible");
+}, {lineNumbers: true});
+
+testCM("moveVstuck", function(cm) {
+  var lines = byClassName(cm.getWrapperElement(), "CodeMirror-lines")[0].firstChild, h0 = lines.offsetHeight;
+  var val = "fooooooooooooooooooooooooo baaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaar\n";
+  cm.setValue(val);
+  for (var w = cm.charCoords(Pos(0, 26), "div").right * 2.8;; w += 5) {
+    cm.setSize(w);
+    if (lines.offsetHeight <= 3.5 * h0) break;
+  }
+  cm.setCursor(Pos(0, val.length - 1));
+  cm.moveV(-1, "line");
+  eqPos(cm.getCursor(), Pos(0, 26));
+}, {lineWrapping: true}, ie_lt8 || opera_lt10);
+
+testCM("clickTab", function(cm) {
+  var p0 = cm.charCoords(Pos(0, 0));
+  eqPos(cm.coordsChar({left: p0.left + 5, top: p0.top + 5}), Pos(0, 0));
+  eqPos(cm.coordsChar({left: p0.right - 5, top: p0.top + 5}), Pos(0, 1));
+}, {value: "\t\n\n", lineWrapping: true, tabSize: 8});
+
+testCM("verticalScroll", function(cm) {
+  cm.setSize(100, 200);
+  cm.setValue("foo\nbar\nbaz\n");
+  var sc = cm.getScrollerElement(), baseWidth = sc.scrollWidth;
+  cm.setLine(0, "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaah");
+  is(sc.scrollWidth > baseWidth, "scrollbar present");
+  cm.setLine(0, "foo");
+  if (!phantom) eq(sc.scrollWidth, baseWidth, "scrollbar gone");
+  cm.setLine(0, "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaah");
+  cm.setLine(1, "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbh");
+  is(sc.scrollWidth > baseWidth, "present again");
+  var curWidth = sc.scrollWidth;
+  cm.setLine(0, "foo");
+  is(sc.scrollWidth < curWidth, "scrollbar smaller");
+  is(sc.scrollWidth > baseWidth, "but still present");
+});
+
+testCM("extraKeys", function(cm) {
+  var outcome;
+  function fakeKey(expected, code, props) {
+    if (typeof code == "string") code = code.charCodeAt(0);
+    var e = {type: "keydown", keyCode: code, preventDefault: function(){}, stopPropagation: function(){}};
+    if (props) for (var n in props) e[n] = props[n];
+    outcome = null;
+    cm.triggerOnKeyDown(e);
+    eq(outcome, expected);
+  }
+  CodeMirror.commands.testCommand = function() {outcome = "tc";};
+  CodeMirror.commands.goTestCommand = function() {outcome = "gtc";};
+  cm.setOption("extraKeys", {"Shift-X": function() {outcome = "sx";},
+                             "X": function() {outcome = "x";},
+                             "Ctrl-Alt-U": function() {outcome = "cau";},
+                             "End": "testCommand",
+                             "Home": "goTestCommand",
+                             "Tab": false});
+  fakeKey(null, "U");
+  fakeKey("cau", "U", {ctrlKey: true, altKey: true});
+  fakeKey(null, "U", {shiftKey: true, ctrlKey: true, altKey: true});
+  fakeKey("x", "X");
+  fakeKey("sx", "X", {shiftKey: true});
+  fakeKey("tc", 35);
+  fakeKey(null, 35, {shiftKey: true});
+  fakeKey("gtc", 36);
+  fakeKey("gtc", 36, {shiftKey: true});
+  fakeKey(null, 9);
+}, null, window.opera && mac);
+
+testCM("wordMovementCommands", function(cm) {
+  cm.execCommand("goWordLeft");
+  eqPos(cm.getCursor(), Pos(0, 0));
+  cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
+  eqPos(cm.getCursor(), Pos(0, 7));
+  cm.execCommand("goWordLeft");
+  eqPos(cm.getCursor(), Pos(0, 5));
+  cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
+  eqPos(cm.getCursor(), Pos(0, 12));
+  cm.execCommand("goWordLeft");
+  eqPos(cm.getCursor(), Pos(0, 9));
+  cm.execCommand("goWordRight"); cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
+  eqPos(cm.getCursor(), Pos(0, 24));
+  cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
+  eqPos(cm.getCursor(), Pos(1, 9));
+  cm.execCommand("goWordRight");
+  eqPos(cm.getCursor(), Pos(1, 13));
+  cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
+  eqPos(cm.getCursor(), Pos(2, 0));
+}, {value: "this is (the) firstline.\na foo12\u00e9\u00f8\u00d7bar\n"});
+
+testCM("groupMovementCommands", function(cm) {
+  cm.execCommand("goGroupLeft");
+  eqPos(cm.getCursor(), Pos(0, 0));
+  cm.execCommand("goGroupRight");
+  eqPos(cm.getCursor(), Pos(0, 4));
+  cm.execCommand("goGroupRight");
+  eqPos(cm.getCursor(), Pos(0, 7));
+  cm.execCommand("goGroupRight");
+  eqPos(cm.getCursor(), Pos(0, 10));
+  cm.execCommand("goGroupLeft");
+  eqPos(cm.getCursor(), Pos(0, 7));
+  cm.execCommand("goGroupRight"); cm.execCommand("goGroupRight"); cm.execCommand("goGroupRight");
+  eqPos(cm.getCursor(), Pos(0, 15));
+  cm.setCursor(Pos(0, 17));
+  cm.execCommand("goGroupLeft");
+  eqPos(cm.getCursor(), Pos(0, 16));
+  cm.execCommand("goGroupLeft");
+  eqPos(cm.getCursor(), Pos(0, 14));
+  cm.execCommand("goGroupRight"); cm.execCommand("goGroupRight");
+  eqPos(cm.getCursor(), Pos(0, 20));
+  cm.execCommand("goGroupRight");
+  eqPos(cm.getCursor(), Pos(1, 5));
+  cm.execCommand("goGroupLeft"); cm.execCommand("goGroupLeft");
+  eqPos(cm.getCursor(), Pos(1, 0));
+  cm.execCommand("goGroupLeft");
+  eqPos(cm.getCursor(), Pos(0, 16));
+}, {value: "booo ba---quux. ffff\n  abc d"});
+
+testCM("charMovementCommands", function(cm) {
+  cm.execCommand("goCharLeft"); cm.execCommand("goColumnLeft");
+  eqPos(cm.getCursor(), Pos(0, 0));
+  cm.execCommand("goCharRight"); cm.execCommand("goCharRight");
+  eqPos(cm.getCursor(), Pos(0, 2));
+  cm.setCursor(Pos(1, 0));
+  cm.execCommand("goColumnLeft");
+  eqPos(cm.getCursor(), Pos(1, 0));
+  cm.execCommand("goCharLeft");
+  eqPos(cm.getCursor(), Pos(0, 5));
+  cm.execCommand("goColumnRight");
+  eqPos(cm.getCursor(), Pos(0, 5));
+  cm.execCommand("goCharRight");
+  eqPos(cm.getCursor(), Pos(1, 0));
+  cm.execCommand("goLineEnd");
+  eqPos(cm.getCursor(), Pos(1, 5));
+  cm.execCommand("goLineStartSmart");
+  eqPos(cm.getCursor(), Pos(1, 1));
+  cm.execCommand("goLineStartSmart");
+  eqPos(cm.getCursor(), Pos(1, 0));
+  cm.setCursor(Pos(2, 0));
+  cm.execCommand("goCharRight"); cm.execCommand("goColumnRight");
+  eqPos(cm.getCursor(), Pos(2, 0));
+}, {value: "line1\n ine2\n"});
+
+testCM("verticalMovementCommands", function(cm) {
+  cm.execCommand("goLineUp");
+  eqPos(cm.getCursor(), Pos(0, 0));
+  cm.execCommand("goLineDown");
+  if (!phantom) // This fails in PhantomJS, though not in a real Webkit
+    eqPos(cm.getCursor(), Pos(1, 0));
+  cm.setCursor(Pos(1, 12));
+  cm.execCommand("goLineDown");
+  eqPos(cm.getCursor(), Pos(2, 5));
+  cm.execCommand("goLineDown");
+  eqPos(cm.getCursor(), Pos(3, 0));
+  cm.execCommand("goLineUp");
+  eqPos(cm.getCursor(), Pos(2, 5));
+  cm.execCommand("goLineUp");
+  eqPos(cm.getCursor(), Pos(1, 12));
+  cm.execCommand("goPageDown");
+  eqPos(cm.getCursor(), Pos(5, 0));
+  cm.execCommand("goPageDown"); cm.execCommand("goLineDown");
+  eqPos(cm.getCursor(), Pos(5, 0));
+  cm.execCommand("goPageUp");
+  eqPos(cm.getCursor(), Pos(0, 0));
+}, {value: "line1\nlong long line2\nline3\n\nline5\n"});
+
+testCM("verticalMovementCommandsWrapping", function(cm) {
+  cm.setSize(120);
+  cm.setCursor(Pos(0, 5));
+  cm.execCommand("goLineDown");
+  eq(cm.getCursor().line, 0);
+  is(cm.getCursor().ch > 5, "moved beyond wrap");
+  for (var i = 0; ; ++i) {
+    is(i < 20, "no endless loop");
+    cm.execCommand("goLineDown");
+    var cur = cm.getCursor();
+    if (cur.line == 1) eq(cur.ch, 5);
+    if (cur.line == 2) { eq(cur.ch, 1); break; }
+  }
+}, {value: "a very long line that wraps around somehow so that we can test cursor movement\nshortone\nk",
+    lineWrapping: true});
+
+testCM("rtlMovement", function(cm) {
+  forEach(["خحج", "خحabcخحج", "abخحخحجcd", "abخde", "abخح2342خ1حج", "خ1ح2خح3حxج",
+           "خحcd", "1خحcd", "abcdeح1ج", "خمرحبها مها!", "foobarر",
+           "<img src=\"/בדיקה3.jpg\">"], function(line) {
+    var inv = line.charAt(0) == "خ";
+    cm.setValue(line + "\n"); cm.execCommand(inv ? "goLineEnd" : "goLineStart");
+    var cursor = byClassName(cm.getWrapperElement(), "CodeMirror-cursor")[0];
+    var prevX = cursor.offsetLeft, prevY = cursor.offsetTop;
+    for (var i = 0; i <= line.length; ++i) {
+      cm.execCommand("goCharRight");
+      if (i == line.length) is(cursor.offsetTop > prevY, "next line");
+      else is(cursor.offsetLeft > prevX, "moved right");
+      prevX = cursor.offsetLeft; prevY = cursor.offsetTop;
+    }
+    cm.setCursor(0, 0); cm.execCommand(inv ? "goLineStart" : "goLineEnd");
+    prevX = cursor.offsetLeft;
+    for (var i = 0; i < line.length; ++i) {
+      cm.execCommand("goCharLeft");
+      is(cursor.offsetLeft < prevX, "moved left");
+      prevX = cursor.offsetLeft;
+    }
+  });
+});
+
+// Verify that updating a line clears its bidi ordering
+testCM("bidiUpdate", function(cm) {
+  cm.setCursor(Pos(0, 2));
+  cm.replaceSelection("خحج", "start");
+  cm.execCommand("goCharRight");
+  eqPos(cm.getCursor(), Pos(0, 4));
+}, {value: "abcd\n"});
+
+testCM("movebyTextUnit", function(cm) {
+  cm.setValue("בְּרֵאשִ\ńéée\n");
+  cm.execCommand("goLineEnd");
+  for (var i = 0; i < 4; ++i) cm.execCommand("goCharRight");
+  eqPos(cm.getCursor(), Pos(0, 0));
+  cm.execCommand("goCharRight");
+  eqPos(cm.getCursor(), Pos(1, 0));
+  cm.execCommand("goCharRight");
+  cm.execCommand("goCharRight");
+  eqPos(cm.getCursor(), Pos(1, 3));
+  cm.execCommand("goCharRight");
+  cm.execCommand("goCharRight");
+  eqPos(cm.getCursor(), Pos(1, 6));
+});
+
+testCM("lineChangeEvents", function(cm) {
+  addDoc(cm, 3, 5);
+  var log = [], want = ["ch 0", "ch 1", "del 2", "ch 0", "ch 0", "del 1", "del 3", "del 4"];
+  for (var i = 0; i < 5; ++i) {
+    CodeMirror.on(cm.getLineHandle(i), "delete", function(i) {
+      return function() {log.push("del " + i);};
+    }(i));
+    CodeMirror.on(cm.getLineHandle(i), "change", function(i) {
+      return function() {log.push("ch " + i);};
+    }(i));
+  }
+  cm.replaceRange("x", Pos(0, 1));
+  cm.replaceRange("xy", Pos(1, 1), Pos(2));
+  cm.replaceRange("foo\nbar", Pos(0, 1));
+  cm.replaceRange("", Pos(0, 0), Pos(cm.lineCount()));
+  eq(log.length, want.length, "same length");
+  for (var i = 0; i < log.length; ++i)
+    eq(log[i], want[i]);
+});
+
+testCM("scrollEntirelyToRight", function(cm) {
+  if (phantom) return;
+  addDoc(cm, 500, 2);
+  cm.setCursor(Pos(0, 500));
+  var wrap = cm.getWrapperElement(), cur = byClassName(wrap, "CodeMirror-cursor")[0];
+  is(wrap.getBoundingClientRect().right > cur.getBoundingClientRect().left);
+});
+
+testCM("lineWidgets", function(cm) {
+  addDoc(cm, 500, 3);
+  var last = cm.charCoords(Pos(2, 0));
+  var node = document.createElement("div");
+  node.innerHTML = "hi";
+  var widget = cm.addLineWidget(1, node);
+  is(last.top < cm.charCoords(Pos(2, 0)).top, "took up space");
+  cm.setCursor(Pos(1, 1));
+  cm.execCommand("goLineDown");
+  eqPos(cm.getCursor(), Pos(2, 1));
+  cm.execCommand("goLineUp");
+  eqPos(cm.getCursor(), Pos(1, 1));
+});
+
+testCM("lineWidgetFocus", function(cm) {
+  var place = document.getElementById("testground");
+  place.className = "offscreen";
+  try {
+    addDoc(cm, 500, 10);
+    var node = document.createElement("input");
+    var widget = cm.addLineWidget(1, node);
+    node.focus();
+    eq(document.activeElement, node);
+    cm.replaceRange("new stuff", Pos(1, 0));
+    eq(document.activeElement, node);
+  } finally {
+    place.className = "";
+  }
+});
+
+testCM("getLineNumber", function(cm) {
+  addDoc(cm, 2, 20);
+  var h1 = cm.getLineHandle(1);
+  eq(cm.getLineNumber(h1), 1);
+  cm.replaceRange("hi\nbye\n", Pos(0, 0));
+  eq(cm.getLineNumber(h1), 3);
+  cm.setValue("");
+  eq(cm.getLineNumber(h1), null);
+});
+
+testCM("jumpTheGap", function(cm) {
+  var longLine = "abcdef ghiklmnop qrstuvw xyz ";
+  longLine += longLine; longLine += longLine; longLine += longLine;
+  cm.setLine(2, longLine);
+  cm.setSize("200px", null);
+  cm.getWrapperElement().style.lineHeight = 2;
+  cm.refresh();
+  cm.setCursor(Pos(0, 1));
+  cm.execCommand("goLineDown");
+  eqPos(cm.getCursor(), Pos(1, 1));
+  cm.execCommand("goLineDown");
+  eqPos(cm.getCursor(), Pos(2, 1));
+  cm.execCommand("goLineDown");
+  eq(cm.getCursor().line, 2);
+  is(cm.getCursor().ch > 1);
+  cm.execCommand("goLineUp");
+  eqPos(cm.getCursor(), Pos(2, 1));
+  cm.execCommand("goLineUp");
+  eqPos(cm.getCursor(), Pos(1, 1));
+  var node = document.createElement("div");
+  node.innerHTML = "hi"; node.style.height = "30px";
+  cm.addLineWidget(0, node);
+  cm.addLineWidget(1, node.cloneNode(true), {above: true});
+  cm.setCursor(Pos(0, 2));
+  cm.execCommand("goLineDown");
+  eqPos(cm.getCursor(), Pos(1, 2));
+  cm.execCommand("goLineUp");
+  eqPos(cm.getCursor(), Pos(0, 2));
+}, {lineWrapping: true, value: "abc\ndef\nghi\njkl\n"});
+
+testCM("addLineClass", function(cm) {
+  function cls(line, text, bg, wrap) {
+    var i = cm.lineInfo(line);
+    eq(i.textClass, text);
+    eq(i.bgClass, bg);
+    eq(i.wrapClass, wrap);
+  }
+  cm.addLineClass(0, "text", "foo");
+  cm.addLineClass(0, "text", "bar");
+  cm.addLineClass(1, "background", "baz");
+  cm.addLineClass(1, "wrap", "foo");
+  cls(0, "foo bar", null, null);
+  cls(1, null, "baz", "foo");
+  var lines = cm.display.lineDiv;
+  eq(byClassName(lines, "foo").length, 2);
+  eq(byClassName(lines, "bar").length, 1);
+  eq(byClassName(lines, "baz").length, 1);
+  cm.removeLineClass(0, "text", "foo");
+  cls(0, "bar", null, null);
+  cm.removeLineClass(0, "text", "foo");
+  cls(0, "bar", null, null);
+  cm.removeLineClass(0, "text", "bar");
+  cls(0, null, null, null);
+  cm.addLineClass(1, "wrap", "quux");
+  cls(1, null, "baz", "foo quux");
+  cm.removeLineClass(1, "wrap");
+  cls(1, null, "baz", null);
+}, {value: "hohoho\n"});
+
+testCM("atomicMarker", function(cm) {
+  addDoc(cm, 10, 10);
+  function atom(ll, cl, lr, cr, li, ri) {
+    return cm.markText(Pos(ll, cl), Pos(lr, cr),
+                       {atomic: true, inclusiveLeft: li, inclusiveRight: ri});
+  }
+  var m = atom(0, 1, 0, 5);
+  cm.setCursor(Pos(0, 1));
+  cm.execCommand("goCharRight");
+  eqPos(cm.getCursor(), Pos(0, 5));
+  cm.execCommand("goCharLeft");
+  eqPos(cm.getCursor(), Pos(0, 1));
+  m.clear();
+  m = atom(0, 0, 0, 5, true);
+  eqPos(cm.getCursor(), Pos(0, 5), "pushed out");
+  cm.execCommand("goCharLeft");
+  eqPos(cm.getCursor(), Pos(0, 5));
+  m.clear();
+  m = atom(8, 4, 9, 10, false, true);
+  cm.setCursor(Pos(9, 8));
+  eqPos(cm.getCursor(), Pos(8, 4), "set");
+  cm.execCommand("goCharRight");
+  eqPos(cm.getCursor(), Pos(8, 4), "char right");
+  cm.execCommand("goLineDown");
+  eqPos(cm.getCursor(), Pos(8, 4), "line down");
+  cm.execCommand("goCharLeft");
+  eqPos(cm.getCursor(), Pos(8, 3));
+  m.clear();
+  m = atom(1, 1, 3, 8);
+  cm.setCursor(Pos(0, 0));
+  cm.setCursor(Pos(2, 0));
+  eqPos(cm.getCursor(), Pos(3, 8));
+  cm.execCommand("goCharLeft");
+  eqPos(cm.getCursor(), Pos(1, 1));
+  cm.execCommand("goCharRight");
+  eqPos(cm.getCursor(), Pos(3, 8));
+  cm.execCommand("goLineUp");
+  eqPos(cm.getCursor(), Pos(1, 1));
+  cm.execCommand("goLineDown");
+  eqPos(cm.getCursor(), Pos(3, 8));
+  cm.execCommand("delCharBefore");
+  eq(cm.getValue().length, 80, "del chunk");
+  m = atom(3, 0, 5, 5);
+  cm.setCursor(Pos(3, 0));
+  cm.execCommand("delWordAfter");
+  eq(cm.getValue().length, 53, "del chunk");
+});
+
+testCM("readOnlyMarker", function(cm) {
+  function mark(ll, cl, lr, cr, at) {
+    return cm.markText(Pos(ll, cl), Pos(lr, cr),
+                       {readOnly: true, atomic: at});
+  }
+  var m = mark(0, 1, 0, 4);
+  cm.setCursor(Pos(0, 2));
+  cm.replaceSelection("hi", "end");
+  eqPos(cm.getCursor(), Pos(0, 2));
+  eq(cm.getLine(0), "abcde");
+  cm.execCommand("selectAll");
+  cm.replaceSelection("oops");
+  eq(cm.getValue(), "oopsbcd");
+  cm.undo();
+  eqPos(m.find().from, Pos(0, 1));
+  eqPos(m.find().to, Pos(0, 4));
+  m.clear();
+  cm.setCursor(Pos(0, 2));
+  cm.replaceSelection("hi");
+  eq(cm.getLine(0), "abhicde");
+  eqPos(cm.getCursor(), Pos(0, 4));
+  m = mark(0, 2, 2, 2, true);
+  cm.setSelection(Pos(1, 1), Pos(2, 4));
+  cm.replaceSelection("t", "end");
+  eqPos(cm.getCursor(), Pos(2, 3));
+  eq(cm.getLine(2), "klto");
+  cm.execCommand("goCharLeft");
+  cm.execCommand("goCharLeft");
+  eqPos(cm.getCursor(), Pos(0, 2));
+  cm.setSelection(Pos(0, 1), Pos(0, 3));
+  cm.replaceSelection("xx");
+  eqPos(cm.getCursor(), Pos(0, 3));
+  eq(cm.getLine(0), "axxhicde");
+}, {value: "abcde\nfghij\nklmno\n"});
+
+testCM("dirtyBit", function(cm) {
+  eq(cm.isClean(), true);
+  cm.replaceSelection("boo");
+  eq(cm.isClean(), false);
+  cm.undo();
+  eq(cm.isClean(), true);
+  cm.replaceSelection("boo");
+  cm.replaceSelection("baz");
+  cm.undo();
+  eq(cm.isClean(), false);
+  cm.markClean();
+  eq(cm.isClean(), true);
+  cm.undo();
+  eq(cm.isClean(), false);
+  cm.redo();
+  eq(cm.isClean(), true);
+});
+
+testCM("addKeyMap", function(cm) {
+  function sendKey(code) {
+    cm.triggerOnKeyDown({type: "keydown", keyCode: code,
+                         preventDefault: function(){}, stopPropagation: function(){}});
+  }
+
+  sendKey(39);
+  eqPos(cm.getCursor(), Pos(0, 1));
+  var test = 0;
+  var map1 = {Right: function() { ++test; }}, map2 = {Right: function() { test += 10; }}
+  cm.addKeyMap(map1);
+  sendKey(39);
+  eqPos(cm.getCursor(), Pos(0, 1));
+  eq(test, 1);
+  cm.addKeyMap(map2, true);
+  sendKey(39);
+  eq(test, 2);
+  cm.removeKeyMap(map1);
+  sendKey(39);
+  eq(test, 12);
+  cm.removeKeyMap(map2);
+  sendKey(39);
+  eq(test, 12);
+  eqPos(cm.getCursor(), Pos(0, 2));
+  cm.addKeyMap({Right: function() { test = 55; }, name: "mymap"});
+  sendKey(39);
+  eq(test, 55);
+  cm.removeKeyMap("mymap");
+  sendKey(39);
+  eqPos(cm.getCursor(), Pos(0, 3));
+}, {value: "abc"});
+
+testCM("findPosH", function(cm) {
+  forEach([{from: Pos(0, 0), to: Pos(0, 1), by: 1},
+           {from: Pos(0, 0), to: Pos(0, 0), by: -1, hitSide: true},
+           {from: Pos(0, 0), to: Pos(0, 4), by: 1, unit: "word"},
+           {from: Pos(0, 0), to: Pos(0, 8), by: 2, unit: "word"},
+           {from: Pos(0, 0), to: Pos(2, 0), by: 20, unit: "word", hitSide: true},
+           {from: Pos(0, 7), to: Pos(0, 5), by: -1, unit: "word"},
+           {from: Pos(0, 4), to: Pos(0, 8), by: 1, unit: "word"},
+           {from: Pos(1, 0), to: Pos(1, 18), by: 3, unit: "word"},
+           {from: Pos(1, 22), to: Pos(1, 5), by: -3, unit: "word"},
+           {from: Pos(1, 15), to: Pos(1, 10), by: -5},
+           {from: Pos(1, 15), to: Pos(1, 10), by: -5, unit: "column"},
+           {from: Pos(1, 15), to: Pos(1, 0), by: -50, unit: "column", hitSide: true},
+           {from: Pos(1, 15), to: Pos(1, 24), by: 50, unit: "column", hitSide: true},
+           {from: Pos(1, 15), to: Pos(2, 0), by: 50, hitSide: true}], function(t) {
+    var r = cm.findPosH(t.from, t.by, t.unit || "char");
+    eqPos(r, t.to);
+    eq(!!r.hitSide, !!t.hitSide);
+  });
+}, {value: "line one\nline two.something.other\n"});
+
+testCM("beforeChange", function(cm) {
+  cm.on("beforeChange", function(cm, change) {
+    var text = [];
+    for (var i = 0; i < change.text.length; ++i)
+      text.push(change.text[i].replace(/\s/g, "_"));
+    change.update(null, null, text);
+  });
+  cm.setValue("hello, i am a\nnew document\n");
+  eq(cm.getValue(), "hello,_i_am_a\nnew_document\n");
+  CodeMirror.on(cm.getDoc(), "beforeChange", function(doc, change) {
+    if (change.from.line == 0) change.cancel();
+  });
+  cm.setValue("oops"); // Canceled
+  eq(cm.getValue(), "hello,_i_am_a\nnew_document\n");
+  cm.replaceRange("hey hey hey", Pos(1, 0), Pos(2, 0));
+  eq(cm.getValue(), "hello,_i_am_a\nhey_hey_hey");
+}, {value: "abcdefghijk"});
+
+testCM("beforeChangeUndo", function(cm) {
+  cm.setLine(0, "hi");
+  cm.setLine(0, "bye");
+  eq(cm.historySize().undo, 2);
+  cm.on("beforeChange", function(cm, change) {
+    is(!change.update);
+    change.cancel();
+  });
+  cm.undo();
+  eq(cm.historySize().undo, 0);
+  eq(cm.getValue(), "bye\ntwo");
+}, {value: "one\ntwo"});
+
+testCM("beforeSelectionChange", function(cm) {
+  function notAtEnd(cm, pos) {
+    var len = cm.getLine(pos.line).length;
+    if (!len || pos.ch == len) return Pos(pos.line, pos.ch - 1);
+    return pos;
+  }
+  cm.on("beforeSelectionChange", function(cm, sel) {
+    sel.head = notAtEnd(cm, sel.head);
+    sel.anchor = notAtEnd(cm, sel.anchor);
+  });
+
+  addDoc(cm, 10, 10);
+  cm.execCommand("goLineEnd");
+  eqPos(cm.getCursor(), Pos(0, 9));
+  cm.execCommand("selectAll");
+  eqPos(cm.getCursor("start"), Pos(0, 0));
+  eqPos(cm.getCursor("end"), Pos(9, 9));
+});
+
+testCM("change_removedText", function(cm) {
+  cm.setValue("abc\ndef");
+
+  var removedText;
+  cm.on("change", function(cm, change) {
+    removedText = [change.removed, change.next && change.next.removed];
+  });
+
+  cm.operation(function() {
+    cm.replaceRange("xyz", Pos(0, 0), Pos(1,1));
+    cm.replaceRange("123", Pos(0,0));
+  });
+
+  eq(removedText[0].join("\n"), "abc\nd");
+  eq(removedText[1].join("\n"), "");
+
+  cm.undo();
+  eq(removedText[0].join("\n"), "123");
+  eq(removedText[1].join("\n"), "xyz");
+
+  cm.redo();
+  eq(removedText[0].join("\n"), "abc\nd");
+  eq(removedText[1].join("\n"), "");
+});
+
+testCM("lineStyleFromMode", function(cm) {
+  CodeMirror.defineMode("test_mode", function() {
+    return {token: function(stream) {
+      if (stream.match(/^\[[^\]]*\]/)) return "line-brackets";
+      if (stream.match(/^\([^\]]*\)/)) return "line-background-parens";
+      stream.match(/^\s+|^\S+/);
+    }};
+  });
+  cm.setOption("mode", "test_mode");
+  var bracketElts = byClassName(cm.getWrapperElement(), "brackets");
+  eq(bracketElts.length, 1);
+  eq(bracketElts[0].nodeName, "PRE");
+  is(!/brackets.*brackets/.test(bracketElts[0].className));
+  var parenElts = byClassName(cm.getWrapperElement(), "parens");
+  eq(parenElts.length, 1);
+  eq(parenElts[0].nodeName, "DIV");
+  is(!/parens.*parens/.test(parenElts[0].className));
+}, {value: "line1: [br] [br]\nline2: (par) (par)\nline3: nothing"});
diff --git a/src/main/webapp/codemirror/test/vim_test.js b/src/main/webapp/codemirror/test/vim_test.js
new file mode 100644
index 00000000..fe272551
--- /dev/null
+++ b/src/main/webapp/codemirror/test/vim_test.js
@@ -0,0 +1,2391 @@
+var code = '' +
+' wOrd1 (#%\n' +
+' word3] \n' +
+'aopop pop 0 1 2 3 4\n' +
+' (a) [b] {c} \n' +
+'int getchar(void) {\n' +
+'  static char buf[BUFSIZ];\n' +
+'  static char *bufp = buf;\n' +
+'  if (n == 0) {  /* buffer is empty */\n' +
+'    n = read(0, buf, sizeof buf);\n' +
+'    bufp = buf;\n' +
+'  }\n' +
+'\n' +
+'  return (--n >= 0) ? (unsigned char) *bufp++ : EOF;\n' +
+' \n' +
+'}\n';
+
+var lines = (function() {
+  lineText = code.split('\n');
+  var ret = [];
+  for (var i = 0; i < lineText.length; i++) {
+    ret[i] = {
+      line: i,
+      length: lineText[i].length,
+      lineText: lineText[i],
+      textStart: /^\s*/.exec(lineText[i])[0].length
+    };
+  }
+  return ret;
+})();
+var endOfDocument = makeCursor(lines.length - 1,
+    lines[lines.length - 1].length);
+var wordLine = lines[0];
+var bigWordLine = lines[1];
+var charLine = lines[2];
+var bracesLine = lines[3];
+var seekBraceLine = lines[4];
+
+var word1 = {
+  start: { line: wordLine.line, ch: 1 },
+  end: { line: wordLine.line, ch: 5 }
+};
+var word2 = {
+  start: { line: wordLine.line, ch: word1.end.ch + 2 },
+  end: { line: wordLine.line, ch: word1.end.ch + 4 }
+};
+var word3 = {
+  start: { line: bigWordLine.line, ch: 1 },
+  end: { line: bigWordLine.line, ch: 5 }
+};
+var bigWord1 = word1;
+var bigWord2 = word2;
+var bigWord3 = {
+  start: { line: bigWordLine.line, ch: 1 },
+  end: { line: bigWordLine.line, ch: 7 }
+};
+var bigWord4 = {
+  start: { line: bigWordLine.line, ch: bigWord1.end.ch + 3 },
+  end: { line: bigWordLine.line, ch: bigWord1.end.ch + 7 }
+};
+
+var oChars = [ { line: charLine.line, ch: 1 },
+    { line: charLine.line, ch: 3 },
+    { line: charLine.line, ch: 7 } ];
+var pChars = [ { line: charLine.line, ch: 2 },
+    { line: charLine.line, ch: 4 },
+    { line: charLine.line, ch: 6 },
+    { line: charLine.line, ch: 8 } ];
+var numChars = [ { line: charLine.line, ch: 10 },
+    { line: charLine.line, ch: 12 },
+    { line: charLine.line, ch: 14 },
+    { line: charLine.line, ch: 16 },
+    { line: charLine.line, ch: 18 }];
+var parens1 = {
+  start: { line: bracesLine.line, ch: 1 },
+  end: { line: bracesLine.line, ch: 3 }
+};
+var squares1 = {
+  start: { line: bracesLine.line, ch: 5 },
+  end: { line: bracesLine.line, ch: 7 }
+};
+var curlys1 = {
+  start: { line: bracesLine.line, ch: 9 },
+  end: { line: bracesLine.line, ch: 11 }
+};
+var seekOutside = {
+  start: { line: seekBraceLine.line, ch: 1 },
+  end: { line: seekBraceLine.line, ch: 16 }
+};
+var seekInside = {
+  start: { line: seekBraceLine.line, ch: 14 },
+  end: { line: seekBraceLine.line, ch: 11 }
+};
+
+function copyCursor(cur) {
+  return { ch: cur.ch, line: cur.line };
+}
+
+function testVim(name, run, opts, expectedFail) {
+  var vimOpts = {
+    lineNumbers: true,
+    vimMode: true,
+    showCursorWhenSelecting: true,
+    value: code
+  };
+  for (var prop in opts) {
+    if (opts.hasOwnProperty(prop)) {
+      vimOpts[prop] = opts[prop];
+    }
+  }
+  return test('vim_' + name, function() {
+    var place = document.getElementById("testground");
+    var cm = CodeMirror(place, vimOpts);
+    var vim = CodeMirror.Vim.maybeInitVimState_(cm);
+
+    function doKeysFn(cm) {
+      return function(args) {
+        if (args instanceof Array) {
+          arguments = args;
+        }
+        for (var i = 0; i < arguments.length; i++) {
+          CodeMirror.Vim.handleKey(cm, arguments[i]);
+        }
+      }
+    }
+    function doInsertModeKeysFn(cm) {
+      return function(args) {
+        if (args instanceof Array) { arguments = args; }
+        function executeHandler(handler) {
+          if (typeof handler == 'string') {
+            CodeMirror.commands[handler](cm);
+          } else {
+            handler(cm);
+          }
+          return true;
+        }
+        for (var i = 0; i < arguments.length; i++) {
+          var key = arguments[i];
+          // Find key in keymap and handle.
+          var handled = CodeMirror.lookupKey(key, ['vim-insert'], executeHandler);
+          // Record for insert mode.
+          if (handled === true && cm.state.vim.insertMode && arguments[i] != 'Esc') {
+            var lastChange = CodeMirror.Vim.getVimGlobalState_().macroModeState.lastInsertModeChanges;
+            if (lastChange) {
+              lastChange.changes.push(new CodeMirror.Vim.InsertModeKey(key));
+            }
+          }
+        }
+      }
+    }
+    function doExFn(cm) {
+      return function(command) {
+        cm.openDialog = helpers.fakeOpenDialog(command);
+        helpers.doKeys(':');
+      }
+    }
+    function assertCursorAtFn(cm) {
+      return function(line, ch) {
+        var pos;
+        if (ch == null && typeof line.line == 'number') {
+          pos = line;
+        } else {
+          pos = makeCursor(line, ch);
+        }
+        eqPos(pos, cm.getCursor());
+      }
+    }
+    function fakeOpenDialog(result) {
+      return function(text, callback) {
+        return callback(result);
+      }
+    }
+    var helpers = {
+      doKeys: doKeysFn(cm),
+      // Warning: Only emulates keymap events, not character insertions. Use
+      // replaceRange to simulate character insertions.
+      // Keys are in CodeMirror format, NOT vim format.
+      doInsertModeKeys: doInsertModeKeysFn(cm),
+      doEx: doExFn(cm),
+      assertCursorAt: assertCursorAtFn(cm),
+      fakeOpenDialog: fakeOpenDialog,
+      getRegisterController: function() {
+        return CodeMirror.Vim.getRegisterController();
+      }
+    }
+    CodeMirror.Vim.resetVimGlobalState_();
+    var successful = false;
+    try {
+      run(cm, vim, helpers);
+      successful = true;
+    } finally {
+      if ((debug && !successful) || verbose) {
+        place.style.visibility = "visible";
+      } else {
+        place.removeChild(cm.getWrapperElement());
+      }
+    }
+  }, expectedFail);
+};
+testVim('qq@q', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('q', 'q', 'l', 'l', 'q');
+  helpers.assertCursorAt(0,2);
+  helpers.doKeys('@', 'q');
+  helpers.assertCursorAt(0,4);
+}, { value: '            '});
+testVim('@@', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('q', 'q', 'l', 'l', 'q');
+  helpers.assertCursorAt(0,2);
+  helpers.doKeys('@', 'q');
+  helpers.assertCursorAt(0,4);
+  helpers.doKeys('@', '@');
+  helpers.assertCursorAt(0,6);
+}, { value: '            '});
+var jumplistScene = ''+
+  'word\n'+
+  '(word)\n'+
+  '{word\n'+
+  'word.\n'+
+  '\n'+
+  'word search\n'+
+  '}word\n'+
+  'word\n'+
+  'word\n';
+function testJumplist(name, keys, endPos, startPos, dialog) {
+  endPos = makeCursor(endPos[0], endPos[1]);
+  startPos = makeCursor(startPos[0], startPos[1]);
+  testVim(name, function(cm, vim, helpers) {
+    CodeMirror.Vim.resetVimGlobalState_();
+    if(dialog)cm.openDialog = helpers.fakeOpenDialog('word');
+    cm.setCursor(startPos);
+    helpers.doKeys.apply(null, keys);
+    helpers.assertCursorAt(endPos);
+  }, {value: jumplistScene});
+};
+testJumplist('jumplist_H', ['H', '<C-o>'], [5,2], [5,2]);
+testJumplist('jumplist_M', ['M', '<C-o>'], [2,2], [2,2]);
+testJumplist('jumplist_L', ['L', '<C-o>'], [2,2], [2,2]);
+testJumplist('jumplist_[[', ['[', '[', '<C-o>'], [5,2], [5,2]);
+testJumplist('jumplist_]]', [']', ']', '<C-o>'], [2,2], [2,2]);
+testJumplist('jumplist_G', ['G', '<C-o>'], [5,2], [5,2]);
+testJumplist('jumplist_gg', ['g', 'g', '<C-o>'], [5,2], [5,2]);
+testJumplist('jumplist_%', ['%', '<C-o>'], [1,5], [1,5]);
+testJumplist('jumplist_{', ['{', '<C-o>'], [1,5], [1,5]);
+testJumplist('jumplist_}', ['}', '<C-o>'], [1,5], [1,5]);
+testJumplist('jumplist_\'', ['m', 'a', 'h', '\'', 'a', 'h', '<C-i>'], [1,5], [1,5]);
+testJumplist('jumplist_`', ['m', 'a', 'h', '`', 'a', 'h', '<C-i>'], [1,5], [1,5]);
+testJumplist('jumplist_*_cachedCursor', ['*', '<C-o>'], [1,3], [1,3]);
+testJumplist('jumplist_#_cachedCursor', ['#', '<C-o>'], [1,3], [1,3]);
+testJumplist('jumplist_n', ['#', 'n', '<C-o>'], [1,1], [2,3]);
+testJumplist('jumplist_N', ['#', 'N', '<C-o>'], [1,1], [2,3]);
+testJumplist('jumplist_repeat_<c-o>', ['*', '*', '*', '3', '<C-o>'], [2,3], [2,3]);
+testJumplist('jumplist_repeat_<c-i>', ['*', '*', '*', '3', '<C-o>', '2', '<C-i>'], [5,0], [2,3]);
+testJumplist('jumplist_repeated_motion', ['3', '*', '<C-o>'], [2,3], [2,3]);
+testJumplist('jumplist_/', ['/', '<C-o>'], [2,3], [2,3], 'dialog');
+testJumplist('jumplist_?', ['?', '<C-o>'], [2,3], [2,3], 'dialog');
+testJumplist('jumplist_skip_delted_mark<c-o>',
+             ['*', 'n', 'n', 'k', 'd', 'k', '<C-o>', '<C-o>', '<C-o>'],
+             [0,2], [0,2]);
+testJumplist('jumplist_skip_delted_mark<c-i>',
+             ['*', 'n', 'n', 'k', 'd', 'k', '<C-o>', '<C-i>', '<C-i>'],
+             [1,0], [0,2]);
+/**
+ * @param name Name of the test
+ * @param keys An array of keys or a string with a single key to simulate.
+ * @param endPos The expected end position of the cursor.
+ * @param startPos The position the cursor should start at, defaults to 0, 0.
+ */
+function testMotion(name, keys, endPos, startPos) {
+  testVim(name, function(cm, vim, helpers) {
+    if (!startPos) {
+      startPos = { line: 0, ch: 0 };
+    }
+    cm.setCursor(startPos);
+    helpers.doKeys(keys);
+    helpers.assertCursorAt(endPos);
+  });
+};
+
+function makeCursor(line, ch) {
+  return { line: line, ch: ch };
+};
+
+function offsetCursor(cur, offsetLine, offsetCh) {
+  return { line: cur.line + offsetLine, ch: cur.ch + offsetCh };
+};
+
+// Motion tests
+testMotion('|', '|', makeCursor(0, 0), makeCursor(0,4));
+testMotion('|_repeat', ['3', '|'], makeCursor(0, 2), makeCursor(0,4));
+testMotion('h', 'h', makeCursor(0, 0), word1.start);
+testMotion('h_repeat', ['3', 'h'], offsetCursor(word1.end, 0, -3), word1.end);
+testMotion('l', 'l', makeCursor(0, 1));
+testMotion('l_repeat', ['2', 'l'], makeCursor(0, 2));
+testMotion('j', 'j', offsetCursor(word1.end, 1, 0), word1.end);
+testMotion('j_repeat', ['2', 'j'], offsetCursor(word1.end, 2, 0), word1.end);
+testMotion('j_repeat_clip', ['1000', 'j'], endOfDocument);
+testMotion('k', 'k', offsetCursor(word3.end, -1, 0), word3.end);
+testMotion('k_repeat', ['2', 'k'], makeCursor(0, 4), makeCursor(2, 4));
+testMotion('k_repeat_clip', ['1000', 'k'], makeCursor(0, 4), makeCursor(2, 4));
+testMotion('w', 'w', word1.start);
+testMotion('w_multiple_newlines_no_space', 'w', makeCursor(12, 2), makeCursor(11, 2));
+testMotion('w_multiple_newlines_with_space', 'w', makeCursor(14, 0), makeCursor(12, 51));
+testMotion('w_repeat', ['2', 'w'], word2.start);
+testMotion('w_wrap', ['w'], word3.start, word2.start);
+testMotion('w_endOfDocument', 'w', endOfDocument, endOfDocument);
+testMotion('w_start_to_end', ['1000', 'w'], endOfDocument, makeCursor(0, 0));
+testMotion('W', 'W', bigWord1.start);
+testMotion('W_repeat', ['2', 'W'], bigWord3.start, bigWord1.start);
+testMotion('e', 'e', word1.end);
+testMotion('e_repeat', ['2', 'e'], word2.end);
+testMotion('e_wrap', 'e', word3.end, word2.end);
+testMotion('e_endOfDocument', 'e', endOfDocument, endOfDocument);
+testMotion('e_start_to_end', ['1000', 'e'], endOfDocument, makeCursor(0, 0));
+testMotion('b', 'b', word3.start, word3.end);
+testMotion('b_repeat', ['2', 'b'], word2.start, word3.end);
+testMotion('b_wrap', 'b', word2.start, word3.start);
+testMotion('b_startOfDocument', 'b', makeCursor(0, 0), makeCursor(0, 0));
+testMotion('b_end_to_start', ['1000', 'b'], makeCursor(0, 0), endOfDocument);
+testMotion('ge', ['g', 'e'], word2.end, word3.end);
+testMotion('ge_repeat', ['2', 'g', 'e'], word1.end, word3.start);
+testMotion('ge_wrap', ['g', 'e'], word2.end, word3.start);
+testMotion('ge_startOfDocument', ['g', 'e'], makeCursor(0, 0),
+    makeCursor(0, 0));
+testMotion('ge_end_to_start', ['1000', 'g', 'e'], makeCursor(0, 0), endOfDocument);
+testMotion('gg', ['g', 'g'], makeCursor(lines[0].line, lines[0].textStart),
+    makeCursor(3, 1));
+testMotion('gg_repeat', ['3', 'g', 'g'],
+    makeCursor(lines[2].line, lines[2].textStart));
+testMotion('G', 'G',
+    makeCursor(lines[lines.length - 1].line, lines[lines.length - 1].textStart),
+    makeCursor(3, 1));
+testMotion('G_repeat', ['3', 'G'], makeCursor(lines[2].line,
+    lines[2].textStart));
+// TODO: Make the test code long enough to test Ctrl-F and Ctrl-B.
+testMotion('0', '0', makeCursor(0, 0), makeCursor(0, 8));
+testMotion('^', '^', makeCursor(0, lines[0].textStart), makeCursor(0, 8));
+testMotion('+', '+', makeCursor(1, lines[1].textStart), makeCursor(0, 8));
+testMotion('-', '-', makeCursor(0, lines[0].textStart), makeCursor(1, 4));
+testMotion('_', ['6','_'], makeCursor(5, lines[5].textStart), makeCursor(0, 8));
+testMotion('$', '$', makeCursor(0, lines[0].length - 1), makeCursor(0, 1));
+testMotion('$_repeat', ['2', '$'], makeCursor(1, lines[1].length - 1),
+    makeCursor(0, 3));
+testMotion('f', ['f', 'p'], pChars[0], makeCursor(charLine.line, 0));
+testMotion('f_repeat', ['2', 'f', 'p'], pChars[2], pChars[0]);
+testMotion('f_num', ['f', '2'], numChars[2], makeCursor(charLine.line, 0));
+testMotion('t', ['t','p'], offsetCursor(pChars[0], 0, -1),
+    makeCursor(charLine.line, 0));
+testMotion('t_repeat', ['2', 't', 'p'], offsetCursor(pChars[2], 0, -1),
+    pChars[0]);
+testMotion('F', ['F', 'p'], pChars[0], pChars[1]);
+testMotion('F_repeat', ['2', 'F', 'p'], pChars[0], pChars[2]);
+testMotion('T', ['T', 'p'], offsetCursor(pChars[0], 0, 1), pChars[1]);
+testMotion('T_repeat', ['2', 'T', 'p'], offsetCursor(pChars[0], 0, 1), pChars[2]);
+testMotion('%_parens', ['%'], parens1.end, parens1.start);
+testMotion('%_squares', ['%'], squares1.end, squares1.start);
+testMotion('%_braces', ['%'], curlys1.end, curlys1.start);
+testMotion('%_seek_outside', ['%'], seekOutside.end, seekOutside.start);
+testMotion('%_seek_inside', ['%'], seekInside.end, seekInside.start);
+testVim('%_seek_skip', function(cm, vim, helpers) {
+  cm.setCursor(0,0);
+  helpers.doKeys(['%']);
+  helpers.assertCursorAt(0,9);
+}, {value:'01234"("()'});
+testVim('%_skip_string', function(cm, vim, helpers) {
+  cm.setCursor(0,0);
+  helpers.doKeys(['%']);
+  helpers.assertCursorAt(0,4);
+  cm.setCursor(0,2);
+  helpers.doKeys(['%']);
+  helpers.assertCursorAt(0,0);
+}, {value:'(")")'});
+(')')
+testVim('%_skip_comment', function(cm, vim, helpers) {
+  cm.setCursor(0,0);
+  helpers.doKeys(['%']);
+  helpers.assertCursorAt(0,6);
+  cm.setCursor(0,3);
+  helpers.doKeys(['%']);
+  helpers.assertCursorAt(0,0);
+}, {value:'(/*)*/)'});
+// Make sure that moving down after going to the end of a line always leaves you
+// at the end of a line, but preserves the offset in other cases
+testVim('Changing lines after Eol operation', function(cm, vim, helpers) {
+  cm.setCursor(0,0);
+  helpers.doKeys(['$']);
+  helpers.doKeys(['j']);
+  // After moving to Eol and then down, we should be at Eol of line 2
+  helpers.assertCursorAt({ line: 1, ch: lines[1].length - 1 });
+  helpers.doKeys(['j']);
+  // After moving down, we should be at Eol of line 3
+  helpers.assertCursorAt({ line: 2, ch: lines[2].length - 1 });
+  helpers.doKeys(['h']);
+  helpers.doKeys(['j']);
+  // After moving back one space and then down, since line 4 is shorter than line 2, we should
+  // be at Eol of line 2 - 1
+  helpers.assertCursorAt({ line: 3, ch: lines[3].length - 1 });
+  helpers.doKeys(['j']);
+  helpers.doKeys(['j']);
+  // After moving down again, since line 3 has enough characters, we should be back to the
+  // same place we were at on line 1
+  helpers.assertCursorAt({ line: 5, ch: lines[2].length - 2 });
+});
+//making sure gj and gk recover from clipping
+testVim('gj_gk_clipping', function(cm,vim,helpers){
+  cm.setCursor(0, 1);
+  helpers.doKeys('g','j','g','j');
+  helpers.assertCursorAt(2, 1);
+  helpers.doKeys('g','k','g','k');
+  helpers.assertCursorAt(0, 1);
+},{value: 'line 1\n\nline 2'});
+//testing a mix of j/k and gj/gk
+testVim('j_k_and_gj_gk', function(cm,vim,helpers){
+  cm.setSize(120);
+  cm.setCursor(0, 0);
+  //go to the last character on the first line
+  helpers.doKeys('$');
+  //move up/down on the column within the wrapped line
+  //side-effect: cursor is not locked to eol anymore
+  helpers.doKeys('g','k');
+  var cur=cm.getCursor();
+  eq(cur.line,0);
+  is((cur.ch<176),'gk didn\'t move cursor back (1)');
+  helpers.doKeys('g','j');
+  helpers.assertCursorAt(0, 176);
+  //should move to character 177 on line 2 (j/k preserve character index within line)
+  helpers.doKeys('j');
+  //due to different line wrapping, the cursor can be on a different screen-x now
+  //gj and gk preserve screen-x on movement, much like moveV
+  helpers.doKeys('3','g','k');
+  cur=cm.getCursor();
+  eq(cur.line,1);
+  is((cur.ch<176),'gk didn\'t move cursor back (2)');
+  helpers.doKeys('g','j','2','g','j');
+  //should return to the same character-index
+  helpers.doKeys('k');
+  helpers.assertCursorAt(0, 176);
+},{ lineWrapping:true, value: 'This line is intentially long to test movement of gj and gk over wrapped lines. I will start on the end of this line, then make a step up and back to set the origin for j and k.\nThis line is supposed to be even longer than the previous. I will jump here and make another wiggle with gj and gk, before I jump back to the line above. Both wiggles should not change my cursor\'s target character but both j/k and gj/gk change each other\'s reference position.'});
+testVim('gj_gk', function(cm, vim, helpers) {
+  if (phantom) return;
+  cm.setSize(120);
+  // Test top of document edge case.
+  cm.setCursor(0, 4);
+  helpers.doKeys('g', 'j');
+  helpers.doKeys('10', 'g', 'k');
+  helpers.assertCursorAt(0, 4);
+
+  // Test moving down preserves column position.
+  helpers.doKeys('g', 'j');
+  var pos1 = cm.getCursor();
+  var expectedPos2 = { line: 0, ch: (pos1.ch - 4) * 2 + 4};
+  helpers.doKeys('g', 'j');
+  helpers.assertCursorAt(expectedPos2);
+
+  // Move to the last character
+  cm.setCursor(0, 0);
+  // Move left to reset HSPos
+  helpers.doKeys('h');
+  // Test bottom of document edge case.
+  helpers.doKeys('100', 'g', 'j');
+  var endingPos = cm.getCursor();
+  is(endingPos != 0, 'gj should not be on wrapped line 0');
+  var topLeftCharCoords = cm.charCoords(makeCursor(0, 0));
+  var endingCharCoords = cm.charCoords(endingPos);
+  is(topLeftCharCoords.left == endingCharCoords.left, 'gj should end up on column 0');
+},{ lineNumbers: false, lineWrapping:true, value: 'Thislineisintentiallylongtotestmovementofgjandgkoverwrappedlines.' });
+testVim('}', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('}');
+  helpers.assertCursorAt(1, 0);
+  cm.setCursor(0, 0);
+  helpers.doKeys('2', '}');
+  helpers.assertCursorAt(4, 0);
+  cm.setCursor(0, 0);
+  helpers.doKeys('6', '}');
+  helpers.assertCursorAt(5, 0);
+}, { value: 'a\n\nb\nc\n\nd' });
+testVim('{', function(cm, vim, helpers) {
+  cm.setCursor(5, 0);
+  helpers.doKeys('{');
+  helpers.assertCursorAt(4, 0);
+  cm.setCursor(5, 0);
+  helpers.doKeys('2', '{');
+  helpers.assertCursorAt(1, 0);
+  cm.setCursor(5, 0);
+  helpers.doKeys('6', '{');
+  helpers.assertCursorAt(0, 0);
+}, { value: 'a\n\nb\nc\n\nd' });
+
+// Operator tests
+testVim('dl', function(cm, vim, helpers) {
+  var curStart = makeCursor(0, 0);
+  cm.setCursor(curStart);
+  helpers.doKeys('d', 'l');
+  eq('word1 ', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq(' ', register.text);
+  is(!register.linewise);
+  eqPos(curStart, cm.getCursor());
+}, { value: ' word1 ' });
+testVim('dl_eol', function(cm, vim, helpers) {
+  cm.setCursor(0, 6);
+  helpers.doKeys('d', 'l');
+  eq(' word1', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq(' ', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 5);
+}, { value: ' word1 ' });
+testVim('dl_repeat', function(cm, vim, helpers) {
+  var curStart = makeCursor(0, 0);
+  cm.setCursor(curStart);
+  helpers.doKeys('2', 'd', 'l');
+  eq('ord1 ', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq(' w', register.text);
+  is(!register.linewise);
+  eqPos(curStart, cm.getCursor());
+}, { value: ' word1 ' });
+testVim('dh', function(cm, vim, helpers) {
+  var curStart = makeCursor(0, 3);
+  cm.setCursor(curStart);
+  helpers.doKeys('d', 'h');
+  eq(' wrd1 ', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('o', register.text);
+  is(!register.linewise);
+  eqPos(offsetCursor(curStart, 0 , -1), cm.getCursor());
+}, { value: ' word1 ' });
+testVim('dj', function(cm, vim, helpers) {
+  var curStart = makeCursor(0, 3);
+  cm.setCursor(curStart);
+  helpers.doKeys('d', 'j');
+  eq(' word3', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq(' word1\nword2\n', register.text);
+  is(register.linewise);
+  helpers.assertCursorAt(0, 1);
+}, { value: ' word1\nword2\n word3' });
+testVim('dj_end_of_document', function(cm, vim, helpers) {
+  var curStart = makeCursor(0, 3);
+  cm.setCursor(curStart);
+  helpers.doKeys('d', 'j');
+  eq(' word1 ', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 3);
+}, { value: ' word1 ' });
+testVim('dk', function(cm, vim, helpers) {
+  var curStart = makeCursor(1, 3);
+  cm.setCursor(curStart);
+  helpers.doKeys('d', 'k');
+  eq(' word3', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq(' word1\nword2\n', register.text);
+  is(register.linewise);
+  helpers.assertCursorAt(0, 1);
+}, { value: ' word1\nword2\n word3' });
+testVim('dk_start_of_document', function(cm, vim, helpers) {
+  var curStart = makeCursor(0, 3);
+  cm.setCursor(curStart);
+  helpers.doKeys('d', 'k');
+  eq(' word1 ', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 3);
+}, { value: ' word1 ' });
+testVim('dw_space', function(cm, vim, helpers) {
+  var curStart = makeCursor(0, 0);
+  cm.setCursor(curStart);
+  helpers.doKeys('d', 'w');
+  eq('word1 ', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq(' ', register.text);
+  is(!register.linewise);
+  eqPos(curStart, cm.getCursor());
+}, { value: ' word1 ' });
+testVim('dw_word', function(cm, vim, helpers) {
+  var curStart = makeCursor(0, 1);
+  cm.setCursor(curStart);
+  helpers.doKeys('d', 'w');
+  eq(' word2', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('word1 ', register.text);
+  is(!register.linewise);
+  eqPos(curStart, cm.getCursor());
+}, { value: ' word1 word2' });
+testVim('dw_only_word', function(cm, vim, helpers) {
+  // Test that if there is only 1 word left, dw deletes till the end of the
+  // line.
+  cm.setCursor(0, 1);
+  helpers.doKeys('d', 'w');
+  eq(' ', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('word1 ', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 0);
+}, { value: ' word1 ' });
+testVim('dw_eol', function(cm, vim, helpers) {
+  // Assert that dw does not delete the newline if last word to delete is at end
+  // of line.
+  cm.setCursor(0, 1);
+  helpers.doKeys('d', 'w');
+  eq(' \nword2', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('word1', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 0);
+}, { value: ' word1\nword2' });
+testVim('dw_eol_with_multiple_newlines', function(cm, vim, helpers) {
+  // Assert that dw does not delete the newline if last word to delete is at end
+  // of line and it is followed by multiple newlines.
+  cm.setCursor(0, 1);
+  helpers.doKeys('d', 'w');
+  eq(' \n\nword2', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('word1', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 0);
+}, { value: ' word1\n\nword2' });
+testVim('dw_empty_line_followed_by_whitespace', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', 'w');
+  eq('  \nword', cm.getValue());
+}, { value: '\n  \nword' });
+testVim('dw_empty_line_followed_by_word', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', 'w');
+  eq('word', cm.getValue());
+}, { value: '\nword' });
+testVim('dw_empty_line_followed_by_empty_line', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', 'w');
+  eq('\n', cm.getValue());
+}, { value: '\n\n' });
+testVim('dw_whitespace_followed_by_whitespace', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', 'w');
+  eq('\n   \n', cm.getValue());
+}, { value: '  \n   \n' });
+testVim('dw_whitespace_followed_by_empty_line', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', 'w');
+  eq('\n\n', cm.getValue());
+}, { value: '  \n\n' });
+testVim('dw_word_whitespace_word', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', 'w');
+  eq('\n   \nword2', cm.getValue());
+}, { value: 'word1\n   \nword2'})
+testVim('dw_end_of_document', function(cm, vim, helpers) {
+  cm.setCursor(1, 2);
+  helpers.doKeys('d', 'w');
+  eq('\nab', cm.getValue());
+}, { value: '\nabc' });
+testVim('dw_repeat', function(cm, vim, helpers) {
+  // Assert that dw does delete newline if it should go to the next line, and
+  // that repeat works properly.
+  cm.setCursor(0, 1);
+  helpers.doKeys('d', '2', 'w');
+  eq(' ', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('word1\nword2', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 0);
+}, { value: ' word1\nword2' });
+testVim('de_word_start_and_empty_lines', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', 'e');
+  eq('\n\n', cm.getValue());
+}, { value: 'word\n\n' });
+testVim('de_word_end_and_empty_lines', function(cm, vim, helpers) {
+  cm.setCursor(0, 3);
+  helpers.doKeys('d', 'e');
+  eq('wor', cm.getValue());
+}, { value: 'word\n\n\n' });
+testVim('de_whitespace_and_empty_lines', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', 'e');
+  eq('', cm.getValue());
+}, { value: '   \n\n\n' });
+testVim('de_end_of_document', function(cm, vim, helpers) {
+  cm.setCursor(1, 2);
+  helpers.doKeys('d', 'e');
+  eq('\nab', cm.getValue());
+}, { value: '\nabc' });
+testVim('db_empty_lines', function(cm, vim, helpers) {
+  cm.setCursor(2, 0);
+  helpers.doKeys('d', 'b');
+  eq('\n\n', cm.getValue());
+}, { value: '\n\n\n' });
+testVim('db_word_start_and_empty_lines', function(cm, vim, helpers) {
+  cm.setCursor(2, 0);
+  helpers.doKeys('d', 'b');
+  eq('\nword', cm.getValue());
+}, { value: '\n\nword' });
+testVim('db_word_end_and_empty_lines', function(cm, vim, helpers) {
+  cm.setCursor(2, 3);
+  helpers.doKeys('d', 'b');
+  eq('\n\nd', cm.getValue());
+}, { value: '\n\nword' });
+testVim('db_whitespace_and_empty_lines', function(cm, vim, helpers) {
+  cm.setCursor(2, 0);
+  helpers.doKeys('d', 'b');
+  eq('', cm.getValue());
+}, { value: '\n   \n' });
+testVim('db_start_of_document', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', 'b');
+  eq('abc\n', cm.getValue());
+}, { value: 'abc\n' });
+testVim('dge_empty_lines', function(cm, vim, helpers) {
+  cm.setCursor(1, 0);
+  helpers.doKeys('d', 'g', 'e');
+  // Note: In real VIM the result should be '', but it's not quite consistent,
+  // since 2 newlines are deleted. But in the similar case of word\n\n, only
+  // 1 newline is deleted. We'll diverge from VIM's behavior since it's much
+  // easier this way.
+  eq('\n', cm.getValue());
+}, { value: '\n\n' });
+testVim('dge_word_and_empty_lines', function(cm, vim, helpers) {
+  cm.setCursor(1, 0);
+  helpers.doKeys('d', 'g', 'e');
+  eq('wor\n', cm.getValue());
+}, { value: 'word\n\n'});
+testVim('dge_whitespace_and_empty_lines', function(cm, vim, helpers) {
+  cm.setCursor(2, 0);
+  helpers.doKeys('d', 'g', 'e');
+  eq('', cm.getValue());
+}, { value: '\n  \n' });
+testVim('dge_start_of_document', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', 'g', 'e');
+  eq('bc\n', cm.getValue());
+}, { value: 'abc\n' });
+testVim('d_inclusive', function(cm, vim, helpers) {
+  // Assert that when inclusive is set, the character the cursor is on gets
+  // deleted too.
+  var curStart = makeCursor(0, 1);
+  cm.setCursor(curStart);
+  helpers.doKeys('d', 'e');
+  eq('  ', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('word1', register.text);
+  is(!register.linewise);
+  eqPos(curStart, cm.getCursor());
+}, { value: ' word1 ' });
+testVim('d_reverse', function(cm, vim, helpers) {
+  // Test that deleting in reverse works.
+  cm.setCursor(1, 0);
+  helpers.doKeys('d', 'b');
+  eq(' word2 ', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('word1\n', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 1);
+}, { value: ' word1\nword2 ' });
+testVim('dd', function(cm, vim, helpers) {
+  cm.setCursor(0, 3);
+  var expectedBuffer = cm.getRange({ line: 0, ch: 0 },
+    { line: 1, ch: 0 });
+  var expectedLineCount = cm.lineCount() - 1;
+  helpers.doKeys('d', 'd');
+  eq(expectedLineCount, cm.lineCount());
+  var register = helpers.getRegisterController().getRegister();
+  eq(expectedBuffer, register.text);
+  is(register.linewise);
+  helpers.assertCursorAt(0, lines[1].textStart);
+});
+testVim('dd_prefix_repeat', function(cm, vim, helpers) {
+  cm.setCursor(0, 3);
+  var expectedBuffer = cm.getRange({ line: 0, ch: 0 },
+    { line: 2, ch: 0 });
+  var expectedLineCount = cm.lineCount() - 2;
+  helpers.doKeys('2', 'd', 'd');
+  eq(expectedLineCount, cm.lineCount());
+  var register = helpers.getRegisterController().getRegister();
+  eq(expectedBuffer, register.text);
+  is(register.linewise);
+  helpers.assertCursorAt(0, lines[2].textStart);
+});
+testVim('dd_motion_repeat', function(cm, vim, helpers) {
+  cm.setCursor(0, 3);
+  var expectedBuffer = cm.getRange({ line: 0, ch: 0 },
+    { line: 2, ch: 0 });
+  var expectedLineCount = cm.lineCount() - 2;
+  helpers.doKeys('d', '2', 'd');
+  eq(expectedLineCount, cm.lineCount());
+  var register = helpers.getRegisterController().getRegister();
+  eq(expectedBuffer, register.text);
+  is(register.linewise);
+  helpers.assertCursorAt(0, lines[2].textStart);
+});
+testVim('dd_multiply_repeat', function(cm, vim, helpers) {
+  cm.setCursor(0, 3);
+  var expectedBuffer = cm.getRange({ line: 0, ch: 0 },
+    { line: 6, ch: 0 });
+  var expectedLineCount = cm.lineCount() - 6;
+  helpers.doKeys('2', 'd', '3', 'd');
+  eq(expectedLineCount, cm.lineCount());
+  var register = helpers.getRegisterController().getRegister();
+  eq(expectedBuffer, register.text);
+  is(register.linewise);
+  helpers.assertCursorAt(0, lines[6].textStart);
+});
+testVim('dd_lastline', function(cm, vim, helpers) {
+  cm.setCursor(cm.lineCount(), 0);
+  var expectedLineCount = cm.lineCount() - 1;
+  helpers.doKeys('d', 'd');
+  eq(expectedLineCount, cm.lineCount());
+  helpers.assertCursorAt(cm.lineCount() - 1, 0);
+});
+// Yank commands should behave the exact same as d commands, expect that nothing
+// gets deleted.
+testVim('yw_repeat', function(cm, vim, helpers) {
+  // Assert that yw does yank newline if it should go to the next line, and
+  // that repeat works properly.
+  var curStart = makeCursor(0, 1);
+  cm.setCursor(curStart);
+  helpers.doKeys('y', '2', 'w');
+  eq(' word1\nword2', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('word1\nword2', register.text);
+  is(!register.linewise);
+  eqPos(curStart, cm.getCursor());
+}, { value: ' word1\nword2' });
+testVim('yy_multiply_repeat', function(cm, vim, helpers) {
+  var curStart = makeCursor(0, 3);
+  cm.setCursor(curStart);
+  var expectedBuffer = cm.getRange({ line: 0, ch: 0 },
+    { line: 6, ch: 0 });
+  var expectedLineCount = cm.lineCount();
+  helpers.doKeys('2', 'y', '3', 'y');
+  eq(expectedLineCount, cm.lineCount());
+  var register = helpers.getRegisterController().getRegister();
+  eq(expectedBuffer, register.text);
+  is(register.linewise);
+  eqPos(curStart, cm.getCursor());
+});
+// Change commands behave like d commands except that it also enters insert
+// mode. In addition, when the change is linewise, an additional newline is
+// inserted so that insert mode starts on that line.
+testVim('cw', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('c', '2', 'w');
+  eq(' word3', cm.getValue());
+  helpers.assertCursorAt(0, 0);
+}, { value: 'word1 word2 word3'});
+testVim('cw_repeat', function(cm, vim, helpers) {
+  // Assert that cw does delete newline if it should go to the next line, and
+  // that repeat works properly.
+  var curStart = makeCursor(0, 1);
+  cm.setCursor(curStart);
+  helpers.doKeys('c', '2', 'w');
+  eq(' ', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('word1\nword2', register.text);
+  is(!register.linewise);
+  eqPos(curStart, cm.getCursor());
+  eq('vim-insert', cm.getOption('keyMap'));
+}, { value: ' word1\nword2' });
+testVim('cc_multiply_repeat', function(cm, vim, helpers) {
+  cm.setCursor(0, 3);
+  var expectedBuffer = cm.getRange({ line: 0, ch: 0 },
+    { line: 6, ch: 0 });
+  var expectedLineCount = cm.lineCount() - 5;
+  helpers.doKeys('2', 'c', '3', 'c');
+  eq(expectedLineCount, cm.lineCount());
+  var register = helpers.getRegisterController().getRegister();
+  eq(expectedBuffer, register.text);
+  is(register.linewise);
+  eq('vim-insert', cm.getOption('keyMap'));
+});
+testVim('cc_append', function(cm, vim, helpers) {
+  var expectedLineCount = cm.lineCount();
+  cm.setCursor(cm.lastLine(), 0);
+  helpers.doKeys('c', 'c');
+  eq(expectedLineCount, cm.lineCount());
+});
+// Swapcase commands edit in place and do not modify registers.
+testVim('g~w_repeat', function(cm, vim, helpers) {
+  // Assert that dw does delete newline if it should go to the next line, and
+  // that repeat works properly.
+  var curStart = makeCursor(0, 1);
+  cm.setCursor(curStart);
+  helpers.doKeys('g', '~', '2', 'w');
+  eq(' WORD1\nWORD2', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('', register.text);
+  is(!register.linewise);
+  eqPos(curStart, cm.getCursor());
+}, { value: ' word1\nword2' });
+testVim('g~g~', function(cm, vim, helpers) {
+  var curStart = makeCursor(0, 3);
+  cm.setCursor(curStart);
+  var expectedLineCount = cm.lineCount();
+  var expectedValue = cm.getValue().toUpperCase();
+  helpers.doKeys('2', 'g', '~', '3', 'g', '~');
+  eq(expectedValue, cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('', register.text);
+  is(!register.linewise);
+  eqPos(curStart, cm.getCursor());
+}, { value: ' word1\nword2\nword3\nword4\nword5\nword6' });
+testVim('>{motion}', function(cm, vim, helpers) {
+  cm.setCursor(1, 3);
+  var expectedLineCount = cm.lineCount();
+  var expectedValue = '   word1\n  word2\nword3 ';
+  helpers.doKeys('>', 'k');
+  eq(expectedValue, cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 3);
+}, { value: ' word1\nword2\nword3 ', indentUnit: 2 });
+testVim('>>', function(cm, vim, helpers) {
+  cm.setCursor(0, 3);
+  var expectedLineCount = cm.lineCount();
+  var expectedValue = '   word1\n  word2\nword3 ';
+  helpers.doKeys('2', '>', '>');
+  eq(expectedValue, cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 3);
+}, { value: ' word1\nword2\nword3 ', indentUnit: 2 });
+testVim('<{motion}', function(cm, vim, helpers) {
+  cm.setCursor(1, 3);
+  var expectedLineCount = cm.lineCount();
+  var expectedValue = ' word1\nword2\nword3 ';
+  helpers.doKeys('<', 'k');
+  eq(expectedValue, cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 1);
+}, { value: '   word1\n  word2\nword3 ', indentUnit: 2 });
+testVim('<<', function(cm, vim, helpers) {
+  cm.setCursor(0, 3);
+  var expectedLineCount = cm.lineCount();
+  var expectedValue = ' word1\nword2\nword3 ';
+  helpers.doKeys('2', '<', '<');
+  eq(expectedValue, cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 1);
+}, { value: '   word1\n  word2\nword3 ', indentUnit: 2 });
+
+// Edit tests
+function testEdit(name, before, pos, edit, after) {
+  return testVim(name, function(cm, vim, helpers) {
+             cm.setCursor(0, before.search(pos));
+             helpers.doKeys.apply(this, edit.split(''));
+             eq(after, cm.getValue());
+           }, {value: before});
+}
+
+// These Delete tests effectively cover word-wise Change, Visual & Yank.
+// Tabs are used as differentiated whitespace to catch edge cases.
+// Normal word:
+testEdit('diw_mid_spc', 'foo \tbAr\t baz', /A/, 'diw', 'foo \t\t baz');
+testEdit('daw_mid_spc', 'foo \tbAr\t baz', /A/, 'daw', 'foo \tbaz');
+testEdit('diw_mid_punct', 'foo \tbAr.\t baz', /A/, 'diw', 'foo \t.\t baz');
+testEdit('daw_mid_punct', 'foo \tbAr.\t baz', /A/, 'daw', 'foo.\t baz');
+testEdit('diw_mid_punct2', 'foo \t,bAr.\t baz', /A/, 'diw', 'foo \t,.\t baz');
+testEdit('daw_mid_punct2', 'foo \t,bAr.\t baz', /A/, 'daw', 'foo \t,.\t baz');
+testEdit('diw_start_spc', 'bAr \tbaz', /A/, 'diw', ' \tbaz');
+testEdit('daw_start_spc', 'bAr \tbaz', /A/, 'daw', 'baz');
+testEdit('diw_start_punct', 'bAr. \tbaz', /A/, 'diw', '. \tbaz');
+testEdit('daw_start_punct', 'bAr. \tbaz', /A/, 'daw', '. \tbaz');
+testEdit('diw_end_spc', 'foo \tbAr', /A/, 'diw', 'foo \t');
+testEdit('daw_end_spc', 'foo \tbAr', /A/, 'daw', 'foo');
+testEdit('diw_end_punct', 'foo \tbAr.', /A/, 'diw', 'foo \t.');
+testEdit('daw_end_punct', 'foo \tbAr.', /A/, 'daw', 'foo.');
+// Big word:
+testEdit('diW_mid_spc', 'foo \tbAr\t baz', /A/, 'diW', 'foo \t\t baz');
+testEdit('daW_mid_spc', 'foo \tbAr\t baz', /A/, 'daW', 'foo \tbaz');
+testEdit('diW_mid_punct', 'foo \tbAr.\t baz', /A/, 'diW', 'foo \t\t baz');
+testEdit('daW_mid_punct', 'foo \tbAr.\t baz', /A/, 'daW', 'foo \tbaz');
+testEdit('diW_mid_punct2', 'foo \t,bAr.\t baz', /A/, 'diW', 'foo \t\t baz');
+testEdit('daW_mid_punct2', 'foo \t,bAr.\t baz', /A/, 'daW', 'foo \tbaz');
+testEdit('diW_start_spc', 'bAr\t baz', /A/, 'diW', '\t baz');
+testEdit('daW_start_spc', 'bAr\t baz', /A/, 'daW', 'baz');
+testEdit('diW_start_punct', 'bAr.\t baz', /A/, 'diW', '\t baz');
+testEdit('daW_start_punct', 'bAr.\t baz', /A/, 'daW', 'baz');
+testEdit('diW_end_spc', 'foo \tbAr', /A/, 'diW', 'foo \t');
+testEdit('daW_end_spc', 'foo \tbAr', /A/, 'daW', 'foo');
+testEdit('diW_end_punct', 'foo \tbAr.', /A/, 'diW', 'foo \t');
+testEdit('daW_end_punct', 'foo \tbAr.', /A/, 'daW', 'foo');
+
+// Operator-motion tests
+testVim('D', function(cm, vim, helpers) {
+  cm.setCursor(0, 3);
+  helpers.doKeys('D');
+  eq(' wo\nword2\n word3', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('rd1', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 2);
+}, { value: ' word1\nword2\n word3' });
+testVim('C', function(cm, vim, helpers) {
+  var curStart = makeCursor(0, 3);
+  cm.setCursor(curStart);
+  helpers.doKeys('C');
+  eq(' wo\nword2\n word3', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('rd1', register.text);
+  is(!register.linewise);
+  eqPos(curStart, cm.getCursor());
+  eq('vim-insert', cm.getOption('keyMap'));
+}, { value: ' word1\nword2\n word3' });
+testVim('Y', function(cm, vim, helpers) {
+  var curStart = makeCursor(0, 3);
+  cm.setCursor(curStart);
+  helpers.doKeys('Y');
+  eq(' word1\nword2\n word3', cm.getValue());
+  var register = helpers.getRegisterController().getRegister();
+  eq('rd1', register.text);
+  is(!register.linewise);
+  helpers.assertCursorAt(0, 3);
+}, { value: ' word1\nword2\n word3' });
+testVim('~', function(cm, vim, helpers) {
+  helpers.doKeys('3', '~');
+  eq('ABCdefg', cm.getValue());
+  helpers.assertCursorAt(0, 3);
+}, { value: 'abcdefg' });
+
+// Action tests
+testVim('ctrl-a', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('<C-a>');
+  eq('-9', cm.getValue());
+  helpers.assertCursorAt(0, 1);
+  helpers.doKeys('2','<C-a>');
+  eq('-7', cm.getValue());
+}, {value: '-10'});
+testVim('ctrl-x', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('<C-x>');
+  eq('-1', cm.getValue());
+  helpers.assertCursorAt(0, 1);
+  helpers.doKeys('2','<C-x>');
+  eq('-3', cm.getValue());
+}, {value: '0'});
+testVim('<C-x>/<C-a> search forward', function(cm, vim, helpers) {
+  ['<C-x>', '<C-a>'].forEach(function(key) {
+    cm.setCursor(0, 0);
+    helpers.doKeys(key);
+    helpers.assertCursorAt(0, 5);
+    helpers.doKeys('l');
+    helpers.doKeys(key);
+    helpers.assertCursorAt(0, 10);
+    cm.setCursor(0, 11);
+    helpers.doKeys(key);
+    helpers.assertCursorAt(0, 11);
+  });
+}, {value: '__jmp1 jmp2 jmp'});
+testVim('a', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.doKeys('a');
+  helpers.assertCursorAt(0, 2);
+  eq('vim-insert', cm.getOption('keyMap'));
+});
+testVim('a_eol', function(cm, vim, helpers) {
+  cm.setCursor(0, lines[0].length - 1);
+  helpers.doKeys('a');
+  helpers.assertCursorAt(0, lines[0].length);
+  eq('vim-insert', cm.getOption('keyMap'));
+});
+testVim('i', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.doKeys('i');
+  helpers.assertCursorAt(0, 1);
+  eq('vim-insert', cm.getOption('keyMap'));
+});
+testVim('i_repeat', function(cm, vim, helpers) {
+  helpers.doKeys('3', 'i');
+  cm.replaceRange('test', cm.getCursor());
+  helpers.doInsertModeKeys('Esc');
+  eq('testtesttest', cm.getValue());
+  helpers.assertCursorAt(0, 11);
+}, { value: '' });
+testVim('i_repeat_delete', function(cm, vim, helpers) {
+  cm.setCursor(0, 4);
+  helpers.doKeys('2', 'i');
+  cm.replaceRange('z', cm.getCursor());
+  helpers.doInsertModeKeys('Backspace', 'Backspace', 'Esc');
+  eq('abe', cm.getValue());
+  helpers.assertCursorAt(0, 1);
+}, { value: 'abcde' });
+testVim('A', function(cm, vim, helpers) {
+  helpers.doKeys('A');
+  helpers.assertCursorAt(0, lines[0].length);
+  eq('vim-insert', cm.getOption('keyMap'));
+});
+testVim('I', function(cm, vim, helpers) {
+  cm.setCursor(0, 4);
+  helpers.doKeys('I');
+  helpers.assertCursorAt(0, lines[0].textStart);
+  eq('vim-insert', cm.getOption('keyMap'));
+});
+testVim('I_repeat', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.doKeys('3', 'I');
+  cm.replaceRange('test', cm.getCursor());
+  helpers.doInsertModeKeys('Esc');
+  eq('testtesttestblah', cm.getValue());
+  helpers.assertCursorAt(0, 11);
+}, { value: 'blah' });
+testVim('o', function(cm, vim, helpers) {
+  cm.setCursor(0, 4);
+  helpers.doKeys('o');
+  eq('word1\n\nword2', cm.getValue());
+  helpers.assertCursorAt(1, 0);
+  eq('vim-insert', cm.getOption('keyMap'));
+}, { value: 'word1\nword2' });
+testVim('o_repeat', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('3', 'o');
+  cm.replaceRange('test', cm.getCursor());
+  helpers.doInsertModeKeys('Esc');
+  eq('\ntest\ntest\ntest', cm.getValue());
+  helpers.assertCursorAt(3, 3);
+}, { value: '' });
+testVim('O', function(cm, vim, helpers) {
+  cm.setCursor(0, 4);
+  helpers.doKeys('O');
+  eq('\nword1\nword2', cm.getValue());
+  helpers.assertCursorAt(0, 0);
+  eq('vim-insert', cm.getOption('keyMap'));
+}, { value: 'word1\nword2' });
+testVim('J', function(cm, vim, helpers) {
+  cm.setCursor(0, 4);
+  helpers.doKeys('J');
+  var expectedValue = 'word1  word2\nword3\n word4';
+  eq(expectedValue, cm.getValue());
+  helpers.assertCursorAt(0, expectedValue.indexOf('word2') - 1);
+}, { value: 'word1 \n    word2\nword3\n word4' });
+testVim('J_repeat', function(cm, vim, helpers) {
+  cm.setCursor(0, 4);
+  helpers.doKeys('3', 'J');
+  var expectedValue = 'word1  word2 word3\n word4';
+  eq(expectedValue, cm.getValue());
+  helpers.assertCursorAt(0, expectedValue.indexOf('word3') - 1);
+}, { value: 'word1 \n    word2\nword3\n word4' });
+testVim('p', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.getRegisterController().pushText('"', 'yank', 'abc\ndef', false);
+  helpers.doKeys('p');
+  eq('__abc\ndef_', cm.getValue());
+  helpers.assertCursorAt(1, 2);
+}, { value: '___' });
+testVim('p_register', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.getRegisterController().getRegister('a').set('abc\ndef', false);
+  helpers.doKeys('"', 'a', 'p');
+  eq('__abc\ndef_', cm.getValue());
+  helpers.assertCursorAt(1, 2);
+}, { value: '___' });
+testVim('p_wrong_register', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.getRegisterController().getRegister('a').set('abc\ndef', false);
+  helpers.doKeys('p');
+  eq('___', cm.getValue());
+  helpers.assertCursorAt(0, 1);
+}, { value: '___' });
+testVim('p_line', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.getRegisterController().pushText('"', 'yank', '  a\nd\n', true);
+  helpers.doKeys('2', 'p');
+  eq('___\n  a\nd\n  a\nd', cm.getValue());
+  helpers.assertCursorAt(1, 2);
+}, { value: '___' });
+testVim('p_lastline', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.getRegisterController().pushText('"', 'yank', '  a\nd', true);
+  helpers.doKeys('2', 'p');
+  eq('___\n  a\nd\n  a\nd', cm.getValue());
+  helpers.assertCursorAt(1, 2);
+}, { value: '___' });
+testVim('P', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.getRegisterController().pushText('"', 'yank', 'abc\ndef', false);
+  helpers.doKeys('P');
+  eq('_abc\ndef__', cm.getValue());
+  helpers.assertCursorAt(1, 3);
+}, { value: '___' });
+testVim('P_line', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.getRegisterController().pushText('"', 'yank', '  a\nd\n', true);
+  helpers.doKeys('2', 'P');
+  eq('  a\nd\n  a\nd\n___', cm.getValue());
+  helpers.assertCursorAt(0, 2);
+}, { value: '___' });
+testVim('r', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.doKeys('3', 'r', 'u');
+  eq('wuuuet\nanother', cm.getValue(),'3r failed');
+  helpers.assertCursorAt(0, 3);
+  cm.setCursor(0, 4);
+  helpers.doKeys('v', 'j', 'h', 'r', '<Space>');
+  eq('wuuu  \n    her', cm.getValue(),'Replacing selection by space-characters failed');
+}, { value: 'wordet\nanother' });
+testVim('R', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.doKeys('R');
+  helpers.assertCursorAt(0, 1);
+  eq('vim-replace', cm.getOption('keyMap'));
+  is(cm.state.overwrite, 'Setting overwrite state failed');
+});
+testVim('mark', function(cm, vim, helpers) {
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 't');
+  cm.setCursor(0, 0);
+  helpers.doKeys('\'', 't');
+  helpers.assertCursorAt(2, 2);
+  cm.setCursor(0, 0);
+  helpers.doKeys('`', 't');
+  helpers.assertCursorAt(2, 2);
+});
+testVim('jumpToMark_next', function(cm, vim, helpers) {
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 't');
+  cm.setCursor(0, 0);
+  helpers.doKeys(']', '`');
+  helpers.assertCursorAt(2, 2);
+  cm.setCursor(0, 0);
+  helpers.doKeys(']', '\'');
+  helpers.assertCursorAt(2, 0);
+});
+testVim('jumpToMark_next_repeat', function(cm, vim, helpers) {
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 'a');
+  cm.setCursor(3, 2);
+  helpers.doKeys('m', 'b');
+  cm.setCursor(4, 2);
+  helpers.doKeys('m', 'c');
+  cm.setCursor(0, 0);
+  helpers.doKeys('2', ']', '`');
+  helpers.assertCursorAt(3, 2);
+  cm.setCursor(0, 0);
+  helpers.doKeys('2', ']', '\'');
+  helpers.assertCursorAt(3, 1);
+});
+testVim('jumpToMark_next_sameline', function(cm, vim, helpers) {
+  cm.setCursor(2, 0);
+  helpers.doKeys('m', 'a');
+  cm.setCursor(2, 4);
+  helpers.doKeys('m', 'b');
+  cm.setCursor(2, 2);
+  helpers.doKeys(']', '`');
+  helpers.assertCursorAt(2, 4);
+});
+testVim('jumpToMark_next_onlyprev', function(cm, vim, helpers) {
+  cm.setCursor(2, 0);
+  helpers.doKeys('m', 'a');
+  cm.setCursor(4, 0);
+  helpers.doKeys(']', '`');
+  helpers.assertCursorAt(4, 0);
+});
+testVim('jumpToMark_next_nomark', function(cm, vim, helpers) {
+  cm.setCursor(2, 2);
+  helpers.doKeys(']', '`');
+  helpers.assertCursorAt(2, 2);
+  helpers.doKeys(']', '\'');
+  helpers.assertCursorAt(2, 0);
+});
+testVim('jumpToMark_next_linewise_over', function(cm, vim, helpers) {
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 'a');
+  cm.setCursor(3, 4);
+  helpers.doKeys('m', 'b');
+  cm.setCursor(2, 1);
+  helpers.doKeys(']', '\'');
+  helpers.assertCursorAt(3, 1);
+});
+testVim('jumpToMark_next_action', function(cm, vim, helpers) {
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 't');
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', ']', '`');
+  helpers.assertCursorAt(0, 0);
+  var actual = cm.getLine(0);
+  var expected = 'pop pop 0 1 2 3 4';
+  eq(actual, expected, "Deleting while jumping to the next mark failed.");
+});
+testVim('jumpToMark_next_line_action', function(cm, vim, helpers) {
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 't');
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', ']', '\'');
+  helpers.assertCursorAt(0, 1);
+  var actual = cm.getLine(0);
+  var expected = ' (a) [b] {c} '
+  eq(actual, expected, "Deleting while jumping to the next mark line failed.");
+});
+testVim('jumpToMark_prev', function(cm, vim, helpers) {
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 't');
+  cm.setCursor(4, 0);
+  helpers.doKeys('[', '`');
+  helpers.assertCursorAt(2, 2);
+  cm.setCursor(4, 0);
+  helpers.doKeys('[', '\'');
+  helpers.assertCursorAt(2, 0);
+});
+testVim('jumpToMark_prev_repeat', function(cm, vim, helpers) {
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 'a');
+  cm.setCursor(3, 2);
+  helpers.doKeys('m', 'b');
+  cm.setCursor(4, 2);
+  helpers.doKeys('m', 'c');
+  cm.setCursor(5, 0);
+  helpers.doKeys('2', '[', '`');
+  helpers.assertCursorAt(3, 2);
+  cm.setCursor(5, 0);
+  helpers.doKeys('2', '[', '\'');
+  helpers.assertCursorAt(3, 1);
+});
+testVim('jumpToMark_prev_sameline', function(cm, vim, helpers) {
+  cm.setCursor(2, 0);
+  helpers.doKeys('m', 'a');
+  cm.setCursor(2, 4);
+  helpers.doKeys('m', 'b');
+  cm.setCursor(2, 2);
+  helpers.doKeys('[', '`');
+  helpers.assertCursorAt(2, 0);
+});
+testVim('jumpToMark_prev_onlynext', function(cm, vim, helpers) {
+  cm.setCursor(4, 4);
+  helpers.doKeys('m', 'a');
+  cm.setCursor(2, 0);
+  helpers.doKeys('[', '`');
+  helpers.assertCursorAt(2, 0);
+});
+testVim('jumpToMark_prev_nomark', function(cm, vim, helpers) {
+  cm.setCursor(2, 2);
+  helpers.doKeys('[', '`');
+  helpers.assertCursorAt(2, 2);
+  helpers.doKeys('[', '\'');
+  helpers.assertCursorAt(2, 0);
+});
+testVim('jumpToMark_prev_linewise_over', function(cm, vim, helpers) {
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 'a');
+  cm.setCursor(3, 4);
+  helpers.doKeys('m', 'b');
+  cm.setCursor(3, 6);
+  helpers.doKeys('[', '\'');
+  helpers.assertCursorAt(2, 0);
+});
+testVim('delmark_single', function(cm, vim, helpers) {
+  cm.setCursor(1, 2);
+  helpers.doKeys('m', 't');
+  helpers.doEx('delmarks t');
+  cm.setCursor(0, 0);
+  helpers.doKeys('`', 't');
+  helpers.assertCursorAt(0, 0);
+});
+testVim('delmark_range', function(cm, vim, helpers) {
+  cm.setCursor(1, 2);
+  helpers.doKeys('m', 'a');
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 'b');
+  cm.setCursor(3, 2);
+  helpers.doKeys('m', 'c');
+  cm.setCursor(4, 2);
+  helpers.doKeys('m', 'd');
+  cm.setCursor(5, 2);
+  helpers.doKeys('m', 'e');
+  helpers.doEx('delmarks b-d');
+  cm.setCursor(0, 0);
+  helpers.doKeys('`', 'a');
+  helpers.assertCursorAt(1, 2);
+  helpers.doKeys('`', 'b');
+  helpers.assertCursorAt(1, 2);
+  helpers.doKeys('`', 'c');
+  helpers.assertCursorAt(1, 2);
+  helpers.doKeys('`', 'd');
+  helpers.assertCursorAt(1, 2);
+  helpers.doKeys('`', 'e');
+  helpers.assertCursorAt(5, 2);
+});
+testVim('delmark_multi', function(cm, vim, helpers) {
+  cm.setCursor(1, 2);
+  helpers.doKeys('m', 'a');
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 'b');
+  cm.setCursor(3, 2);
+  helpers.doKeys('m', 'c');
+  cm.setCursor(4, 2);
+  helpers.doKeys('m', 'd');
+  cm.setCursor(5, 2);
+  helpers.doKeys('m', 'e');
+  helpers.doEx('delmarks bcd');
+  cm.setCursor(0, 0);
+  helpers.doKeys('`', 'a');
+  helpers.assertCursorAt(1, 2);
+  helpers.doKeys('`', 'b');
+  helpers.assertCursorAt(1, 2);
+  helpers.doKeys('`', 'c');
+  helpers.assertCursorAt(1, 2);
+  helpers.doKeys('`', 'd');
+  helpers.assertCursorAt(1, 2);
+  helpers.doKeys('`', 'e');
+  helpers.assertCursorAt(5, 2);
+});
+testVim('delmark_multi_space', function(cm, vim, helpers) {
+  cm.setCursor(1, 2);
+  helpers.doKeys('m', 'a');
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 'b');
+  cm.setCursor(3, 2);
+  helpers.doKeys('m', 'c');
+  cm.setCursor(4, 2);
+  helpers.doKeys('m', 'd');
+  cm.setCursor(5, 2);
+  helpers.doKeys('m', 'e');
+  helpers.doEx('delmarks b c d');
+  cm.setCursor(0, 0);
+  helpers.doKeys('`', 'a');
+  helpers.assertCursorAt(1, 2);
+  helpers.doKeys('`', 'b');
+  helpers.assertCursorAt(1, 2);
+  helpers.doKeys('`', 'c');
+  helpers.assertCursorAt(1, 2);
+  helpers.doKeys('`', 'd');
+  helpers.assertCursorAt(1, 2);
+  helpers.doKeys('`', 'e');
+  helpers.assertCursorAt(5, 2);
+});
+testVim('delmark_all', function(cm, vim, helpers) {
+  cm.setCursor(1, 2);
+  helpers.doKeys('m', 'a');
+  cm.setCursor(2, 2);
+  helpers.doKeys('m', 'b');
+  cm.setCursor(3, 2);
+  helpers.doKeys('m', 'c');
+  cm.setCursor(4, 2);
+  helpers.doKeys('m', 'd');
+  cm.setCursor(5, 2);
+  helpers.doKeys('m', 'e');
+  helpers.doEx('delmarks a b-de');
+  cm.setCursor(0, 0);
+  helpers.doKeys('`', 'a');
+  helpers.assertCursorAt(0, 0);
+  helpers.doKeys('`', 'b');
+  helpers.assertCursorAt(0, 0);
+  helpers.doKeys('`', 'c');
+  helpers.assertCursorAt(0, 0);
+  helpers.doKeys('`', 'd');
+  helpers.assertCursorAt(0, 0);
+  helpers.doKeys('`', 'e');
+  helpers.assertCursorAt(0, 0);
+});
+testVim('visual', function(cm, vim, helpers) {
+  helpers.doKeys('l', 'v', 'l', 'l');
+  helpers.assertCursorAt(0, 3);
+  eqPos(makeCursor(0, 1), cm.getCursor('anchor'));
+  helpers.doKeys('d');
+  eq('15', cm.getValue());
+}, { value: '12345' });
+testVim('visual_line', function(cm, vim, helpers) {
+  helpers.doKeys('l', 'V', 'l', 'j', 'j', 'd');
+  eq(' 4\n 5', cm.getValue());
+}, { value: ' 1\n 2\n 3\n 4\n 5' });
+testVim('visual_marks', function(cm, vim, helpers) {
+  helpers.doKeys('l', 'v', 'l', 'l', 'v');
+  // Test visual mode marks
+  cm.setCursor(0, 0);
+  helpers.doKeys('\'', '<');
+  helpers.assertCursorAt(0, 1);
+  helpers.doKeys('\'', '>');
+  helpers.assertCursorAt(0, 3);
+});
+testVim('visual_join', function(cm, vim, helpers) {
+  helpers.doKeys('l', 'V', 'l', 'j', 'j', 'J');
+  eq(' 1 2 3\n 4\n 5', cm.getValue());
+}, { value: ' 1\n 2\n 3\n 4\n 5' });
+testVim('visual_blank', function(cm, vim, helpers) {
+  helpers.doKeys('v', 'k');
+  eq(vim.visualMode, true);
+}, { value: '\n' });
+testVim('s_normal', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.doKeys('s');
+  helpers.doInsertModeKeys('Esc');
+  helpers.assertCursorAt(0, 0);
+  eq('ac', cm.getValue());
+}, { value: 'abc'});
+testVim('s_visual', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.doKeys('v', 's');
+  helpers.doInsertModeKeys('Esc');
+  helpers.assertCursorAt(0, 0);
+  eq('ac', cm.getValue());
+}, { value: 'abc'});
+testVim('S_normal', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.doKeys('j', 'S');
+  helpers.doInsertModeKeys('Esc');
+  helpers.assertCursorAt(1, 0);
+  eq('aa\n\ncc', cm.getValue());
+}, { value: 'aa\nbb\ncc'});
+testVim('S_visual', function(cm, vim, helpers) {
+  cm.setCursor(0, 1);
+  helpers.doKeys('v', 'j', 'S');
+  helpers.doInsertModeKeys('Esc');
+  helpers.assertCursorAt(0, 0);
+  eq('\ncc', cm.getValue());
+}, { value: 'aa\nbb\ncc'});
+testVim('/ and n/N', function(cm, vim, helpers) {
+  cm.openDialog = helpers.fakeOpenDialog('match');
+  helpers.doKeys('/');
+  helpers.assertCursorAt(0, 11);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(1, 6);
+  helpers.doKeys('N');
+  helpers.assertCursorAt(0, 11);
+
+  cm.setCursor(0, 0);
+  helpers.doKeys('2', '/');
+  helpers.assertCursorAt(1, 6);
+}, { value: 'match nope match \n nope Match' });
+testVim('/_case', function(cm, vim, helpers) {
+  cm.openDialog = helpers.fakeOpenDialog('Match');
+  helpers.doKeys('/');
+  helpers.assertCursorAt(1, 6);
+}, { value: 'match nope match \n nope Match' });
+testVim('/_nongreedy', function(cm, vim, helpers) {
+  cm.openDialog = helpers.fakeOpenDialog('aa');
+  helpers.doKeys('/');
+  helpers.assertCursorAt(0, 4);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(1, 3);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 0);
+}, { value: 'aaa aa \n a aa'});
+testVim('?_nongreedy', function(cm, vim, helpers) {
+  cm.openDialog = helpers.fakeOpenDialog('aa');
+  helpers.doKeys('?');
+  helpers.assertCursorAt(1, 3);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 4);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 0);
+}, { value: 'aaa aa \n a aa'});
+testVim('/_greedy', function(cm, vim, helpers) {
+  cm.openDialog = helpers.fakeOpenDialog('a+');
+  helpers.doKeys('/');
+  helpers.assertCursorAt(0, 4);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(1, 1);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(1, 3);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 0);
+}, { value: 'aaa aa \n a aa'});
+testVim('?_greedy', function(cm, vim, helpers) {
+  cm.openDialog = helpers.fakeOpenDialog('a+');
+  helpers.doKeys('?');
+  helpers.assertCursorAt(1, 3);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(1, 1);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 4);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 0);
+}, { value: 'aaa aa \n a aa'});
+testVim('/_greedy_0_or_more', function(cm, vim, helpers) {
+  cm.openDialog = helpers.fakeOpenDialog('a*');
+  helpers.doKeys('/');
+  helpers.assertCursorAt(0, 3);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 4);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 5);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(1, 0);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(1, 1);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 0);
+}, { value: 'aaa  aa\n aa'});
+testVim('?_greedy_0_or_more', function(cm, vim, helpers) {
+  cm.openDialog = helpers.fakeOpenDialog('a*');
+  helpers.doKeys('?');
+  helpers.assertCursorAt(1, 1);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(1, 0);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 5);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 4);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 3);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 0);
+}, { value: 'aaa  aa\n aa'});
+testVim('? and n/N', function(cm, vim, helpers) {
+  cm.openDialog = helpers.fakeOpenDialog('match');
+  helpers.doKeys('?');
+  helpers.assertCursorAt(1, 6);
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 11);
+  helpers.doKeys('N');
+  helpers.assertCursorAt(1, 6);
+
+  cm.setCursor(0, 0);
+  helpers.doKeys('2', '?');
+  helpers.assertCursorAt(0, 11);
+}, { value: 'match nope match \n nope Match' });
+testVim('*', function(cm, vim, helpers) {
+  cm.setCursor(0, 9);
+  helpers.doKeys('*');
+  helpers.assertCursorAt(0, 22);
+
+  cm.setCursor(0, 9);
+  helpers.doKeys('2', '*');
+  helpers.assertCursorAt(1, 8);
+}, { value: 'nomatch match nomatch match \nnomatch Match' });
+testVim('*_no_word', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('*');
+  helpers.assertCursorAt(0, 0);
+}, { value: ' \n match \n' });
+testVim('*_symbol', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('*');
+  helpers.assertCursorAt(1, 0);
+}, { value: ' /}\n/} match \n' });
+testVim('#', function(cm, vim, helpers) {
+  cm.setCursor(0, 9);
+  helpers.doKeys('#');
+  helpers.assertCursorAt(1, 8);
+
+  cm.setCursor(0, 9);
+  helpers.doKeys('2', '#');
+  helpers.assertCursorAt(0, 22);
+}, { value: 'nomatch match nomatch match \nnomatch Match' });
+testVim('*_seek', function(cm, vim, helpers) {
+  // Should skip over space and symbols.
+  cm.setCursor(0, 3);
+  helpers.doKeys('*');
+  helpers.assertCursorAt(0, 22);
+}, { value: '    :=  match nomatch match \nnomatch Match' });
+testVim('#', function(cm, vim, helpers) {
+  // Should skip over space and symbols.
+  cm.setCursor(0, 3);
+  helpers.doKeys('#');
+  helpers.assertCursorAt(1, 8);
+}, { value: '    :=  match nomatch match \nnomatch Match' });
+testVim('.', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('2', 'd', 'w');
+  helpers.doKeys('.');
+  eq('5 6', cm.getValue());
+}, { value: '1 2 3 4 5 6'});
+testVim('._repeat', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('2', 'd', 'w');
+  helpers.doKeys('3', '.');
+  eq('6', cm.getValue());
+}, { value: '1 2 3 4 5 6'});
+testVim('._insert', function(cm, vim, helpers) {
+  helpers.doKeys('i');
+  cm.replaceRange('test', cm.getCursor());
+  helpers.doInsertModeKeys('Esc');
+  helpers.doKeys('.');
+  eq('testestt', cm.getValue());
+  helpers.assertCursorAt(0, 6);
+}, { value: ''});
+testVim('._insert_repeat', function(cm, vim, helpers) {
+  helpers.doKeys('i');
+  cm.replaceRange('test', cm.getCursor());
+  cm.setCursor(0, 4);
+  helpers.doInsertModeKeys('Esc');
+  helpers.doKeys('2', '.');
+  eq('testesttestt', cm.getValue());
+  helpers.assertCursorAt(0, 10);
+}, { value: ''});
+testVim('._repeat_insert', function(cm, vim, helpers) {
+  helpers.doKeys('3', 'i');
+  cm.replaceRange('te', cm.getCursor());
+  cm.setCursor(0, 2);
+  helpers.doInsertModeKeys('Esc');
+  helpers.doKeys('.');
+  eq('tetettetetee', cm.getValue());
+  helpers.assertCursorAt(0, 10);
+}, { value: ''});
+testVim('._insert_o', function(cm, vim, helpers) {
+  helpers.doKeys('o');
+  cm.replaceRange('z', cm.getCursor());
+  cm.setCursor(1, 1);
+  helpers.doInsertModeKeys('Esc');
+  helpers.doKeys('.');
+  eq('\nz\nz', cm.getValue());
+  helpers.assertCursorAt(2, 0);
+}, { value: ''});
+testVim('._insert_o_repeat', function(cm, vim, helpers) {
+  helpers.doKeys('o');
+  cm.replaceRange('z', cm.getCursor());
+  helpers.doInsertModeKeys('Esc');
+  cm.setCursor(1, 0);
+  helpers.doKeys('2', '.');
+  eq('\nz\nz\nz', cm.getValue());
+  helpers.assertCursorAt(3, 0);
+}, { value: ''});
+testVim('._insert_o_indent', function(cm, vim, helpers) {
+  helpers.doKeys('o');
+  cm.replaceRange('z', cm.getCursor());
+  helpers.doInsertModeKeys('Esc');
+  cm.setCursor(1, 2);
+  helpers.doKeys('.');
+  eq('{\n  z\n  z', cm.getValue());
+  helpers.assertCursorAt(2, 2);
+}, { value: '{'});
+testVim('._insert_cw', function(cm, vim, helpers) {
+  helpers.doKeys('c', 'w');
+  cm.replaceRange('test', cm.getCursor());
+  helpers.doInsertModeKeys('Esc');
+  cm.setCursor(0, 3);
+  helpers.doKeys('2', 'l');
+  helpers.doKeys('.');
+  eq('test test word3', cm.getValue());
+  helpers.assertCursorAt(0, 8);
+}, { value: 'word1 word2 word3' });
+testVim('._insert_cw_repeat', function(cm, vim, helpers) {
+  // For some reason, repeat cw in desktop VIM will does not repeat insert mode
+  // changes. Will conform to that behavior.
+  helpers.doKeys('c', 'w');
+  cm.replaceRange('test', cm.getCursor());
+  helpers.doInsertModeKeys('Esc');
+  cm.setCursor(0, 4);
+  helpers.doKeys('l');
+  helpers.doKeys('2', '.');
+  eq('test test', cm.getValue());
+  helpers.assertCursorAt(0, 8);
+}, { value: 'word1 word2 word3' });
+testVim('._delete', function(cm, vim, helpers) {
+  cm.setCursor(0, 5);
+  helpers.doKeys('i');
+  helpers.doInsertModeKeys('Backspace', 'Esc');
+  helpers.doKeys('.');
+  eq('zace', cm.getValue());
+  helpers.assertCursorAt(0, 1);
+}, { value: 'zabcde'});
+testVim('._delete_repeat', function(cm, vim, helpers) {
+  cm.setCursor(0, 6);
+  helpers.doKeys('i');
+  helpers.doInsertModeKeys('Backspace', 'Esc');
+  helpers.doKeys('2', '.');
+  eq('zzce', cm.getValue());
+  helpers.assertCursorAt(0, 1);
+}, { value: 'zzabcde'});
+testVim('f;', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('f', 'x');
+  helpers.doKeys(';');
+  helpers.doKeys('2', ';');
+  eq(9, cm.getCursor().ch);
+}, { value: '01x3xx678x'});
+testVim('F;', function(cm, vim, helpers) {
+  cm.setCursor(0, 8);
+  helpers.doKeys('F', 'x');
+  helpers.doKeys(';');
+  helpers.doKeys('2', ';');
+  eq(2, cm.getCursor().ch);
+}, { value: '01x3xx6x8x'});
+testVim('t;', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('t', 'x');
+  helpers.doKeys(';');
+  helpers.doKeys('2', ';');
+  eq(8, cm.getCursor().ch);
+}, { value: '01x3xx678x'});
+testVim('T;', function(cm, vim, helpers) {
+  cm.setCursor(0, 9);
+  helpers.doKeys('T', 'x');
+  helpers.doKeys(';');
+  helpers.doKeys('2', ';');
+  eq(2, cm.getCursor().ch);
+}, { value: '0xx3xx678x'});
+testVim('f,', function(cm, vim, helpers) {
+  cm.setCursor(0, 6);
+  helpers.doKeys('f', 'x');
+  helpers.doKeys(',');
+  helpers.doKeys('2', ',');
+  eq(2, cm.getCursor().ch);
+}, { value: '01x3xx678x'});
+testVim('F,', function(cm, vim, helpers) {
+  cm.setCursor(0, 3);
+  helpers.doKeys('F', 'x');
+  helpers.doKeys(',');
+  helpers.doKeys('2', ',');
+  eq(9, cm.getCursor().ch);
+}, { value: '01x3xx678x'});
+testVim('t,', function(cm, vim, helpers) {
+  cm.setCursor(0, 6);
+  helpers.doKeys('t', 'x');
+  helpers.doKeys(',');
+  helpers.doKeys('2', ',');
+  eq(3, cm.getCursor().ch);
+}, { value: '01x3xx678x'});
+testVim('T,', function(cm, vim, helpers) {
+  cm.setCursor(0, 4);
+  helpers.doKeys('T', 'x');
+  helpers.doKeys(',');
+  helpers.doKeys('2', ',');
+  eq(8, cm.getCursor().ch);
+}, { value: '01x3xx67xx'});
+testVim('fd,;', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('f', '4');
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', ';');
+  eq('56789', cm.getValue());
+  helpers.doKeys('u');
+  cm.setCursor(0, 9);
+  helpers.doKeys('d', ',');
+  eq('01239', cm.getValue());
+}, { value: '0123456789'});
+testVim('Fd,;', function(cm, vim, helpers) {
+  cm.setCursor(0, 9);
+  helpers.doKeys('F', '4');
+  cm.setCursor(0, 9);
+  helpers.doKeys('d', ';');
+  eq('01239', cm.getValue());
+  helpers.doKeys('u');
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', ',');
+  eq('56789', cm.getValue());
+}, { value: '0123456789'});
+testVim('td,;', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('t', '4');
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', ';');
+  eq('456789', cm.getValue());
+  helpers.doKeys('u');
+  cm.setCursor(0, 9);
+  helpers.doKeys('d', ',');
+  eq('012349', cm.getValue());
+}, { value: '0123456789'});
+testVim('Td,;', function(cm, vim, helpers) {
+  cm.setCursor(0, 9);
+  helpers.doKeys('T', '4');
+  cm.setCursor(0, 9);
+  helpers.doKeys('d', ';');
+  eq('012349', cm.getValue());
+  helpers.doKeys('u');
+  cm.setCursor(0, 0);
+  helpers.doKeys('d', ',');
+  eq('456789', cm.getValue());
+}, { value: '0123456789'});
+testVim('fc,;', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('f', '4');
+  cm.setCursor(0, 0);
+  helpers.doKeys('c', ';', 'Esc');
+  eq('56789', cm.getValue());
+  helpers.doKeys('u');
+  cm.setCursor(0, 9);
+  helpers.doKeys('c', ',');
+  eq('01239', cm.getValue());
+}, { value: '0123456789'});
+testVim('Fc,;', function(cm, vim, helpers) {
+  cm.setCursor(0, 9);
+  helpers.doKeys('F', '4');
+  cm.setCursor(0, 9);
+  helpers.doKeys('c', ';', 'Esc');
+  eq('01239', cm.getValue());
+  helpers.doKeys('u');
+  cm.setCursor(0, 0);
+  helpers.doKeys('c', ',');
+  eq('56789', cm.getValue());
+}, { value: '0123456789'});
+testVim('tc,;', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('t', '4');
+  cm.setCursor(0, 0);
+  helpers.doKeys('c', ';', 'Esc');
+  eq('456789', cm.getValue());
+  helpers.doKeys('u');
+  cm.setCursor(0, 9);
+  helpers.doKeys('c', ',');
+  eq('012349', cm.getValue());
+}, { value: '0123456789'});
+testVim('Tc,;', function(cm, vim, helpers) {
+  cm.setCursor(0, 9);
+  helpers.doKeys('T', '4');
+  cm.setCursor(0, 9);
+  helpers.doKeys('c', ';', 'Esc');
+  eq('012349', cm.getValue());
+  helpers.doKeys('u');
+  cm.setCursor(0, 0);
+  helpers.doKeys('c', ',');
+  eq('456789', cm.getValue());
+}, { value: '0123456789'});
+testVim('fy,;', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('f', '4');
+  cm.setCursor(0, 0);
+  helpers.doKeys('y', ';', 'P');
+  eq('012340123456789', cm.getValue());
+  helpers.doKeys('u');
+  cm.setCursor(0, 9);
+  helpers.doKeys('y', ',', 'P');
+  eq('012345678456789', cm.getValue());
+}, { value: '0123456789'});
+testVim('Fy,;', function(cm, vim, helpers) {
+  cm.setCursor(0, 9);
+  helpers.doKeys('F', '4');
+  cm.setCursor(0, 9);
+  helpers.doKeys('y', ';', 'p');
+  eq('012345678945678', cm.getValue());
+  helpers.doKeys('u');
+  cm.setCursor(0, 0);
+  helpers.doKeys('y', ',', 'P');
+  eq('012340123456789', cm.getValue());
+}, { value: '0123456789'});
+testVim('ty,;', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys('t', '4');
+  cm.setCursor(0, 0);
+  helpers.doKeys('y', ';', 'P');
+  eq('01230123456789', cm.getValue());
+  helpers.doKeys('u');
+  cm.setCursor(0, 9);
+  helpers.doKeys('y', ',', 'p');
+  eq('01234567895678', cm.getValue());
+}, { value: '0123456789'});
+testVim('Ty,;', function(cm, vim, helpers) {
+  cm.setCursor(0, 9);
+  helpers.doKeys('T', '4');
+  cm.setCursor(0, 9);
+  helpers.doKeys('y', ';', 'p');
+  eq('01234567895678', cm.getValue());
+  helpers.doKeys('u');
+  cm.setCursor(0, 0);
+  helpers.doKeys('y', ',', 'P');
+  eq('01230123456789', cm.getValue());
+}, { value: '0123456789'});
+testVim('HML', function(cm, vim, helpers) {
+  var lines = 35;
+  var textHeight = cm.defaultTextHeight();
+  cm.setSize(600, lines*textHeight);
+  cm.setCursor(120, 0);
+  helpers.doKeys('H');
+  helpers.assertCursorAt(86, 2);
+  helpers.doKeys('L');
+  helpers.assertCursorAt(120, 4);
+  helpers.doKeys('M');
+  helpers.assertCursorAt(103,4);
+}, { value: (function(){
+  var lines = new Array(100);
+  var upper = '  xx\n';
+  var lower = '    xx\n';
+  upper = lines.join(upper);
+  lower = lines.join(lower);
+  return upper + lower;
+})()});
+
+var zVals = ['zb','zz','zt','z-','z.','z<CR>'].map(function(e, idx){
+  var lineNum = 250;
+  var lines = 35;
+  testVim(e, function(cm, vim, helpers) {
+    var k1 = e[0];
+    var k2 = e.substring(1);
+    var textHeight = cm.defaultTextHeight();
+    cm.setSize(600, lines*textHeight);
+    cm.setCursor(lineNum, 0);
+    helpers.doKeys(k1, k2);
+    zVals[idx] = cm.getScrollInfo().top;
+  }, { value: (function(){
+    return new Array(500).join('\n');
+  })()});
+});
+testVim('zb<zz', function(cm, vim, helpers){
+  eq(zVals[0]<zVals[1], true);
+});
+testVim('zz<zt', function(cm, vim, helpers){
+  eq(zVals[1]<zVals[2], true);
+});
+testVim('zb==z-', function(cm, vim, helpers){
+  eq(zVals[0], zVals[3]);
+});
+testVim('zz==z.', function(cm, vim, helpers){
+  eq(zVals[1], zVals[4]);
+});
+testVim('zt==z<CR>', function(cm, vim, helpers){
+  eq(zVals[2], zVals[5]);
+});
+
+var squareBracketMotionSandbox = ''+
+  '({\n'+//0
+  '  ({\n'+//11
+  '  /*comment {\n'+//2
+  '            */(\n'+//3
+  '#else                \n'+//4
+  '  /*       )\n'+//5
+  '#if        }\n'+//6
+  '  )}*/\n'+//7
+  ')}\n'+//8
+  '{}\n'+//9
+  '#else {{\n'+//10
+  '{}\n'+//11
+  '}\n'+//12
+  '{\n'+//13
+  '#endif\n'+//14
+  '}\n'+//15
+  '}\n'+//16
+  '#else';//17
+testVim('[[, ]]', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys(']', ']');
+  helpers.assertCursorAt(9,0);
+  helpers.doKeys('2', ']', ']');
+  helpers.assertCursorAt(13,0);
+  helpers.doKeys(']', ']');
+  helpers.assertCursorAt(17,0);
+  helpers.doKeys('[', '[');
+  helpers.assertCursorAt(13,0);
+  helpers.doKeys('2', '[', '[');
+  helpers.assertCursorAt(9,0);
+  helpers.doKeys('[', '[');
+  helpers.assertCursorAt(0,0);
+}, { value: squareBracketMotionSandbox});
+testVim('[], ][', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doKeys(']', '[');
+  helpers.assertCursorAt(12,0);
+  helpers.doKeys('2', ']', '[');
+  helpers.assertCursorAt(16,0);
+  helpers.doKeys(']', '[');
+  helpers.assertCursorAt(17,0);
+  helpers.doKeys('[', ']');
+  helpers.assertCursorAt(16,0);
+  helpers.doKeys('2', '[', ']');
+  helpers.assertCursorAt(12,0);
+  helpers.doKeys('[', ']');
+  helpers.assertCursorAt(0,0);
+}, { value: squareBracketMotionSandbox});
+testVim('[{, ]}', function(cm, vim, helpers) {
+  cm.setCursor(4, 10);
+  helpers.doKeys('[', '{');
+  helpers.assertCursorAt(2,12);
+  helpers.doKeys('2', '[', '{');
+  helpers.assertCursorAt(0,1);
+  cm.setCursor(4, 10);
+  helpers.doKeys(']', '}');
+  helpers.assertCursorAt(6,11);
+  helpers.doKeys('2', ']', '}');
+  helpers.assertCursorAt(8,1);
+  cm.setCursor(0,1);
+  helpers.doKeys(']', '}');
+  helpers.assertCursorAt(8,1);
+  helpers.doKeys('[', '{');
+  helpers.assertCursorAt(0,1);
+}, { value: squareBracketMotionSandbox});
+testVim('[(, ])', function(cm, vim, helpers) {
+  cm.setCursor(4, 10);
+  helpers.doKeys('[', '(');
+  helpers.assertCursorAt(3,14);
+  helpers.doKeys('2', '[', '(');
+  helpers.assertCursorAt(0,0);
+  cm.setCursor(4, 10);
+  helpers.doKeys(']', ')');
+  helpers.assertCursorAt(5,11);
+  helpers.doKeys('2', ']', ')');
+  helpers.assertCursorAt(8,0);
+  helpers.doKeys('[', '(');
+  helpers.assertCursorAt(0,0);
+  helpers.doKeys(']', ')');
+  helpers.assertCursorAt(8,0);
+}, { value: squareBracketMotionSandbox});
+testVim('[*, ]*, [/, ]/', function(cm, vim, helpers) {
+  ['*', '/'].forEach(function(key){
+    cm.setCursor(7, 0);
+    helpers.doKeys('2', '[', key);
+    helpers.assertCursorAt(2,2);
+    helpers.doKeys('2', ']', key);
+    helpers.assertCursorAt(7,5);
+  });
+}, { value: squareBracketMotionSandbox});
+testVim('[#, ]#', function(cm, vim, helpers) {
+  cm.setCursor(10, 3);
+  helpers.doKeys('2', '[', '#');
+  helpers.assertCursorAt(4,0);
+  helpers.doKeys('5', ']', '#');
+  helpers.assertCursorAt(17,0);
+  cm.setCursor(10, 3);
+  helpers.doKeys(']', '#');
+  helpers.assertCursorAt(14,0);
+}, { value: squareBracketMotionSandbox});
+testVim('[m, ]m, [M, ]M', function(cm, vim, helpers) {
+  cm.setCursor(11, 0);
+  helpers.doKeys('[', 'm');
+  helpers.assertCursorAt(10,7);
+  helpers.doKeys('4', '[', 'm');
+  helpers.assertCursorAt(1,3);
+  helpers.doKeys('5', ']', 'm');
+  helpers.assertCursorAt(11,0);
+  helpers.doKeys('[', 'M');
+  helpers.assertCursorAt(9,1);
+  helpers.doKeys('3', ']', 'M');
+  helpers.assertCursorAt(15,0);
+  helpers.doKeys('5', '[', 'M');
+  helpers.assertCursorAt(7,3);
+}, { value: squareBracketMotionSandbox});
+
+// Ex mode tests
+testVim('ex_go_to_line', function(cm, vim, helpers) {
+  cm.setCursor(0, 0);
+  helpers.doEx('4');
+  helpers.assertCursorAt(3, 0);
+}, { value: 'a\nb\nc\nd\ne\n'});
+testVim('ex_write', function(cm, vim, helpers) {
+  var tmp = CodeMirror.commands.save;
+  var written;
+  var actualCm;
+  CodeMirror.commands.save = function(cm) {
+    written = true;
+    actualCm = cm;
+  };
+  // Test that w, wr, wri ... write all trigger :write.
+  var command = 'write';
+  for (var i = 1; i < command.length; i++) {
+    written = false;
+    actualCm = null;
+    helpers.doEx(command.substring(0, i));
+    eq(written, true);
+    eq(actualCm, cm);
+  }
+  CodeMirror.commands.save = tmp;
+});
+testVim('ex_sort', function(cm, vim, helpers) {
+  helpers.doEx('sort');
+  eq('Z\na\nb\nc\nd', cm.getValue());
+}, { value: 'b\nZ\nd\nc\na'});
+testVim('ex_sort_reverse', function(cm, vim, helpers) {
+  helpers.doEx('sort!');
+  eq('d\nc\nb\na', cm.getValue());
+}, { value: 'b\nd\nc\na'});
+testVim('ex_sort_range', function(cm, vim, helpers) {
+  helpers.doEx('2,3sort');
+  eq('b\nc\nd\na', cm.getValue());
+}, { value: 'b\nd\nc\na'});
+testVim('ex_sort_oneline', function(cm, vim, helpers) {
+  helpers.doEx('2sort');
+  // Expect no change.
+  eq('b\nd\nc\na', cm.getValue());
+}, { value: 'b\nd\nc\na'});
+testVim('ex_sort_ignoreCase', function(cm, vim, helpers) {
+  helpers.doEx('sort i');
+  eq('a\nb\nc\nd\nZ', cm.getValue());
+}, { value: 'b\nZ\nd\nc\na'});
+testVim('ex_sort_unique', function(cm, vim, helpers) {
+  helpers.doEx('sort u');
+  eq('Z\na\nb\nc\nd', cm.getValue());
+}, { value: 'b\nZ\na\na\nd\na\nc\na'});
+testVim('ex_sort_decimal', function(cm, vim, helpers) {
+  helpers.doEx('sort d');
+  eq('d3\n s5\n6\n.9', cm.getValue());
+}, { value: '6\nd3\n s5\n.9'});
+testVim('ex_sort_decimal_negative', function(cm, vim, helpers) {
+  helpers.doEx('sort d');
+  eq('z-9\nd3\n s5\n6\n.9', cm.getValue());
+}, { value: '6\nd3\n s5\n.9\nz-9'});
+testVim('ex_sort_decimal_reverse', function(cm, vim, helpers) {
+  helpers.doEx('sort! d');
+  eq('.9\n6\n s5\nd3', cm.getValue());
+}, { value: '6\nd3\n s5\n.9'});
+testVim('ex_sort_hex', function(cm, vim, helpers) {
+  helpers.doEx('sort x');
+  eq(' s5\n6\n.9\n&0xB\nd3', cm.getValue());
+}, { value: '6\nd3\n s5\n&0xB\n.9'});
+testVim('ex_sort_octal', function(cm, vim, helpers) {
+  helpers.doEx('sort o');
+  eq('.8\n.9\nd3\n s5\n6', cm.getValue());
+}, { value: '6\nd3\n s5\n.9\n.8'});
+testVim('ex_sort_decimal_mixed', function(cm, vim, helpers) {
+  helpers.doEx('sort d');
+  eq('y\nz\nc1\nb2\na3', cm.getValue());
+}, { value: 'a3\nz\nc1\ny\nb2'});
+testVim('ex_sort_decimal_mixed_reverse', function(cm, vim, helpers) {
+  helpers.doEx('sort! d');
+  eq('a3\nb2\nc1\nz\ny', cm.getValue());
+}, { value: 'a3\nz\nc1\ny\nb2'});
+testVim('ex_substitute_same_line', function(cm, vim, helpers) {
+  cm.setCursor(1, 0);
+  helpers.doEx('s/one/two');
+  eq('one one\n two two', cm.getValue());
+}, { value: 'one one\n one one'});
+testVim('ex_substitute_global', function(cm, vim, helpers) {
+  cm.setCursor(1, 0);
+  helpers.doEx('%s/one/two');
+  eq('two two\n two two', cm.getValue());
+}, { value: 'one one\n one one'});
+testVim('ex_substitute_input_range', function(cm, vim, helpers) {
+  cm.setCursor(1, 0);
+  helpers.doEx('1,3s/\\d/0');
+  eq('0\n0\n0\n4', cm.getValue());
+}, { value: '1\n2\n3\n4' });
+testVim('ex_substitute_visual_range', function(cm, vim, helpers) {
+  cm.setCursor(1, 0);
+  // Set last visual mode selection marks '< and '> at lines 2 and 4
+  helpers.doKeys('V', '2', 'j', 'v');
+  helpers.doEx('\'<,\'>s/\\d/0');
+  eq('1\n0\n0\n0\n5', cm.getValue());
+}, { value: '1\n2\n3\n4\n5' });
+testVim('ex_substitute_capture', function(cm, vim, helpers) {
+  cm.setCursor(1, 0);
+  helpers.doEx('s/(\\d+)/$1$1/')
+  eq('a1111 a1212 a1313', cm.getValue());
+}, { value: 'a11 a12 a13' });
+testVim('ex_substitute_empty_query', function(cm, vim, helpers) {
+  // If the query is empty, use last query.
+  cm.setCursor(1, 0);
+  cm.openDialog = helpers.fakeOpenDialog('1');
+  helpers.doKeys('/');
+  helpers.doEx('s//b');
+  eq('abb ab2 ab3', cm.getValue());
+}, { value: 'a11 a12 a13' });
+testVim('ex_substitute_count', function(cm, vim, helpers) {
+  cm.setCursor(1, 0);
+  helpers.doEx('s/\\d/0/i 2');
+  eq('1\n0\n0\n4', cm.getValue());
+}, { value: '1\n2\n3\n4' });
+testVim('ex_substitute_count_with_range', function(cm, vim, helpers) {
+  cm.setCursor(1, 0);
+  helpers.doEx('1,3s/\\d/0/ 3');
+  eq('1\n2\n0\n0', cm.getValue());
+}, { value: '1\n2\n3\n4' });
+function testSubstituteConfirm(name, command, initialValue, expectedValue, keys, finalPos) {
+  testVim(name, function(cm, vim, helpers) {
+    var savedOpenDialog = cm.openDialog;
+    var savedKeyName = CodeMirror.keyName;
+    var onKeyDown;
+    var recordedCallback;
+    var closed = true; // Start out closed, set false on second openDialog.
+    function close() {
+      closed = true;
+    }
+    // First openDialog should save callback.
+    cm.openDialog = function(template, callback, options) {
+      recordedCallback = callback;
+    }
+    // Do first openDialog.
+    helpers.doKeys(':');
+    // Second openDialog should save keyDown handler.
+    cm.openDialog = function(template, callback, options) {
+      onKeyDown = options.onKeyDown;
+      closed = false;
+    };
+    // Return the command to Vim and trigger second openDialog.
+    recordedCallback(command);
+    // The event should really use keyCode, but here just mock it out and use
+    // key and replace keyName to just return key.
+    CodeMirror.keyName = function (e) { return e.key; }
+    keys = keys.toUpperCase();
+    for (var i = 0; i < keys.length; i++) {
+      is(!closed);
+      onKeyDown({ key: keys.charAt(i) }, '', close);
+    }
+    try {
+      eq(expectedValue, cm.getValue());
+      helpers.assertCursorAt(finalPos);
+      is(closed);
+    } catch(e) {
+      throw e
+    } finally {
+      // Restore overriden functions.
+      CodeMirror.keyName = savedKeyName;
+      cm.openDialog = savedOpenDialog;
+    }
+  }, { value: initialValue });
+};
+testSubstituteConfirm('ex_substitute_confirm_emptydoc',
+    '%s/x/b/c', '', '', '', makeCursor(0, 0));
+testSubstituteConfirm('ex_substitute_confirm_nomatch',
+    '%s/x/b/c', 'ba a\nbab', 'ba a\nbab', '', makeCursor(0, 0));
+testSubstituteConfirm('ex_substitute_confirm_accept',
+    '%s/a/b/c', 'ba a\nbab', 'bb b\nbbb', 'yyy', makeCursor(1, 1));
+testSubstituteConfirm('ex_substitute_confirm_random_keys',
+    '%s/a/b/c', 'ba a\nbab', 'bb b\nbbb', 'ysdkywerty', makeCursor(1, 1));
+testSubstituteConfirm('ex_substitute_confirm_some',
+    '%s/a/b/c', 'ba a\nbab', 'bb a\nbbb', 'yny', makeCursor(1, 1));
+testSubstituteConfirm('ex_substitute_confirm_all',
+    '%s/a/b/c', 'ba a\nbab', 'bb b\nbbb', 'a', makeCursor(1, 1));
+testSubstituteConfirm('ex_substitute_confirm_accept_then_all',
+    '%s/a/b/c', 'ba a\nbab', 'bb b\nbbb', 'ya', makeCursor(1, 1));
+testSubstituteConfirm('ex_substitute_confirm_quit',
+    '%s/a/b/c', 'ba a\nbab', 'bb a\nbab', 'yq', makeCursor(0, 3));
+testSubstituteConfirm('ex_substitute_confirm_last',
+    '%s/a/b/c', 'ba a\nbab', 'bb b\nbab', 'yl', makeCursor(0, 3));
+testSubstituteConfirm('ex_substitute_confirm_oneline',
+    '1s/a/b/c', 'ba a\nbab', 'bb b\nbab', 'yl', makeCursor(0, 3));
+testSubstituteConfirm('ex_substitute_confirm_range_accept',
+    '1,2s/a/b/c', 'aa\na \na\na', 'bb\nb \na\na', 'yyy', makeCursor(1, 0));
+testSubstituteConfirm('ex_substitute_confirm_range_some',
+    '1,3s/a/b/c', 'aa\na \na\na', 'ba\nb \nb\na', 'ynyy', makeCursor(2, 0));
+testSubstituteConfirm('ex_substitute_confirm_range_all',
+    '1,3s/a/b/c', 'aa\na \na\na', 'bb\nb \nb\na', 'a', makeCursor(2, 0));
+testSubstituteConfirm('ex_substitute_confirm_range_last',
+    '1,3s/a/b/c', 'aa\na \na\na', 'bb\nb \na\na', 'yyl', makeCursor(1, 0));
+//:noh should clear highlighting of search-results but allow to resume search through n
+testVim('ex_noh_clearSearchHighlight', function(cm, vim, helpers) {
+  cm.openDialog = helpers.fakeOpenDialog('match');
+  helpers.doKeys('?');
+  helpers.doEx('noh');
+  eq(vim.searchState_.getOverlay(),null,'match-highlighting wasn\'t cleared');
+  helpers.doKeys('n');
+  helpers.assertCursorAt(0, 11,'can\'t resume search after clearing highlighting');
+}, { value: 'match nope match \n nope Match' });
+// TODO: Reset key maps after each test.
+testVim('ex_map_key2key', function(cm, vim, helpers) {
+  helpers.doEx('map a x');
+  helpers.doKeys('a');
+  helpers.assertCursorAt(0, 0);
+  eq('bc', cm.getValue());
+}, { value: 'abc' });
+testVim('ex_map_key2key_to_colon', function(cm, vim, helpers) {
+  helpers.doEx('map ; :');
+  var dialogOpened = false;
+  cm.openDialog = function() {
+    dialogOpened = true;
+  }
+  helpers.doKeys(';');
+  eq(dialogOpened, true);
+});
+testVim('ex_map_ex2key:', function(cm, vim, helpers) {
+  helpers.doEx('map :del x');
+  helpers.doEx('del');
+  helpers.assertCursorAt(0, 0);
+  eq('bc', cm.getValue());
+}, { value: 'abc' });
+testVim('ex_map_ex2ex', function(cm, vim, helpers) {
+  helpers.doEx('map :del :w');
+  var tmp = CodeMirror.commands.save;
+  var written = false;
+  var actualCm;
+  CodeMirror.commands.save = function(cm) {
+    written = true;
+    actualCm = cm;
+  };
+  helpers.doEx('del');
+  CodeMirror.commands.save = tmp;
+  eq(written, true);
+  eq(actualCm, cm);
+});
+testVim('ex_map_key2ex', function(cm, vim, helpers) {
+  helpers.doEx('map a :w');
+  var tmp = CodeMirror.commands.save;
+  var written = false;
+  var actualCm;
+  CodeMirror.commands.save = function(cm) {
+    written = true;
+    actualCm = cm;
+  };
+  helpers.doKeys('a');
+  CodeMirror.commands.save = tmp;
+  eq(written, true);
+  eq(actualCm, cm);
+});
+// Testing registration of functions as ex-commands and mapping to <Key>-keys
+testVim('ex_api_test', function(cm, vim, helpers) {
+  var res=false;
+  var val='from';
+  CodeMirror.Vim.defineEx('extest','ext',function(cm,params){
+    if(params.args)val=params.args[0];
+    else res=true;
+  });
+  helpers.doEx(':ext to');
+  eq(val,'to','Defining ex-command failed');
+  CodeMirror.Vim.map('<C-CR><Space>',':ext');
+  helpers.doKeys('<C-CR>','<Space>');
+  is(res,'Mapping to key failed');
+});
+// For now, this test needs to be last because it messes up : for future tests.
+testVim('ex_map_key2key_from_colon', function(cm, vim, helpers) {
+  helpers.doEx('map : x');
+  helpers.doKeys(':');
+  helpers.assertCursorAt(0, 0);
+  eq('bc', cm.getValue());
+}, { value: 'abc' });
diff --git a/src/main/webapp/codemirror/theme/3024-day.css b/src/main/webapp/codemirror/theme/3024-day.css
new file mode 100644
index 00000000..cbb9a4fa
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/3024-day.css
@@ -0,0 +1,34 @@
+/*
+
+    Name:       3024 day
+    Author:     Jan T. Sott (http://github.com/idleberg)
+
+    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
+    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
+
+*/
+
+.cm-s-3024-day.CodeMirror {background: #f7f7f7; color: #3a3432;}
+.cm-s-3024-day div.CodeMirror-selected {background: #d6d5d4 !important;}
+.cm-s-3024-day .CodeMirror-gutters {background: #f7f7f7; border-right: 0px;}
+.cm-s-3024-day .CodeMirror-linenumber {color: #807d7c;}
+.cm-s-3024-day .CodeMirror-cursor {border-left: 1px solid #5c5855 !important;}
+
+.cm-s-3024-day span.cm-comment {color: #cdab53;}
+.cm-s-3024-day span.cm-atom {color: #a16a94;}
+.cm-s-3024-day span.cm-number {color: #a16a94;}
+
+.cm-s-3024-day span.cm-property, .cm-s-3024-day span.cm-attribute {color: #01a252;}
+.cm-s-3024-day span.cm-keyword {color: #db2d20;}
+.cm-s-3024-day span.cm-string {color: #fded02;}
+
+.cm-s-3024-day span.cm-variable {color: #01a252;}
+.cm-s-3024-day span.cm-variable-2 {color: #01a0e4;}
+.cm-s-3024-day span.cm-def {color: #e8bbd0;}
+.cm-s-3024-day span.cm-bracket {color: #3a3432;}
+.cm-s-3024-day span.cm-tag {color: #db2d20;}
+.cm-s-3024-day span.cm-link {color: #a16a94;}
+.cm-s-3024-day span.cm-error {background: #db2d20; color: #5c5855;}
+
+.cm-s-3024-day .CodeMirror-activeline-background {background: #e8f2ff !important;}
+.cm-s-3024-day .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
diff --git a/src/main/webapp/codemirror/theme/3024-night.css b/src/main/webapp/codemirror/theme/3024-night.css
new file mode 100644
index 00000000..2c62e221
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/3024-night.css
@@ -0,0 +1,34 @@
+/*
+
+    Name:       3024 night
+    Author:     Jan T. Sott (http://github.com/idleberg)
+
+    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
+    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
+
+*/
+
+.cm-s-3024-night.CodeMirror {background: #090300; color: #d6d5d4;}
+.cm-s-3024-night div.CodeMirror-selected {background: #3a3432 !important;}
+.cm-s-3024-night .CodeMirror-gutters {background: #090300; border-right: 0px;}
+.cm-s-3024-night .CodeMirror-linenumber {color: #5c5855;}
+.cm-s-3024-night .CodeMirror-cursor {border-left: 1px solid #807d7c !important;}
+
+.cm-s-3024-night span.cm-comment {color: #cdab53;}
+.cm-s-3024-night span.cm-atom {color: #a16a94;}
+.cm-s-3024-night span.cm-number {color: #a16a94;}
+
+.cm-s-3024-night span.cm-property, .cm-s-3024-night span.cm-attribute {color: #01a252;}
+.cm-s-3024-night span.cm-keyword {color: #db2d20;}
+.cm-s-3024-night span.cm-string {color: #fded02;}
+
+.cm-s-3024-night span.cm-variable {color: #01a252;}
+.cm-s-3024-night span.cm-variable-2 {color: #01a0e4;}
+.cm-s-3024-night span.cm-def {color: #e8bbd0;}
+.cm-s-3024-night span.cm-bracket {color: #d6d5d4;}
+.cm-s-3024-night span.cm-tag {color: #db2d20;}
+.cm-s-3024-night span.cm-link {color: #a16a94;}
+.cm-s-3024-night span.cm-error {background: #db2d20; color: #807d7c;}
+
+.cm-s-3024-night .CodeMirror-activeline-background {background: #2F2F2F !important;}
+.cm-s-3024-night .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
diff --git a/src/main/webapp/codemirror/theme/ambiance-mobile.css b/src/main/webapp/codemirror/theme/ambiance-mobile.css
new file mode 100644
index 00000000..88d332e1
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/ambiance-mobile.css
@@ -0,0 +1,5 @@
+.cm-s-ambiance.CodeMirror {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
diff --git a/src/main/webapp/codemirror/theme/ambiance.css b/src/main/webapp/codemirror/theme/ambiance.css
new file mode 100644
index 00000000..3a54b2a0
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/ambiance.css
@@ -0,0 +1,75 @@
+/* ambiance theme for codemirror */
+
+/* Color scheme */
+
+.cm-s-ambiance .cm-keyword { color: #cda869; }
+.cm-s-ambiance .cm-atom { color: #CF7EA9; }
+.cm-s-ambiance .cm-number { color: #78CF8A; }
+.cm-s-ambiance .cm-def { color: #aac6e3; }
+.cm-s-ambiance .cm-variable { color: #ffb795; }
+.cm-s-ambiance .cm-variable-2 { color: #eed1b3; }
+.cm-s-ambiance .cm-variable-3 { color: #faded3; }
+.cm-s-ambiance .cm-property { color: #eed1b3; }
+.cm-s-ambiance .cm-operator {color: #fa8d6a;}
+.cm-s-ambiance .cm-comment { color: #555; font-style:italic; }
+.cm-s-ambiance .cm-string { color: #8f9d6a; }
+.cm-s-ambiance .cm-string-2 { color: #9d937c; }
+.cm-s-ambiance .cm-meta { color: #D2A8A1; }
+.cm-s-ambiance .cm-qualifier { color: yellow; }
+.cm-s-ambiance .cm-builtin { color: #9999cc; }
+.cm-s-ambiance .cm-bracket { color: #24C2C7; }
+.cm-s-ambiance .cm-tag { color: #fee4ff }
+.cm-s-ambiance .cm-attribute {  color: #9B859D; }
+.cm-s-ambiance .cm-header {color: blue;}
+.cm-s-ambiance .cm-quote { color: #24C2C7; }
+.cm-s-ambiance .cm-hr { color: pink; }
+.cm-s-ambiance .cm-link { color: #F4C20B; }
+.cm-s-ambiance .cm-special { color: #FF9D00; }
+.cm-s-ambiance .cm-error { color: #AF2018; }
+
+.cm-s-ambiance .CodeMirror-matchingbracket { color: #0f0; }
+.cm-s-ambiance .CodeMirror-nonmatchingbracket { color: #f22; }
+
+.cm-s-ambiance .CodeMirror-selected {
+  background: rgba(255, 255, 255, 0.15);
+}
+.cm-s-ambiance.CodeMirror-focused .CodeMirror-selected {
+  background: rgba(255, 255, 255, 0.10);
+}
+
+/* Editor styling */
+
+.cm-s-ambiance.CodeMirror {
+  line-height: 1.40em;
+  font-family: Monaco, Menlo,"Andale Mono","lucida console","Courier New",monospace !important;
+  color: #E6E1DC;
+  background-color: #202020;
+  -webkit-box-shadow: inset 0 0 10px black;
+  -moz-box-shadow: inset 0 0 10px black;
+  box-shadow: inset 0 0 10px black;
+}
+
+.cm-s-ambiance .CodeMirror-gutters {
+  background: #3D3D3D;
+  border-right: 1px solid #4D4D4D;
+  box-shadow: 0 10px 20px black;
+}
+
+.cm-s-ambiance .CodeMirror-linenumber {
+  text-shadow: 0px 1px 1px #4d4d4d;
+  color: #222;
+  padding: 0 5px;
+}
+
+.cm-s-ambiance .CodeMirror-lines .CodeMirror-cursor {
+  border-left: 1px solid #7991E8;
+}
+
+.cm-s-ambiance .CodeMirror-activeline-background {
+  background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.031);
+}
+
+.cm-s-ambiance.CodeMirror,
+.cm-s-ambiance .CodeMirror-gutters {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAQAAAAHUWYVAABFFUlEQVQYGbzBCeDVU/74/6fj9HIcx/FRHx9JCFmzMyGRURhLZIkUsoeRfUjS2FNDtr6WkMhO9sm+S8maJfu+Jcsg+/o/c+Z4z/t97/vezy3z+z8ekGlnYICG/o7gdk+wmSHZ1z4pJItqapjoKXWahm8NmV6eOTbWUOp6/6a/XIg6GQqmenJ2lDHyvCFZ2cBDbmtHA043VFhHwXxClWmeYAdLhV00Bd85go8VmaFCkbVkzlQENzfBDZ5gtN7HwF0KDrTwJ0dypSOzpaKCMwQHKTIreYIxlmhXTzTWkVm+LTynZhiSBT3RZQ7aGfjGEd3qyXQ1FDymqbKxpspERQN2MiRjNZlFFQXfCNFm9nM1zpAsoYjmtRTc5ajwuaXc5xrWskT97RaKzAGe5ARHhVUsDbjKklziiX5WROcJwSNCNI+9w1Jwv4Zb2r7lCMZ4oq5C0EdTx+2GzNuKpJ+iFf38JEWkHJn9DNF7mmBDITrWEg0VWL3pHU20tSZnuqWu+R3BtYa8XxV1HO7GyD32UkOpL/yDloINFTmvtId+nmAjxRw40VMwVKiwrKLE4bK5UOVntYwhOcSSXKrJHKPJedocpGjVz/ZMIbnYUPB10/eKCrs5apqpgVmWzBYWpmtKHecJPjaUuEgRDDaU0oZghCJ6zNMQ5ZhDYx05r5v2muQdM0EILtXUsaKiQX9WMEUotagQzFbUNN6NUPC2nm5pxEWGCjMc3GdJHjSU2kORLK/JGSrkfGEIjncU/CYUnOipoYemwj8tST9NsJmB7TUVXtbUtXATJVZXBMvYeTXJfobgJUPmGMP/yFaWonaa6BcFO3nqcIqCozSZoZoSr1g4zJOzuyGnxTEX3lUEJ7WcZgme8ddaWvWJo2AJR9DZU3CUIbhCSG6ybSwN6qtJVnCU2svDTP2ZInOw2cBTrqtQahtNZn9NcJ4l2NaSmSkkP1noZWnVwkLmdUPOwLZEwy2Z3S3R+4rIG9hcbpPXHFVWcQdZkn2FOta3cKWQnNRC5g1LsJah4GCzSVsKnCOY5OAFRTBekyyryeyilhFKva75r4Mc0aWanGEaThcy31s439KKxTzJYY5WTHPU1FtIHjQU3Oip4xlNzj/lBw23dYZVliQa7WAXf4shetcQfatI+jWRDBPmyNeW6A1P5kdDgyYJlba0BIM8BZu1JfrFwItyjcAMR3K0BWOIrtMEXyhyrlVEx3ui5dUBjmB/Q3CXW85R4mBD0s7B+4q5tKUjOlb9qqmhi5AZ6GFIC5HXtOobdYGlVdMVbNJ8toNTFcHxnoL+muBagcctjWnbNMuR00uI7nQESwg5q2qqrKWIfrNUmeQocY6HuyxJV02wj36w00yhpmUFenv4p6fUkZYqLyuinx2RGOjhCXYyJF84oiU00YMOOhhquNdfbOB7gU88pY4xJO8LVdp6/q2voeB4R04vIdhSE40xZObx1HGGJ/ja0LBthFInKaLPPFzuCaYaoj8JjPME8yoyxo6zlBqkiUZYgq00OYMswbWO5NGmq+xhipxHLRW29ARjNKXO0wRnear8XSg4XFPLKEPUS1GqvyLwiuBUoa7zpZ0l5xxFwWmWZC1H5h5FwU8eQ7K+g8UcVY6TMQreVQT/8uQ8Z+ALIXnSEa2pYZQneE9RZbSBNYXfWYJzW/h/4j4Dp1tYVcFIC5019Vyi4ThPqSFCzjGWaHQTBU8q6vrVwgxP9Lkm840imWKpcLCjYTtrKuwvsKSnrvHCXGkSMk9p6lhckfRpIeis+N2PiszT+mFLspyGleUhDwcLrZqmyeylxwjBcKHEapqkmyangyLZRVOijwOtCY5SsG5zL0OwlCJ4y5KznF3EUNDDrinwiyLZRzOXtlBbK5ITHFGLp8Q0R6ab6mS7enI2cFrxOyHvOCFaT1HThS1krjCwqWeurCkk+willhCC+RSZnRXBiZaC5RXRIZYKp2lyfrHwiKPKR0JDzrdU2EFgpidawlFDR6FgXUMNa+g1FY3bUQh2cLCwosRdnuQTS/S+JVrGLeWIvtQUvONJxlqSQYYKpwoN2kaocLjdVsis4Mk80ESF2YpSkzwldjHkjFCUutI/r+EHDU8oCs6yzL3PhWiEooZdFMkymlas4AcI3KmoMMNSQ3tHzjGWCrcJJdYyZC7QFGwjRL9p+MrRkAGWzIaWCn9W0F3TsK01c2ZvQw0byvxuQU0r1lM0qJO7wW0kRIMdDTtXEdzi4VIh+EoIHm0mWtAtpCixlabgn83fKTI7anJe9ST7WIK1DMGpQmYeA58ImV6ezOGOzK2Kgq01pd60cKWiUi9Lievb/0vIDPHQ05Kzt4ddPckQBQtoaurjyHnek/nKzpQLrVgKPjIkh2v4uyezpv+Xoo7fPFXaGFp1vaLKxQ4uUpQQS5VuQs7BCq4xRJv7fwpVvvFEB3j+620haOuocqMhWd6TTPAEx+mdFNGHdranFe95WrWmIvlY4F1Dle2ECgc6cto7SryuqGGGha0tFQ5V53migUKmg6XKAo4qS3mik+0OZpAhOLeZKicacgaYcyx5hypYQE02ZA4xi/pNhOQxR4klNKyqacj+mpxnLTnnGSo85++3ZCZq6lrZkXlGEX3o+C9FieccJbZWVFjC0Yo1FZnJhoYMFoI1hEZ9r6hwg75HwzBNhbZCdJEfJwTPGzJvaKImw1yYX1HDAmpXR+ZJQ/SmgqMNVQb5vgamGwLtt7VwvP7Qk1xpiM5x5Cyv93E06MZmgs0Nya2azIKOYKCGBQQW97RmhKNKF02JZqHEJ4o58qp7X5EcZmc56trXEqzjCBZ1MFGR87Ql2tSTs6CGxS05PTzRQorkbw7aKoKXFDXsYW42VJih/q+FP2BdTzDTwVqOYB13liM50vG7wy28qagyuIXMeQI/Oqq8bcn5wJI50xH00CRntyfpL1T4hydYpoXgNiFzoIUTDZnLNRzh4TBHwbYGDvZkxmlyJloyr6tRihpeUG94GnKtIznREF0tzJG/OOr73JBcrSh1k6WuTprgLU+mnSGnv6Zge0NNz+kTDdH8nuAuTdJDCNb21LCiIuqlYbqGzT3RAoZofQfjFazkqeNWdYaGvYTM001EW2oKPvVk1ldUGSgUtHFwjKM1h9jnFcmy5lChoLNaQMGGDsYbKixlaMBmmsx1QjCfflwTfO/gckW0ruZ3jugKR3R5W9hGUWqCgxuFgsuaCHorotGKzGaeZB9DMsaTnKCpMtwTvOzhYk0rdrArKCqcaWmVk1+F372ur1YkKxgatI8Qfe1gIX9wE9FgS8ESmuABIXnRUbCapcKe+nO7slClSZFzpV/LkLncEb1qiO42fS3R855Su2mCLh62t1SYZZYVmKwIHjREF2uihTzB20JOkz7dkxzYQnK0UOU494wh+VWRc6Un2kpTaVgLDFEkJ/uhzRcI0YKGgpGWOlocBU/a4fKoJ/pEaNV6jip3+Es9VXY078rGnmAdf7t9ylPXS34RBSuYPs1UecZTU78WanhBCHpZ5sAoTz0LGZKjPf9TRypqWEiTvOFglL1fCEY3wY/++rbk7C8bWebA6p6om6PgOL2kp44TFJlVNBXae2rqqdZztOJpT87GQsE9jqCPIe9VReZuQ/CIgacsyZdCpIScSYqcZk8r+nsyCzhyfhOqHGOIvrLknC8wTpFcaYiGC/RU1NRbUeUpocQOnkRpGOrIOcNRx+1uA0UrzhSSt+VyS3SJpnFWkzNDqOFGIWcfR86DnmARTQ1HKIL33ExPiemeOhYSSjzlSUZZuE4TveoJLnBUOFof6KiysCbnAEcZgcUNTDOwkqWu3RWtmGpZwlHhJENdZ3miGz0lJlsKnjbwqSHQjpxnFDlTLLwqJPMZMjd7KrzkSG7VsxXBZE+F8YZkb01Oe00yyRK9psh5SYh29ySPKBo2ylNht7ZkZnsKenjKNJu9PNEyZpaCHv4Kt6RQsLvAVp7M9kIimmCUwGeWqLMmGuIotYMmWNpSahkhZw9FqZsVnKJhsjAHvtHMsTM9fCI06Dx/u3vfUXCqfsKRc4oFY2jMsoo/7DJDwZ1CsIKnJu+J9ldkpmiCxQx1rWjI+T9FwcWWzOuaYH0Hj7klNRVWEQpmaqosakiGNTFHdjS/qnUdmf0NJW5xsL0HhimCCZZSRzmSPTXJQ4aaztAwtZnoabebJ+htCaZ7Cm535ByoqXKbX1WRc4Eh2MkRXWzImVc96Cj4VdOKVxR84VdQsIUM8Psoou2byVHyZFuq7O8otbSQ2UAoeEWTudATLGSpZzVLlXVkPU2Jc+27lsw2jmg5T5VhbeE3BT083K9WsTTkFU/Osi0rC5lRlpwRHUiesNS0sOvmqGML1aRbPAxTJD9ZKtxuob+hhl8cwYGWpJ8nub7t5p6coYbMovZ1BTdaKn1jYD6h4GFDNFyT/Kqe1XCXphXHOKLZmuRSRdBPEfVUXQzJm5YGPGGJdvAEr7hHNdGZnuBvrpciGmopOLf5N0uVMy0FfYToJk90uUCbJupaVpO53UJXR2bVpoU00V2KOo4zMFrBd0Jtz2pa0clT5Q5L8IpQ177mWQejPMEJhuQjS10ref6HHjdEhy1P1EYR7GtO0uSsKJQYLiTnG1rVScj5lyazpqWGl5uBbRWl7m6ixGOOnEsMJR7z8J0n6KMnCdxhiNYQCoZ6CmYLnO8omC3MkW3bktlPmEt/VQQHejL3+dOE5FlPdK/Mq8hZxxJtLyRrepLThYKbLZxkSb5W52vYxNOaOxUF0yxMUPwBTYqCzy01XayYK0sJyWBLqX0MwU5CzoymRzV0EjjeUeLgDpTo6ij42ZAzvD01dHUUTPLU96MdLbBME8nFBn7zJCMtJcZokn8YoqU0FS5WFKyniHobguMcmW8N0XkWZjkyN3hqOMtS08r+/xTBwpZSZ3qiVRX8SzMHHjfUNFjgHEPmY9PL3ykEzxkSre/1ZD6z/NuznuB0RcE1TWTm9zRgfUWVJiG6yrzgmWPXC8EAR4Wxhlad0ZbgQyEz3pG5RVEwwDJH2mgKpjcTiCOzn1lfUWANFbZ2BA8balnEweJC9J0iuaeZoI+ippFCztEKVvckR2iice1JvhVytrQwUAZpgsubCPaU7xUe9vWnaOpaSBEspalykhC9bUlOMpT42ZHca6hyrqKmw/wMR8H5ZmdFoBVJb03O4UL0tSNnvIeRmkrLWqrs78gcrEn2tpcboh0UPOW3UUR9PMk4T4nnNKWmCjlrefhCwxRNztfmIQVdDElvS4m1/WuOujoZCs5XVOjtKPGokJzsYCtFYoWonSPT21DheU/wWhM19FcElwqNGOsp9Q8N/cwXaiND1MmeL1Q5XROtYYgGeFq1aTMsoMmcrKjQrOFQTQ1fmBYhmW6o8Jkjc7iDJRTBIo5kgJD5yMEYA3srCg7VFKwiVJkmRCc5ohGOKhsYMn/XBLdo5taZjlb9YAlGWRimqbCsoY7HFAXLa5I1HPRxMMsQDHFkWtRNniqT9UEeNjcE7RUlrCJ4R2CSJuqlKHWvJXjAUNcITYkenuBRB84TbeepcqTj3zZyFJzgYQdHnqfgI0ddUwS6GqWpsKWhjq9cV0vBAEMN2znq+EBfIWT+pClYw5xsTlJU6GeIBsjGmmANTzJZiIYpgrM0Oa8ZMjd7NP87jxhqGOhJlnQtjuQpB+8aEE00wZFznSJPyHxgH3HkPOsJFvYk8zqCHzTs1BYOa4J3PFU+UVRZxlHDM4YavlNUuMoRveiZA2d7grMNc2g+RbSCEKzmgYsUmWmazFJyoiOZ4KnyhKOGRzWJa0+moyV4TVHDzn51Awtqaphfk/lRQ08FX1iiqxTB/kLwd0VynKfEvI6cd4XMV5bMhZ7gZUWVzYQ6Nm2BYzxJbw3bGthEUUMfgbGeorae6DxHtJoZ6alhZ0+ytiVoK1R4z5PTrOECT/SugseEOlb1MMNR4VRNcJy+V1Hg9ONClSZFZjdHlc6W6FBLdJja2MC5hhpu0DBYEY1TFGwiFAxRRCsYkiM9JRb0JNMVkW6CZYT/2EiTGWmo8k+h4FhDNE7BvppoTSFnmCV5xZKzvcCdDo7VVPnIU+I+Rc68juApC90MwcFCsJ5hDqxgScYKreruyQwTqrzoqDCmhWi4IbhB0Yrt3RGa6GfDv52rKXWhh28dyZaWUvcZeMTBaZoSGyiCtRU5J8iviioHaErs7Jkj61syVzTTgOcUOQ8buFBTYWdL5g3T4qlpe0+wvD63heAXRfCCIed9RbCsp2CiI7raUOYOTU13N8PNHvpaGvayo4a3LLT1lDrVEPT2zLUlheB1R+ZTRfKWJ+dcocLJfi11vyJ51lLqJ0WD7tRwryezjiV5W28uJO9qykzX8JDe2lHl/9oyBwa2UMfOngpXCixvKdXTk3wrsKmiVYdZIqsoWEERjbcUNDuiaQomGoIbFdEHmsyWnuR+IeriKDVLnlawlyNHKwKlSU631PKep8J4Q+ayjkSLKYLhalNHlYvttb6fHm0p6OApsZ4l2VfdqZkjuysy6ysKLlckf1KUutCTs39bmCgEyyoasIWlVaMF7mgmWtBT8Kol5xpH9IGllo8cJdopcvZ2sImlDmMIbtDk3KIpeNiS08lQw11NFPTwVFlPP6pJ2gvRfI7gQUfmNAtf6Gs0wQxDsKGlVBdF8rCa3jzdwMaGHOsItrZk7hAyOzpK9VS06j5F49b0VNGOOfKs3lDToMsMBe9ZWtHFEgxTJLs7qrygKZjUnmCYoeAqeU6jqWuLJup4WghOdvCYJnrSkSzoyRkm5M2StQwVltPkfCAk58tET/CSg+8MUecmotMEnhBKfWBIZsg2ihruMJQaoIm+tkTLKEqspMh00w95gvFCQRtDwTT1gVDDSEVdlwqZfxoQRbK0g+tbiBZxzKlpnpypejdDwTaeOvorMk/IJE10h9CqRe28hhLbe0pMsdSwv4ZbhKivo2BjDWfL8UKJgeavwlwb5KlwhyE4u4XkGE2ytZCznKLCDZZq42VzT8HLCrpruFbIfOIINmh/qCdZ1ZBc65kLHR1Bkyf5zn6pN3SvGKIlFNGplhrO9QSXanLOMQTLCa0YJCRrCZm/CZmrLTm7WzCK4GJDiWUdFeYx1LCFg3NMd0XmCuF3Y5rITLDUsYS9zoHVzwnJoYpSTQoObyEzr4cFBNqYTopoaU/wkyLZ2lPhX/5Y95ulxGTV7KjhWrOZgl8MyUUafjYraNjNU1N3IWcjT5WzWqjwtoarHSUObGYO3GCJZpsBlnJGPd6ZYLyl1GdCA2625IwwJDP8GUKymbzuyPlZlvTUsaUh5zFDhRWFzPKKZLAlWdcQbObgF9tOqOsmB1dqcqYJmWstFbZRRI9poolmqiLnU0POvxScpah2iSL5UJNzgScY5+AuIbpO0YD3NCW+dLMszFSdFCWGqG6eVq2uYVNDdICGD6W7EPRWZEY5gpsE9rUkS3mijzzJnm6UpUFXG1hCUeVoS5WfNcFpblELL2qqrCvMvRfd45oalvKU2tiQ6ePJOVMRXase9iTtLJztPxJKLWpo2CRDcJwn2sWSLKIO1WQWNTCvpVUvOZhgSC40JD0dOctaSqzkCRbXsKlb11Oip6PCJ0IwSJM31j3akRxlP7Rwn6aGaUL0qiLnJkvB3xWZ2+Q1TfCwpQH3G0o92UzmX4o/oJNQMMSQc547wVHhdk+VCw01DFYEnTxzZKAm74QmeNNR1w6WzEhNK15VJzuCdxQ53dRUDws5KvwgBMOEgpcVNe0hZI6RXT1Jd0cyj5nsaEAHgVmGaJIlWdsc5Ui2ElrRR6jrRAttNMEAIWrTDFubkZaok7/AkzfIwfuWVq0jHzuCK4QabtLUMVPB3kJ0oyHTSVFlqMALilJf2Rf8k5aaHtMfayocLBS8L89oKoxpJvnAkDPa0qp5DAUTHKWmCcnthlou8iCKaFFLHWcINd1nyIwXqrSxMNmSs6KmoL2QrKuWtlQ5V0120xQ5vRyZS1rgFkWwhiOwiuQbR0OOVhQM9iS3tiXp4RawRPMp5tDletOOBL95MpM01dZTBM9pkn5qF010rIeHFcFZhmSGpYpTsI6nwhqe5C9ynhlpp5ophuRb6WcJFldkVnVEwwxVfrVkvnWUuNLCg5bgboFHPDlDPDmnK7hUrWiIbjadDclujlZcaokOFup4Ri1kacV6jmrrK1hN9bGwpKEBQ4Q6DvIUXOmo6U5LqQM6EPyiKNjVkPnJkDPNEaxhiFay5ExW1NXVUGqcpYYdPcGiCq7z/TSlbhL4pplWXKd7NZO5QQFrefhRQW/NHOsqcIglc4UhWklR8K0QzbAw08CBDnpbgqXdeD/QUsM4RZXDFBW6WJKe/mFPdH0LtBgiq57wFLzlyQzz82qYx5D5WJP5yVJDW01BfyHnS6HKO/reZqId1WGa4Hkh2kWodJ8i6KoIPlAj2hPt76CzXsVR6koPRzWTfKqIentatYpQw2me4AA3y1Kind3SwoOKZDcFXTwl9tWU6mfgRk9d71sKtlNwrjnYw5tC5n5LdKiGry3JKNlHEd3oaMCFHrazBPMp/uNJ+V7IudcSbeOIdjUEdwl0VHCOZo5t6YluEuaC9mQeMgSfOyKnYGFHcIeQ84yQWbuJYJpZw5CzglDH7gKnWqqM9ZTaXcN0TeYhR84eQtJT76JJ1lREe7WnnvsMmRc9FQ7SBBM9mV3lCUdmHk/S2RAMt0QjFNFqQpWjDPQ01DXWUdDBkXziKPjGEP3VP+zIWU2t7im41FOloyWzn/L6dkUy3VLDaZ6appgDLHPjJEsyvJngWEPUyVBiAaHCTEXwrLvSEbV1e1gKJniicWorC1MUrVjB3uDhJE/wgSOzk1DXpk0k73qCM8xw2UvD5kJmDUfOomqMpWCkJRlvKXGmoeBm18USjVIk04SClxTB6YrgLAPLWYK9HLUt5cmc0vYES8GnTeRc6skZbQkWdxRsIcyBRzx1DbTk9FbU0caTPOgJHhJKnOGIVhQqvKmo0llRw9sabrZkDtdg3PqaKi9oatjY8B+G371paMg6+mZFNNtQ04mWBq3rYLOmtWWQp8KJnpy9DdFensyjdqZ+yY40VJlH8wcdLzC8PZnvHMFUTZUrDTkLyQaGus5X5LzpYAf3i+e/ZlhqGqWhh6Ou6xTR9Z6oi5AZZtp7Mj2EEm8oSpxiYZCHU/1fbGdNNNRRoZMhmilEb2gqHOEJDtXkHK/JnG6IrvbPCwV3NhONVdS1thBMs1T4QOBcTWa2IzhMk2nW5Kyn9tXUtpv9RsG2msxk+ZsQzRQacJncpgke0+T8y5Fzj8BiGo7XlJjaTIlpQs7KFjpqGnKuoyEPeIKnFMkZHvopgh81ySxNFWvJWcKRs70j2FOT012IllEEO1n4pD1513Yg2ssQPOThOkvyrqHUdEXOSEsihmBbTbKX1kLBPWqWkLOqJbjB3GBIZmoa8qWl4CG/iZ7oiA72ZL7TJNeZUY7kFQftDcHHluBzRbCegzMtrRjVQpX2lgoPKKLJAkcbMl01XK2p7yhL8pCBbQ3BN2avJgKvttcrWDK3CiUOVxQ8ZP+pqXKyIxnmBymCg5vJjNfkPK4+c8cIfK8ocVt7kmfd/I5SR1hKvCzUtb+lhgc00ZaO6CyhIQP1Uv4yIZjload72PXX0OIJvnFU+0Zf6MhsJwTfW0r0UwQfW4LNLZl5HK261JCZ4qnBaAreVAS3WrjV0LBnNDUNNDToCEeFfwgcb4gOEqLRhirWkexrCEYKVV711DLYEE1XBEsp5tpTGjorkomKYF9FDXv7fR3BGwbettSxnyL53MBPjsxDZjMh+VUW9NRxq1DhVk+FSxQcaGjV9Pawv6eGByw5qzoy7xk4RsOShqjJwWKe/1pEEfzkobeD/dQJmpqedcyBTy2sr4nGNRH0c0SPWTLrqAc0OQcb/gemKgqucQT7ySWKCn2EUotoCvpZct7RO2sy/QW0IWcXd7pQRQyZVwT2USRO87uhjioTLKV2brpMUcMQRbKH/N2T+UlTpaMls6cmc6CCNy3JdYYSUzzJQ4oSD3oKLncULOiJvjBEC2oqnCJkJluCYy2ZQ5so9YYlZ1VLlQU1mXEW1jZERwj/MUSRc24TdexlqLKfQBtDTScJUV8FszXBEY5ktpD5Ur9hYB4Nb1iikw3JoYpkKX+RodRKFt53MMuRnKSpY31PwYaGaILh3wxJGz9TkTPEETxoCWZrgvOlmyMzxFEwVJE5xZKzvyJ4WxEc16Gd4Xe3Weq4XH2jKRikqOkGQ87hQnC7wBmGYLAnesX3M+S87eFATauuN+Qcrh7xIxXJbUIdMw3JGE3ylCWzrieaqCn4zhGM19TQ3z1oH1AX+pWEqIc7wNGAkULBo/ZxRaV9NNyh4Br3rCHZzbzmSfawBL0dNRwpW1kK9mxPXR9povcdrGSZK9c2k0xwFGzjuniCtRSZCZ6ccZ7gaktmgAOtKbG/JnOkJrjcQTdFMsxRQ2cLY3WTIrlCw1eWKn8R6pvt4GFDso3QoL4a3nLk3G6JrtME3dSenpx7PNFTmga0EaJTLQ061sEeQoWXhSo9LTXsaSjoJQRXeZLtDclbCrYzfzHHeaKjHCVOUkQHO3JeEepr56mhiyaYYKjjNU+Fed1wS5VlhWSqI/hYUdDOkaxiKehoyOnrCV5yBHtbWFqTHCCwtpDcYolesVR5yUzTZBb3RNMd0d6WP+SvhuBmRcGxnuQzT95IC285cr41cLGQ6aJJhmi4TMGempxeimBRQw1tFKV+8jd6KuzoSTqqDxzRtpZkurvKEHxlqXKRIjjfUNNXQsNOsRScoWFLT+YeRZVD3GRN0MdQcKqQjHDMrdGGVu3iYJpQx3WGUvfbmxwFfR20WBq0oYY7LMFhhgYtr8jpaEnaOzjawWWaTP8mMr0t/EPDPoqcnxTBI5o58L7uoWnMrpoqPwgVrlAUWE+V+TQl9rawoyP6QGAlQw2TPRX+YSkxyBC8Z6jhHkXBgQL7WII3DVFnRfCrBfxewv9D6xsyjys4VkhWb9pUU627JllV0YDNHMku/ldNMMXDEo4aFnAkk4U6frNEU4XgZUPmEKHUl44KrzmYamjAbh0JFvGnaTLPu1s9jPCwjFpYiN7z1DTOk/nc07CfDFzmCf7i+bfNHXhDtLeBXzTBT5rkMvWOIxpl4EMh2LGJBu2syDnAEx2naEhHDWMMzPZEhygyS1mS5RTJr5ZkoKbEUoYqr2kqdDUE8ztK7OaIntJkFrIECwv8LJTaVx5XJE86go8dFeZ3FN3rjabCAYpoYEeC9zzJVULBbmZhDyd7ko09ydpNZ3nm2Kee4FPPXHnYEF1nqOFEC08LUVcDvYXkJHW8gTaKCk9YGOeIJhqiE4ToPEepdp7IWFjdwnWaufGMwJJCMtUTTBBK9BGCOy2tGGrJTHIwyEOzp6aPzNMOtlZkDvcEWpP5SVNhfkvDxhmSazTJXYrM9U1E0xwFVwqZQwzJxw6+kGGGUj2FglGGmnb1/G51udRSMNlTw6GGnCcUwVcOpmsqTHa06o72sw1RL02p9z0VbnMLOaIX3QKaYKSCFQzBKEUNHTSc48k53RH9wxGMtpQa5KjjW0W0n6XCCCG4yxNNdhQ4R4l1Ff+2sSd6UFHiIEOyqqFgT01mEUMD+joy75jPhOA+oVVLm309FR4yVOlp4RhLiScNmSmaYF5Pw0STrOIoWMSR2UkRXOMp+M4SHW8o8Zoi6OZgjKOaFar8zZDzkWzvKOjkKBjmCXby8JahhjXULY4KlzgKLvAwxVGhvyd4zxB1d9T0piazmKLCVZY5sKiD0y2ZSYrkUEPUbIk+dlQ4SJHTR50k1DPaUWIdTZW9NJwnJMOECgd7ou/MnppMJ02O1VT4Wsh85MnZzcFTngpXGKo84qmwgKbCL/orR/SzJ2crA+t6Mp94KvxJUeIbT3CQu1uIdlQEOzlKfS3UMcrTiFmOuroocrZrT2AcmamOKg8YomeEKm/rlT2sociMaybaUlFhuqHCM2qIJ+rg4EcDFymiDSxzaHdPcpE62pD5kyM5SBMoA1PaUtfIthS85ig1VPiPPYXgYEMNk4Qq7TXBgo7oT57gPUdwgCHzhIVFPFU6OYJzHAX9m5oNrVjeE61miDrqQ4VSa1oiURTsKHC0IfjNwU2WzK6eqK8jWln4g15TVBnqmDteCJ501PGAocJhhqjZdtBEB6lnhLreFJKxmlKbeGrqLiSThVIbCdGzloasa6lpMQXHCME2boLpJgT7yWaemu6wBONbqGNVRS0PKIL7LckbjmQtR7K8I5qtqel+T/ChJTNIKLjdUMNIRyvOEko9YYl2cwQveBikCNawJKcLBbc7+JM92mysNvd/Fqp8a0k6CNEe7cnZrxlW0wQXaXjaktnRwNOGZKYiONwS7a1JVheq3WgJHlQUGKHKmp4KAxXR/ULURcNgoa4zhKSLpZR3kxRRb0NmD0OFn+UCS7CzI1nbP6+o4x47QZE5xRCt3ZagnYcvmpYQktXdk5YKXTzBC57kKEe0VVuiSYqapssMS3C9p2CKkHOg8B8Pa8p5atrIw3qezIWanMGa5HRDNF6RM9wcacl0N+Q8Z8hsIkSnaIIdHRUOEebAPy1zbCkhM062FCJtif7PU+UtoVXzWKqM1PxXO8cfdruhFQ/a6x3JKYagvVDhQEtNiyiiSQ7OsuRsZUku0CRNDs4Sog6KKjsZgk2bYJqijgsEenoKeniinRXBn/U3lgpPdyDZynQx8IiioMnCep5Ky8mjGs6Wty0l1hUQTcNWswS3WRp2kCNZwJG8omG8JphPUaFbC8lEfabwP7VtM9yoaNCAjpR41VNhrD9LkbN722v0CoZMByFzhaW+MyzRYEWFDQwN2M4/JiT76PuljT3VU/A36eaIThb+R9oZGOAJ9tewkgGvqOMNRWYjT/Cwu99Q8LqDE4TgbLWxJ1jaDDAERsFOFrobgjUsBScaguXU8kKm2RL19tRypSHnHNlHiIZqgufs4opgQdVdwxBNNFBR6kVFqb8ogimOzB6a6HTzrlDHEpYaxjiiA4TMQobkDg2vejjfwJGWmnbVFAw3H3hq2NyQfG7hz4aC+w3BbwbesG0swYayvpAs6++Ri1Vfzx93mFChvyN5xVHTS+0p9aqCAxyZ6ZacZyw5+7uuQkFPR9DDk9NOiE7X1PCYJVjVUqq7JlrHwWALF5nfHNGjApdpqgzx5OwilDhCiDYTgnc9waGW4BdLNNUQvOtpzDOWHDH8D7TR/A/85KljEQu3NREc4Pl/6B1Hhc8Umb5CsKMmGC9EPcxoT2amwHNCmeOEnOPbklnMkbOgIvO5UMOpQrS9UGVdt6iH/fURjhI/WOpaW9OKLYRod6HCUEdOX000wpDZQ6hwg6LgZfOqo1RfT/CrJzjekXOGhpc1VW71ZLbXyyp+93ILbC1kPtIEYx0FIx1VDrLoVzXRKRYWk809yYlC9ImcrinxtabKnzRJk3lAU1OLEN1j2zrYzr2myHRXJFf4h4QKT1qSTzTB5+ZNTzTRkAxX8FcLV2uS8eoQQ2aAkFzvCM72sJIcJET3WPjRk5wi32uSS9rfZajpWEvj9hW42F4o5NytSXYy8IKHay10VYdrcl4SkqscrXpMwyGOgtkajheSxdQqmpxP1L3t4R5PqasFnrQEjytq6qgp9Y09Qx9o4S1FzhUCn1kyHSzBWLemoSGvOqLNhZyBjmCaAUYpMgt4Ck7wBBMMwWKWgjsUwTaGVsxWC1mYoKiyqqeGKYqonSIRQ3KIkHO0pmAxTdBHkbOvfllfr+AA+7gnc50huVKYK393FOyg7rbPO/izI7hE4CnHHHnJ0ogNPRUGeUpsrZZTBJcrovUcJe51BPsr6GkJdhCCsZ6aTtMEb2pqWkqeVtDXE/QVggsU/Nl86d9RMF3DxvZTA58agu810RWawCiSzzXBeU3MMW9oyJUedvNEvQyNu1f10BSMddR1vaLCYpYa/mGocLSiYDcLbQz8aMn5iyF4xBNMs1P0QEOV7o5gaWGuzSeLue4tt3ro7y4Tgm4G/mopdZgl6q0o6KzJWE3mMksNr3r+a6CbT8g5wZNzT9O7fi/zpaOmnz3BRoqos+tv9zMbdpxsqDBOEewtJLt7cg5wtKKbvldpSzRRCD43VFheCI7yZLppggMVBS/KMAdHODJvOwq2NQSbKKKPLdFWQs7Fqo+mpl01JXYRgq8dnGLhTiFzqmWsUMdpllZdbKlyvSdYxhI9YghOtxR8LgSLWHK62mGGVoxzBE8LNWzqH9CUesQzFy5RQzTc56mhi6fgXEWwpKfE5Z7M05ZgZUPmo6auiv8YKzDYwWBLMErIbKHJvOwIrvEdhOBcQ9JdU1NHQ7CXn2XIDFBKU2WAgcX9UAUzDXWd5alwuyJ41Z9rjKLCL4aCp4WarhPm2rH+SaHUYE001JDZ2ZAzXPjdMpZWvC9wmqIB2lLhQ01D5jO06hghWMndbM7yRJMsoCj1vYbnFQVrW9jak3OlEJ3s/96+p33dEPRV5GxiqaGjIthUU6FFEZyqCa5qJrpBdzSw95IUnOPIrCUUjRZQFrbw5PR0R1qiYx3cb6nrWUMrBmmiBQxVHtTew5ICP/ip6g4hed/Akob/32wvBHsIOX83cI8hGeNeNPCIkPmXe8fPKx84OMSRM1MTdXSwjCZ4S30jVGhvqTRak/OVhgGazHuOCud5onEO1lJr6ecVyaOK6H7zqlBlIaHE0oroCgfvGJIdPcmfLNGLjpz7hZwZQpUbFME0A1cIJa7VNORkgfsMBatbKgwwJM9bSvQXeNOvbIjelg6WWvo5kvbKaJJNHexkKNHL9xRyFlH8Ti2riB5wVPhUk7nGkJnoCe428LR/wRGdYIlmWebCyxou1rCk4g/ShugBDX0V0ZQWkh0dOVsagkM0yV6OoLd5ye+pRlsCr0n+KiQrGuq5yJDzrTAXHtLUMduTDBVKrSm3eHL+6ijxhFDX9Z5gVU/wliHYTMiMFpKLNMEywu80wd3meoFmt6VbRMPenhrOc6DVe4pgXU8DnnHakLOIIrlF4FZPIw6R+zxBP0dyq6OOZ4Q5sLKCcz084ok+VsMMyQhNZmmBgX5xIXOEJTmi7VsGTvMTNdHHhpzdbE8Du2oKxgvBqQKdDDnTFOylCFaxR1syz2iqrOI/FEpNc3C6f11/7+ASS6l2inq2ciTrCCzgyemrCL5SVPjQkdPZUmGy2c9Sw9FtR1sS30RmsKPCS4rkIC/2U0MduwucYolGaPjKEyhzmiPYXagyWbYz8LWBDdzRimAXzxx4z8K9hpzlhLq+NiQ97HuKorMUfK/OVvC2JfiHUPCQI/q7J2gjK+tTDNxkCc4TMssqCs4TGtLVwQihyoAWgj9bosU80XGW6Ac9TJGziaUh5+hnFcHOnlaM1iRn29NaqGENTTTSUHCH2tWTeV0osUhH6psuVLjRUmGWhm6OZEshGeNowABHcJ2Bpy2ZszRcKkRXd2QuKVEeXnbfaEq825FguqfgfE2whlChSRMdron+LATTPQ2Z369t4B9C5gs/ylzv+CMmepIDPclFQl13W0rspPd1JOcbghGOEutqCv5qacURQl3dDKyvyJlqKXGPgcM9FfawJAMVmdcspcYKOZc4GjDYkFlK05olNMHyHn4zFNykyOxt99RkHlfwmiHo60l2EKI+mhreEKp080Tbug08BVPcgoqC5zWt+NLDTZ7oNSF51N1qie7Va3uCCwyZbkINf/NED6jzOsBdZjFN8oqG3wxVunqCSYYKf3EdhJyf9YWGf7tRU2oH3VHgPr1fe5J9hOgHd7xQ0y7qBwXr23aGErP0cm64JVjZwsOGqL+mhNgZmhJLW2oY4UhedsyBgzrCKrq7BmcpNVhR6jBPq64Vgi+kn6XE68pp8J5/+0wRHGOpsKenQn9DZntPzjRLZpDAdD2fnSgkG9tmIXnUwQ6WVighs7Yi2MxQ0N3CqYaCXkJ0oyOztMDJjmSSpcpvlrk0RMMOjmArQ04PRV1DO1FwhCVaUVPpKUM03JK5SxPsIWRu8/CGHi8UHChiqGFDTbSRJWeYUDDcH6vJWUxR4k1FXbMUwV6e4AJFXS8oMqsZKqzvYQ9DDQdZckY4aGsIhtlubbd2r3j4QBMoTamdPZk7O/Bf62lacZwneNjQoGcdVU7zJOd7ghsUHOkosagic6cnWc8+4gg285R6zZP5s1/LUbCKIznTwK36PkdwlOrl4U1LwfdCCa+IrvFkmgw1PCAUXKWo0sURXWcI2muKJlgyFzhynCY4RBOsqCjoI1R5zREco0n2Vt09BQtYSizgKNHfUmUrQ5UOCh51BFcLmY7umhYqXKQomOop8bUnWNNQcIiBcYaC6xzMNOS8JQQfeqKBmmglB+97ok/lfk3ygaHSyZaCRTzRxQo6GzLfa2jWBPepw+UmT7SQEJyiyRkhBLMVOfcoMjcK0eZChfUNzFAUzCsEN5vP/X1uP/n/aoMX+K+nw/Hjr/9xOo7j7Pju61tLcgvJpTWXNbfN5jLpi6VfCOviTktKlFusQixdEKWmEBUKNaIpjZRSSOXSgzaaKLdabrm1/9nZ+/f+vd/vz/v9+Xy+zZ7PRorYoZqyLrCwQdEAixxVOEXNNnjX2nUSRlkqGmWowk8lxR50JPy9Bo6qJXaXwNvREBvnThPEPrewryLhcAnj5WE15Fqi8W7R1sAuEu86S4ENikItFN4xkv9Af4nXSnUVcLiA9xzesFpivRRVeFKtsMRaKBhuSbjOELnAUtlSQUpXgdfB4Z1oSbnFEetbQ0IrAe+Y+pqnDcEJFj6S8LDZzZHwY4e3XONNlARraomNEt2bkvGsosA3ioyHm+6jCMbI59wqt4eeara28IzEmyPgoRaUOEDhTVdEJhmCoTWfC0p8aNkCp0oYqih2iqGi4yXeMkOsn4LdLLnmKfh/YogjNsPebeFGR4m9BJHLzB61XQ3BtpISfS2FugsK9FAtLWX1dCRcrCnUp44CNzuCowUZmxSRgYaE6Za0W2u/E7CVXCiI/UOR8aAm1+OSyE3mOUcwyc1zBBeoX1kiKy0Zfxck1Gsyulti11i83QTBF5Kg3pDQThFMVHiPSlK+0cSedng/VaS8bOZbtsBcTcZAR8JP5KeqQ1OYKAi20njdNNRpgnsU//K+JnaXJaGTomr7aYIphoRn9aeShJWKEq9LcozSF7QleEfDI5LYm5bgVkFkRwVDBCVu0DDIkGupo8TZBq+/pMQURYErJQmPKGKjNDkWOLx7Jd5QizdUweIaKrlP7SwJDhZvONjLkOsBBX9UpGxnydhXkfBLQ8IxgojQbLFnJf81JytSljclYYyEFyx0kVBvKWOFJmONpshGAcsduQY5giVNCV51eOdJYo/pLhbvM0uDHSevNKRcrKZIqnCtJeEsO95RoqcgGK4ocZcho1tTYtcZvH41pNQ7vA0WrhIfOSraIIntIAi+NXWCErdbkvrWwjRLrt0NKUdL6KSOscTOdMSOUtBHwL6OLA0vNSdynaWQEnCpIvKaIrJJEbvHkmuNhn6OjM8VkSGSqn1uYJCGHnq9I3aLhNME3t6GjIkO7xrNFumpyTNX/NrwX7CrIRiqqWijI9JO4d1iieykyfiposQIQ8YjjsjlBh6oHWbwRjgYJQn2NgSnNycmJAk3NiXhx44Sxykihxm8ybUwT1OVKySc7vi3OXVkdBJ4AyXBeksDXG0IhgtYY0lY5ahCD0ehborIk5aUWRJviMA7Xt5kyRjonrXENkm8yYqgs8VzgrJmClK20uMM3jRJ0FiQICQF9hdETlLQWRIb5ki6WDfWRPobvO6a4GP5mcOrNzDFELtTkONLh9dXE8xypEg7z8A9jkhrQ6Fhjlg/QVktJXxt4WXzT/03Q8IaQWSqIuEvloQ2mqC9Jfi7wRul4RX3pSPlzpoVlmCtI2jvKHCFhjcM3sN6lqF6HxnKelLjXWbwrpR4xzuCrTUZx2qq9oAh8p6ixCUGr78g8oyjRAtB5CZFwi80VerVpI0h+IeBxa6Zg6kWvpDHaioYYuEsRbDC3eOmC2JvGYLeioxGknL2UATNJN6hmtj1DlpLvDVmocYbrGCVJKOrg4X6DgddLA203BKMFngdJJFtFd7vJLm6KEpc5yjQrkk7M80SGe34X24nSex1Ra5Omgb71JKyg8SrU3i/kARKwWpH0kOGhKkObyfd0ZGjvyXlAkVZ4xRbYJ2irFMkFY1SwyWxr2oo4zlNiV+7zmaweFpT4kR3kaDAFW6xpSqzJay05FtYR4HmZhc9UxKbbfF2V8RG1MBmSaE+kmC6JnaRXK9gsiXhJHl/U0qM0WTcbyhwkYIvFGwjSbjfwhiJt8ZSQU+Bd5+marPMOkVkD0muxYLIfEuhh60x/J92itguihJSEMySVPQnTewnEm+620rTQEMsOfo4/kP/0ARvWjitlpSX7GxBgcMEsd3EEeYWvdytd+Saawi6aCIj1CkGb6Aj9rwhx16Cf3vAwFy5pyLhVonXzy51FDpdEblbkdJbUcEPDEFzQ8qNmhzzLTmmKWKbFCXeEuRabp6rxbvAtLF442QjQ+wEA9eL1xSR7Q0JXzlSHjJ4exq89yR0laScJ/FW6z4a73pFMEfDiRZvuvijIt86RaSFOl01riV2mD1UEvxGk/Geg5aWwGki1zgKPG9J2U8PEg8qYvMsZeytiTRXBMslCU8JSlxi8EabjwUldlDNLfzTUmCgxWsjqWCOHavYAqsknKFIO0yQ61VL5AVFxk6WhEaCAkdJgt9aSkzXlKNX2jEa79waYuc7gq0N3GDJGCBhoiTXUEPsdknCUE1CK0fwsiaylSF2uiDyO4XX3pFhNd7R4itFGc0k/ElBZwWvq+GC6szVeEoS/MZ+qylwpKNKv9Z469UOjqCjwlusicyTxG6VpNxcQ8IncoR4RhLbR+NdpGGmJWOcIzJGUuKPGpQg8rrG21dOMqQssJQ4RxH5jaUqnZuQ0F4Q+cjxLwPtpZbIAk3QTJHQWBE5S1BokoVtDd6lhqr9UpHSUxMcIYl9pojsb8h4SBOsMQcqvOWC2E8EVehqiJ1hrrAEbQxeK0NGZ0Gkq+guSRgniM23bIHVkqwx4hiHd7smaOyglyIyQuM978j4VS08J/A2G1KeMBRo4fBaSNhKUEZfQewVQ/C1I+MgfbEleEzCUw7mKXI0M3hd1EESVji8x5uQ41nxs1q4RMJCCXs7Iq9acpxn22oSDnQ/sJTxsCbHIYZiLyhY05TY0ZLIOQrGaSJDDN4t8pVaIrsqqFdEegtizc1iTew5Q4ayBDMUsQMkXocaYkc0hZua412siZ1rSXlR460zRJ5SlHGe5j801RLMlJTxtaOM3Q1pvxJ45zUlWFD7rsAbpfEm1JHxG0eh8w2R7QQVzBUw28FhFp5QZzq8t2rx2joqulYTWSuJdTYfWwqMFMcovFmSyJPNyLhE4E10pHzYjOC3huArRa571ZsGajQpQx38SBP5pyZB6lMU3khDnp0MBV51BE9o2E+TY5Ml2E8S7C0o6w1xvCZjf0HkVEHCzFoyNmqC+9wdcqN+Tp7jSDheE9ws8Y5V0NJCn2bk2tqSY4okdrEhx1iDN8cSudwepWmAGXKcJXK65H9to8jYQRH7SBF01ESUJdd0TayVInaWhLkOjlXE5irKGOnI6GSWGCJa482zBI9rCr0jyTVcEuzriC1vcr6mwFGSiqy5zMwxBH/TJHwjSPhL8+01kaaSUuMFKTcLEvaUePcrSmwn8DZrgikWb7CGPxkSjhQwrRk57tctmxLsb9sZvL9LSlyuSLlWkqOjwduo8b6Uv1DkmudIeFF2dHCgxVtk8dpIvHpBxhEOdhKk7OLIUSdJ+cSRY57B+0DgGUUlNfpthTfGkauzxrvTsUUaCVhlKeteTXCoJDCa2NOKhOmC4G1H8JBd4OBZReSRGkqcb/CO1PyLJTLB4j1q8JYaIutEjSLX8YKM+a6phdMsdLFUoV5RTm9JSkuDN8WcIon0NZMNZWh1q8C7SJEwV5HxrmnnTrf3KoJBlmCYI2ilSLlfEvlE4011NNgjgthzEua0oKK7JLE7HZHlEl60BLMVFewg4EWNt0ThrVNEVkkiTwpKXSWJzdRENgvKGq4IhjsiezgSFtsfCUq8qki5S1LRQeYQQ4nemmCkImWMw3tFUoUBZk4NOeZYEp4XRKTGa6wJjrWNHBVJR4m3FCnbuD6aak2WsMTh3SZImGCIPKNgsDpVwnsa70K31lCFJZYcwwSMFcQulGTsZuEaSdBXkPGZhu0FsdUO73RHjq8MPGGIfaGIbVTk6iuI3GFgucHrIQkmWSJdBd7BBu+uOryWAhY7+Lki9rK5wtEQzWwvtbqGhIMFwWRJsElsY4m9IIg9L6lCX0VklaPAYkfkZEGDnOWowlBJjtMUkcGK4Lg6EtoZInMUBVYLgn0UsdmCyCz7gIGHFfk+k1QwTh5We7A9x+IdJ6CvIkEagms0hR50eH9UnTQJ+2oiKyVlLFUE+8gBGu8MQ3CppUHesnjTHN4QB/UGPhCTHLFPHMFrCqa73gqObUJGa03wgbhHkrCfpEpzNLE7JDS25FMKhlhKKWKfCgqstLCPu1zBXy0J2ztwjtixBu8UTRn9LVtkmCN2iyFhtME70JHRQ1KVZXqKI/KNIKYMCYs1GUMEKbM1bKOI9LDXC7zbHS+bt+1MTWS9odA9DtrYtpbImQJ2VHh/lisEwaHqUk1kjKTAKknkBEXkbkdMGwq0dnhzLJF3NJH3JVwrqOB4Sca2hti75nmJN0WzxS6UxDYoEpxpa4htVlRjkYE7DZGzJVU72uC9IyhQL4i8YfGWSYLLNcHXloyz7QhNifmKSE9JgfGmuyLhc403Xm9vqcp6gXe3xuuv8F6VJNxkyTHEkHG2g0aKXL0MsXc1bGfgas2//dCONXiNLCX+5mB7eZIl1kHh7ajwpikyzlUUWOVOsjSQlsS+M0R+pPje/dzBXRZGO0rMtgQrLLG9VSu9n6CMXS3BhwYmSoIBhsjNBmZbgusE9BCPCP5triU4VhNbJfE+swSP27aayE8tuTpYYjtrYjMVGZdp2NpS1s6aBnKSHDsbKuplKbHM4a0wMFd/5/DmGyKrJSUaW4IBrqUhx0vyfzTBBLPIUcnZdrAkNsKR0sWRspumSns6Ch0v/qqIbBYUWKvPU/CFoyrDJGwSNFhbA/MlzKqjrO80hRbpKx0Jewsi/STftwGSlKc1JZyAzx05dhLEdnfQvhZOqiHWWEAHC7+30FuRcZUgaO5gpaIK+xsiHRUsqaPElTV40xQZQ107Q9BZE1nryDVGU9ZSQ47bmhBpLcYpUt7S+xuK/FiT8qKjwXYw5ypS2iuCv7q1gtgjhuBuB8LCFY5cUuCNtsQOFcT+4Ih9JX+k8Ea6v0iCIRZOtCT0Et00JW5UeC85Cg0ScK0k411HcG1zKtre3SeITBRk7WfwDhEvaYLTHP9le0m8By0JDwn4TlLW/aJOvGHxdjYUes+ScZigCkYQdNdEOhkiezgShqkx8ueKjI8lDfK2oNiOFvrZH1hS+tk7NV7nOmLHicGWEgubkXKdwdtZknCLJXaCpkrjZBtLZFsDP9CdxWsSr05Sxl6CMmoFbCOgryX40uDtamB7SVmXW4Ihlgpmq+00tBKUUa83WbjLUNkzDmY7cow1JDygyPGlhgGKYKz4vcV7QBNbJIgM11TUqZaMdwTeSguH6rOaw1JRKzaaGyxVm2EJ/uCIrVWUcZUkcp2grMsEjK+DMwS59jQk3Kd6SEq1d0S6uVmO4Bc1lDXTUcHjluCXEq+1OlBDj1pi9zgiXxnKuE0SqTXwhqbETW6RggMEnGl/q49UT2iCzgJvRwVXS2K/d6+ZkyUl7jawSVLit46EwxVljDZwoSQ20sDBihztHfk2yA8NVZghiXwrYHQdfKAOtzsayjhY9bY0yE2CWEeJ9xfzO423xhL5syS2TFJofO2pboHob0nY4GiAgRrvGQEDa/FWSsoaaYl0syRsEt3kWoH3B01shCXhTUWe9w3Bt44SC9QCh3eShQctwbaK2ApLroGCMlZrYqvlY3qYhM0aXpFkPOuoqJ3Dm6fxXrGwVF9gCWZagjPqznfkuMKQ8DPTQRO8ZqG1hPGKEm9IgpGW4DZDgTNriTxvFiq+Lz+0cKfp4wj6OCK9JSnzNSn9LFU7UhKZZMnYwcJ8s8yRsECScK4j5UOB95HFO0CzhY4xJxuCix0lDlEUeMdS6EZBkTsUkZ4K74dugyTXS7aNgL8aqjDfkCE0ZbwkCXpaWCKhl8P7VD5jxykivSyxyZrYERbe168LYu9ZYh86IkscgVLE7tWPKmJv11CgoyJltMEbrohtVAQfO4ImltiHEroYEs7RxAarVpY8AwXMcMReFOTYWe5iiLRQxJ5Q8DtJ8LQhWOhIeFESPGsILhbNDRljNbHzNRlTFbk2S3L0NOS6V1KFJYKUbSTcIIhM0wQ/s2TM0SRMNcQmSap3jCH4yhJZKSkwyRHpYYgsFeQ4U7xoCB7VVOExhXepo9ABBsYbvGWKXPME3lyH95YioZ0gssQRWWbI+FaSMkXijZXwgiTlYdPdkNLaETxlyDVIwqeaEus0aTcYcg0RVOkpR3CSJqIddK+90JCxzsDVloyrFd5ZAr4TBKfaWa6boEA7C7s6EpYaeFPjveooY72mjIccLHJ9HUwVlDhKkmutJDJBwnp1rvulJZggKDRfbXAkvC/4l3ozQOG9a8lxjx0i7nV4jSXc7vhe3OwIxjgSHjdEhhsif9YkPGlus3iLFDnWOFhtCZbJg0UbQcIaR67JjthoCyMEZRwhiXWyxO5QxI6w5NhT4U1WsJvDO60J34fW9hwzwlKij6ZAW9ne4L0s8C6XeBMEkd/LQy1VucBRot6QMlbivaBhoBgjqGiCJNhsqVp/S2SsG6DIONCR0dXhvWbJ+MRRZJkkuEjgDXJjFQW6SSL7GXK8Z2CZg7cVsbWGoKmEpzQ5elpiy8Ryg7dMkLLUEauzeO86CuwlSOlgYLojZWeJ9xM3S1PWfEfKl5ISLQ0MEKR8YOB2QfCxJBjrKPCN4f9MkaSsqoVXJBmP7EpFZ9UQfOoOFwSzBN4MQ8LsGrymlipcJQhmy0GaQjPqCHaXRwuCZwRbqK2Fg9wlClZqYicrIgMdZfxTQ0c7TBIbrChxmuzoKG8XRaSrIhhiyNFJkrC7oIAWMEOQa5aBekPCRknCo4IKPrYkvCDI8aYmY7WFtprgekcJZ3oLIqssCSMtFbQTJKwXYy3BY5oCh2iKPCpJOE+zRdpYgi6O2KmOAgvVCYaU4ySRek1sgyFhJ403QFHiVEmJHwtybO1gs8Hr5+BETQX3War0qZngYGgtVZtoqd6vFSk/UwdZElYqyjrF4HXUeFspIi9IGKf4j92pKGAdCYMVsbcV3kRF0N+R8LUd5PCsIGWoxDtBkCI0nKofdJQxT+LtZflvuc8Q3CjwWkq8KwUpHzkK/NmSsclCL0nseQdj5FRH5CNHSgtLiW80Of5HU9Hhlsga9bnBq3fEVltKfO5IaSTmGjjc4J0otcP7QsJUSQM8pEj5/wCuUuC2DWz8AAAAAElFTkSuQmCC");
+}
diff --git a/src/main/webapp/codemirror/theme/base16-dark.css b/src/main/webapp/codemirror/theme/base16-dark.css
new file mode 100644
index 00000000..3b7b21c7
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/base16-dark.css
@@ -0,0 +1,34 @@
+/*
+
+    Name:       Base16 Default Dark
+    Author:     Chris Kempson (http://chriskempson.com)
+
+    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-chrome-devtools)
+    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
+
+*/
+
+.cm-s-base16-dark.CodeMirror {background: #151515; color: #e0e0e0;}
+.cm-s-base16-dark div.CodeMirror-selected {background: #202020 !important;}
+.cm-s-base16-dark .CodeMirror-gutters {background: #151515; border-right: 0px;}
+.cm-s-base16-dark .CodeMirror-linenumber {color: #505050;}
+.cm-s-base16-dark .CodeMirror-cursor {border-left: 1px solid #b0b0b0 !important;}
+
+.cm-s-base16-dark span.cm-comment {color: #8f5536;}
+.cm-s-base16-dark span.cm-atom {color: #aa759f;}
+.cm-s-base16-dark span.cm-number {color: #aa759f;}
+
+.cm-s-base16-dark span.cm-property, .cm-s-base16-dark span.cm-attribute {color: #90a959;}
+.cm-s-base16-dark span.cm-keyword {color: #ac4142;}
+.cm-s-base16-dark span.cm-string {color: #f4bf75;}
+
+.cm-s-base16-dark span.cm-variable {color: #90a959;}
+.cm-s-base16-dark span.cm-variable-2 {color: #6a9fb5;}
+.cm-s-base16-dark span.cm-def {color: #d28445;}
+.cm-s-base16-dark span.cm-bracket {color: #e0e0e0;}
+.cm-s-base16-dark span.cm-tag {color: #ac4142;}
+.cm-s-base16-dark span.cm-link {color: #aa759f;}
+.cm-s-base16-dark span.cm-error {background: #ac4142; color: #b0b0b0;}
+
+.cm-s-base16-dark .CodeMirror-activeline-background {background: #2F2F2F !important;}
+.cm-s-base16-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
diff --git a/src/main/webapp/codemirror/theme/base16-light.css b/src/main/webapp/codemirror/theme/base16-light.css
new file mode 100644
index 00000000..5aa4b538
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/base16-light.css
@@ -0,0 +1,34 @@
+/*
+
+    Name:       Base16 Default Light
+    Author:     Chris Kempson (http://chriskempson.com)
+
+    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-chrome-devtools)
+    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
+
+*/
+
+.cm-s-base16-light.CodeMirror {background: #f5f5f5; color: #202020;}
+.cm-s-base16-light div.CodeMirror-selected {background: #e0e0e0 !important;}
+.cm-s-base16-light .CodeMirror-gutters {background: #f5f5f5; border-right: 0px;}
+.cm-s-base16-light .CodeMirror-linenumber {color: #b0b0b0;}
+.cm-s-base16-light .CodeMirror-cursor {border-left: 1px solid #505050 !important;}
+
+.cm-s-base16-light span.cm-comment {color: #8f5536;}
+.cm-s-base16-light span.cm-atom {color: #aa759f;}
+.cm-s-base16-light span.cm-number {color: #aa759f;}
+
+.cm-s-base16-light span.cm-property, .cm-s-base16-light span.cm-attribute {color: #90a959;}
+.cm-s-base16-light span.cm-keyword {color: #ac4142;}
+.cm-s-base16-light span.cm-string {color: #f4bf75;}
+
+.cm-s-base16-light span.cm-variable {color: #90a959;}
+.cm-s-base16-light span.cm-variable-2 {color: #6a9fb5;}
+.cm-s-base16-light span.cm-def {color: #d28445;}
+.cm-s-base16-light span.cm-bracket {color: #202020;}
+.cm-s-base16-light span.cm-tag {color: #ac4142;}
+.cm-s-base16-light span.cm-link {color: #aa759f;}
+.cm-s-base16-light span.cm-error {background: #ac4142; color: #505050;}
+
+.cm-s-base16-light .CodeMirror-activeline-background {background: #DDDCDC !important;}
+.cm-s-base16-light .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
diff --git a/src/main/webapp/codemirror/theme/blackboard.css b/src/main/webapp/codemirror/theme/blackboard.css
new file mode 100644
index 00000000..8b760847
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/blackboard.css
@@ -0,0 +1,28 @@
+/* Port of TextMate's Blackboard theme */
+
+.cm-s-blackboard.CodeMirror { background: #0C1021; color: #F8F8F8; }
+.cm-s-blackboard .CodeMirror-selected { background: #253B76 !important; }
+.cm-s-blackboard .CodeMirror-gutters { background: #0C1021; border-right: 0; }
+.cm-s-blackboard .CodeMirror-linenumber { color: #888; }
+.cm-s-blackboard .CodeMirror-cursor { border-left: 1px solid #A7A7A7 !important; }
+
+.cm-s-blackboard .cm-keyword { color: #FBDE2D; }
+.cm-s-blackboard .cm-atom { color: #D8FA3C; }
+.cm-s-blackboard .cm-number { color: #D8FA3C; }
+.cm-s-blackboard .cm-def { color: #8DA6CE; }
+.cm-s-blackboard .cm-variable { color: #FF6400; }
+.cm-s-blackboard .cm-operator { color: #FBDE2D;}
+.cm-s-blackboard .cm-comment { color: #AEAEAE; }
+.cm-s-blackboard .cm-string { color: #61CE3C; }
+.cm-s-blackboard .cm-string-2 { color: #61CE3C; }
+.cm-s-blackboard .cm-meta { color: #D8FA3C; }
+.cm-s-blackboard .cm-builtin { color: #8DA6CE; }
+.cm-s-blackboard .cm-tag { color: #8DA6CE; }
+.cm-s-blackboard .cm-attribute { color: #8DA6CE; }
+.cm-s-blackboard .cm-header { color: #FF6400; }
+.cm-s-blackboard .cm-hr { color: #AEAEAE; }
+.cm-s-blackboard .cm-link { color: #8DA6CE; }
+.cm-s-blackboard .cm-error { background: #9D1E15; color: #F8F8F8; }
+
+.cm-s-blackboard .CodeMirror-activeline-background {background: #3C3636 !important;}
+.cm-s-blackboard .CodeMirror-matchingbracket {outline:1px solid grey;color:white !important}
\ No newline at end of file
diff --git a/src/main/webapp/codemirror/theme/cobalt.css b/src/main/webapp/codemirror/theme/cobalt.css
new file mode 100644
index 00000000..b4a91773
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/cobalt.css
@@ -0,0 +1,21 @@
+.cm-s-cobalt.CodeMirror { background: #002240; color: white; }
+.cm-s-cobalt div.CodeMirror-selected { background: #b36539 !important; }
+.cm-s-cobalt .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; }
+.cm-s-cobalt .CodeMirror-linenumber { color: #d0d0d0; }
+.cm-s-cobalt .CodeMirror-cursor { border-left: 1px solid white !important; }
+
+.cm-s-cobalt span.cm-comment { color: #08f; }
+.cm-s-cobalt span.cm-atom { color: #845dc4; }
+.cm-s-cobalt span.cm-number, .cm-s-cobalt span.cm-attribute { color: #ff80e1; }
+.cm-s-cobalt span.cm-keyword { color: #ffee80; }
+.cm-s-cobalt span.cm-string { color: #3ad900; }
+.cm-s-cobalt span.cm-meta { color: #ff9d00; }
+.cm-s-cobalt span.cm-variable-2, .cm-s-cobalt span.cm-tag { color: #9effff; }
+.cm-s-cobalt span.cm-variable-3, .cm-s-cobalt span.cm-def { color: white; }
+.cm-s-cobalt span.cm-bracket { color: #d8d8d8; }
+.cm-s-cobalt span.cm-builtin, .cm-s-cobalt span.cm-special { color: #ff9e59; }
+.cm-s-cobalt span.cm-link { color: #845dc4; }
+.cm-s-cobalt span.cm-error { color: #9d1e15; }
+
+.cm-s-cobalt .CodeMirror-activeline-background {background: #002D57 !important;}
+.cm-s-cobalt .CodeMirror-matchingbracket {outline:1px solid grey;color:white !important}
diff --git a/src/main/webapp/codemirror/theme/eclipse.css b/src/main/webapp/codemirror/theme/eclipse.css
new file mode 100644
index 00000000..317218e3
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/eclipse.css
@@ -0,0 +1,23 @@
+.cm-s-eclipse span.cm-meta {color: #FF1717;}
+.cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
+.cm-s-eclipse span.cm-atom {color: #219;}
+.cm-s-eclipse span.cm-number {color: #164;}
+.cm-s-eclipse span.cm-def {color: #00f;}
+.cm-s-eclipse span.cm-variable {color: black;}
+.cm-s-eclipse span.cm-variable-2 {color: #0000C0;}
+.cm-s-eclipse span.cm-variable-3 {color: #0000C0;}
+.cm-s-eclipse span.cm-property {color: black;}
+.cm-s-eclipse span.cm-operator {color: black;}
+.cm-s-eclipse span.cm-comment {color: #3F7F5F;}
+.cm-s-eclipse span.cm-string {color: #2A00FF;}
+.cm-s-eclipse span.cm-string-2 {color: #f50;}
+.cm-s-eclipse span.cm-qualifier {color: #555;}
+.cm-s-eclipse span.cm-builtin {color: #30a;}
+.cm-s-eclipse span.cm-bracket {color: #cc7;}
+.cm-s-eclipse span.cm-tag {color: #170;}
+.cm-s-eclipse span.cm-attribute {color: #00c;}
+.cm-s-eclipse span.cm-link {color: #219;}
+.cm-s-eclipse span.cm-error {color: #f00;}
+
+.cm-s-eclipse .CodeMirror-activeline-background {background: #e8f2ff !important;}
+.cm-s-eclipse .CodeMirror-matchingbracket {outline:1px solid grey; color:black !important;}
diff --git a/src/main/webapp/codemirror/theme/elegant.css b/src/main/webapp/codemirror/theme/elegant.css
new file mode 100644
index 00000000..dd7df7b7
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/elegant.css
@@ -0,0 +1,13 @@
+.cm-s-elegant span.cm-number, .cm-s-elegant span.cm-string, .cm-s-elegant span.cm-atom {color: #762;}
+.cm-s-elegant span.cm-comment {color: #262; font-style: italic; line-height: 1em;}
+.cm-s-elegant span.cm-meta {color: #555; font-style: italic; line-height: 1em;}
+.cm-s-elegant span.cm-variable {color: black;}
+.cm-s-elegant span.cm-variable-2 {color: #b11;}
+.cm-s-elegant span.cm-qualifier {color: #555;}
+.cm-s-elegant span.cm-keyword {color: #730;}
+.cm-s-elegant span.cm-builtin {color: #30a;}
+.cm-s-elegant span.cm-link {color: #762;}
+.cm-s-elegant span.cm-error {background-color: #fdd;}
+
+.cm-s-elegant .CodeMirror-activeline-background {background: #e8f2ff !important;}
+.cm-s-elegant .CodeMirror-matchingbracket {outline:1px solid grey; color:black !important;}
diff --git a/src/main/webapp/codemirror/theme/erlang-dark.css b/src/main/webapp/codemirror/theme/erlang-dark.css
new file mode 100644
index 00000000..db56b108
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/erlang-dark.css
@@ -0,0 +1,30 @@
+.cm-s-erlang-dark.CodeMirror { background: #002240; color: white; }
+.cm-s-erlang-dark div.CodeMirror-selected { background: #b36539 !important; }
+.cm-s-erlang-dark .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; }
+.cm-s-erlang-dark .CodeMirror-linenumber { color: #d0d0d0; }
+.cm-s-erlang-dark .CodeMirror-cursor { border-left: 1px solid white !important; }
+
+.cm-s-erlang-dark span.cm-atom       { color: #f133f1; }
+.cm-s-erlang-dark span.cm-attribute  { color: #ff80e1; }
+.cm-s-erlang-dark span.cm-bracket    { color: #ff9d00; }
+.cm-s-erlang-dark span.cm-builtin    { color: #eaa; }
+.cm-s-erlang-dark span.cm-comment    { color: #77f; }
+.cm-s-erlang-dark span.cm-def        { color: #e7a; }
+.cm-s-erlang-dark span.cm-keyword    { color: #ffee80; }
+.cm-s-erlang-dark span.cm-meta       { color: #50fefe; }
+.cm-s-erlang-dark span.cm-number     { color: #ffd0d0; }
+.cm-s-erlang-dark span.cm-operator   { color: #d55; }
+.cm-s-erlang-dark span.cm-property   { color: #ccc; }
+.cm-s-erlang-dark span.cm-qualifier  { color: #ccc; }
+.cm-s-erlang-dark span.cm-quote      { color: #ccc; }
+.cm-s-erlang-dark span.cm-special    { color: #ffbbbb; }
+.cm-s-erlang-dark span.cm-string     { color: #3ad900; }
+.cm-s-erlang-dark span.cm-string-2   { color: #ccc; }
+.cm-s-erlang-dark span.cm-tag        { color: #9effff; }
+.cm-s-erlang-dark span.cm-variable   { color: #50fe50; }
+.cm-s-erlang-dark span.cm-variable-2 { color: #e0e; }
+.cm-s-erlang-dark span.cm-variable-3 { color: #ccc; }
+.cm-s-erlang-dark span.cm-error      { color: #9d1e15; }
+
+.cm-s-erlang-dark .CodeMirror-activeline-background {background: #013461 !important;}
+.cm-s-erlang-dark .CodeMirror-matchingbracket {outline:1px solid grey; color:white !important;}
diff --git a/src/main/webapp/codemirror/theme/lesser-dark.css b/src/main/webapp/codemirror/theme/lesser-dark.css
new file mode 100644
index 00000000..c3255966
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/lesser-dark.css
@@ -0,0 +1,47 @@
+/*
+http://lesscss.org/ dark theme
+Ported to CodeMirror by Peter Kroon
+*/
+.cm-s-lesser-dark {
+  line-height: 1.3em;
+}
+.cm-s-lesser-dark {
+  font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Monaco', Courier, monospace !important;
+}
+
+.cm-s-lesser-dark.CodeMirror { background: #262626; color: #EBEFE7; text-shadow: 0 -1px 1px #262626; }
+.cm-s-lesser-dark div.CodeMirror-selected {background: #45443B !important;} /* 33322B*/
+.cm-s-lesser-dark .CodeMirror-cursor { border-left: 1px solid white !important; }
+.cm-s-lesser-dark pre { padding: 0 8px; }/*editable code holder*/
+
+.cm-s-lesser-dark.CodeMirror span.CodeMirror-matchingbracket { color: #7EFC7E; }/*65FC65*/
+
+.cm-s-lesser-dark .CodeMirror-gutters { background: #262626; border-right:1px solid #aaa; }
+.cm-s-lesser-dark .CodeMirror-linenumber { color: #777; }
+
+.cm-s-lesser-dark span.cm-keyword { color: #599eff; }
+.cm-s-lesser-dark span.cm-atom { color: #C2B470; }
+.cm-s-lesser-dark span.cm-number { color: #B35E4D; }
+.cm-s-lesser-dark span.cm-def {color: white;}
+.cm-s-lesser-dark span.cm-variable { color:#D9BF8C; }
+.cm-s-lesser-dark span.cm-variable-2 { color: #669199; }
+.cm-s-lesser-dark span.cm-variable-3 { color: white; }
+.cm-s-lesser-dark span.cm-property {color: #92A75C;}
+.cm-s-lesser-dark span.cm-operator {color: #92A75C;}
+.cm-s-lesser-dark span.cm-comment { color: #666; }
+.cm-s-lesser-dark span.cm-string { color: #BCD279; }
+.cm-s-lesser-dark span.cm-string-2 {color: #f50;}
+.cm-s-lesser-dark span.cm-meta { color: #738C73; }
+.cm-s-lesser-dark span.cm-qualifier {color: #555;}
+.cm-s-lesser-dark span.cm-builtin { color: #ff9e59; }
+.cm-s-lesser-dark span.cm-bracket { color: #EBEFE7; }
+.cm-s-lesser-dark span.cm-tag { color: #669199; }
+.cm-s-lesser-dark span.cm-attribute {color: #00c;}
+.cm-s-lesser-dark span.cm-header {color: #a0a;}
+.cm-s-lesser-dark span.cm-quote {color: #090;}
+.cm-s-lesser-dark span.cm-hr {color: #999;}
+.cm-s-lesser-dark span.cm-link {color: #00c;}
+.cm-s-lesser-dark span.cm-error { color: #9d1e15; }
+
+.cm-s-lesser-dark .CodeMirror-activeline-background {background: #3C3A3A !important;}
+.cm-s-lesser-dark .CodeMirror-matchingbracket {outline:1px solid grey; color:white !important;}
diff --git a/src/main/webapp/codemirror/theme/mbo.css b/src/main/webapp/codemirror/theme/mbo.css
new file mode 100644
index 00000000..93fe3ee2
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/mbo.css
@@ -0,0 +1,37 @@
+/* Based on mbonaci's Brackets mbo theme */
+
+.cm-s-mbo.CodeMirror {background: #2c2c2c; color: #ffffe9;}
+.cm-s-mbo div.CodeMirror-selected {background: #716C62 !important;}
+.cm-s-mbo .CodeMirror-gutters {background: #4e4e4e; border-right: 0px;}
+.cm-s-mbo .CodeMirror-linenumber {color: #dadada;}
+.cm-s-mbo .CodeMirror-cursor {border-left: 1px solid #ffffec !important;}
+
+.cm-s-mbo span.cm-comment {color: #95958a;}
+.cm-s-mbo span.cm-atom {color: #00a8c6;}
+.cm-s-mbo span.cm-number {color: #00a8c6;}
+
+.cm-s-mbo span.cm-property, .cm-s-mbo span.cm-attribute {color: #9ddfe9;}
+.cm-s-mbo span.cm-keyword {color: #ffb928;}
+.cm-s-mbo span.cm-string {color: #ffcf6c;}
+
+.cm-s-mbo span.cm-variable {color: #ffffec;}
+.cm-s-mbo span.cm-variable-2 {color: #00a8c6;}
+.cm-s-mbo span.cm-def {color: #ffffec;}
+.cm-s-mbo span.cm-bracket {color: #fffffc; font-weight: bold;}
+.cm-s-mbo span.cm-tag {color: #9ddfe9;}
+.cm-s-mbo span.cm-link {color: #f54b07;}
+.cm-s-mbo span.cm-error {background: #636363; color: #ffffec;}
+
+.cm-s-mbo .CodeMirror-activeline-background {background: #494b41 !important;}
+.cm-s-mbo .CodeMirror-matchingbracket {
+  text-decoration: underline;
+  color: #f5e107 !important;
+ }
+ 
+.cm-s-mbo .CodeMirror-matchingtag {background: #4e4e4e;}
+
+div.CodeMirror span.CodeMirror-searching {
+  background-color: none;
+  background: none;
+  box-shadow: 0 0 0 1px #ffffec;
+}
diff --git a/src/main/webapp/codemirror/theme/midnight.css b/src/main/webapp/codemirror/theme/midnight.css
new file mode 100644
index 00000000..66126322
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/midnight.css
@@ -0,0 +1,43 @@
+/* Based on the theme at http://bonsaiden.github.com/JavaScript-Garden */
+
+/*<!--match-->*/
+.cm-s-midnight span.CodeMirror-matchhighlight { background: #494949 }
+.cm-s-midnight.CodeMirror-focused span.CodeMirror-matchhighlight { background: #314D67 !important; }
+
+/*<!--activeline-->*/
+.cm-s-midnight .CodeMirror-activeline-background {background: #253540 !important;}
+
+.cm-s-midnight.CodeMirror {
+    background: #0F192A;
+    color: #D1EDFF;
+}
+
+.cm-s-midnight.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
+
+.cm-s-midnight div.CodeMirror-selected {background: #314D67 !important;}
+.cm-s-midnight .CodeMirror-gutters {background: #0F192A; border-right: 1px solid;}
+.cm-s-midnight .CodeMirror-linenumber {color: #D0D0D0;}
+.cm-s-midnight .CodeMirror-cursor {
+    border-left: 1px solid #F8F8F0 !important;
+}
+
+.cm-s-midnight span.cm-comment {color: #428BDD;}
+.cm-s-midnight span.cm-atom {color: #AE81FF;}
+.cm-s-midnight span.cm-number {color: #D1EDFF;}
+
+.cm-s-midnight span.cm-property, .cm-s-midnight span.cm-attribute {color: #A6E22E;}
+.cm-s-midnight span.cm-keyword {color: #E83737;}
+.cm-s-midnight span.cm-string {color: #1DC116;}
+
+.cm-s-midnight span.cm-variable {color: #FFAA3E;}
+.cm-s-midnight span.cm-variable-2 {color: #FFAA3E;}
+.cm-s-midnight span.cm-def {color: #4DD;}
+.cm-s-midnight span.cm-bracket {color: #D1EDFF;}
+.cm-s-midnight span.cm-tag {color: #449;}
+.cm-s-midnight span.cm-link {color: #AE81FF;}
+.cm-s-midnight span.cm-error {background: #F92672; color: #F8F8F0;}
+
+.cm-s-midnight .CodeMirror-matchingbracket {
+  text-decoration: underline;
+  color: white !important;
+}
diff --git a/src/main/webapp/codemirror/theme/monokai.css b/src/main/webapp/codemirror/theme/monokai.css
new file mode 100644
index 00000000..7ac601a1
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/monokai.css
@@ -0,0 +1,29 @@
+/* Based on Sublime Text's Monokai theme */
+
+.cm-s-monokai.CodeMirror {background: #272822; color: #f8f8f2;}
+.cm-s-monokai div.CodeMirror-selected {background: #49483E !important;}
+.cm-s-monokai .CodeMirror-gutters {background: #272822; border-right: 0px;}
+.cm-s-monokai .CodeMirror-linenumber {color: #d0d0d0;}
+.cm-s-monokai .CodeMirror-cursor {border-left: 1px solid #f8f8f0 !important;}
+
+.cm-s-monokai span.cm-comment {color: #75715e;}
+.cm-s-monokai span.cm-atom {color: #ae81ff;}
+.cm-s-monokai span.cm-number {color: #ae81ff;}
+
+.cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute {color: #a6e22e;}
+.cm-s-monokai span.cm-keyword {color: #f92672;}
+.cm-s-monokai span.cm-string {color: #e6db74;}
+
+.cm-s-monokai span.cm-variable {color: #a6e22e;}
+.cm-s-monokai span.cm-variable-2 {color: #9effff;}
+.cm-s-monokai span.cm-def {color: #fd971f;}
+.cm-s-monokai span.cm-bracket {color: #f8f8f2;}
+.cm-s-monokai span.cm-tag {color: #f92672;}
+.cm-s-monokai span.cm-link {color: #ae81ff;}
+.cm-s-monokai span.cm-error {background: #f92672; color: #f8f8f0;}
+
+.cm-s-monokai .CodeMirror-activeline-background {background: #373831 !important;}
+.cm-s-monokai .CodeMirror-matchingbracket {
+  text-decoration: underline;
+  color: white !important;
+}
diff --git a/src/main/webapp/codemirror/theme/neat.css b/src/main/webapp/codemirror/theme/neat.css
new file mode 100644
index 00000000..115083b8
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/neat.css
@@ -0,0 +1,12 @@
+.cm-s-neat span.cm-comment { color: #a86; }
+.cm-s-neat span.cm-keyword { line-height: 1em; font-weight: bold; color: blue; }
+.cm-s-neat span.cm-string { color: #a22; }
+.cm-s-neat span.cm-builtin { line-height: 1em; font-weight: bold; color: #077; }
+.cm-s-neat span.cm-special { line-height: 1em; font-weight: bold; color: #0aa; }
+.cm-s-neat span.cm-variable { color: black; }
+.cm-s-neat span.cm-number, .cm-s-neat span.cm-atom { color: #3a3; }
+.cm-s-neat span.cm-meta {color: #555;}
+.cm-s-neat span.cm-link { color: #3a3; }
+
+.cm-s-neat .CodeMirror-activeline-background {background: #e8f2ff !important;}
+.cm-s-neat .CodeMirror-matchingbracket {outline:1px solid grey; color:black !important;}
diff --git a/src/main/webapp/codemirror/theme/night.css b/src/main/webapp/codemirror/theme/night.css
new file mode 100644
index 00000000..016e55ee
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/night.css
@@ -0,0 +1,24 @@
+/* Loosely based on the Midnight Textmate theme */
+
+.cm-s-night.CodeMirror { background: #0a001f; color: #f8f8f8; }
+.cm-s-night div.CodeMirror-selected { background: #447 !important; }
+.cm-s-night .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; }
+.cm-s-night .CodeMirror-linenumber { color: #f8f8f8; }
+.cm-s-night .CodeMirror-cursor { border-left: 1px solid white !important; }
+
+.cm-s-night span.cm-comment { color: #6900a1; }
+.cm-s-night span.cm-atom { color: #845dc4; }
+.cm-s-night span.cm-number, .cm-s-night span.cm-attribute { color: #ffd500; }
+.cm-s-night span.cm-keyword { color: #599eff; }
+.cm-s-night span.cm-string { color: #37f14a; }
+.cm-s-night span.cm-meta { color: #7678e2; }
+.cm-s-night span.cm-variable-2, .cm-s-night span.cm-tag { color: #99b2ff; }
+.cm-s-night span.cm-variable-3, .cm-s-night span.cm-def { color: white; }
+.cm-s-night span.cm-bracket { color: #8da6ce; }
+.cm-s-night span.cm-comment { color: #6900a1; }
+.cm-s-night span.cm-builtin, .cm-s-night span.cm-special { color: #ff9e59; }
+.cm-s-night span.cm-link { color: #845dc4; }
+.cm-s-night span.cm-error { color: #9d1e15; }
+
+.cm-s-night .CodeMirror-activeline-background {background: #1C005A !important;}
+.cm-s-night .CodeMirror-matchingbracket {outline:1px solid grey; color:white !important;}
diff --git a/src/main/webapp/codemirror/theme/paraiso-dark.css b/src/main/webapp/codemirror/theme/paraiso-dark.css
new file mode 100644
index 00000000..ddefc55d
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/paraiso-dark.css
@@ -0,0 +1,34 @@
+/*
+
+    Name:       Paraíso (Dark)
+    Author:     Jan T. Sott
+
+    Color scheme by Jan T. Sott (https://github.com/idleberg/Paraiso-CodeMirror)
+    Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
+
+*/
+
+.cm-s-paraiso-dark.CodeMirror {background: #2f1e2e; color: #b9b6b0;}
+.cm-s-paraiso-dark div.CodeMirror-selected {background: #41323f !important;}
+.cm-s-paraiso-dark .CodeMirror-gutters {background: #2f1e2e; border-right: 0px;}
+.cm-s-paraiso-dark .CodeMirror-linenumber {color: #776e71;}
+.cm-s-paraiso-dark .CodeMirror-cursor {border-left: 1px solid #8d8687 !important;}
+
+.cm-s-paraiso-dark span.cm-comment {color: #e96ba8;}
+.cm-s-paraiso-dark span.cm-atom {color: #815ba4;}
+.cm-s-paraiso-dark span.cm-number {color: #815ba4;}
+
+.cm-s-paraiso-dark span.cm-property, .cm-s-paraiso-dark span.cm-attribute {color: #48b685;}
+.cm-s-paraiso-dark span.cm-keyword {color: #ef6155;}
+.cm-s-paraiso-dark span.cm-string {color: #fec418;}
+
+.cm-s-paraiso-dark span.cm-variable {color: #48b685;}
+.cm-s-paraiso-dark span.cm-variable-2 {color: #06b6ef;}
+.cm-s-paraiso-dark span.cm-def {color: #f99b15;}
+.cm-s-paraiso-dark span.cm-bracket {color: #b9b6b0;}
+.cm-s-paraiso-dark span.cm-tag {color: #ef6155;}
+.cm-s-paraiso-dark span.cm-link {color: #815ba4;}
+.cm-s-paraiso-dark span.cm-error {background: #ef6155; color: #8d8687;}
+
+.cm-s-paraiso-dark .CodeMirror-activeline-background {background: #4D344A !important;}
+.cm-s-paraiso-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
diff --git a/src/main/webapp/codemirror/theme/paraiso-light.css b/src/main/webapp/codemirror/theme/paraiso-light.css
new file mode 100644
index 00000000..8afb14be
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/paraiso-light.css
@@ -0,0 +1,34 @@
+/*
+
+    Name:       Paraíso (Light)
+    Author:     Jan T. Sott
+
+    Color scheme by Jan T. Sott (https://github.com/idleberg/Paraiso-CodeMirror)
+    Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
+
+*/
+
+.cm-s-paraiso-light.CodeMirror {background: #e7e9db; color: #41323f;}
+.cm-s-paraiso-light div.CodeMirror-selected {background: #b9b6b0 !important;}
+.cm-s-paraiso-light .CodeMirror-gutters {background: #e7e9db; border-right: 0px;}
+.cm-s-paraiso-light .CodeMirror-linenumber {color: #8d8687;}
+.cm-s-paraiso-light .CodeMirror-cursor {border-left: 1px solid #776e71 !important;}
+
+.cm-s-paraiso-light span.cm-comment {color: #e96ba8;}
+.cm-s-paraiso-light span.cm-atom {color: #815ba4;}
+.cm-s-paraiso-light span.cm-number {color: #815ba4;}
+
+.cm-s-paraiso-light span.cm-property, .cm-s-paraiso-light span.cm-attribute {color: #48b685;}
+.cm-s-paraiso-light span.cm-keyword {color: #ef6155;}
+.cm-s-paraiso-light span.cm-string {color: #fec418;}
+
+.cm-s-paraiso-light span.cm-variable {color: #48b685;}
+.cm-s-paraiso-light span.cm-variable-2 {color: #06b6ef;}
+.cm-s-paraiso-light span.cm-def {color: #f99b15;}
+.cm-s-paraiso-light span.cm-bracket {color: #41323f;}
+.cm-s-paraiso-light span.cm-tag {color: #ef6155;}
+.cm-s-paraiso-light span.cm-link {color: #815ba4;}
+.cm-s-paraiso-light span.cm-error {background: #ef6155; color: #776e71;}
+
+.cm-s-paraiso-light .CodeMirror-activeline-background {background: #CFD1C4 !important;}
+.cm-s-paraiso-light .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
diff --git a/src/main/webapp/codemirror/theme/rubyblue.css b/src/main/webapp/codemirror/theme/rubyblue.css
new file mode 100644
index 00000000..b556139d
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/rubyblue.css
@@ -0,0 +1,23 @@
+.cm-s-rubyblue { font-family: Trebuchet, Verdana, sans-serif; }	/* - customized editor font - */
+
+.cm-s-rubyblue.CodeMirror { background: #112435; color: white; }
+.cm-s-rubyblue div.CodeMirror-selected { background: #38566F !important; }
+.cm-s-rubyblue .CodeMirror-gutters { background: #1F4661; border-right: 7px solid #3E7087; }
+.cm-s-rubyblue .CodeMirror-linenumber { color: white; }
+.cm-s-rubyblue .CodeMirror-cursor { border-left: 1px solid white !important; }
+
+.cm-s-rubyblue span.cm-comment { color: #999; font-style:italic; line-height: 1em; }
+.cm-s-rubyblue span.cm-atom { color: #F4C20B; }
+.cm-s-rubyblue span.cm-number, .cm-s-rubyblue span.cm-attribute { color: #82C6E0; }
+.cm-s-rubyblue span.cm-keyword { color: #F0F; }
+.cm-s-rubyblue span.cm-string { color: #F08047; }
+.cm-s-rubyblue span.cm-meta { color: #F0F; }
+.cm-s-rubyblue span.cm-variable-2, .cm-s-rubyblue span.cm-tag { color: #7BD827; }
+.cm-s-rubyblue span.cm-variable-3, .cm-s-rubyblue span.cm-def { color: white; }
+.cm-s-rubyblue span.cm-bracket { color: #F0F; }
+.cm-s-rubyblue span.cm-link { color: #F4C20B; }
+.cm-s-rubyblue span.CodeMirror-matchingbracket { color:#F0F !important; }
+.cm-s-rubyblue span.cm-builtin, .cm-s-rubyblue span.cm-special { color: #FF9D00; }
+.cm-s-rubyblue span.cm-error { color: #AF2018; }
+
+.cm-s-rubyblue .CodeMirror-activeline-background {background: #173047 !important;}
diff --git a/src/main/webapp/codemirror/theme/solarized.css b/src/main/webapp/codemirror/theme/solarized.css
new file mode 100644
index 00000000..af30d621
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/solarized.css
@@ -0,0 +1,180 @@
+/*
+Solarized theme for code-mirror
+http://ethanschoonover.com/solarized
+*/
+
+/*
+Solarized color pallet
+http://ethanschoonover.com/solarized/img/solarized-palette.png
+*/
+
+.solarized.base03 { color: #002b36; }
+.solarized.base02 { color: #073642; }
+.solarized.base01 { color: #586e75; }
+.solarized.base00 { color: #657b83; }
+.solarized.base0 { color: #839496; }
+.solarized.base1 { color: #93a1a1; }
+.solarized.base2 { color: #eee8d5; }
+.solarized.base3  { color: #fdf6e3; }
+.solarized.solar-yellow  { color: #b58900; }
+.solarized.solar-orange  { color: #cb4b16; }
+.solarized.solar-red { color: #dc322f; }
+.solarized.solar-magenta { color: #d33682; }
+.solarized.solar-violet  { color: #6c71c4; }
+.solarized.solar-blue { color: #268bd2; }
+.solarized.solar-cyan { color: #2aa198; }
+.solarized.solar-green { color: #859900; }
+
+/* Color scheme for code-mirror */
+
+.cm-s-solarized {
+  line-height: 1.45em;
+  font-family: Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace !important;
+  color-profile: sRGB;
+  rendering-intent: auto;
+}
+.cm-s-solarized.cm-s-dark {
+  color: #839496;
+  background-color:  #002b36;
+  text-shadow: #002b36 0 1px;
+}
+.cm-s-solarized.cm-s-light {
+  background-color: #fdf6e3;
+  color: #657b83;
+  text-shadow: #eee8d5 0 1px;
+}
+
+.cm-s-solarized .CodeMirror-widget {
+  text-shadow: none;
+}
+
+
+.cm-s-solarized .cm-keyword { color: #cb4b16 }
+.cm-s-solarized .cm-atom { color: #d33682; }
+.cm-s-solarized .cm-number { color: #d33682; }
+.cm-s-solarized .cm-def { color: #2aa198; }
+
+.cm-s-solarized .cm-variable { color: #268bd2; }
+.cm-s-solarized .cm-variable-2 { color: #b58900; }
+.cm-s-solarized .cm-variable-3 { color: #6c71c4; }
+
+.cm-s-solarized .cm-property { color: #2aa198; }
+.cm-s-solarized .cm-operator {color: #6c71c4;}
+
+.cm-s-solarized .cm-comment { color: #586e75; font-style:italic; }
+
+.cm-s-solarized .cm-string { color: #859900; }
+.cm-s-solarized .cm-string-2 { color: #b58900; }
+
+.cm-s-solarized .cm-meta { color: #859900; }
+.cm-s-solarized .cm-qualifier { color: #b58900; }
+.cm-s-solarized .cm-builtin { color: #d33682; }
+.cm-s-solarized .cm-bracket { color: #cb4b16; }
+.cm-s-solarized .CodeMirror-matchingbracket { color: #859900; }
+.cm-s-solarized .CodeMirror-nonmatchingbracket { color: #dc322f; }
+.cm-s-solarized .cm-tag { color: #93a1a1 }
+.cm-s-solarized .cm-attribute {  color: #2aa198; }
+.cm-s-solarized .cm-header { color: #586e75; }
+.cm-s-solarized .cm-quote { color: #93a1a1; }
+.cm-s-solarized .cm-hr {
+  color: transparent;
+  border-top: 1px solid #586e75;
+  display: block;
+}
+.cm-s-solarized .cm-link { color: #93a1a1; cursor: pointer; }
+.cm-s-solarized .cm-special { color: #6c71c4; }
+.cm-s-solarized .cm-em {
+  color: #999;
+  text-decoration: underline;
+  text-decoration-style: dotted;
+}
+.cm-s-solarized .cm-strong { color: #eee; }
+.cm-s-solarized .cm-tab:before {
+  content: "➤";   /*visualize tab character*/
+  color: #586e75;
+}
+.cm-s-solarized .cm-error,
+.cm-s-solarized .cm-invalidchar {
+  color: #586e75;
+  border-bottom: 1px dotted #dc322f;
+}
+
+.cm-s-solarized.cm-s-dark .CodeMirror-selected {
+  background: #073642;
+}
+
+.cm-s-solarized.cm-s-light .CodeMirror-selected {
+  background: #eee8d5;
+}
+
+/* Editor styling */
+
+
+
+/* Little shadow on the view-port of the buffer view */
+.cm-s-solarized.CodeMirror {
+  -moz-box-shadow: inset 7px 0 12px -6px #000;
+  -webkit-box-shadow: inset 7px 0 12px -6px #000;
+  box-shadow: inset 7px 0 12px -6px #000;
+}
+
+/* Gutter border and some shadow from it  */
+.cm-s-solarized .CodeMirror-gutters {
+  padding: 0 15px 0 10px;
+  box-shadow: 0 10px 20px black;
+  border-right: 1px solid;
+}
+
+/* Gutter colors and line number styling based of color scheme (dark / light) */
+
+/* Dark */
+.cm-s-solarized.cm-s-dark .CodeMirror-gutters {
+  background-color: #073642;
+  border-color: #00232c;
+}
+
+.cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
+  text-shadow: #021014 0 -1px;
+}
+
+/* Light */
+.cm-s-solarized.cm-s-light .CodeMirror-gutters {
+  background-color: #eee8d5;
+  border-color: #eee8d5;
+}
+
+/* Common */
+.cm-s-solarized .CodeMirror-linenumber {
+  color: #586e75;
+}
+
+.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
+  color: #586e75;
+}
+
+.cm-s-solarized .CodeMirror-lines {
+  padding-left: 5px;
+}
+
+.cm-s-solarized .CodeMirror-lines .CodeMirror-cursor {
+  border-left: 1px solid #819090;
+}
+
+/*
+Active line. Negative margin compensates left padding of the text in the
+view-port
+*/
+.cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {
+  background: rgba(255, 255, 255, 0.10);
+}
+.cm-s-solarized.cm-s-light .CodeMirror-activeline-background {
+  background: rgba(0, 0, 0, 0.10);
+}
+
+/*
+View-port and gutter both get little noise background to give it a real feel.
+*/
+.cm-s-solarized.CodeMirror,
+.cm-s-solarized .CodeMirror-gutters {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAQAAAAHUWYVAABFFUlEQVQYGbzBCeDVU/74/6fj9HIcx/FRHx9JCFmzMyGRURhLZIkUsoeRfUjS2FNDtr6WkMhO9sm+S8maJfu+Jcsg+/o/c+Z4z/t97/vezy3z+z8ekGlnYICG/o7gdk+wmSHZ1z4pJItqapjoKXWahm8NmV6eOTbWUOp6/6a/XIg6GQqmenJ2lDHyvCFZ2cBDbmtHA043VFhHwXxClWmeYAdLhV00Bd85go8VmaFCkbVkzlQENzfBDZ5gtN7HwF0KDrTwJ0dypSOzpaKCMwQHKTIreYIxlmhXTzTWkVm+LTynZhiSBT3RZQ7aGfjGEd3qyXQ1FDymqbKxpspERQN2MiRjNZlFFQXfCNFm9nM1zpAsoYjmtRTc5ajwuaXc5xrWskT97RaKzAGe5ARHhVUsDbjKklziiX5WROcJwSNCNI+9w1Jwv4Zb2r7lCMZ4oq5C0EdTx+2GzNuKpJ+iFf38JEWkHJn9DNF7mmBDITrWEg0VWL3pHU20tSZnuqWu+R3BtYa8XxV1HO7GyD32UkOpL/yDloINFTmvtId+nmAjxRw40VMwVKiwrKLE4bK5UOVntYwhOcSSXKrJHKPJedocpGjVz/ZMIbnYUPB10/eKCrs5apqpgVmWzBYWpmtKHecJPjaUuEgRDDaU0oZghCJ6zNMQ5ZhDYx05r5v2muQdM0EILtXUsaKiQX9WMEUotagQzFbUNN6NUPC2nm5pxEWGCjMc3GdJHjSU2kORLK/JGSrkfGEIjncU/CYUnOipoYemwj8tST9NsJmB7TUVXtbUtXATJVZXBMvYeTXJfobgJUPmGMP/yFaWonaa6BcFO3nqcIqCozSZoZoSr1g4zJOzuyGnxTEX3lUEJ7WcZgme8ddaWvWJo2AJR9DZU3CUIbhCSG6ybSwN6qtJVnCU2svDTP2ZInOw2cBTrqtQahtNZn9NcJ4l2NaSmSkkP1noZWnVwkLmdUPOwLZEwy2Z3S3R+4rIG9hcbpPXHFVWcQdZkn2FOta3cKWQnNRC5g1LsJah4GCzSVsKnCOY5OAFRTBekyyryeyilhFKva75r4Mc0aWanGEaThcy31s439KKxTzJYY5WTHPU1FtIHjQU3Oip4xlNzj/lBw23dYZVliQa7WAXf4shetcQfatI+jWRDBPmyNeW6A1P5kdDgyYJlba0BIM8BZu1JfrFwItyjcAMR3K0BWOIrtMEXyhyrlVEx3ui5dUBjmB/Q3CXW85R4mBD0s7B+4q5tKUjOlb9qqmhi5AZ6GFIC5HXtOobdYGlVdMVbNJ8toNTFcHxnoL+muBagcctjWnbNMuR00uI7nQESwg5q2qqrKWIfrNUmeQocY6HuyxJV02wj36w00yhpmUFenv4p6fUkZYqLyuinx2RGOjhCXYyJF84oiU00YMOOhhquNdfbOB7gU88pY4xJO8LVdp6/q2voeB4R04vIdhSE40xZObx1HGGJ/ja0LBthFInKaLPPFzuCaYaoj8JjPME8yoyxo6zlBqkiUZYgq00OYMswbWO5NGmq+xhipxHLRW29ARjNKXO0wRnear8XSg4XFPLKEPUS1GqvyLwiuBUoa7zpZ0l5xxFwWmWZC1H5h5FwU8eQ7K+g8UcVY6TMQreVQT/8uQ8Z+ALIXnSEa2pYZQneE9RZbSBNYXfWYJzW/h/4j4Dp1tYVcFIC5019Vyi4ThPqSFCzjGWaHQTBU8q6vrVwgxP9Lkm840imWKpcLCjYTtrKuwvsKSnrvHCXGkSMk9p6lhckfRpIeis+N2PiszT+mFLspyGleUhDwcLrZqmyeylxwjBcKHEapqkmyangyLZRVOijwOtCY5SsG5zL0OwlCJ4y5KznF3EUNDDrinwiyLZRzOXtlBbK5ITHFGLp8Q0R6ab6mS7enI2cFrxOyHvOCFaT1HThS1krjCwqWeurCkk+willhCC+RSZnRXBiZaC5RXRIZYKp2lyfrHwiKPKR0JDzrdU2EFgpidawlFDR6FgXUMNa+g1FY3bUQh2cLCwosRdnuQTS/S+JVrGLeWIvtQUvONJxlqSQYYKpwoN2kaocLjdVsis4Mk80ESF2YpSkzwldjHkjFCUutI/r+EHDU8oCs6yzL3PhWiEooZdFMkymlas4AcI3KmoMMNSQ3tHzjGWCrcJJdYyZC7QFGwjRL9p+MrRkAGWzIaWCn9W0F3TsK01c2ZvQw0byvxuQU0r1lM0qJO7wW0kRIMdDTtXEdzi4VIh+EoIHm0mWtAtpCixlabgn83fKTI7anJe9ST7WIK1DMGpQmYeA58ImV6ezOGOzK2Kgq01pd60cKWiUi9Lievb/0vIDPHQ05Kzt4ddPckQBQtoaurjyHnek/nKzpQLrVgKPjIkh2v4uyezpv+Xoo7fPFXaGFp1vaLKxQ4uUpQQS5VuQs7BCq4xRJv7fwpVvvFEB3j+620haOuocqMhWd6TTPAEx+mdFNGHdranFe95WrWmIvlY4F1Dle2ECgc6cto7SryuqGGGha0tFQ5V53migUKmg6XKAo4qS3mik+0OZpAhOLeZKicacgaYcyx5hypYQE02ZA4xi/pNhOQxR4klNKyqacj+mpxnLTnnGSo85++3ZCZq6lrZkXlGEX3o+C9FieccJbZWVFjC0Yo1FZnJhoYMFoI1hEZ9r6hwg75HwzBNhbZCdJEfJwTPGzJvaKImw1yYX1HDAmpXR+ZJQ/SmgqMNVQb5vgamGwLtt7VwvP7Qk1xpiM5x5Cyv93E06MZmgs0Nya2azIKOYKCGBQQW97RmhKNKF02JZqHEJ4o58qp7X5EcZmc56trXEqzjCBZ1MFGR87Ql2tSTs6CGxS05PTzRQorkbw7aKoKXFDXsYW42VJih/q+FP2BdTzDTwVqOYB13liM50vG7wy28qagyuIXMeQI/Oqq8bcn5wJI50xH00CRntyfpL1T4hydYpoXgNiFzoIUTDZnLNRzh4TBHwbYGDvZkxmlyJloyr6tRihpeUG94GnKtIznREF0tzJG/OOr73JBcrSh1k6WuTprgLU+mnSGnv6Zge0NNz+kTDdH8nuAuTdJDCNb21LCiIuqlYbqGzT3RAoZofQfjFazkqeNWdYaGvYTM001EW2oKPvVk1ldUGSgUtHFwjKM1h9jnFcmy5lChoLNaQMGGDsYbKixlaMBmmsx1QjCfflwTfO/gckW0ruZ3jugKR3R5W9hGUWqCgxuFgsuaCHorotGKzGaeZB9DMsaTnKCpMtwTvOzhYk0rdrArKCqcaWmVk1+F372ur1YkKxgatI8Qfe1gIX9wE9FgS8ESmuABIXnRUbCapcKe+nO7slClSZFzpV/LkLncEb1qiO42fS3R855Su2mCLh62t1SYZZYVmKwIHjREF2uihTzB20JOkz7dkxzYQnK0UOU494wh+VWRc6Un2kpTaVgLDFEkJ/uhzRcI0YKGgpGWOlocBU/a4fKoJ/pEaNV6jip3+Es9VXY078rGnmAdf7t9ylPXS34RBSuYPs1UecZTU78WanhBCHpZ5sAoTz0LGZKjPf9TRypqWEiTvOFglL1fCEY3wY/++rbk7C8bWebA6p6om6PgOL2kp44TFJlVNBXae2rqqdZztOJpT87GQsE9jqCPIe9VReZuQ/CIgacsyZdCpIScSYqcZk8r+nsyCzhyfhOqHGOIvrLknC8wTpFcaYiGC/RU1NRbUeUpocQOnkRpGOrIOcNRx+1uA0UrzhSSt+VyS3SJpnFWkzNDqOFGIWcfR86DnmARTQ1HKIL33ExPiemeOhYSSjzlSUZZuE4TveoJLnBUOFof6KiysCbnAEcZgcUNTDOwkqWu3RWtmGpZwlHhJENdZ3miGz0lJlsKnjbwqSHQjpxnFDlTLLwqJPMZMjd7KrzkSG7VsxXBZE+F8YZkb01Oe00yyRK9psh5SYh29ySPKBo2ylNht7ZkZnsKenjKNJu9PNEyZpaCHv4Kt6RQsLvAVp7M9kIimmCUwGeWqLMmGuIotYMmWNpSahkhZw9FqZsVnKJhsjAHvtHMsTM9fCI06Dx/u3vfUXCqfsKRc4oFY2jMsoo/7DJDwZ1CsIKnJu+J9ldkpmiCxQx1rWjI+T9FwcWWzOuaYH0Hj7klNRVWEQpmaqosakiGNTFHdjS/qnUdmf0NJW5xsL0HhimCCZZSRzmSPTXJQ4aaztAwtZnoabebJ+htCaZ7Cm535ByoqXKbX1WRc4Eh2MkRXWzImVc96Cj4VdOKVxR84VdQsIUM8Psoou2byVHyZFuq7O8otbSQ2UAoeEWTudATLGSpZzVLlXVkPU2Jc+27lsw2jmg5T5VhbeE3BT083K9WsTTkFU/Osi0rC5lRlpwRHUiesNS0sOvmqGML1aRbPAxTJD9ZKtxuob+hhl8cwYGWpJ8nub7t5p6coYbMovZ1BTdaKn1jYD6h4GFDNFyT/Kqe1XCXphXHOKLZmuRSRdBPEfVUXQzJm5YGPGGJdvAEr7hHNdGZnuBvrpciGmopOLf5N0uVMy0FfYToJk90uUCbJupaVpO53UJXR2bVpoU00V2KOo4zMFrBd0Jtz2pa0clT5Q5L8IpQ177mWQejPMEJhuQjS10ref6HHjdEhy1P1EYR7GtO0uSsKJQYLiTnG1rVScj5lyazpqWGl5uBbRWl7m6ixGOOnEsMJR7z8J0n6KMnCdxhiNYQCoZ6CmYLnO8omC3MkW3bktlPmEt/VQQHejL3+dOE5FlPdK/Mq8hZxxJtLyRrepLThYKbLZxkSb5W52vYxNOaOxUF0yxMUPwBTYqCzy01XayYK0sJyWBLqX0MwU5CzoymRzV0EjjeUeLgDpTo6ij42ZAzvD01dHUUTPLU96MdLbBME8nFBn7zJCMtJcZokn8YoqU0FS5WFKyniHobguMcmW8N0XkWZjkyN3hqOMtS08r+/xTBwpZSZ3qiVRX8SzMHHjfUNFjgHEPmY9PL3ykEzxkSre/1ZD6z/NuznuB0RcE1TWTm9zRgfUWVJiG6yrzgmWPXC8EAR4Wxhlad0ZbgQyEz3pG5RVEwwDJH2mgKpjcTiCOzn1lfUWANFbZ2BA8balnEweJC9J0iuaeZoI+ippFCztEKVvckR2iice1JvhVytrQwUAZpgsubCPaU7xUe9vWnaOpaSBEspalykhC9bUlOMpT42ZHca6hyrqKmw/wMR8H5ZmdFoBVJb03O4UL0tSNnvIeRmkrLWqrs78gcrEn2tpcboh0UPOW3UUR9PMk4T4nnNKWmCjlrefhCwxRNztfmIQVdDElvS4m1/WuOujoZCs5XVOjtKPGokJzsYCtFYoWonSPT21DheU/wWhM19FcElwqNGOsp9Q8N/cwXaiND1MmeL1Q5XROtYYgGeFq1aTMsoMmcrKjQrOFQTQ1fmBYhmW6o8Jkjc7iDJRTBIo5kgJD5yMEYA3srCg7VFKwiVJkmRCc5ohGOKhsYMn/XBLdo5taZjlb9YAlGWRimqbCsoY7HFAXLa5I1HPRxMMsQDHFkWtRNniqT9UEeNjcE7RUlrCJ4R2CSJuqlKHWvJXjAUNcITYkenuBRB84TbeepcqTj3zZyFJzgYQdHnqfgI0ddUwS6GqWpsKWhjq9cV0vBAEMN2znq+EBfIWT+pClYw5xsTlJU6GeIBsjGmmANTzJZiIYpgrM0Oa8ZMjd7NP87jxhqGOhJlnQtjuQpB+8aEE00wZFznSJPyHxgH3HkPOsJFvYk8zqCHzTs1BYOa4J3PFU+UVRZxlHDM4YavlNUuMoRveiZA2d7grMNc2g+RbSCEKzmgYsUmWmazFJyoiOZ4KnyhKOGRzWJa0+moyV4TVHDzn51Awtqaphfk/lRQ08FX1iiqxTB/kLwd0VynKfEvI6cd4XMV5bMhZ7gZUWVzYQ6Nm2BYzxJbw3bGthEUUMfgbGeorae6DxHtJoZ6alhZ0+ytiVoK1R4z5PTrOECT/SugseEOlb1MMNR4VRNcJy+V1Hg9ONClSZFZjdHlc6W6FBLdJja2MC5hhpu0DBYEY1TFGwiFAxRRCsYkiM9JRb0JNMVkW6CZYT/2EiTGWmo8k+h4FhDNE7BvppoTSFnmCV5xZKzvcCdDo7VVPnIU+I+Rc68juApC90MwcFCsJ5hDqxgScYKreruyQwTqrzoqDCmhWi4IbhB0Yrt3RGa6GfDv52rKXWhh28dyZaWUvcZeMTBaZoSGyiCtRU5J8iviioHaErs7Jkj61syVzTTgOcUOQ8buFBTYWdL5g3T4qlpe0+wvD63heAXRfCCIed9RbCsp2CiI7raUOYOTU13N8PNHvpaGvayo4a3LLT1lDrVEPT2zLUlheB1R+ZTRfKWJ+dcocLJfi11vyJ51lLqJ0WD7tRwryezjiV5W28uJO9qykzX8JDe2lHl/9oyBwa2UMfOngpXCixvKdXTk3wrsKmiVYdZIqsoWEERjbcUNDuiaQomGoIbFdEHmsyWnuR+IeriKDVLnlawlyNHKwKlSU631PKep8J4Q+ayjkSLKYLhalNHlYvttb6fHm0p6OApsZ4l2VfdqZkjuysy6ysKLlckf1KUutCTs39bmCgEyyoasIWlVaMF7mgmWtBT8Kol5xpH9IGllo8cJdopcvZ2sImlDmMIbtDk3KIpeNiS08lQw11NFPTwVFlPP6pJ2gvRfI7gQUfmNAtf6Gs0wQxDsKGlVBdF8rCa3jzdwMaGHOsItrZk7hAyOzpK9VS06j5F49b0VNGOOfKs3lDToMsMBe9ZWtHFEgxTJLs7qrygKZjUnmCYoeAqeU6jqWuLJup4WghOdvCYJnrSkSzoyRkm5M2StQwVltPkfCAk58tET/CSg+8MUecmotMEnhBKfWBIZsg2ihruMJQaoIm+tkTLKEqspMh00w95gvFCQRtDwTT1gVDDSEVdlwqZfxoQRbK0g+tbiBZxzKlpnpypejdDwTaeOvorMk/IJE10h9CqRe28hhLbe0pMsdSwv4ZbhKivo2BjDWfL8UKJgeavwlwb5KlwhyE4u4XkGE2ytZCznKLCDZZq42VzT8HLCrpruFbIfOIINmh/qCdZ1ZBc65kLHR1Bkyf5zn6pN3SvGKIlFNGplhrO9QSXanLOMQTLCa0YJCRrCZm/CZmrLTm7WzCK4GJDiWUdFeYx1LCFg3NMd0XmCuF3Y5rITLDUsYS9zoHVzwnJoYpSTQoObyEzr4cFBNqYTopoaU/wkyLZ2lPhX/5Y95ulxGTV7KjhWrOZgl8MyUUafjYraNjNU1N3IWcjT5WzWqjwtoarHSUObGYO3GCJZpsBlnJGPd6ZYLyl1GdCA2625IwwJDP8GUKymbzuyPlZlvTUsaUh5zFDhRWFzPKKZLAlWdcQbObgF9tOqOsmB1dqcqYJmWstFbZRRI9poolmqiLnU0POvxScpah2iSL5UJNzgScY5+AuIbpO0YD3NCW+dLMszFSdFCWGqG6eVq2uYVNDdICGD6W7EPRWZEY5gpsE9rUkS3mijzzJnm6UpUFXG1hCUeVoS5WfNcFpblELL2qqrCvMvRfd45oalvKU2tiQ6ePJOVMRXase9iTtLJztPxJKLWpo2CRDcJwn2sWSLKIO1WQWNTCvpVUvOZhgSC40JD0dOctaSqzkCRbXsKlb11Oip6PCJ0IwSJM31j3akRxlP7Rwn6aGaUL0qiLnJkvB3xWZ2+Q1TfCwpQH3G0o92UzmX4o/oJNQMMSQc547wVHhdk+VCw01DFYEnTxzZKAm74QmeNNR1w6WzEhNK15VJzuCdxQ53dRUDws5KvwgBMOEgpcVNe0hZI6RXT1Jd0cyj5nsaEAHgVmGaJIlWdsc5Ui2ElrRR6jrRAttNMEAIWrTDFubkZaok7/AkzfIwfuWVq0jHzuCK4QabtLUMVPB3kJ0oyHTSVFlqMALilJf2Rf8k5aaHtMfayocLBS8L89oKoxpJvnAkDPa0qp5DAUTHKWmCcnthlou8iCKaFFLHWcINd1nyIwXqrSxMNmSs6KmoL2QrKuWtlQ5V0120xQ5vRyZS1rgFkWwhiOwiuQbR0OOVhQM9iS3tiXp4RawRPMp5tDletOOBL95MpM01dZTBM9pkn5qF010rIeHFcFZhmSGpYpTsI6nwhqe5C9ynhlpp5ophuRb6WcJFldkVnVEwwxVfrVkvnWUuNLCg5bgboFHPDlDPDmnK7hUrWiIbjadDclujlZcaokOFup4Ri1kacV6jmrrK1hN9bGwpKEBQ4Q6DvIUXOmo6U5LqQM6EPyiKNjVkPnJkDPNEaxhiFay5ExW1NXVUGqcpYYdPcGiCq7z/TSlbhL4pplWXKd7NZO5QQFrefhRQW/NHOsqcIglc4UhWklR8K0QzbAw08CBDnpbgqXdeD/QUsM4RZXDFBW6WJKe/mFPdH0LtBgiq57wFLzlyQzz82qYx5D5WJP5yVJDW01BfyHnS6HKO/reZqId1WGa4Hkh2kWodJ8i6KoIPlAj2hPt76CzXsVR6koPRzWTfKqIentatYpQw2me4AA3y1Kind3SwoOKZDcFXTwl9tWU6mfgRk9d71sKtlNwrjnYw5tC5n5LdKiGry3JKNlHEd3oaMCFHrazBPMp/uNJ+V7IudcSbeOIdjUEdwl0VHCOZo5t6YluEuaC9mQeMgSfOyKnYGFHcIeQ84yQWbuJYJpZw5CzglDH7gKnWqqM9ZTaXcN0TeYhR84eQtJT76JJ1lREe7WnnvsMmRc9FQ7SBBM9mV3lCUdmHk/S2RAMt0QjFNFqQpWjDPQ01DXWUdDBkXziKPjGEP3VP+zIWU2t7im41FOloyWzn/L6dkUy3VLDaZ6appgDLHPjJEsyvJngWEPUyVBiAaHCTEXwrLvSEbV1e1gKJniicWorC1MUrVjB3uDhJE/wgSOzk1DXpk0k73qCM8xw2UvD5kJmDUfOomqMpWCkJRlvKXGmoeBm18USjVIk04SClxTB6YrgLAPLWYK9HLUt5cmc0vYES8GnTeRc6skZbQkWdxRsIcyBRzx1DbTk9FbU0caTPOgJHhJKnOGIVhQqvKmo0llRw9sabrZkDtdg3PqaKi9oatjY8B+G371paMg6+mZFNNtQ04mWBq3rYLOmtWWQp8KJnpy9DdFensyjdqZ+yY40VJlH8wcdLzC8PZnvHMFUTZUrDTkLyQaGus5X5LzpYAf3i+e/ZlhqGqWhh6Ou6xTR9Z6oi5AZZtp7Mj2EEm8oSpxiYZCHU/1fbGdNNNRRoZMhmilEb2gqHOEJDtXkHK/JnG6IrvbPCwV3NhONVdS1thBMs1T4QOBcTWa2IzhMk2nW5Kyn9tXUtpv9RsG2msxk+ZsQzRQacJncpgke0+T8y5Fzj8BiGo7XlJjaTIlpQs7KFjpqGnKuoyEPeIKnFMkZHvopgh81ySxNFWvJWcKRs70j2FOT012IllEEO1n4pD1513Yg2ssQPOThOkvyrqHUdEXOSEsihmBbTbKX1kLBPWqWkLOqJbjB3GBIZmoa8qWl4CG/iZ7oiA72ZL7TJNeZUY7kFQftDcHHluBzRbCegzMtrRjVQpX2lgoPKKLJAkcbMl01XK2p7yhL8pCBbQ3BN2avJgKvttcrWDK3CiUOVxQ8ZP+pqXKyIxnmBymCg5vJjNfkPK4+c8cIfK8ocVt7kmfd/I5SR1hKvCzUtb+lhgc00ZaO6CyhIQP1Uv4yIZjload72PXX0OIJvnFU+0Zf6MhsJwTfW0r0UwQfW4LNLZl5HK261JCZ4qnBaAreVAS3WrjV0LBnNDUNNDToCEeFfwgcb4gOEqLRhirWkexrCEYKVV711DLYEE1XBEsp5tpTGjorkomKYF9FDXv7fR3BGwbettSxnyL53MBPjsxDZjMh+VUW9NRxq1DhVk+FSxQcaGjV9Pawv6eGByw5qzoy7xk4RsOShqjJwWKe/1pEEfzkobeD/dQJmpqedcyBTy2sr4nGNRH0c0SPWTLrqAc0OQcb/gemKgqucQT7ySWKCn2EUotoCvpZct7RO2sy/QW0IWcXd7pQRQyZVwT2USRO87uhjioTLKV2brpMUcMQRbKH/N2T+UlTpaMls6cmc6CCNy3JdYYSUzzJQ4oSD3oKLncULOiJvjBEC2oqnCJkJluCYy2ZQ5so9YYlZ1VLlQU1mXEW1jZERwj/MUSRc24TdexlqLKfQBtDTScJUV8FszXBEY5ktpD5Ur9hYB4Nb1iikw3JoYpkKX+RodRKFt53MMuRnKSpY31PwYaGaILh3wxJGz9TkTPEETxoCWZrgvOlmyMzxFEwVJE5xZKzvyJ4WxEc16Gd4Xe3Weq4XH2jKRikqOkGQ87hQnC7wBmGYLAnesX3M+S87eFATauuN+Qcrh7xIxXJbUIdMw3JGE3ylCWzrieaqCn4zhGM19TQ3z1oH1AX+pWEqIc7wNGAkULBo/ZxRaV9NNyh4Br3rCHZzbzmSfawBL0dNRwpW1kK9mxPXR9povcdrGSZK9c2k0xwFGzjuniCtRSZCZ6ccZ7gaktmgAOtKbG/JnOkJrjcQTdFMsxRQ2cLY3WTIrlCw1eWKn8R6pvt4GFDso3QoL4a3nLk3G6JrtME3dSenpx7PNFTmga0EaJTLQ061sEeQoWXhSo9LTXsaSjoJQRXeZLtDclbCrYzfzHHeaKjHCVOUkQHO3JeEepr56mhiyaYYKjjNU+Fed1wS5VlhWSqI/hYUdDOkaxiKehoyOnrCV5yBHtbWFqTHCCwtpDcYolesVR5yUzTZBb3RNMd0d6WP+SvhuBmRcGxnuQzT95IC285cr41cLGQ6aJJhmi4TMGempxeimBRQw1tFKV+8jd6KuzoSTqqDxzRtpZkurvKEHxlqXKRIjjfUNNXQsNOsRScoWFLT+YeRZVD3GRN0MdQcKqQjHDMrdGGVu3iYJpQx3WGUvfbmxwFfR20WBq0oYY7LMFhhgYtr8jpaEnaOzjawWWaTP8mMr0t/EPDPoqcnxTBI5o58L7uoWnMrpoqPwgVrlAUWE+V+TQl9rawoyP6QGAlQw2TPRX+YSkxyBC8Z6jhHkXBgQL7WII3DVFnRfCrBfxewv9D6xsyjys4VkhWb9pUU627JllV0YDNHMku/ldNMMXDEo4aFnAkk4U6frNEU4XgZUPmEKHUl44KrzmYamjAbh0JFvGnaTLPu1s9jPCwjFpYiN7z1DTOk/nc07CfDFzmCf7i+bfNHXhDtLeBXzTBT5rkMvWOIxpl4EMh2LGJBu2syDnAEx2naEhHDWMMzPZEhygyS1mS5RTJr5ZkoKbEUoYqr2kqdDUE8ztK7OaIntJkFrIECwv8LJTaVx5XJE86go8dFeZ3FN3rjabCAYpoYEeC9zzJVULBbmZhDyd7ko09ydpNZ3nm2Kee4FPPXHnYEF1nqOFEC08LUVcDvYXkJHW8gTaKCk9YGOeIJhqiE4ToPEepdp7IWFjdwnWaufGMwJJCMtUTTBBK9BGCOy2tGGrJTHIwyEOzp6aPzNMOtlZkDvcEWpP5SVNhfkvDxhmSazTJXYrM9U1E0xwFVwqZQwzJxw6+kGGGUj2FglGGmnb1/G51udRSMNlTw6GGnCcUwVcOpmsqTHa06o72sw1RL02p9z0VbnMLOaIX3QKaYKSCFQzBKEUNHTSc48k53RH9wxGMtpQa5KjjW0W0n6XCCCG4yxNNdhQ4R4l1Ff+2sSd6UFHiIEOyqqFgT01mEUMD+joy75jPhOA+oVVLm309FR4yVOlp4RhLiScNmSmaYF5Pw0STrOIoWMSR2UkRXOMp+M4SHW8o8Zoi6OZgjKOaFar8zZDzkWzvKOjkKBjmCXby8JahhjXULY4KlzgKLvAwxVGhvyd4zxB1d9T0piazmKLCVZY5sKiD0y2ZSYrkUEPUbIk+dlQ4SJHTR50k1DPaUWIdTZW9NJwnJMOECgd7ou/MnppMJ02O1VT4Wsh85MnZzcFTngpXGKo84qmwgKbCL/orR/SzJ2crA+t6Mp94KvxJUeIbT3CQu1uIdlQEOzlKfS3UMcrTiFmOuroocrZrT2AcmamOKg8YomeEKm/rlT2sociMaybaUlFhuqHCM2qIJ+rg4EcDFymiDSxzaHdPcpE62pD5kyM5SBMoA1PaUtfIthS85ig1VPiPPYXgYEMNk4Qq7TXBgo7oT57gPUdwgCHzhIVFPFU6OYJzHAX9m5oNrVjeE61miDrqQ4VSa1oiURTsKHC0IfjNwU2WzK6eqK8jWln4g15TVBnqmDteCJ501PGAocJhhqjZdtBEB6lnhLreFJKxmlKbeGrqLiSThVIbCdGzloasa6lpMQXHCME2boLpJgT7yWaemu6wBONbqGNVRS0PKIL7LckbjmQtR7K8I5qtqel+T/ChJTNIKLjdUMNIRyvOEko9YYl2cwQveBikCNawJKcLBbc7+JM92mysNvd/Fqp8a0k6CNEe7cnZrxlW0wQXaXjaktnRwNOGZKYiONwS7a1JVheq3WgJHlQUGKHKmp4KAxXR/ULURcNgoa4zhKSLpZR3kxRRb0NmD0OFn+UCS7CzI1nbP6+o4x47QZE5xRCt3ZagnYcvmpYQktXdk5YKXTzBC57kKEe0VVuiSYqapssMS3C9p2CKkHOg8B8Pa8p5atrIw3qezIWanMGa5HRDNF6RM9wcacl0N+Q8Z8hsIkSnaIIdHRUOEebAPy1zbCkhM062FCJtif7PU+UtoVXzWKqM1PxXO8cfdruhFQ/a6x3JKYagvVDhQEtNiyiiSQ7OsuRsZUku0CRNDs4Sog6KKjsZgk2bYJqijgsEenoKeniinRXBn/U3lgpPdyDZynQx8IiioMnCep5Ky8mjGs6Wty0l1hUQTcNWswS3WRp2kCNZwJG8omG8JphPUaFbC8lEfabwP7VtM9yoaNCAjpR41VNhrD9LkbN722v0CoZMByFzhaW+MyzRYEWFDQwN2M4/JiT76PuljT3VU/A36eaIThb+R9oZGOAJ9tewkgGvqOMNRWYjT/Cwu99Q8LqDE4TgbLWxJ1jaDDAERsFOFrobgjUsBScaguXU8kKm2RL19tRypSHnHNlHiIZqgufs4opgQdVdwxBNNFBR6kVFqb8ogimOzB6a6HTzrlDHEpYaxjiiA4TMQobkDg2vejjfwJGWmnbVFAw3H3hq2NyQfG7hz4aC+w3BbwbesG0swYayvpAs6++Ri1Vfzx93mFChvyN5xVHTS+0p9aqCAxyZ6ZacZyw5+7uuQkFPR9DDk9NOiE7X1PCYJVjVUqq7JlrHwWALF5nfHNGjApdpqgzx5OwilDhCiDYTgnc9waGW4BdLNNUQvOtpzDOWHDH8D7TR/A/85KljEQu3NREc4Pl/6B1Hhc8Umb5CsKMmGC9EPcxoT2amwHNCmeOEnOPbklnMkbOgIvO5UMOpQrS9UGVdt6iH/fURjhI/WOpaW9OKLYRod6HCUEdOX000wpDZQ6hwg6LgZfOqo1RfT/CrJzjekXOGhpc1VW71ZLbXyyp+93ILbC1kPtIEYx0FIx1VDrLoVzXRKRYWk809yYlC9ImcrinxtabKnzRJk3lAU1OLEN1j2zrYzr2myHRXJFf4h4QKT1qSTzTB5+ZNTzTRkAxX8FcLV2uS8eoQQ2aAkFzvCM72sJIcJET3WPjRk5wi32uSS9rfZajpWEvj9hW42F4o5NytSXYy8IKHay10VYdrcl4SkqscrXpMwyGOgtkajheSxdQqmpxP1L3t4R5PqasFnrQEjytq6qgp9Y09Qx9o4S1FzhUCn1kyHSzBWLemoSGvOqLNhZyBjmCaAUYpMgt4Ck7wBBMMwWKWgjsUwTaGVsxWC1mYoKiyqqeGKYqonSIRQ3KIkHO0pmAxTdBHkbOvfllfr+AA+7gnc50huVKYK393FOyg7rbPO/izI7hE4CnHHHnJ0ogNPRUGeUpsrZZTBJcrovUcJe51BPsr6GkJdhCCsZ6aTtMEb2pqWkqeVtDXE/QVggsU/Nl86d9RMF3DxvZTA58agu810RWawCiSzzXBeU3MMW9oyJUedvNEvQyNu1f10BSMddR1vaLCYpYa/mGocLSiYDcLbQz8aMn5iyF4xBNMs1P0QEOV7o5gaWGuzSeLue4tt3ro7y4Tgm4G/mopdZgl6q0o6KzJWE3mMksNr3r+a6CbT8g5wZNzT9O7fi/zpaOmnz3BRoqos+tv9zMbdpxsqDBOEewtJLt7cg5wtKKbvldpSzRRCD43VFheCI7yZLppggMVBS/KMAdHODJvOwq2NQSbKKKPLdFWQs7Fqo+mpl01JXYRgq8dnGLhTiFzqmWsUMdpllZdbKlyvSdYxhI9YghOtxR8LgSLWHK62mGGVoxzBE8LNWzqH9CUesQzFy5RQzTc56mhi6fgXEWwpKfE5Z7M05ZgZUPmo6auiv8YKzDYwWBLMErIbKHJvOwIrvEdhOBcQ9JdU1NHQ7CXn2XIDFBKU2WAgcX9UAUzDXWd5alwuyJ41Z9rjKLCL4aCp4WarhPm2rH+SaHUYE001JDZ2ZAzXPjdMpZWvC9wmqIB2lLhQ01D5jO06hghWMndbM7yRJMsoCj1vYbnFQVrW9jak3OlEJ3s/96+p33dEPRV5GxiqaGjIthUU6FFEZyqCa5qJrpBdzSw95IUnOPIrCUUjRZQFrbw5PR0R1qiYx3cb6nrWUMrBmmiBQxVHtTew5ICP/ip6g4hed/Akob/32wvBHsIOX83cI8hGeNeNPCIkPmXe8fPKx84OMSRM1MTdXSwjCZ4S30jVGhvqTRak/OVhgGazHuOCud5onEO1lJr6ecVyaOK6H7zqlBlIaHE0oroCgfvGJIdPcmfLNGLjpz7hZwZQpUbFME0A1cIJa7VNORkgfsMBatbKgwwJM9bSvQXeNOvbIjelg6WWvo5kvbKaJJNHexkKNHL9xRyFlH8Ti2riB5wVPhUk7nGkJnoCe428LR/wRGdYIlmWebCyxou1rCk4g/ShugBDX0V0ZQWkh0dOVsagkM0yV6OoLd5ye+pRlsCr0n+KiQrGuq5yJDzrTAXHtLUMduTDBVKrSm3eHL+6ijxhFDX9Z5gVU/wliHYTMiMFpKLNMEywu80wd3meoFmt6VbRMPenhrOc6DVe4pgXU8DnnHakLOIIrlF4FZPIw6R+zxBP0dyq6OOZ4Q5sLKCcz084ok+VsMMyQhNZmmBgX5xIXOEJTmi7VsGTvMTNdHHhpzdbE8Du2oKxgvBqQKdDDnTFOylCFaxR1syz2iqrOI/FEpNc3C6f11/7+ASS6l2inq2ciTrCCzgyemrCL5SVPjQkdPZUmGy2c9Sw9FtR1sS30RmsKPCS4rkIC/2U0MduwucYolGaPjKEyhzmiPYXagyWbYz8LWBDdzRimAXzxx4z8K9hpzlhLq+NiQ97HuKorMUfK/OVvC2JfiHUPCQI/q7J2gjK+tTDNxkCc4TMssqCs4TGtLVwQihyoAWgj9bosU80XGW6Ac9TJGziaUh5+hnFcHOnlaM1iRn29NaqGENTTTSUHCH2tWTeV0osUhH6psuVLjRUmGWhm6OZEshGeNowABHcJ2Bpy2ZszRcKkRXd2QuKVEeXnbfaEq825FguqfgfE2whlChSRMdron+LATTPQ2Z369t4B9C5gs/ylzv+CMmepIDPclFQl13W0rspPd1JOcbghGOEutqCv5qacURQl3dDKyvyJlqKXGPgcM9FfawJAMVmdcspcYKOZc4GjDYkFlK05olNMHyHn4zFNykyOxt99RkHlfwmiHo60l2EKI+mhreEKp080Tbug08BVPcgoqC5zWt+NLDTZ7oNSF51N1qie7Va3uCCwyZbkINf/NED6jzOsBdZjFN8oqG3wxVunqCSYYKf3EdhJyf9YWGf7tRU2oH3VHgPr1fe5J9hOgHd7xQ0y7qBwXr23aGErP0cm64JVjZwsOGqL+mhNgZmhJLW2oY4UhedsyBgzrCKrq7BmcpNVhR6jBPq64Vgi+kn6XE68pp8J5/+0wRHGOpsKenQn9DZntPzjRLZpDAdD2fnSgkG9tmIXnUwQ6WVighs7Yi2MxQ0N3CqYaCXkJ0oyOztMDJjmSSpcpvlrk0RMMOjmArQ04PRV1DO1FwhCVaUVPpKUM03JK5SxPsIWRu8/CGHi8UHChiqGFDTbSRJWeYUDDcH6vJWUxR4k1FXbMUwV6e4AJFXS8oMqsZKqzvYQ9DDQdZckY4aGsIhtlubbd2r3j4QBMoTamdPZk7O/Bf62lacZwneNjQoGcdVU7zJOd7ghsUHOkosagic6cnWc8+4gg285R6zZP5s1/LUbCKIznTwK36PkdwlOrl4U1LwfdCCa+IrvFkmgw1PCAUXKWo0sURXWcI2muKJlgyFzhynCY4RBOsqCjoI1R5zREco0n2Vt09BQtYSizgKNHfUmUrQ5UOCh51BFcLmY7umhYqXKQomOop8bUnWNNQcIiBcYaC6xzMNOS8JQQfeqKBmmglB+97ok/lfk3ygaHSyZaCRTzRxQo6GzLfa2jWBPepw+UmT7SQEJyiyRkhBLMVOfcoMjcK0eZChfUNzFAUzCsEN5vP/X1uP/n/aoMX+K+nw/Hjr/9xOo7j7Pju61tLcgvJpTWXNbfN5jLpi6VfCOviTktKlFusQixdEKWmEBUKNaIpjZRSSOXSgzaaKLdabrm1/9nZ+/f+vd/vz/v9+Xy+zZ7PRorYoZqyLrCwQdEAixxVOEXNNnjX2nUSRlkqGmWowk8lxR50JPy9Bo6qJXaXwNvREBvnThPEPrewryLhcAnj5WE15Fqi8W7R1sAuEu86S4ENikItFN4xkv9Af4nXSnUVcLiA9xzesFpivRRVeFKtsMRaKBhuSbjOELnAUtlSQUpXgdfB4Z1oSbnFEetbQ0IrAe+Y+pqnDcEJFj6S8LDZzZHwY4e3XONNlARraomNEt2bkvGsosA3ioyHm+6jCMbI59wqt4eeara28IzEmyPgoRaUOEDhTVdEJhmCoTWfC0p8aNkCp0oYqih2iqGi4yXeMkOsn4LdLLnmKfh/YogjNsPebeFGR4m9BJHLzB61XQ3BtpISfS2FugsK9FAtLWX1dCRcrCnUp44CNzuCowUZmxSRgYaE6Za0W2u/E7CVXCiI/UOR8aAm1+OSyE3mOUcwyc1zBBeoX1kiKy0Zfxck1Gsyulti11i83QTBF5Kg3pDQThFMVHiPSlK+0cSedng/VaS8bOZbtsBcTcZAR8JP5KeqQ1OYKAi20njdNNRpgnsU//K+JnaXJaGTomr7aYIphoRn9aeShJWKEq9LcozSF7QleEfDI5LYm5bgVkFkRwVDBCVu0DDIkGupo8TZBq+/pMQURYErJQmPKGKjNDkWOLx7Jd5QizdUweIaKrlP7SwJDhZvONjLkOsBBX9UpGxnydhXkfBLQ8IxgojQbLFnJf81JytSljclYYyEFyx0kVBvKWOFJmONpshGAcsduQY5giVNCV51eOdJYo/pLhbvM0uDHSevNKRcrKZIqnCtJeEsO95RoqcgGK4ocZcho1tTYtcZvH41pNQ7vA0WrhIfOSraIIntIAi+NXWCErdbkvrWwjRLrt0NKUdL6KSOscTOdMSOUtBHwL6OLA0vNSdynaWQEnCpIvKaIrJJEbvHkmuNhn6OjM8VkSGSqn1uYJCGHnq9I3aLhNME3t6GjIkO7xrNFumpyTNX/NrwX7CrIRiqqWijI9JO4d1iieykyfiposQIQ8YjjsjlBh6oHWbwRjgYJQn2NgSnNycmJAk3NiXhx44Sxykihxm8ybUwT1OVKySc7vi3OXVkdBJ4AyXBeksDXG0IhgtYY0lY5ahCD0ehborIk5aUWRJviMA7Xt5kyRjonrXENkm8yYqgs8VzgrJmClK20uMM3jRJ0FiQICQF9hdETlLQWRIb5ki6WDfWRPobvO6a4GP5mcOrNzDFELtTkONLh9dXE8xypEg7z8A9jkhrQ6Fhjlg/QVktJXxt4WXzT/03Q8IaQWSqIuEvloQ2mqC9Jfi7wRul4RX3pSPlzpoVlmCtI2jvKHCFhjcM3sN6lqF6HxnKelLjXWbwrpR4xzuCrTUZx2qq9oAh8p6ixCUGr78g8oyjRAtB5CZFwi80VerVpI0h+IeBxa6Zg6kWvpDHaioYYuEsRbDC3eOmC2JvGYLeioxGknL2UATNJN6hmtj1DlpLvDVmocYbrGCVJKOrg4X6DgddLA203BKMFngdJJFtFd7vJLm6KEpc5yjQrkk7M80SGe34X24nSex1Ra5Omgb71JKyg8SrU3i/kARKwWpH0kOGhKkObyfd0ZGjvyXlAkVZ4xRbYJ2irFMkFY1SwyWxr2oo4zlNiV+7zmaweFpT4kR3kaDAFW6xpSqzJay05FtYR4HmZhc9UxKbbfF2V8RG1MBmSaE+kmC6JnaRXK9gsiXhJHl/U0qM0WTcbyhwkYIvFGwjSbjfwhiJt8ZSQU+Bd5+marPMOkVkD0muxYLIfEuhh60x/J92itguihJSEMySVPQnTewnEm+620rTQEMsOfo4/kP/0ARvWjitlpSX7GxBgcMEsd3EEeYWvdytd+Saawi6aCIj1CkGb6Aj9rwhx16Cf3vAwFy5pyLhVonXzy51FDpdEblbkdJbUcEPDEFzQ8qNmhzzLTmmKWKbFCXeEuRabp6rxbvAtLF442QjQ+wEA9eL1xSR7Q0JXzlSHjJ4exq89yR0laScJ/FW6z4a73pFMEfDiRZvuvijIt86RaSFOl01riV2mD1UEvxGk/Geg5aWwGki1zgKPG9J2U8PEg8qYvMsZeytiTRXBMslCU8JSlxi8EabjwUldlDNLfzTUmCgxWsjqWCOHavYAqsknKFIO0yQ61VL5AVFxk6WhEaCAkdJgt9aSkzXlKNX2jEa79waYuc7gq0N3GDJGCBhoiTXUEPsdknCUE1CK0fwsiaylSF2uiDyO4XX3pFhNd7R4itFGc0k/ElBZwWvq+GC6szVeEoS/MZ+qylwpKNKv9Z469UOjqCjwlusicyTxG6VpNxcQ8IncoR4RhLbR+NdpGGmJWOcIzJGUuKPGpQg8rrG21dOMqQssJQ4RxH5jaUqnZuQ0F4Q+cjxLwPtpZbIAk3QTJHQWBE5S1BokoVtDd6lhqr9UpHSUxMcIYl9pojsb8h4SBOsMQcqvOWC2E8EVehqiJ1hrrAEbQxeK0NGZ0Gkq+guSRgniM23bIHVkqwx4hiHd7smaOyglyIyQuM978j4VS08J/A2G1KeMBRo4fBaSNhKUEZfQewVQ/C1I+MgfbEleEzCUw7mKXI0M3hd1EESVji8x5uQ41nxs1q4RMJCCXs7Iq9acpxn22oSDnQ/sJTxsCbHIYZiLyhY05TY0ZLIOQrGaSJDDN4t8pVaIrsqqFdEegtizc1iTew5Q4ayBDMUsQMkXocaYkc0hZua412siZ1rSXlR460zRJ5SlHGe5j801RLMlJTxtaOM3Q1pvxJ45zUlWFD7rsAbpfEm1JHxG0eh8w2R7QQVzBUw28FhFp5QZzq8t2rx2joqulYTWSuJdTYfWwqMFMcovFmSyJPNyLhE4E10pHzYjOC3huArRa571ZsGajQpQx38SBP5pyZB6lMU3khDnp0MBV51BE9o2E+TY5Ml2E8S7C0o6w1xvCZjf0HkVEHCzFoyNmqC+9wdcqN+Tp7jSDheE9ws8Y5V0NJCn2bk2tqSY4okdrEhx1iDN8cSudwepWmAGXKcJXK65H9to8jYQRH7SBF01ESUJdd0TayVInaWhLkOjlXE5irKGOnI6GSWGCJa482zBI9rCr0jyTVcEuzriC1vcr6mwFGSiqy5zMwxBH/TJHwjSPhL8+01kaaSUuMFKTcLEvaUePcrSmwn8DZrgikWb7CGPxkSjhQwrRk57tctmxLsb9sZvL9LSlyuSLlWkqOjwduo8b6Uv1DkmudIeFF2dHCgxVtk8dpIvHpBxhEOdhKk7OLIUSdJ+cSRY57B+0DgGUUlNfpthTfGkauzxrvTsUUaCVhlKeteTXCoJDCa2NOKhOmC4G1H8JBd4OBZReSRGkqcb/CO1PyLJTLB4j1q8JYaIutEjSLX8YKM+a6phdMsdLFUoV5RTm9JSkuDN8WcIon0NZMNZWh1q8C7SJEwV5HxrmnnTrf3KoJBlmCYI2ilSLlfEvlE4011NNgjgthzEua0oKK7JLE7HZHlEl60BLMVFewg4EWNt0ThrVNEVkkiTwpKXSWJzdRENgvKGq4IhjsiezgSFtsfCUq8qki5S1LRQeYQQ4nemmCkImWMw3tFUoUBZk4NOeZYEp4XRKTGa6wJjrWNHBVJR4m3FCnbuD6aak2WsMTh3SZImGCIPKNgsDpVwnsa70K31lCFJZYcwwSMFcQulGTsZuEaSdBXkPGZhu0FsdUO73RHjq8MPGGIfaGIbVTk6iuI3GFgucHrIQkmWSJdBd7BBu+uOryWAhY7+Lki9rK5wtEQzWwvtbqGhIMFwWRJsElsY4m9IIg9L6lCX0VklaPAYkfkZEGDnOWowlBJjtMUkcGK4Lg6EtoZInMUBVYLgn0UsdmCyCz7gIGHFfk+k1QwTh5We7A9x+IdJ6CvIkEagms0hR50eH9UnTQJ+2oiKyVlLFUE+8gBGu8MQ3CppUHesnjTHN4QB/UGPhCTHLFPHMFrCqa73gqObUJGa03wgbhHkrCfpEpzNLE7JDS25FMKhlhKKWKfCgqstLCPu1zBXy0J2ztwjtixBu8UTRn9LVtkmCN2iyFhtME70JHRQ1KVZXqKI/KNIKYMCYs1GUMEKbM1bKOI9LDXC7zbHS+bt+1MTWS9odA9DtrYtpbImQJ2VHh/lisEwaHqUk1kjKTAKknkBEXkbkdMGwq0dnhzLJF3NJH3JVwrqOB4Sca2hti75nmJN0WzxS6UxDYoEpxpa4htVlRjkYE7DZGzJVU72uC9IyhQL4i8YfGWSYLLNcHXloyz7QhNifmKSE9JgfGmuyLhc403Xm9vqcp6gXe3xuuv8F6VJNxkyTHEkHG2g0aKXL0MsXc1bGfgas2//dCONXiNLCX+5mB7eZIl1kHh7ajwpikyzlUUWOVOsjSQlsS+M0R+pPje/dzBXRZGO0rMtgQrLLG9VSu9n6CMXS3BhwYmSoIBhsjNBmZbgusE9BCPCP5triU4VhNbJfE+swSP27aayE8tuTpYYjtrYjMVGZdp2NpS1s6aBnKSHDsbKuplKbHM4a0wMFd/5/DmGyKrJSUaW4IBrqUhx0vyfzTBBLPIUcnZdrAkNsKR0sWRspumSns6Ch0v/qqIbBYUWKvPU/CFoyrDJGwSNFhbA/MlzKqjrO80hRbpKx0Jewsi/STftwGSlKc1JZyAzx05dhLEdnfQvhZOqiHWWEAHC7+30FuRcZUgaO5gpaIK+xsiHRUsqaPElTV40xQZQ107Q9BZE1nryDVGU9ZSQ47bmhBpLcYpUt7S+xuK/FiT8qKjwXYw5ypS2iuCv7q1gtgjhuBuB8LCFY5cUuCNtsQOFcT+4Ih9JX+k8Ea6v0iCIRZOtCT0Et00JW5UeC85Cg0ScK0k411HcG1zKtre3SeITBRk7WfwDhEvaYLTHP9le0m8By0JDwn4TlLW/aJOvGHxdjYUes+ScZigCkYQdNdEOhkiezgShqkx8ueKjI8lDfK2oNiOFvrZH1hS+tk7NV7nOmLHicGWEgubkXKdwdtZknCLJXaCpkrjZBtLZFsDP9CdxWsSr05Sxl6CMmoFbCOgryX40uDtamB7SVmXW4Ihlgpmq+00tBKUUa83WbjLUNkzDmY7cow1JDygyPGlhgGKYKz4vcV7QBNbJIgM11TUqZaMdwTeSguH6rOaw1JRKzaaGyxVm2EJ/uCIrVWUcZUkcp2grMsEjK+DMwS59jQk3Kd6SEq1d0S6uVmO4Bc1lDXTUcHjluCXEq+1OlBDj1pi9zgiXxnKuE0SqTXwhqbETW6RggMEnGl/q49UT2iCzgJvRwVXS2K/d6+ZkyUl7jawSVLit46EwxVljDZwoSQ20sDBihztHfk2yA8NVZghiXwrYHQdfKAOtzsayjhY9bY0yE2CWEeJ9xfzO423xhL5syS2TFJofO2pboHob0nY4GiAgRrvGQEDa/FWSsoaaYl0syRsEt3kWoH3B01shCXhTUWe9w3Bt44SC9QCh3eShQctwbaK2ApLroGCMlZrYqvlY3qYhM0aXpFkPOuoqJ3Dm6fxXrGwVF9gCWZagjPqznfkuMKQ8DPTQRO8ZqG1hPGKEm9IgpGW4DZDgTNriTxvFiq+Lz+0cKfp4wj6OCK9JSnzNSn9LFU7UhKZZMnYwcJ8s8yRsECScK4j5UOB95HFO0CzhY4xJxuCix0lDlEUeMdS6EZBkTsUkZ4K74dugyTXS7aNgL8aqjDfkCE0ZbwkCXpaWCKhl8P7VD5jxykivSyxyZrYERbe168LYu9ZYh86IkscgVLE7tWPKmJv11CgoyJltMEbrohtVAQfO4ImltiHEroYEs7RxAarVpY8AwXMcMReFOTYWe5iiLRQxJ5Q8DtJ8LQhWOhIeFESPGsILhbNDRljNbHzNRlTFbk2S3L0NOS6V1KFJYKUbSTcIIhM0wQ/s2TM0SRMNcQmSap3jCH4yhJZKSkwyRHpYYgsFeQ4U7xoCB7VVOExhXepo9ABBsYbvGWKXPME3lyH95YioZ0gssQRWWbI+FaSMkXijZXwgiTlYdPdkNLaETxlyDVIwqeaEus0aTcYcg0RVOkpR3CSJqIddK+90JCxzsDVloyrFd5ZAr4TBKfaWa6boEA7C7s6EpYaeFPjveooY72mjIccLHJ9HUwVlDhKkmutJDJBwnp1rvulJZggKDRfbXAkvC/4l3ozQOG9a8lxjx0i7nV4jSXc7vhe3OwIxjgSHjdEhhsif9YkPGlus3iLFDnWOFhtCZbJg0UbQcIaR67JjthoCyMEZRwhiXWyxO5QxI6w5NhT4U1WsJvDO60J34fW9hwzwlKij6ZAW9ne4L0s8C6XeBMEkd/LQy1VucBRot6QMlbivaBhoBgjqGiCJNhsqVp/S2SsG6DIONCR0dXhvWbJ+MRRZJkkuEjgDXJjFQW6SSL7GXK8Z2CZg7cVsbWGoKmEpzQ5elpiy8Ryg7dMkLLUEauzeO86CuwlSOlgYLojZWeJ9xM3S1PWfEfKl5ISLQ0MEKR8YOB2QfCxJBjrKPCN4f9MkaSsqoVXJBmP7EpFZ9UQfOoOFwSzBN4MQ8LsGrymlipcJQhmy0GaQjPqCHaXRwuCZwRbqK2Fg9wlClZqYicrIgMdZfxTQ0c7TBIbrChxmuzoKG8XRaSrIhhiyNFJkrC7oIAWMEOQa5aBekPCRknCo4IKPrYkvCDI8aYmY7WFtprgekcJZ3oLIqssCSMtFbQTJKwXYy3BY5oCh2iKPCpJOE+zRdpYgi6O2KmOAgvVCYaU4ySRek1sgyFhJ403QFHiVEmJHwtybO1gs8Hr5+BETQX3War0qZngYGgtVZtoqd6vFSk/UwdZElYqyjrF4HXUeFspIi9IGKf4j92pKGAdCYMVsbcV3kRF0N+R8LUd5PCsIGWoxDtBkCI0nKofdJQxT+LtZflvuc8Q3CjwWkq8KwUpHzkK/NmSsclCL0nseQdj5FRH5CNHSgtLiW80Of5HU9Hhlsga9bnBq3fEVltKfO5IaSTmGjjc4J0otcP7QsJUSQM8pEj5/wCuUuC2DWz8AAAAAElFTkSuQmCC");
+}
diff --git a/src/main/webapp/codemirror/theme/the-matrix.css b/src/main/webapp/codemirror/theme/the-matrix.css
new file mode 100644
index 00000000..9e60b7b0
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/the-matrix.css
@@ -0,0 +1,26 @@
+.cm-s-the-matrix.CodeMirror { background: #000000; color: #00FF00; }
+.cm-s-the-matrix span.CodeMirror-selected { background: #a8f !important; }
+.cm-s-the-matrix .CodeMirror-gutters { background: #060; border-right: 2px solid #00FF00; }
+.cm-s-the-matrix .CodeMirror-linenumber { color: #FFFFFF; }
+.cm-s-the-matrix .CodeMirror-cursor { border-left: 1px solid #00FF00 !important; }
+
+.cm-s-the-matrix span.cm-keyword {color: #008803; font-weight: bold;}
+.cm-s-the-matrix span.cm-atom {color: #3FF;}
+.cm-s-the-matrix span.cm-number {color: #FFB94F;}
+.cm-s-the-matrix span.cm-def {color: #99C;}
+.cm-s-the-matrix span.cm-variable {color: #F6C;}
+.cm-s-the-matrix span.cm-variable-2 {color: #C6F;}
+.cm-s-the-matrix span.cm-variable-3 {color: #96F;}
+.cm-s-the-matrix span.cm-property {color: #62FFA0;}
+.cm-s-the-matrix span.cm-operator {color: #999}
+.cm-s-the-matrix span.cm-comment {color: #CCCCCC;}
+.cm-s-the-matrix span.cm-string {color: #39C;}
+.cm-s-the-matrix span.cm-meta {color: #C9F;}
+.cm-s-the-matrix span.cm-qualifier {color: #FFF700;}
+.cm-s-the-matrix span.cm-builtin {color: #30a;}
+.cm-s-the-matrix span.cm-bracket {color: #cc7;}
+.cm-s-the-matrix span.cm-tag {color: #FFBD40;}
+.cm-s-the-matrix span.cm-attribute {color: #FFF700;}
+.cm-s-the-matrix span.cm-error {color: #FF0000;}
+
+.cm-s-the-matrix .CodeMirror-activeline-background {background: #040;}
diff --git a/src/main/webapp/codemirror/theme/tomorrow-night-eighties.css b/src/main/webapp/codemirror/theme/tomorrow-night-eighties.css
new file mode 100644
index 00000000..85c2a4a7
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/tomorrow-night-eighties.css
@@ -0,0 +1,34 @@
+/*
+
+    Name:       Tomorrow Night - Eighties
+    Author:     Chris Kempson
+
+    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
+    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
+
+*/
+
+.cm-s-tomorrow-night-eighties.CodeMirror {background: #000000; color: #CCCCCC;}
+.cm-s-tomorrow-night-eighties div.CodeMirror-selected {background: #2D2D2D !important;}
+.cm-s-tomorrow-night-eighties .CodeMirror-gutters {background: #000000; border-right: 0px;}
+.cm-s-tomorrow-night-eighties .CodeMirror-linenumber {color: #515151;}
+.cm-s-tomorrow-night-eighties .CodeMirror-cursor {border-left: 1px solid #6A6A6A !important;}
+
+.cm-s-tomorrow-night-eighties span.cm-comment {color: #d27b53;}
+.cm-s-tomorrow-night-eighties span.cm-atom {color: #a16a94;}
+.cm-s-tomorrow-night-eighties span.cm-number {color: #a16a94;}
+
+.cm-s-tomorrow-night-eighties span.cm-property, .cm-s-tomorrow-night-eighties span.cm-attribute {color: #99cc99;}
+.cm-s-tomorrow-night-eighties span.cm-keyword {color: #f2777a;}
+.cm-s-tomorrow-night-eighties span.cm-string {color: #ffcc66;}
+
+.cm-s-tomorrow-night-eighties span.cm-variable {color: #99cc99;}
+.cm-s-tomorrow-night-eighties span.cm-variable-2 {color: #6699cc;}
+.cm-s-tomorrow-night-eighties span.cm-def {color: #f99157;}
+.cm-s-tomorrow-night-eighties span.cm-bracket {color: #CCCCCC;}
+.cm-s-tomorrow-night-eighties span.cm-tag {color: #f2777a;}
+.cm-s-tomorrow-night-eighties span.cm-link {color: #a16a94;}
+.cm-s-tomorrow-night-eighties span.cm-error {background: #f2777a; color: #6A6A6A;}
+
+.cm-s-tomorrow-night-eighties .CodeMirror-activeline-background {background: #343600 !important;}
+.cm-s-tomorrow-night-eighties .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
diff --git a/src/main/webapp/codemirror/theme/twilight.css b/src/main/webapp/codemirror/theme/twilight.css
new file mode 100644
index 00000000..19d6abad
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/twilight.css
@@ -0,0 +1,28 @@
+.cm-s-twilight.CodeMirror { background: #141414; color: #f7f7f7; } /**/
+.cm-s-twilight .CodeMirror-selected { background: #323232 !important; } /**/
+
+.cm-s-twilight .CodeMirror-gutters { background: #222; border-right: 1px solid #aaa; }
+.cm-s-twilight .CodeMirror-linenumber { color: #aaa; }
+.cm-s-twilight .CodeMirror-cursor { border-left: 1px solid white !important; }
+
+.cm-s-twilight .cm-keyword {  color: #f9ee98; } /**/
+.cm-s-twilight .cm-atom { color: #FC0; }
+.cm-s-twilight .cm-number { color:  #ca7841; } /**/
+.cm-s-twilight .cm-def { color: #8DA6CE; }
+.cm-s-twilight span.cm-variable-2, .cm-s-twilight span.cm-tag { color: #607392; } /**/
+.cm-s-twilight span.cm-variable-3, .cm-s-twilight span.cm-def { color: #607392; } /**/
+.cm-s-twilight .cm-operator { color: #cda869; } /**/
+.cm-s-twilight .cm-comment { color:#777; font-style:italic; font-weight:normal; } /**/
+.cm-s-twilight .cm-string { color:#8f9d6a; font-style:italic; } /**/
+.cm-s-twilight .cm-string-2 { color:#bd6b18 } /*?*/
+.cm-s-twilight .cm-meta { background-color:#141414; color:#f7f7f7; } /*?*/
+.cm-s-twilight .cm-builtin { color: #cda869; } /*?*/
+.cm-s-twilight .cm-tag { color: #997643; } /**/
+.cm-s-twilight .cm-attribute { color: #d6bb6d; } /*?*/
+.cm-s-twilight .cm-header { color: #FF6400; }
+.cm-s-twilight .cm-hr { color: #AEAEAE; }
+.cm-s-twilight .cm-link {   color:#ad9361; font-style:italic; text-decoration:none; } /**/
+.cm-s-twilight .cm-error { border-bottom: 1px solid red; }
+
+.cm-s-twilight .CodeMirror-activeline-background {background: #27282E !important;}
+.cm-s-twilight .CodeMirror-matchingbracket {outline:1px solid grey; color:white !important;}
diff --git a/src/main/webapp/codemirror/theme/vibrant-ink.css b/src/main/webapp/codemirror/theme/vibrant-ink.css
new file mode 100644
index 00000000..0206225b
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/vibrant-ink.css
@@ -0,0 +1,30 @@
+/* Taken from the popular Visual Studio Vibrant Ink Schema */
+
+.cm-s-vibrant-ink.CodeMirror { background: black; color: white; }
+.cm-s-vibrant-ink .CodeMirror-selected { background: #35493c !important; }
+
+.cm-s-vibrant-ink .CodeMirror-gutters { background: #002240; border-right: 1px solid #aaa; }
+.cm-s-vibrant-ink .CodeMirror-linenumber { color: #d0d0d0; }
+.cm-s-vibrant-ink .CodeMirror-cursor { border-left: 1px solid white !important; }
+
+.cm-s-vibrant-ink .cm-keyword {  color: #CC7832; }
+.cm-s-vibrant-ink .cm-atom { color: #FC0; }
+.cm-s-vibrant-ink .cm-number { color:  #FFEE98; }
+.cm-s-vibrant-ink .cm-def { color: #8DA6CE; }
+.cm-s-vibrant-ink span.cm-variable-2, .cm-s-vibrant span.cm-tag { color: #FFC66D }
+.cm-s-vibrant-ink span.cm-variable-3, .cm-s-vibrant span.cm-def { color: #FFC66D }
+.cm-s-vibrant-ink .cm-operator { color: #888; }
+.cm-s-vibrant-ink .cm-comment { color: gray; font-weight: bold; }
+.cm-s-vibrant-ink .cm-string { color:  #A5C25C }
+.cm-s-vibrant-ink .cm-string-2 { color: red }
+.cm-s-vibrant-ink .cm-meta { color: #D8FA3C; }
+.cm-s-vibrant-ink .cm-builtin { color: #8DA6CE; }
+.cm-s-vibrant-ink .cm-tag { color: #8DA6CE; }
+.cm-s-vibrant-ink .cm-attribute { color: #8DA6CE; }
+.cm-s-vibrant-ink .cm-header { color: #FF6400; }
+.cm-s-vibrant-ink .cm-hr { color: #AEAEAE; }
+.cm-s-vibrant-ink .cm-link { color: blue; }
+.cm-s-vibrant-ink .cm-error { border-bottom: 1px solid red; }
+
+.cm-s-vibrant-ink .CodeMirror-activeline-background {background: #27282E !important;}
+.cm-s-vibrant-ink .CodeMirror-matchingbracket {outline:1px solid grey; color:white !important;}
diff --git a/src/main/webapp/codemirror/theme/xq-dark.css b/src/main/webapp/codemirror/theme/xq-dark.css
new file mode 100644
index 00000000..4a0b2138
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/xq-dark.css
@@ -0,0 +1,49 @@
+/*
+Copyright (C) 2011 by MarkLogic Corporation
+Author: Mike Brevoort <mike@brevoort.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+*/
+.cm-s-xq-dark.CodeMirror { background: #0a001f; color: #f8f8f8; }
+.cm-s-xq-dark .CodeMirror-selected { background: #27007A !important; }
+.cm-s-xq-dark .CodeMirror-gutters { background: #0a001f; border-right: 1px solid #aaa; }
+.cm-s-xq-dark .CodeMirror-linenumber { color: #f8f8f8; }
+.cm-s-xq-dark .CodeMirror-cursor { border-left: 1px solid white !important; }
+
+.cm-s-xq-dark span.cm-keyword {color: #FFBD40;}
+.cm-s-xq-dark span.cm-atom {color: #6C8CD5;}
+.cm-s-xq-dark span.cm-number {color: #164;}
+.cm-s-xq-dark span.cm-def {color: #FFF; text-decoration:underline;}
+.cm-s-xq-dark span.cm-variable {color: #FFF;}
+.cm-s-xq-dark span.cm-variable-2 {color: #EEE;}
+.cm-s-xq-dark span.cm-variable-3 {color: #DDD;}
+.cm-s-xq-dark span.cm-property {}
+.cm-s-xq-dark span.cm-operator {}
+.cm-s-xq-dark span.cm-comment {color: gray;}
+.cm-s-xq-dark span.cm-string {color: #9FEE00;}
+.cm-s-xq-dark span.cm-meta {color: yellow;}
+.cm-s-xq-dark span.cm-qualifier {color: #FFF700;}
+.cm-s-xq-dark span.cm-builtin {color: #30a;}
+.cm-s-xq-dark span.cm-bracket {color: #cc7;}
+.cm-s-xq-dark span.cm-tag {color: #FFBD40;}
+.cm-s-xq-dark span.cm-attribute {color: #FFF700;}
+.cm-s-xq-dark span.cm-error {color: #f00;}
+
+.cm-s-xq-dark .CodeMirror-activeline-background {background: #27282E !important;}
+.cm-s-xq-dark .CodeMirror-matchingbracket {outline:1px solid grey; color:white !important;}
\ No newline at end of file
diff --git a/src/main/webapp/codemirror/theme/xq-light.css b/src/main/webapp/codemirror/theme/xq-light.css
new file mode 100644
index 00000000..20b5c796
--- /dev/null
+++ b/src/main/webapp/codemirror/theme/xq-light.css
@@ -0,0 +1,43 @@
+/*
+Copyright (C) 2011 by MarkLogic Corporation
+Author: Mike Brevoort <mike@brevoort.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+*/
+.cm-s-xq-light span.cm-keyword {line-height: 1em; font-weight: bold; color: #5A5CAD; }
+.cm-s-xq-light span.cm-atom {color: #6C8CD5;}
+.cm-s-xq-light span.cm-number {color: #164;}
+.cm-s-xq-light span.cm-def {text-decoration:underline;}
+.cm-s-xq-light span.cm-variable {color: black; }
+.cm-s-xq-light span.cm-variable-2 {color:black;}
+.cm-s-xq-light span.cm-variable-3 {color: black; }
+.cm-s-xq-light span.cm-property {}
+.cm-s-xq-light span.cm-operator {}
+.cm-s-xq-light span.cm-comment {color: #0080FF; font-style: italic;}
+.cm-s-xq-light span.cm-string {color: red;}
+.cm-s-xq-light span.cm-meta {color: yellow;}
+.cm-s-xq-light span.cm-qualifier {color: grey}
+.cm-s-xq-light span.cm-builtin {color: #7EA656;}
+.cm-s-xq-light span.cm-bracket {color: #cc7;}
+.cm-s-xq-light span.cm-tag {color: #3F7F7F;}
+.cm-s-xq-light span.cm-attribute {color: #7F007F;}
+.cm-s-xq-light span.cm-error {color: #f00;}
+
+.cm-s-xq-light .CodeMirror-activeline-background {background: #e8f2ff !important;}
+.cm-s-xq-light .CodeMirror-matchingbracket {outline:1px solid grey;color:black !important;background:yellow;}
\ No newline at end of file