| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890 | 
							- // ================================================================
 
- //                           CHEditor 5
 
- // ================================================================
 
- var uploadScript = '',
 
-     deleteScript = '',
 
-     AppID = 'chximage',
 
-     AppSRC = '',
 
-     activeImage = null,
 
-     destinationObject = null,
 
-     readyToMove = false,
 
-     moveTimer = -1,
 
-     dragDropDiv,
 
-     insertionMarker,
 
-     offsetX_marker = -4,
 
-     offsetY_marker = -3,
 
-     geckoOffsetX_marker = 4,
 
-     geckoOffsetY_marker = -2,
 
-     divXPositions = [],
 
-     divYPositions = [],
 
-     divWidth = [],
 
-     divHeight = [],
 
-     tmpLeft = 0,
 
-     tmpTop = 0,
 
-     eventDiff_x = 0,
 
-     eventDiff_y = 0,
 
-     modifyImages = [],
 
-     uploadMaxNumber = 12,
 
-     imageCompleted = 0,
 
-     imageCompletedList = [],
 
-     uploadButton = '',
 
-     uploadImagePath = '',
 
-     showThumbnailSize = { width: 120, height: 90 },
 
-     oEditor = null,
 
-     button,
 
-     imageResizeWidth = 0,
 
-     makeThumbnail = true,
 
-     makeThumbnailWidth = 120,
 
-     makeThumbnailHeight = 90,
 
-     sortOnName = false,
 
-     browser = null;
 
- function createInsertionMaker() {
 
-     var wrapper = document.getElementById('insertionMarker'),
 
-         topIco = new Image(),
 
-         middleIco = new Image(),
 
-         bottomIco = new Image();
 
-     topIco.src = uploadImagePath + '/marker_top.gif';
 
-     topIco.style.width = '6px';
 
-     topIco.style.height = '1px';
 
-     wrapper.appendChild(topIco);
 
-     middleIco.src = uploadImagePath + '/marker_middle.gif';
 
-     middleIco.style.height = '96px';
 
-     middleIco.style.width = '6px';
 
-     wrapper.appendChild(middleIco);
 
-     bottomIco.src = uploadImagePath + '/marker_bottom.gif';
 
-     bottomIco.style.width = '6px';
 
-     bottomIco.style.height = '1px';
 
-     wrapper.appendChild(bottomIco);
 
- }
 
- function popupClose() {
 
-     // ----------------------------------------------------------------------------------
 
-     swfobject.removeSWF(AppID);
 
-     oEditor.popupWinCancel();
 
- }
 
- function showContents() {
 
-     var spacer = function (id) {
 
-         var clear = document.createElement('span');
 
-         clear.style.height = '0';
 
-         clear.style.width = '0';
 
-         clear.className = 'clear';
 
-         clear.id = 'spacer' + id;
 
-         return clear;
 
-     }, spacerNo = 1, i, imgBox, theImg, lastSpacer;
 
-     for (i = 0; i < uploadMaxNumber; i++) {
 
-         if (i > 0 && ((i % 4) === 0)) {
 
-             document.getElementById('imageListWrapper').appendChild(spacer(spacerNo++));
 
-         }
 
-         imgBox = document.createElement('div');
 
-         imgBox.id = 'imgBox' + i;
 
-         imgBox.className = 'imageBox';
 
-         theImg = document.createElement('div');
 
-         theImg.id = 'img_' + i;
 
-         theImg.className = 'imageBox_theImage';
 
-         imgBox.appendChild(theImg);
 
-         document.getElementById('imageListWrapper').appendChild(imgBox);
 
-         if (i === (uploadMaxNumber - 1)) {
 
-             lastSpacer = spacer(spacerNo);
 
-             lastSpacer.style.height = "7px";
 
-             document.getElementById('imageListWrapper').appendChild(lastSpacer);
 
-         }
 
-     }
 
-     if (browser.msie && browser.ver < 7) {
 
-         document.getElementById('imageListWrapper').style.padding = '5px 2px 5px 2px';
 
-         document.getElementById('imageInfoBox').style.height = '302px';
 
-         document.getElementById('imageInfoBox').style.width = '124px';
 
-     } else {
 
-         document.getElementById('imageListWrapper').style.padding = '5px 7px 0 5px';
 
-         document.getElementById('imageInfoBox').style.height = '298px';
 
-         document.getElementById('imageInfoBox').style.width = '130px';
 
-     }
 
- }
 
