var rectangleBorderWidth = 2;	// Used to set correct size of the rectangle with red dashed border
	var useRectangle = true;	
	var autoScrollSpeed = 5;	// Autoscroll speed	- Higher = faster
	
	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', '');
		}	
		
		//alert(saveString);	// For demo only
		CreateCallback(KEYwebRoot + "admin/WidgetEditor.aspx?move=" + saveString + "&rnd=" + Math.random(), null);
		
		/* 	Put this item into a hidden form field and then submit the form 
		
		example:
		
		document.forms[0].itemOrder.value = saveString;
		document.forms[0].submit;
		
		On the server explode the values by use of server side script. Then update your database with the new item order
		
		*/
	}

	
	/* Don't change anything below here */
	
	
	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;	// -1 = no drag, 0-9 = initialization in progress, 10 = dragging
	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++;
			}
		}
		
		/* Creating rectangel indicating where item will be dropped */
		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;
	}
	
/*-----------------------------------------------------------------------------
                              WIDGET FRAMEWORK
-----------------------------------------------------------------------------*/
function widSpaceLogin(url,widWidth,widHeight) // 为了处理与loginbar中的js同名冲突问题
{
    SetDefineModuleIsShow('none');
  
  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 = 22;
  layer.id = 'layer';
  layer.style.position = 'absolute';
  layer.style.top = '0px';
  layer.style.left = '0px';
  layer.style.height = document.documentElement.scrollHeight + 'px'; //window.screen.availHeight; 
  layer.style.width = width + 'px';
  layer.style.backgroundColor = 'black';
  layer.style.opacity = '.4';
  layer.style.filter += ("progid:DXImageTransform.Microsoft.Alpha(opacity=40)");
  document.body.style.position = 'static';
  document.body.appendChild(layer);  
  
  var size = { 'height': widHeight, 'width': widWidth };
  var iframe = document.createElement('iframe');
  iframe.name = 'Widget Editor';
  iframe.id = 'WidgetEditor';
	iframe.src = url;
	iframe.style.height = size.height + 'px';
	iframe.style.width = size.width + 'px';
	iframe.style.position = 'absolute';
	iframe.style.zIndex = 33;
	iframe.style.backgroundColor = 'transparent';
	iframe.allowTransparency = 'true';
	iframe.style.border = '0';
	iframe.frameborder = '0';
	var top = ((height + document.documentElement.scrollTop) / 2) - (size.height / 2);
	if(top <0){
	    iframe.style.top = '0px';
	}else{
	    iframe.style.top =  top + 'px';
	}	
	iframe.style.left = (width / 2) - (size.width / 2) + 'px';	
	iframe.setAttribute("frameborder", "0", 0);       
  document.body.appendChild(iframe);
  
  if(url.indexOf("CreatAlbum")>0)
  {
     HideSelect(); //隐藏select 元素
  }
}
function widLogin(url,widWidth,widHeight) // 相对路径
{
  SetDefineModuleIsShow('none');
  
  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 = 22;
  layer.id = 'layer';
  layer.style.position = 'absolute';
  layer.style.top = '0px';
  layer.style.left = '0px';
  layer.style.height = document.documentElement.scrollHeight + 'px'; //window.screen.availHeight; 
  layer.style.width = width + 'px';
  layer.style.backgroundColor = 'black';
  layer.style.opacity = '.4';
  layer.style.filter += ("progid:DXImageTransform.Microsoft.Alpha(opacity=40)");
  document.body.style.position = 'static';
  document.body.appendChild(layer);  
  
  var size = { 'height': widHeight, 'width': widWidth };
  var iframe = document.createElement('iframe');
  iframe.name = 'Widget Editor';
  iframe.id = 'WidgetEditor';
	iframe.src = url;
	iframe.style.height = size.height + 'px';
	iframe.style.width = size.width + 'px';
	iframe.style.position = 'absolute';
	iframe.style.zIndex = 33;
	iframe.style.backgroundColor = 'transparent';
	iframe.allowTransparency = 'true';
	iframe.style.border = '0';
	iframe.frameborder = '0';
	var top = ((height + document.documentElement.scrollTop) / 2) - (size.height / 2);
	if(top <0){
	    iframe.style.top = '0px';
	}else{
	    iframe.style.top =  top + 'px';
	}	
	iframe.style.left = (width / 2) - (size.width / 2) + 'px';	
	iframe.setAttribute("frameborder", "0", 0);       
  document.body.appendChild(iframe);
  
  if(url.indexOf("CreatAlbum")>0)
  {
     HideSelect(); //隐藏select 元素
  }
  
   
}


