var boxIndex = 0;
	var dragableBoxesArray = new Array();
	var dragDropCounter = -1;
	var opera = navigator.userAgent.toLowerCase().indexOf('opera')>=0?true:false;
	var dragObjectBorderWidth = 1;	// Border size of your RSS boxes - used to determine width of dotted rectangle
	var transparencyWhenDragging = true;
	var autoScrollActive = false;
	var okToMove = true;
	var numberOfColumns = 2;	
	var src_rightImage = 'images/Common/arrow_right.gif';
	var src_downImage = 'images/Common/arrow_down.gif';
	var src_refreshSource = 'images/Common/refresh.gif';
	var src_smallRightArrow = 'images/Common/small_arrow.gif';
	var autoScrollSpeed = 4;	// Autoscroll speed	- Higher = faster			
	var objView = "";
	var rectangleDiv;
	var funActiveStatus = -1;
	
	function initDragDropBox(e)
	{	
		
		dragDropCounter = 1;
		if(document.all)e = event;

		if (e.target) source = e.target;
			else if (e.srcElement) source = e.srcElement;
			if (source.nodeType == 3) // defeat Safari bug
				source = source.parentNode;

		//if(source.tagName.toLowerCase()=='img' || source.tagName.toLowerCase()=='a' || source.tagName.toLowerCase()=='input' || source.tagName.toLowerCase()=='td' || source.tagName.toLowerCase()=='tr' || source.tagName.toLowerCase()=='table')return;
		if(source.tagName.toLowerCase()=='img' || source.tagName.toLowerCase()=='a' || source.tagName.toLowerCase()=='input' )return;

		mouse_x = e.clientX;
		mouse_y = e.clientY;			
		var numericId = this.id.replace(/[^0-9]/g,'');
		var obj = this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;		
		el_x = getLeftPos(obj)/1;
		el_y = getTopPos(obj)/1 - document.documentElement.scrollTop;
			
		dragObject = obj;
		
		documentScrollHeight = document.documentElement.scrollHeight + 100 + dragObject.offsetHeight;
		
		
		if(dragObject.nextSibling){
			dragObjectNextSibling = dragObject.nextSibling;
			if(dragObjectNextSibling.tagName!='DIV')dragObjectNextSibling = dragObjectNextSibling.nextSibling;
		}
		dragObjectParent = dragableBoxesArray[numericId]['parentObj'];

		dragDropCounter = 0;

		initDragDropBoxTimer();	
		
		return false; 
	}
	
	
	function getTopPos(inputObj)
	{		
	    
	  var returnValue = inputObj.offsetTop;	  
	  while((inputObj = inputObj.offsetParent) != null){
	  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
	  }
	  return returnValue;
	}
	
	function getLeftPos(inputObj)
	{
	  var returnValue = inputObj.offsetLeft;
	  while((inputObj = inputObj.offsetParent) != null){
	  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
	  }
	  return returnValue;
	}
		

	function autoScroll(direction,yPos)
	{
		if(document.documentElement.scrollHeight>documentScrollHeight && direction>0)return;
		if(opera)return;
		window.scrollBy(0,direction);
		if(!dragObject)return;
		
		if(direction<0){
			if(document.documentElement.scrollTop>0){
				dragObject.style.top = (el_y - mouse_y + yPos + document.documentElement.scrollTop) + 'px';		
			}else{
				autoScrollActive = false;
			}
		}else{
			if(yPos>(documentHeight-50)){	
				dragObject.style.top = (el_y - mouse_y + yPos + document.documentElement.scrollTop) + 'px';			
			}else
			{
				autoScrollActive = false;
			}
		}
		if(autoScrollActive)setTimeout('autoScroll('+direction+',' + yPos + ')',5);
	}
	
	
	function mouseoverBoxHeader()
	{
        if(dragDropCounter==10)return;        
		var id = this.id.replace(/[^0-9]/g,'');
		document.getElementById('dragableBoxExpand' + id).style.visibility = 'visible';		
		//document.getElementById('dragableBoxRefreshSource' + id).style.visibility = 'visible';		
		document.getElementById('dragableBoxCloseLink' + id).style.visibility = 'visible';		
		if(document.getElementById('dragableBoxEditLink' + id))document.getElementById('dragableBoxEditLink' + id).style.visibility = 'visible'; 
		
	}
	
	function mouseoutBoxHeader(e,obj)
	{

		if(!obj)obj=this;
		
		var id = obj.id.replace(/[^0-9]/g,'');
		document.getElementById('dragableBoxExpand' + id).style.visibility = 'hidden';		
		//document.getElementById('dragableBoxRefreshSource' + id).style.visibility = 'hidden';		
		document.getElementById('dragableBoxCloseLink' + id).style.visibility = 'hidden';		
		if(document.getElementById('dragableBoxEditLink' + id))document.getElementById('dragableBoxEditLink' + id).style.visibility = 'hidden';		 
		
	}
	
	function showHideBoxContent(e,inputObj)
	{
		
		if(document.all)e = event;
		inputObj=this;	
		
		var numericId = inputObj.id.replace(/[^0-9]/g,'');
		var obj = document.getElementById('dragableBoxContent' + numericId);							 
		
        obj.style.display = inputObj.src.indexOf('right')>=0?'none':'block';		
		 
		
		
		//Change the Image path		
		//inputObj.src = inputObj.src.indexOf('right')>=0?src_downImage:src_rightImage;
		
		if(document.getElementById("hidMyURLExists").value == 'true')
		    inputObj.src = inputObj.src.indexOf('right')>=0?src_downImage:src_rightImage;
		else
		    inputObj.src = inputObj.src.indexOf('right')>=0?"../"+src_downImage:"../"+src_rightImage;
		
				    
		dragableBoxesArray[numericId]['boxState'] = obj.style.display=='block'?1:0;		
		setTimeout('dragDropCounter=-5',5);
	}
	
	
	function mouseover_CloseButton()
	{
		this.className = 'closeButton_over';	
		setTimeout('dragDropCounter=-5',5);
	}
	
	function mouseout_CloseButton()
	{
		this.className = 'closeButton';	
	}
	
	
	function closeDragableBox(e,inputObj)
	{
		if(!inputObj)inputObj = this;
		if(confirm("Are you sure you want to close this element?"))
		{   
		    var numericId = inputObj.id.replace(/[^0-9]/g,'');
		    document.getElementById('dragableBox' + numericId).style.display='none';	
		    setTimeout('dragDropCounter=-5',5);
		    var intElementID  = document.getElementById('hidElementID' + numericId).value;		  
		    var intElementPos = inputObj.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.id.replace(/[^0-9]/g,'');		    		   
		    var intMID = document.getElementById('hidMemberID').value;		    		    
		    AjaxExamples.AjaxDeleteElements(intElementID,intMID,intElementPos,AjaxDeleteElements_CallBack);
		}
	}
	
	function AjaxDeleteElements_CallBack(res)
	{
	    if (res.value != "")
	        alert(res.value);
	}
	
	
	function refreshRSS()
	{
		//reloadRSSData(this.id.replace(/[^0-9]/g,''));
		//setTimeout('dragDropCounter=-5',5);
	}
	
	
	function initDragDropBoxTimer()
	{

		if(dragDropCounter>=0 && dragDropCounter<10){
			dragDropCounter++;
			setTimeout('initDragDropBoxTimer()',10);
			return;
		}
//		if(dragDropCounter==10){

//			mouseoutBoxHeader(false,dragObject);
//		}
		
	}
	
	function moveDragableElement(e)
	{	        			
		if(document.all)e = event;
		if(dragDropCounter<10)return;
		
		if(document.all && e.button!=1 && !opera){
			stop_dragDropElement();
			return;
		}
		dragObject.className = 'dragableBox1';
		//objView.value = dragObject.id;
		if(document.body!=dragObject.parentNode){			    	    
			//objView.value = dragObject;

			dragObject.style.width = (dragObject.offsetWidth - (dragObjectBorderWidth*2)) + 'px';
			dragObject.style.position = 'absolute';	
			dragObject.style.textAlign = 'left';
			if(transparencyWhenDragging){	
				dragObject.style.filter = 'alpha(opacity=70)';
				dragObject.style.opacity = '0.7';
			}	

			dragObject.parentNode.insertBefore(rectangleDiv,dragObject);
			rectangleDiv.style.display='block';			

			document.body.appendChild(dragObject);

			rectangleDiv.style.width = dragObject.style.width;
			rectangleDiv.style.height = (dragObject.offsetHeight - (dragObjectBorderWidth*2)) + 'px'; 
			
		}
		
		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;
		}		

		
		var leftPos = e.clientX;
		var topPos = e.clientY + document.documentElement.scrollTop;
		
		dragObject.style.left = (e.clientX - mouse_x + el_x) + 'px';
		dragObject.style.top = (el_y - mouse_y + e.clientY + document.documentElement.scrollTop) + 'px';
								
		if(!okToMove)return;
		okToMove = false;

		destinationObj = false;	
		rectangleDiv.style.display = 'none'; 
		
		var objFound = false;
		var tmpParentArray = new Array();
		
		if(!objFound){		    
			for(var no=1;no<dragableBoxesArray.length;no++){
			    
				if(dragableBoxesArray[no]['obj']==dragObject)continue;
				tmpParentArray[dragableBoxesArray[no]['obj'].parentNode.id] = true;
				if(!objFound){
					var tmpX = getLeftPos(dragableBoxesArray[no]['obj']);
					var tmpY = getTopPos(dragableBoxesArray[no]['obj']);

					if(leftPos>tmpX && leftPos<(tmpX + dragableBoxesArray[no]['obj'].offsetWidth) && topPos>(tmpY-20) && topPos<(tmpY + (dragableBoxesArray[no]['obj'].offsetHeight/2))){
						destinationObj = dragableBoxesArray[no]['obj'];
						destinationObj.parentNode.insertBefore(rectangleDiv,dragableBoxesArray[no]['obj']);
						rectangleDiv.style.display = 'block';
						objFound = true;
						break;
						
					}
					
					if(leftPos>tmpX && leftPos<(tmpX + dragableBoxesArray[no]['obj'].offsetWidth) && topPos>=(tmpY + (dragableBoxesArray[no]['obj'].offsetHeight/2)) && topPos<(tmpY + dragableBoxesArray[no]['obj'].offsetHeight)){
						objFound = true;
						if(dragableBoxesArray[no]['obj'].nextSibling){
							
							destinationObj = dragableBoxesArray[no]['obj'].nextSibling;
							if(!destinationObj.tagName)destinationObj = destinationObj.nextSibling;
							if(destinationObj!=rectangleDiv)destinationObj.parentNode.insertBefore(rectangleDiv,destinationObj);
						}else{
							destinationObj = dragableBoxesArray[no]['obj'].parentNode;
							dragableBoxesArray[no]['obj'].parentNode.appendChild(rectangleDiv);
						}
						rectangleDiv.style.display = 'block';
						break;					
					}
					
					
					if(!dragableBoxesArray[no]['obj'].nextSibling && leftPos>tmpX && leftPos<(tmpX + dragableBoxesArray[no]['obj'].offsetWidth)
					&& topPos>topPos>(tmpY + (dragableBoxesArray[no]['obj'].offsetHeight))){
						destinationObj = dragableBoxesArray[no]['obj'].parentNode;
						dragableBoxesArray[no]['obj'].parentNode.appendChild(rectangleDiv);	
						rectangleDiv.style.display = 'block';	
						objFound = true;				
						
					}
				}
				
			}
		
		}
		
		if(!objFound){
			
			for(var no=1;no<=numberOfColumns;no++){
				if(!objFound){
					var obj = document.getElementById('dragableBoxesColumn' + no);			
					
						var left = getLeftPos(obj)/1;						
					
						var width = obj.offsetWidth;
						if(leftPos>left && leftPos<(left+width)){
							destinationObj = obj;
							obj.appendChild(rectangleDiv);
							rectangleDiv.style.display='block';
							objFound=true;	
						}				
					
				}
			}		
			
		}
	

		setTimeout('okToMove=true',5);
		
	}
	
	function stop_dragDropElement()
	{
		
		if(dragDropCounter<10){
			dragDropCounter = -1
			return;
		}
		dragDropCounter = -1;
		
		if(transparencyWhenDragging){
			dragObject.style.filter = null;
			dragObject.style.opacity = null;
		}		
		dragObject.className = 'dragableBox';
		dragObject.style.position = 'static';
		dragObject.style.width = null;
		var numericId = dragObject.id.replace(/[^0-9]/g,'');
		if(destinationObj && destinationObj.id!=dragObject.id){
			
			if(destinationObj.id.indexOf('dragableBoxesColumn')>=0){
				destinationObj.appendChild(dragObject);
				dragableBoxesArray[numericId]['parentObj'] = destinationObj;
			}else{
				destinationObj.parentNode.insertBefore(dragObject,destinationObj);
				dragableBoxesArray[numericId]['parentObj'] = destinationObj.parentNode;
			}				
		}else{
			if(dragObjectNextSibling){			    
				dragObjectParent.insertBefore(dragObject,dragObjectNextSibling);	
			}else{
				dragObjectParent.appendChild(dragObject);
			}				
		}
		
		autoScrollActive = false;
		rectangleDiv.style.display = 'none'; 
		dragObject = false;
		dragObjectNextSibling = false;
		destinationObj = false;
		
		//if(useCookiesToRememberRSSSources)setTimeout('saveCookies()',100);

		documentHeight = document.documentElement.clientHeight;	
		//savePageOrder();
	}
	
	function savePageOrder()
	{
		//cookieCounter = 0;
		//var tmpUrlArray = new Array();
		//var tmpItemArray = new Array();
		var strOrders = "|";	
		var intSortindex;
			
		for(var no=1;no<=numberOfColumns;no++)
		{
		    
			var parentObj = document.getElementById('dragableBoxesColumn' + no);
			intSortindex = 1;
			var items = parentObj.getElementsByTagName('DIV');
			if(items.length==0)continue;
			var item = items[0];
			while(item){
				var boxIndex = item.id.replace(/[^0-9]/g,'');
				if(item.id!='rectangleDiv'){				    
					//tmpItemArray[tmpItemArray.length] = boxIndex;
					strOrders += document.getElementById('hidElementID' + boxIndex).value + "," + intSortindex + "|";
					intSortindex++;
				}	
				item = item.nextSibling;	
									
			}						
		}		
	}
	

	function cancelSelectionEvent(e)
	{
		if(document.all)e = event;
		
		if (e.target) source = e.target;
			else if (e.srcElement) source = e.srcElement;
			if (source.nodeType == 3) // defeat Safari bug
				source = source.parentNode;
		if(source.tagName.toLowerCase()=='input')return true;
						
		if(dragDropCounter>=0)return false; else return true;
		
	}

	function cancelEvent()
	{
		return false;
	}
	
	function initEvents()
	{
		document.body.onmousemove = moveDragableElement;
		document.body.onmouseup = stop_dragDropElement;
		document.body.onselectstart = cancelSelectionEvent;
		document.body.ondragstart = cancelEvent;			
		documentHeight = document.documentElement.clientHeight;			
		funActiveStatus = 1;
	}