- function openFiles() {
 
-     // ----------------------------------------------------------------------------------
 
-     var elem = browser.msie ? document.getElementById(AppID) : document[AppID];
 
-     elem.AddFiles();
 
- }
 
- function setImageCount() {
 
-     imageCompleted++;
 
-     document.getElementById('imageCount').innerHTML = imageCompleted;
 
- }
 
- function getImageCount() {
 
-     return imageCompleted;
 
- }
 
- function allowedMaxImage() {
 
-     return uploadMaxNumber - getImageCount();
 
- }
 
- function getUploadedCount() {
 
-     return document.getElementById('imageListWrapper').getElementsByTagName('img').length;
 
- }
 
- function uploadedImageCount() {
 
-     imageCompleted = getUploadedCount();
 
-     document.getElementById('imageCount').innerHTML = imageCompleted;
 
- }
 
- function uploadError(msg) {
 
-     alert(msg);
 
- }
 
- function imageDelete(filePath) {
 
-     var chximage = document.getElementById(AppID);
 
-     chximage.ImageDelete(encodeURI(filePath));
 
- }
 
- function getTopPos(inputObj) {
 
-     // ----------------------------------------------------------------------------------
 
-     var returnValue = inputObj.offsetTop;
 
-     inputObj = inputObj.offsetParent;
 
-     while (inputObj) {
 
-         if (inputObj.tagName.toLowerCase() !== 'html') {
 
-             returnValue += (inputObj.offsetTop - inputObj.scrollTop);
 
-             if (browser.msie) {
 
-                 returnValue += inputObj.clientTop;
 
-             }
 
-         }
 
-         inputObj = inputObj.offsetParent;
 
-     }
 
-     return returnValue;
 
- }
 
- function getLeftPos(inputObj) {
 
-     // ----------------------------------------------------------------------------------
 
-     var returnValue = inputObj.offsetLeft;
 
-     inputObj = inputObj.offsetParent;
 
-     while (inputObj) {
 
-         if (inputObj.id !== 'imageListWrapper') {
 
-             returnValue += inputObj.offsetLeft;
 
-             if (browser.msie) {
 
-                 returnValue += inputObj.clientLeft;
 
-             }
 
-         }
 
-         inputObj = inputObj.offsetParent;
 
-     }
 
-     return returnValue;
 
- }
 
- function getDivCoordinates() {
 
-     // ----------------------------------------------------------------------------------
 
-     var imgBox = document.getElementById('imageListWrapper').getElementsByTagName('DIV'),
 
-         i = 0;
 
-     for (; i < imgBox.length; i++) {
 
-         if ((imgBox[i].className === 'imageBox' || imgBox[i].className === 'imageBoxHighlighted') && imgBox[i].id) {
 
-             divXPositions[imgBox[i].id] = getLeftPos(imgBox[i]);
 
-             divYPositions[imgBox[i].id] = getTopPos(imgBox[i]);
 
-             divWidth[imgBox[i].id]  = imgBox[i].offsetWidth;
 
-             divHeight[imgBox[i].id] = imgBox[i].offsetHeight;
 
-         }
 
-     }
 
- }
 
- function reOrder() {
 
-     // ----------------------------------------------------------------------------------
 
-     var wrapper = document.getElementById('imageListWrapper'),
 
-         imgBox = wrapper.getElementsByTagName('div'),
 
-         imgNum = 0, i, spacer, breakline = [];
 
-     for (i = 0; i < imgBox.length; i++) {
 
-         if (imgBox[i].id.indexOf('imgBox') === -1) {
 
-             continue;
 
-         }
 
-         imgBox[i].className = 'imageBox';
 
-         imgBox[i].firstChild.className = 'imageBox_theImage';
 
-         if (imgNum > 0 && (imgNum % 4) === 0) {
 
-             breakline.push(imgBox[i].id);
 
-         }
 
-         imgNum++;
 
-     }
 
-     for (i = 0; i < breakline.length; i++) {
 
-         spacer = document.getElementById('spacer' + (i + 1));
 
-         if (i + 1 === breakline.length) {
 
-             wrapper.appendChild(spacer);
 
-         } else {
 
-             wrapper.insertBefore(spacer, document.getElementById(breakline[i]));
 
-         }
 
-     }
 
- }
 