function SetDefineModuleIsShow(isdisplay)
{
    var module = "";    
    for(var i=1; i<11; i++){
        module = document.getElementById("Diymodule" + i + "_divDiyModule");
        if(module) 
        {
            module.style.display = isdisplay;
        }
        
    }
}



	
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 = document.getElementById('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);
    document.getElementById('widget' + id).style.display = 'none';
  }
}

function closeEditor()
{
  document.body.removeChild(document.getElementById('WidgetEditor'));
  document.body.removeChild(document.getElementById('layer'));
  document.body.style.position = '';
  
  SetDefineModuleIsShow("");
}

/* 
关闭弹层 显示与隐藏select元 
by zhangke / 2009-3-13
*/
function HideSelect()
{
    var allselect = gname("select");
    for (var i=0; i<allselect.length; i++) 
    {
        allselect[i].style.visibility = "hidden";
    }
}

function ShowSelect()
{
    var allselect = gname("select");
    for (var i=0; i<allselect.length; i++) 
    {
        allselect[i].style.visibility = "visible";
    }
    
}
function gname(name)
{
    return document.getElementsByTagName?document.getElementsByTagName(name):new Array()
}
 function resizeimg(ImgD,iwidth,iheight)
 { 
     var image=new Image(); 
     image.src=ImgD.src; 
     if(image.width>0 && image.height>0 && image.width >iwidth)
     { 
        if(image.width/image.height>= iwidth/iheight)
        { 
           if(image.width>iwidth)
           { 
               ImgD.width=iwidth; 
               ImgD.height=(image.height*iwidth)/image.width; 
           }else
           { 
               ImgD.width=image.width; 
               ImgD.height=image.height; 
           } 
               //ImgD.alt=image.width+"×"+image.height; 
        } 
        else
        { 
                if(image.height>iheight)
                { 
                   ImgD.height=iheight; 
                   ImgD.width=(image.width*iheight)/image.height; 
                }else
                { 
                    ImgD.width=image.width; 
                    ImgD.height=image.height; 
                } 
                //ImgD.alt=image.width+"×"+image.height; 
        } 
            /*
　　　　　ImgD.style.cursor= "pointer"; //改变鼠标指针 
　　　　　ImgD.onclick = function() { window.open(this.src);} //点击打开大图片 
　　　　if (navigator.userAgent.toLowerCase().indexOf("ie") > -1) { //判断浏览器，如果是IE 
　　　　　　ImgD.title = "请使用鼠标滚轮缩放图片，点击图片可在新窗口打开"; 
　　　　　　ImgD.onmousewheel = function img_zoom() //滚轮缩放 
　　　　　 { 
　　　　　　　　　　var zoom = parseInt(this.style.zoom, 10) || 100; 
　　　　　　　　　　zoom += event.wheelDelta / 12; 
　　　　　　　　　　if (zoom> 0)　this.style.zoom = zoom + "%"; 
　　　　　　　　　　return false; 
　　　　　 } 
　　　  } else { //如果不是IE 
　　　　　　　     ImgD.title = "点击图片可在新窗口打开"; 
　　　　　　   } */
    } 
    
}
 function resizeembed()
 {
    var embeds = document.getElementsByTagName("embed");
    for(var i=0; i<embeds.length; i++){
        if(embeds[i].width >152){
            embeds[i].width = '100%';
            //embeds[i].height ='100%';
        }
    }
}