var rectangleBorderWidth = 2;var useRectangle = true;var autoScrollSpeed = 5;function saveData(){var saveString = "";for(var no=0;no<dragableObjectArray.length;no++){if(saveString.length>0)saveString = saveString + ';';ref = dragableObjectArray[no];saveString = saveString + ref['obj'].id.replace('widget','');}CreateCallback(KEYwebRoot + "admin/WidgetEditor.aspx?move=" + saveString + "&rnd=" + Math.random(),null);}var dragableElementsParentBox;var opera = navigator.appVersion.indexOf('Opera')>=0?true:false;var rectangleDiv = false;var mouse_x;var mouse_y;var el_x;var el_y;var dragDropTimer = -1;var dragObject = false;var dragObjectNextObj = false;var dragableObjectArray = new Array();var destinationObj = false;var currentDest = false;var allowRectangleMove = true;var dragDropMoveLayer;var autoScrollActive = false;var documentHeight = false;var documentScrollHeight = false;var dragableAreaWidth = false;function getTopPos(inputObj){var returnValue = inputObj.offsetTop;try{while((inputObj = inputObj.offsetParent) != null){if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;}}catch (ex){}return returnValue;}function getLeftPos(inputObj){var returnValue = inputObj.offsetLeft;try{while((inputObj = inputObj.offsetParent) != null){if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;}}catch (ex){}return returnValue;}function cancelSelectionEvent(){if(dragDropTimer>=0)return false;return true;}function getObjectFromPosition(x,y){var height = dragObject.offsetHeight;var width = dragObject.offsetWidth;var indexCurrentDragObject=-5;for(var no=0;no<dragableObjectArray.length;no++){ref = dragableObjectArray[no];if(ref['obj']==dragObject)indexCurrentDragObject=no;if(no<dragableObjectArray.length-1 && dragableObjectArray[no+1]['obj']==dragObject)indexCurrentDragObject=no+1;if(ref['obj']==dragObject && useRectangle)continue;if(x > ref['left'] && y>ref['top'] && x<(ref['left'] + (ref['width']/2)) && y<(ref['top'] + ref['height'])){if(!useRectangle && dragableObjectArray[no]['obj']==dragObject)return 'self';if(indexCurrentDragObject==(no-1))return 'self';return Array(dragableObjectArray[no],no);}if(x > (ref['left'] + (ref['width']/2)) && y>ref['top'] && x<(ref['left'] + ref['width']) && y<(ref['top'] + ref['height'])){if(no<dragableObjectArray.length-1){if(no==indexCurrentDragObject || (no==indexCurrentDragObject-1)){return 'self';}if(dragableObjectArray[no]['obj']!=dragObject){return Array(dragableObjectArray[no+1],no+1);}else{if(!useRectangle)return 'self';if(no<dragableObjectArray.length-2)return Array(dragableObjectArray[no+2],no+2);}}else{if(dragableObjectArray[dragableObjectArray.length-1]['obj']!=dragObject)return 'append';}}if(no<dragableObjectArray.length-1){if(x > (ref['left'] + ref['width']) && y>ref['top'] && y<(ref['top'] + ref['height']) && y<dragableObjectArray[no+1]['top']){return Array(dragableObjectArray[no+1],no+1);}}}if(x>ref['left'] && y>(ref['top'] + ref['height']))return 'append';return false;}function initDrag(e){if(document.all)e = event;var target = e.target || e.srcElement;if (target.tagName == 'INPUT' || target.tagName == 'TEXTAREA')
return;mouse_x = e.clientX;mouse_y = e.clientY;if(!documentScrollHeight)documentScrollHeight = document.documentElement.scrollHeight + 100;el_x = getLeftPos(this)/1;el_y = getTopPos(this)/1;dragObject = this;rectangleDiv.style.width = this.clientWidth - (rectangleBorderWidth*2) +'px';rectangleDiv.style.height = this.clientHeight - (rectangleBorderWidth*2) +'px';rectangleDiv.className = this.className;dragDropTimer = 0;dragObjectNextObj = false;if(this.nextSibling){dragObjectNextObj = this.nextSibling;if(!dragObjectNextObj.tagName)dragObjectNextObj = dragObjectNextObj.nextSibling;}initDragTimer();return false;}function initDragTimer(){if(dragDropTimer>=0 && dragDropTimer<10){dragDropTimer++;setTimeout('initDragTimer()',5);return;}if(dragDropTimer==10){dragObject.style.opacity = 0.5;dragObject.style.filter = 'alpha(opacity=50)';dragObject.style.cursor = 'default';}}function autoScroll(direction,yPos){if(document.documentElement.scrollHeight>documentScrollHeight && direction>0)return;window.scrollBy(0,direction);if(direction<0){if(document.documentElement.scrollTop>0){mouse_y = mouse_y - direction;dragObject.style.top = (el_y - mouse_y + yPos) + 'px';}else{autoScrollActive = false;}}else{if(yPos>(documentHeight-50)){mouse_y = mouse_y - direction;dragObject.style.top = (el_y - mouse_y + yPos) + 'px';}else{autoScrollActive = false;}}if(autoScrollActive)
setTimeout('autoScroll('+direction+',' + yPos + ')',5);}function moveDragableElement(e){if (!e) e = window.event;if(dragDropTimer<10)return;if(!allowRectangleMove)return;if(e.clientY<50 || e.clientY>(documentHeight-50)){if(e.clientY<50 && !autoScrollActive){autoScrollActive = true;autoScroll((autoScrollSpeed*-1),e.clientY);}if(e.clientY>(documentHeight-50) && document.documentElement.scrollHeight<=documentScrollHeight && !autoScrollActive){autoScrollActive = true;autoScroll(autoScrollSpeed,e.clientY);}}else{autoScrollActive = false;}if(useRectangle){if(dragObject.style.position!='absolute'){dragObject.style.position = 'absolute';setTimeout('repositionDragObjectArray()',50);}}rectangleDiv.style.display='block';dragObject.style.left = (el_x - mouse_x + e.clientX + Math.max(document.body.scrollLeft,document.documentElement.scrollLeft)) + 'px';dragObject.style.top = (el_y - mouse_y + e.clientY) + 'px';dest = getObjectFromPosition(e.clientX+Math.max(document.body.scrollLeft,document.documentElement.scrollLeft),e.clientY+Math.max(document.body.scrollTop,document.documentElement.scrollTop));if(dest!==false && dest!='append' && dest!='self'){destinationObj = dest[0];if(currentDest!==destinationObj){currentDest = destinationObj;destinationObj['obj'].parentNode.insertBefore(rectangleDiv,destinationObj['obj']);repositionDragObjectArray();}}if(dest=='self' || !dest){destinationObj = dest;}if(dest=='append'){dragableElementsParentBox.appendChild(rectangleDiv);dragableElementsParentBox.appendChild(document.getElementById('clear'));destinationObj = dest;repositionDragObjectArray();}if(!dest){destinationObj = currentDest;}allowRectangleMove = false;setTimeout('allowRectangleMove=true',50);}function stop_dragDropElement(){dragDropTimer = -1;if(destinationObj && destinationObj!='append' && destinationObj!='self'){destinationObj['obj'].parentNode.insertBefore(dragObject,destinationObj['obj']);}if(destinationObj=='append'){dragableElementsParentBox.appendChild(dragObject);dragableElementsParentBox.appendChild(document.getElementById('clear'));}if(dragObject){dragObject.style.opacity = 1;dragObject.style.filter = 'alpha(opacity=100)';dragObject.style.cursor = 'move';dragObject.style.position='static';}rectangleDiv.style.display='none';dragObject = false;currentDest = false;resetObjectArray();if(dragDropMoveLayer){dragDropMoveLayer.style.display='none';dragDropMoveLayer.innerHTML='';}autoScrollActive = false;documentScrollHeight = document.documentElement.scrollHeight + 100;var move = new String(destinationObj);if (move != 'false')
saveData();destinationObj = false;}function cancelEvent(){return false;}function repositionDragObjectArray(){for(var no=0;no<dragableObjectArray.length;no++){ref = dragableObjectArray[no];ref['left'] = getLeftPos(ref['obj']);ref['top'] = getTopPos(ref['obj']);}documentScrollHeight = document.documentElement.scrollHeight + 100;documentHeight = document.documentElement.clientHeight;}function resetObjectArray(){dragableObjectArray.length=0;var subDivs = dragableElementsParentBox.getElementsByTagName('div');var countEl = 0;for(var no=0;no<subDivs.length;no++){var id = subDivs[no].id;if(id.indexOf('widget') == 0){var index = dragableObjectArray.length;dragableObjectArray[index] = new Array();ref = dragableObjectArray[index];ref['obj'] = subDivs[no];ref['width'] = subDivs[no].offsetWidth;ref['height'] = subDivs[no].offsetHeight;ref['left'] = getLeftPos(subDivs[no]);ref['top'] = getTopPos(subDivs[no]);ref['index'] = countEl;countEl++;}}}function initdragableElements(){dragableElementsParentBox = document.getElementById('widgetzone');if (!dragableElementsParentBox)
return;dragableAreaWidth = dragableElementsParentBox.offsetWidth;dragDropMoveLayer = document.createElement('DIV');dragDropMoveLayer.id = 'dragDropMoveLayer';document.body.appendChild(dragDropMoveLayer);var subDivs = dragableElementsParentBox.getElementsByTagName('div');var countEl = 0;for(var no=0;no<subDivs.length;no++){var id = subDivs[no].id;if(id.indexOf('widget') == 0){subDivs[no].style.cursor='move';subDivs[no].onmousedown = initDrag;var index = dragableObjectArray.length;dragableObjectArray[index] = new Array();ref = dragableObjectArray[index];ref['obj'] = subDivs[no];ref['width'] = subDivs[no].offsetWidth;ref['height'] = subDivs[no].offsetHeight;ref['left'] = getLeftPos(subDivs[no]);ref['top'] = getTopPos(subDivs[no]);ref['index'] = countEl;countEl++;}}rectangleDiv = document.createElement('DIV');rectangleDiv.id='rectangle';rectangleDiv.style.display='none';dragableElementsParentBox.appendChild(rectangleDiv);document.body.onmousemove = moveDragableElement;document.body.onmouseup = stop_dragDropElement;document.body.onselectstart = cancelSelectionEvent;document.body.ondragstart = cancelEvent;window.onresize = repositionDragObjectArray;documentHeight = document.documentElement.clientHeight;}function editWidget(name,id){window.scrollTo(0,0);var width = document.documentElement.clientWidth + document.documentElement.scrollLeft;var height = document.documentElement.clientHeight + document.documentElement.scrollTop;var layer = document.createElement('div');layer.style.zIndex = 2;layer.id = 'layer';layer.style.position = 'absolute';layer.style.top = '0px';layer.style.left = '0px';layer.style.height = document.documentElement.scrollHeight + 'px';layer.style.width = width + 'px';layer.style.backgroundColor = 'black';layer.style.opacity = '.6';layer.style.filter += ("progid:DXImageTransform.Microsoft.Alpha(opacity=60)");document.body.style.position = 'static';document.body.appendChild(layer);var size ={'height': 500,'width': 750};var iframe = document.createElement('iframe');iframe.name = 'Widget Editor';iframe.id = 'WidgetEditor';iframe.src = KEYwebRoot + 'admin/widgeteditor.aspx?widget=' + name + '&id=' + id;iframe.style.height = size.height + 'px';iframe.style.width = size.width + 'px';iframe.style.position = 'fixed';iframe.style.zIndex = 3;iframe.style.backgroundColor = 'white';iframe.style.border = '4px solid silver';iframe.frameborder = '0';iframe.style.top = ((height + document.documentElement.scrollTop) / 2) - (size.height / 2) + 'px';iframe.style.left = (width / 2) - (size.width / 2) + 'px';document.body.appendChild(iframe);}function addWidget(type){CreateCallback(KEYwebRoot + "admin/WidgetEditor.aspx?add=" + type + "&rnd=" + Math.random(),appendWidget);}function appendWidget(response){if (response == "reload"){location.reload();}else{var zone = $('widgetzone');zone.innerHTML += response;}}function removeWidget(id){if (confirm('Are you sure you want to remove the widget?')){CreateCallback(KEYwebRoot + "admin/WidgetEditor.aspx?remove=" + id + "&rnd=" + Math.random(),null);$('widget' + id).style.display = 'none';}}function closeEditor(){document.body.removeChild($('WidgetEditor'));document.body.removeChild($('layer'));document.body.style.position = '';}addLoadEvent(initdragableElements);