- function setImageInfo(id) {
 
-     var elem;
 
-     if (!id) {
 
-         document.getElementById('selectedImageWidth').innerHTML = '0';
 
-         document.getElementById('selectedImageHeight').innerHTML = '0';
 
-         document.getElementById('selectedImageName').innerHTML = "없음";
 
-     } else {
 
-         elem = imageCompletedList[id];
 
-         document.getElementById('selectedImageWidth').innerHTML = elem.width;
 
-         document.getElementById('selectedImageHeight').innerHTML = elem.height;
 
-         document.getElementById('selectedImageName').innerHTML = elem.origName;
 
-     }
 
- }
 
- function showDelete() {
 
-     // ----------------------------------------------------------------------------------
 
-     var self = this, btn;
 
-     if (readyToMove) {
 
-         return;
 
-     }
 
-     getDivCoordinates();
 
-     self.className = 'imageBox_theImage_over';
 
-     btn = document.getElementById('removeImageButton');
 
-     btn.style.left = (showThumbnailSize.width - parseInt(btn.style.width, 10) - 1) + 'px';
 
-     btn.style.top = '-1px';
 
-     self.appendChild(btn);
 
-     btn.style.display = 'block';
 
-     btn.onmouseover = function (ev) {
 
-         ev = ev || window.event;
 
-         ev.cancelBubble = true;
 
-         this.style.display = 'block';
 
-         setImageInfo(self.id);
 
-         this.className = 'removeButton_over';
 
-         self.className = 'imageBox_theImage_over';
 
-     };
 
-     btn.onmouseout = function () {
 
-         this.className = 'removeButton';
 
-     };
 
-     btn.onmousedown = function () {
 
-         var images = self.getElementsByTagName('img'), i, wrapper, moveobj, target;
 
-         for (i = 0; i < images.length; i++) {
 
-             self.removeChild(images[i]);
 
-         }
 
-         self.removeChild(self.firstChild);
 
-         self.className = 'imageBox_theImage';
 
-         if (self.parentNode.nextSibling && self.parentNode.nextSibling.id) {
 
-             wrapper = document.getElementById('imageListWrapper');
 
-             moveobj = self.parentNode.nextSibling;
 
-             target = self.parentNode;
 
-             while (moveobj !== null) {
 
-                 if (moveobj.firstChild && !moveobj.firstChild.firstChild) {
 
-                     break;
 
-                 }
 
-                 if (/^spacer/.test(moveobj.id)) {
 
-                     moveobj = moveobj.nextSibling;
 
-                     continue;
 
-                 }
 
-                 wrapper.insertBefore(moveobj, target);
 
-                 moveobj = target.nextSibling;
 
-             }
 
-         }
 
-         reOrder();
 
-         uploadedImageCount();
 
-         setImageInfo(0);
 
-         this.style.display = 'none';
 
-         document.body.appendChild(this);
 
-         self.onmouseout = self.onmouseover = null;
 
-     };
 
-     setImageInfo(self.id);
 
- }
 
- function hideDelete() {
 
-     // ----------------------------------------------------------------------------------
 
-     document.getElementById('removeImageButton').style.display = 'none';
 
- }
 
- function startUpload(count) {
 
-     // ----------------------------------------------------------------------------------
 
-     var el = document.getElementById('imageListWrapper').getElementsByTagName('div'), i, imgBox;
 
-     for (i = 0; i < el.length; i++) {
 
-         imgBox = el[i];
 
-         if (imgBox.className !== 'imageBox_theImage') {
 
-             continue;
 
-         }
 
-         if (count === 0) {
 
-             break;
 
-         }
 
-         if (!imgBox.firstChild || imgBox.firstChild.tagName.toLowerCase() !== 'img') {
 
-             imgBox.style.backgroundImage = "url('" + uploadImagePath + "/loader.gif')";
 
-             count--;
 
-         }
 
-     }
 
- }
 
- function fileFilterError(file) {
 
-     alert("선택하신 '" + file + "' 파일은 전송할 수 없습니다.\n" +
 
-        "gif, png, jpg, 그림 파일만 전송할 수 있습니다.");
 
- }
 
- function imgComplete(img, imgSize, boxId) {
 
-     var resizeW, resizeH, M, elem;
 
-     img.setAttribute("border", '0');
 
-     if (imgSize.width > showThumbnailSize.width || imgSize.height > showThumbnailSize.height) {
 
-         if (imgSize.width > imgSize.height) {
 
-             resizeW = (imgSize.width > showThumbnailSize.width) ? showThumbnailSize.width : imgSize.width;
 
-             resizeH = Math.round((imgSize.height * resizeW) / imgSize.width);
 
-         } else {
 
-             resizeH = (imgSize.height > showThumbnailSize.height) ? showThumbnailSize.height : imgSize.height;
 
-             resizeW = Math.round((imgSize.width * resizeH) / imgSize.height);
 
-         }
 
-         if (resizeH > showThumbnailSize.height) {
 
-             resizeH = (imgSize.height > showThumbnailSize.height) ? showThumbnailSize.height : imgSize.height;
 
-             resizeW = Math.round((imgSize.width * resizeH) / imgSize.height);
 
-         }
 
-     } else {
 
-         resizeW = imgSize.width;
 
-         resizeH = imgSize.height;
 
-     }
 
-     img.style.width  = resizeW - 2 + 'px';
 
-     img.style.height = resizeH - 2 + 'px';
 
-     img.style.margin = "1px";
 
-     if (resizeW < showThumbnailSize.width) {
 
-         M = showThumbnailSize.width - resizeW;
 
-         img.style.marginLeft = Math.round(M / 2) + 'px';
 
-     }
 
-     if (resizeH < showThumbnailSize.height) {
 
-         M = showThumbnailSize.height - resizeH;
 
-         img.style.marginTop = Math.round(M / 2) + 'px';
 
-     }
 
-     elem = document.getElementById(boxId);
 
-     elem.style.backgroundImage = "url('" + uploadImagePath + "/dot.gif')";
 
-     elem.onmouseover = showDelete;
 
-     elem.onmouseout = function() {
 
-         this.className = 'imageBox_theImage';
 
-         setImageInfo(0);
 
-         hideDelete();
 
-     };
 
-     setImageCount();
 
- }
 
- function uploadComplete(image) {
 
-     // ----------------------------------------------------------------------------------
 
-     var el = document.getElementById('imageListWrapper').getElementsByTagName('div'),
 
-         imgBox = null, tmpImg, i, imgInfo,
 
-         imgOnLoad = function () {
 
-             imgInfo = { "width": image.width, "height": image.height, "fileSize": image.fileSize,
 
-                     "fileUrl": image.fileUrl, "fileName": image.fileName, "filePath": image.filePath, "origName": image.origName };
 
-             imageCompletedList[imgBox.id] = imgInfo;
 
-             imgComplete(this, imgInfo, imgBox.id);
 
-         };
 
-     image.filePath = decodeURI(image.filePath);
 
-     image.origName = decodeURI(image.origName);
 
-     for (i = 0; i < el.length; i++) {
 
-         imgBox = el[i];
 
-         if (imgBox.className !== 'imageBox_theImage') {
 
-             continue;
 
-         }
 
-         if (!imgBox.firstChild || imgBox.firstChild.tagName.toLowerCase() !== 'img') {
 
-             tmpImg = new Image();
 
-             tmpImg.style.width = "0px";
 
-             tmpImg.style.height = "0px";
 
-             tmpImg.setAttribute("alt", image.origName);
 
-             tmpImg.onload = imgOnLoad;
 
-             tmpImg.src = image.fileUrl;
 
-             imgBox.appendChild(tmpImg);
 
-             break;
 
-         }
 
-     }
 
- }
 
- function showUploadWindow() {
 
-     // ----------------------------------------------------------------------------------
 
-     var uploadWindow  = document.getElementById("uploadWindow"),
 
-         uploadWindowWidth = 700,
 
-         winWidth, el, i, j, imgBox, img;
 
-     if (!(oEditor.undefined(window.innerWidth))) {
 
-         winWidth  = window.innerWidth;
 
-     } else if (document.documentElement &&
 
-         (!(oEditor.undefined(document.documentElement.clientWidth))) &&
 
-         document.documentElement.clientWidth !== 0) {
 
-         winWidth = document.documentElement.clientWidth;
 
-     } else if (document.body && (!(oEditor.undefined(document.body.clientWidth)))) {
 
-         winWidth = document.body.clientWidth;
 
-     } else {
 
-         alert('현재 브라우저를 지원하지 않습니다.');
 
-         return;
 
-     }
 
-     uploadWindow.style.left = winWidth / 2 - (uploadWindowWidth / 2) + 'px';
 
-     uploadWindow.style.display = "block";
 
-     uploadWindow.style.width = uploadWindowWidth + 'px';
 
-     if (modifyImages.length > 0) {
 
-         el = document.getElementById('imageListWrapper').getElementsByTagName('div');
 
-         for (i = 0; i < modifyImages.length; i++) {
 
-             if (i > 7) {
 
-                 break;
 
-             }
 
-             for (j = 0; j < el.length; j++) {
 
-                 imgBox = el[j];
 
-                 if (imgBox.className !== 'imageBox_theImage') {
 
-                     continue;
 
-                 }
 
-                 if (imgBox.firstChild && (imgBox.firstChild.src === modifyImages[i])) {
 
-                     break;
 
-                 }
 
-                 if (imgBox.firstChild === null) {
 
-                     img = new Image();
 
-                     img.src = modifyImages[i];
 
-                     img.border = 0;
 
-                     img.alt = '';
 
-                     img.style.width = '120px';
 
-                     img.style.height = '90px';
 
-                     imgBox.appendChild(img);
 
-                     break;
 
-                 }
 
-             }
 
-         }
 
-     }
 
- }
 
- function removeImages() {
 
-     var images = [], i, j, theImage, img, remove;
 
-     document.body.appendChild(document.getElementById('removeImageButton'));
 
-     for (i = 0; i < uploadMaxNumber; i++) {
 
-         theImage = document.getElementById('img_' + i);
 
-         if (theImage.hasChildNodes() && theImage.firstChild.tagName.toLowerCase() === 'img') {
 
-             images.push(theImage);
 
-         }
 
-     }
 
-     for (i = 0; i < images.length; i++) {
 
-         img = images[i];
 
-         if (img.firstChild !== null) {
 
-             oEditor.removeEvent(img, 'mouseover', showDelete);
 
-             remove = img.getElementsByTagName('img');
 
-             for (j = 0; j < remove.length; j++) {
 
-                 img.removeChild(remove[j]);
 
-             }
 
-             img.parentNode.className = 'imageBox';
 
-             oEditor.removeEvent(img, 'mouseover', showDelete);
 
-         }
 
-     }
 
-     uploadedImageCount();
 
-     imageCompletedList = [];
 
- }
 
- function removeImage() {
 
-     // ----------------------------------------------------------------------------------
 
-     var i, theImage, found = false;
 
-     for (i = 0; i < uploadMaxNumber; i++) {
 
-         theImage = document.getElementById('img_' + i);
 
-         if (theImage.hasChildNodes() && theImage.firstChild.tagName.toLowerCase() === 'img') {
 
-             found = true;
 
-             break;
 
-         }
 
-     }
 
-     if (found) {
 
-         if (!confirm('추가하신 사진이 있습니다. 사진 넣기를 취소하시겠습니까?')) {
 
-             return false;
 
-         }
 
-         removeImages();
 
-     }
 
-     return true;
 
- }
 
- function closeWindow() {
 
-     // ----------------------------------------------------------------------------------
 
-     if (removeImage()) {
 
-         popupClose();
 
-     }
 
- }
 
- function cancelEvent() {
 
-     // ----------------------------------------------------------------------------------
 
-     return false;
 
- }
 
- function startMoveTimer() {
 
-     // ----------------------------------------------------------------------------------
 
-     var subElements, newDiv;
 
-     if (moveTimer >= 0 && moveTimer < 10) {
 
-         moveTimer++;
 
-         setTimeout('startMoveTimer()', 8);
 
-     }
 
-     if (moveTimer === 5) {
 
-         getDivCoordinates();
 
-         subElements = dragDropDiv.getElementsByTagName('div');
 
-         if (subElements.length > 0) {
 
-             dragDropDiv.removeChild(subElements[0]);
 
-         }
 
-         dragDropDiv.style.display = 'block';
 
-         newDiv = activeImage.cloneNode(true);
 
-         newDiv.className = 'imageBox';
 
-         newDiv.style.opacity = 0.5;
 
-         newDiv.id = '';
 
-         newDiv.style.padding = '2px';
 
-         dragDropDiv.appendChild(newDiv);
 
-         dragDropDiv.style.top = tmpTop + 'px';
 
-         dragDropDiv.style.left = tmpLeft + 'px';
 
-     }
 
-     return false;
 
- }
 
- function getMouseButtn(e) {
 
-     var code;
 
-     e = e || window.event;
 
-     code = e.button;
 
-     if (code) {
 
-         if (browser.msie && browser.version < 9) {
 
-             code = code === 1 ? 0 : (code === 4 ? 1 : code);
 
-         }
 
-     }
 
-     return code;
 
- }
 
- function selectImage(e) {
 
-     // ----------------------------------------------------------------------------------
 
-     var el = this.parentNode.firstChild.firstChild, obj;
 
-     if (!el) {
 
-         return;
 
-     }
 
-     e = e || window.event;
 
-     if (getMouseButtn(e) === 2) {
 
-         return;
 
-     }
 
-     obj = this.parentNode;
 
-     hideDelete();
 
-     obj.className = 'imageBoxHighlighted';
 
-     activeImage = obj;
 
-     readyToMove = true;
 
-     moveTimer = 0;
 
-     tmpLeft = e.clientX + Math.max(document.body.scrollLeft, document.documentElement.scrollLeft);
 
-     tmpTop = e.clientY + Math.max(document.body.scrollTop, document.documentElement.scrollTop);
 
-     startMoveTimer();
 
-     return false;
 
- }
 
- function dragDropEnd() {
 
-     // ----------------------------------------------------------------------------------
 
-     var parentObj, chkObj, turn = false;
 
-     readyToMove = false;
 
-     moveTimer = -1;
 
-     dragDropDiv.style.display = 'none';
 
-     insertionMarker.style.display = 'none';
 
-     if (!activeImage) {
 
-         return;
 
-     }
 
-     if (destinationObject && destinationObject !== activeImage) {
 
-         parentObj = destinationObject.parentNode;
 
-         chkObj = destinationObject.previousSibling;
 
-         turn = false;
 
-         if (chkObj === null) {
 
-             chkObj = document.getElementById('imageListWrapper').firstChild;
 
-             turn = true;
 
-         }
 
-         if (chkObj.id.indexOf('spacer') !== -1) {
 
-             chkObj = chkObj.previousSibling;
 
-         }
 
-         if (chkObj.firstChild.firstChild === null) {
 
-             reOrder();
 
-             return;
 
-         }
 
-         if (chkObj && chkObj.id !== null) {
 
-             while (chkObj) {
 
-                 if (chkObj.firstChild.firstChild !== null) {
 
-                     break;
 
-                 }
 
-                 chkObj = chkObj.previousSibling;
 
-             }
 
-             destinationObject = turn ? chkObj : chkObj.nextSibling;
 
-         }
 
-         parentObj.insertBefore(activeImage, destinationObject);
 
-         reOrder();
 
-         activeImage = null;
 
-         destinationObject = null;
 
-         getDivCoordinates();
 
-         return false;
 
-     }
 
-     activeImage.className = 'imageBox';
 
-     return true;
 
- }
 
- function dragDropMove(e) {
 
-     // ----------------------------------------------------------------------------------
 
-     var elementFound = false, prop, offsetX, offsetY, leftPos, topPos, btnCode;
 
-     if (moveTimer === -1 || !readyToMove) {
 
-         return;
 
-     }
 
-     e = e || window.event;
 
-     leftPos = e.clientX + document.documentElement.scrollLeft - eventDiff_x;
 
-     topPos = e.clientY + document.documentElement.scrollTop - eventDiff_y;
 
-     dragDropDiv.style.top = topPos + 'px';
 
-     dragDropDiv.style.left = leftPos + 'px';
 
-     leftPos = leftPos + eventDiff_x;
 
-     topPos = topPos + eventDiff_y;
 
-     if (getMouseButtn(e) !== 0) {
 
-         dragDropEnd();
 
-     }
 
-     for (prop in divXPositions) {
 
-         if (!divXPositions.hasOwnProperty(prop) || divXPositions[prop].className === 'clear') {
 
-             continue;
 
-         }
 
-         if (divXPositions[prop] < leftPos &&
 
-             (divXPositions[prop] + divWidth[prop] * 0.7) > leftPos &&
 
-             divYPositions[prop] < topPos &&
 
-             (divYPositions[prop] + divWidth[prop]) > topPos) {
 
-             if (browser.msie) {
 
-                 offsetX = offsetX_marker;
 
-                 offsetY = offsetY_marker;
 
-             } else {
 
-                 offsetX = geckoOffsetX_marker;
 
-                 offsetY = geckoOffsetY_marker;
 
-             }
 
-             insertionMarker.style.top = divYPositions[prop] + offsetY + 'px';
 
-             insertionMarker.style.left = divXPositions[prop] + offsetX + 'px';
 
-             insertionMarker.style.display = 'block';
 
-             destinationObject = document.getElementById(prop);
 
-             elementFound = true;
 
-             break;
 
-         }
 
-     }
 
-     if (!elementFound) {
 
-         insertionMarker.style.display = 'none';
 
-         destinationObject = null;
 
-     }
 
-     return false;
 
- }
 
- function saveImageOrder() {
 
-     // ----------------------------------------------------------------------------------
 
-     var rData = [],
 
-         objects = document.getElementById('imageListWrapper').getElementsByTagName('div'),
 
-         i;
 
-     for (i = 0; i < objects.length; i++) {
 
-         if (objects[i].className === 'imageBox' ||
 
-          objects[i].className === 'imageBoxHighlighted') {
 
-             rData.push(objects[i].id);
 
-         }
 
-     }
 
-     return rData;
 
- }
 
- function initGallery() {
 
-     // ----------------------------------------------------------------------------------
 
-     var imgBox = document.getElementById('imageListWrapper').getElementsByTagName('div'),
 
-         i;
 
-     for (i = 0; i < imgBox.length; i++) {
 
-         if (imgBox[i].className === 'imageBox_theImage') {
 
-             imgBox[i].onmousedown = selectImage;
 
-         }
 
-     }
 
-     document.body.onselectstart = cancelEvent;
 
-     document.body.ondragstart = cancelEvent;
 
-     document.body.onmouseup = dragDropEnd;
 
-     document.body.onmousemove = dragDropMove;
 
-     dragDropDiv = document.getElementById('dragDropContent');
 
-     insertionMarker = document.getElementById('insertionMarker');
 
-     getDivCoordinates();
 
- }
 
- function doSubmit() {
 
-     // ----------------------------------------------------------------------------------
 
-     var el = document.getElementById('imageListWrapper').getElementsByTagName('div'),
 
-         imageArray = [],
 
-         num = 0,
 
-         elem = document.getElementById('id_alignment').elements,
 
-         imgParagraph = false,
 
-         useSpacer = false,
 
-         imgAlign = 'top', i, imgBox, input;
 
-     for (i = 0; i < elem.length; i++) {
 
-         input = elem[i];
 
-         switch (input.name) {
 
-             case "alignment" :
 
-                 if (input.checked) {
 
-                     imgAlign = input.value;
 
-                 }
 
-                 break;
 
-             case "para" :
 
-                 imgParagraph = input.checked;
 
-                 break;
 
-             case "use_spacer" :
 
-                 useSpacer = input.checked;
 
-                 break;
 
-         }
 
-     }
 
-     for (i = 0; i < el.length; i++) {
 
-         imgBox = el[i];
 
-         if (imgBox.className !== "imageBox_theImage") {
 
-             continue;
 
-         }
 
-         if (imgBox.firstChild !== null) {
 
-             imageArray[num] = imageCompletedList[imgBox.id];
 
-             if (imgAlign === "break") {
 
-                 imageArray[num].alt = "break";
 
-             } else {
 
-                 imageArray[num].alt = '';
 
-                 imageArray[num].align = imgAlign;
 
-             }
 
-             num++;
 
-         }
 
-     }
 
-     if (imageArray.length > 0) {
 
-         oEditor.doInsertImage(imageArray, imgParagraph, useSpacer);
 
-     }
 
-     oEditor.popupWinClose();
 
- }
 
- function initEvent() {
 
-     var swfVersionStr = "11.1.0",
 
-         xiSwfUrlStr = "http://get.adobe.com/kr/flashplayer/",
 
-         flashvars = {
 
-             UploadScript:     uploadScript,
 
-             DeleteScript:     deleteScript,
 
-             UploadButton:     uploadButton,
 
-             MakeThumbnail:    makeThumbnail,
 
-             ThumbnailWidth:   makeThumbnailWidth,
 
-             ThumbnailHeight:  makeThumbnailHeight,
 
-             ImageResizeWidth: imageResizeWidth,
 
-             loadPolicyFile:   true,
 
-             SortOnName:       sortOnName
 
-         },
 
-         params = {
 
-             quality: "high",
 
-             bgcolor: "#ffffff",
 
-             allowscriptaccess: "Always",
 
-             allowfullscreen: "false",
 
-             //allowNetworking: "all",
 
-             wmode: "transparent"
 
-         },
 
-         attributes = { id: AppID, name: AppID, align: "middle" };
 
-     swfobject.embedSWF(AppSRC, "oFlashButton", "93", "22", swfVersionStr, xiSwfUrlStr, flashvars, params, attributes);
 
- }
 
- function init(dialog) {
 
-     var dlg = new Dialog(this),
 
-         elem = document.getElementById('id_alignment').elements,
 
-         i;
 
-     oEditor = this;
 
-     oEditor.dialog = dialog;
 
-     browser = oEditor.getBrowser();
 
-     uploadImagePath = oEditor.config.iconPath + 'imageUpload';
 
-     uploadButton = '../icons/imageUpload/add.gif';
 
-     AppSRC = oEditor.config.popupPath + 'flash/chximage.swf';
 
-     uploadMaxNumber = oEditor.config.imgUploadNumber;
 
-     uploadScript = oEditor.config.editorPath + 'imageUpload/upload.asp';
 
-     deleteScript = oEditor.config.editorPath + 'imageUpload/delete.asp';
 
-     imageResizeWidth = oEditor.config.imgMaxWidth;
 
-     makeThumbnail = oEditor.config.makeThumbnail;
 
-     sortOnName = oEditor.config.imgUploadSortName;
 
-     makeThumbnailWidth = oEditor.config.thumbnailWidth;
 
-     makeThumbnailHeight = oEditor.config.thumbnailHeight;
 
-     document.getElementById("maxImageNum").appendChild(document.createTextNode(uploadMaxNumber));
 
-     button = [
 
-         { alt: "", img: 'submit.gif', cmd: doSubmit, hspace: 2 },
 
-         { alt: "", img: 'cancel.gif', cmd: closeWindow, hspace: 2 }
 
-     ];
 
-     dlg.setDialogHeight(370);
 
-     dlg.showButton(button);
 
-     showContents();
 
-     initGallery();
 
-     showUploadWindow();
 
-     initEvent();
 
-     createInsertionMaker();
 
-     for (i = 0; i < elem.length; i++) {
 
-         if (elem[i].name === "alignment" && elem[i].value === oEditor.config.imgDefaultAlign) {
 
-             elem[i].checked = "checked";
 
-             break;
 
-         }
 
-     }
 
- }
 
 
  |