// decrypt hidden email-adress and open mailer
function cmailto( cryptedaddr ) {
  var str = unescape( cryptedaddr );
  
  url = "mailto:" + str_xor( str, "asdkfj13290c93id" );
  location.href = url;
}


function str_xor( a, b ) {
	var j=0;
	var c="";
	for (i=0;i<a.length;i++) {
		if (j >= b.length) {			
			j=0;
	   }
	   c = c + String.fromCharCode( a.charCodeAt(i) ^ b.charCodeAt(j) );
		j++;
	}
	return c; 
} 


// return list of elements by class
function getElementsByClass( searchClass, domNode, tagName) { 
	if (domNode == null) domNode = document;
	if (tagName == null) tagName = '*';
	var el = new Array();
	var tags = domNode.getElementsByTagName(tagName);
	var tcl = " "+searchClass+" ";
	for(i=0,j=0; i < tags.length; i++) { 
		var test = " " + tags[i].className + " ";
		if (test.indexOf(tcl) != -1) 
			el[j++] = tags[i];
	} 
	return el;
} 


function hasClass(elm,classname) {
	return elm.className.match(new RegExp('(\\s|^)'+classname+'(\\s|$)'));
}


function addClass(elm,classname) {
	if (!this.hasClass(elm,classname)) elm.className += " "+classname;
}


function removeClass(elm,classname) {
	if (hasClass(elm,classname)) {
		var reg = new RegExp('(\\s|^)'+classname+'(\\s|$)');
		elm.className=elm.className.replace(reg,' ');
	}
}



function getStyle(elm,styleProp) {
	if (elm.currentStyle)
		var y = elm.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(elm,null).getPropertyValue(styleProp);
	return y;
}


/* return the first element found at an absolute position */
function getByPosition( elements, left, top, skipelm ) {
   for (i=0; i < elements.length; i++) {
   	if ((!skipelm) || (skipelm.id != elements[i].id)) {
	   	dimensions = absPosition( elements[i] );
	   	if ( (dimensions['left']  < left) &&
	   	     (dimensions['right'] > left) &&
	   	     (dimensions['top']   < top ) &&
	   	     (dimensions['bottom']> top ) ) {
	   	  return elements[i]; 
	      }
	   }
   }
   return false;
}


/* determine the absolute position of an element */
function absPosition( element ) {
  var result = new Array();
  result['left']  = 0;
  result['top']   = 0;
  result['width'] = element.offsetWidth;
  result['height']= element.offsetHeight;
  
  while( element != null ) {
    result['left'] += element.offsetLeft;
    result['top'] += element.offsetTop;
    element = element.offsetParent;
  }
  result['right'] = result['left'] + result['width'];
  result['bottom']= result['top'] + result['height'];  
  
  return result; 
}


function str_cutlength( text, length, falign, fillin ) {
	if (!length) var length = 32;
	if (!falign) var falign = "right";
	if (!fillin) var fillin = "...";
	if ( text.length > length ) {
		var cutlength = length - fillin.length;
		switch (falign) {
			case "right" : return text.substr( 0, cutlength ) + fillin;
			case "left"  : return fillin + text.substr( 0, cutlegnth );
			case "center": return text.substr( 0, Math.floor(cutlength / 2) ) +
			                      fillin +
			                      text.substr( text.length - Math.floor( cutlength / 2), text.length ); 
			default: return text.substr( 0, length ); 
		}
	} else return text;
}


// show/hidde item. toggles

// name: name of element to be shown/none
// value (optional): value to be set (block, inline, none etc)
//
// if these values are given, the caption of the button is altered
// buttonname (opt): name of button element to be altered 
// bsclass (opt): class of button when element is shown
// bhclass (opt): class of button when element is hidden


function show( elementid, value, buttonid, bsclass, bhclass ) {
   // get elements to be altered
  var element = document.getElementById( elementid );
   // if no value is given, we toggle between block and none
  var value = value ? value :              
              ((getStyle( element, 'display') == 'none') ? 'block' : 'none' );
   // now hide / show buttons
  element.style.display = value;

   // if a button element was provided, set new style
  if ( buttonid ) {
    var button = document.getElementById( buttonid );
    addClass(    button, (value == 'block') ? bsclass : bhclass );
    removeClass( button, (value == 'block') ? bhclass : bsclass );
  }

  return value;                
}



function hide( elementid ) {
	return show( elementid, 'none' );
}



function removeElement( element ) {
	if ( typeof(element) == 'string' ) { 
	   element = document.getElementById( element );
	}
	element.parentNode.removeChild( element );
}



  // determine element(s) to be handled
  // return an array of element(s) 
  // hook may be:
  //  an html element with style property
  //  an id of an element
  //  a name of such element(s)
function getElements( hook ) {
  if ( hook && hook.style ) {
    var elist = new Array( hook );   
  } else { // otherwise lets see if there are elemnts with that name
    var elist = document.getElementsByName( hook );
    if ( elist.length == 0 ) { // maybe there is one with that ID
      elm = document.getElementById( hook );
      var elist = elm ? new Array( elm ) : new Array();      
    }	 
  }
  return elist;
}


// (re-)loads an elements content by issueing an HTTP request
// element: id of html element to be filled
// url: url to request
// add: if set, content of element will be added, if not, it will be emptied first

// if you need to call a js function just after content has been added
// give function nyme by "postfunc", and argments as array to postFuncArgs
// this might be the case, because writing "<script>" tags right in to the
// code does not work with all browsers.

function loadElement( element, url, add, postFunc, postFuncArgs ) {
   var elm = document.getElementById( element );	
	var newHTML = add ? elm.innerHTML + readURL( url ) : readURL( url );
	elm.innerHTML = newHTML;
	elm.style.display = "block";
	
	if ( postFunc ) {
		window[postFunc].apply( this, postFuncArgs );
	}	
}



function clearElement( element ) {
  var elm = document.getElementById( element );
  elm.innerHTML = "";
  elm.style.display = "none";	
}



/*
    This file is part of wili-cms 

    wili-cms - wiki like content-managament system (http://wili-cms.sourceforge.net)
    Copyright (C) 2004-2007 Patrick Michaelis <patrick AT bb-goettingen DOT de> 

    This program is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/*** color select ***/

// create a color select table
// elid: id of input element to alter 
// divid: div to hide if color is selected
function createColorSelect( inputid, previewid, divid ) {  

  var mypreviewid = inputid + "_selector_preview";

  var total=1657;
  var X=Y=j=RG=B=0;
  var aR=new Array(total);
  var aG=new Array(total);
  var aB=new Array(total);
  for (var i=0;i<256;i++) {
	  aR[i+510]=aR[i+765]=aG[i+1020]=aG[i+5*255]=aB[i]=aB[i+255]=0;
	  aR[510-i]=aR[i+1020]=aG[i]=aG[1020-i]=aB[i+510]=aB[1530-i]=i;
	  aR[i]=aR[1530-i]=aG[i+255]=aG[i+510]=aB[i+765]=aB[i+1020]=255;
	  if( i < 255 ) {
	    aR[i/2+1530]=127;
	    aG[i/2+1530]=127;
	    aB[i/2+1530]=127;
	  }
  }

  var hexbase=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
  var i=0;
  var jl=new Array();
  
  for(x=0; x<16; x++) { 
    for(y=0; y<16 ;y++) {
      jl[i++]=hexbase[x]+hexbase[y];
    }
  }
  var htmlcode =  
       '<table border="0" cellspacing="0" cellpadding="0" '+
       'onMouseover="colorPreview(event,\'' + mypreviewid + '\')" ' + 
       'onClick="colorSelect(\''+inputid+'\', \''+previewid+'\', \''+divid+'\')">';
       
  var H=W=63;
  for ( Y=0; Y<=H; Y++){
		s = '<'+'tr height=2>';
		j = Math.round(Y*(510/(H+1))-255);
		for (X=0; X<=W; X++) {
			i=Math.round(X*(total/W));
			R=aR[i]-j;if(R<0)R=0;if(R>255||isNaN(R))R=255;
			G=aG[i]-j;if(G<0)G=0;if(G>255||isNaN(G))G=255;
			B=aB[i]-j;if(B<0)B=0;if(B>255||isNaN(B))B=255;
			s=s+'<'+'td width=2 bgcolor=#'+jl[R]+jl[G]+jl[B]+'><'+'/td>';
		}
		htmlcode += s+'<'+'/tr>';
  }
  htmlcode += '<'+'/table>';
  return '<div style="width:172px">' +
    '<div id="' + mypreviewid + '" style="float:right; width:40px; height:128px; padding-left:5px"> </div>' +
    htmlcode + '</div>';
}

var ns6= document.getElementById && !document.all;
var ie=document.all;
var scolor='';



// output preview color (called by onMouseOver)
function colorPreview( evt, previewid ) {
  source= ie ? event.srcElement : evt.target;
  if (source.tagName=="TABLE") return;
    while( source.tagName!="TD" && source.tagName!="HTML" ) {
      source = ns6 ? source.parentNode : source.parentElement;
    }
  document.getElementById(previewid).style.backgroundColor = scolor = source.bgColor;
}



// output selected color (called vy OnClick)
// elid: the id of the element containing selected color (ie an input)
function colorSelect( inputid, previewid, divid ) {
  var ielm=document.getElementById( inputid );
  var pelm=document.getElementById( previewid );
  pelm.style.backgroundColor = scolor;
  ielm.value = scolor;
  if ( divid ) {
    show( divid, "none" );
  }
}



/*** TABS ***/

function selectTab( barid, tabnr ) {
	var cid = barid + "_content";
	var tabs  = getElementsByClass( barid,document.getElementById(barid), "LI" );
	var cdivs = getElementsByClass( cid,  document.getElementById(cid), "DIV" );
	
	var tabid = barid + "_s" + tabnr;
	var cdivid= barid + "_c" + tabnr;
	 // deselect all tabs, except selected
	for( var k=0; k<tabs.length; k++ ) {
		if (tabs[k].id == tabid ) {
			tabs[k].className = barid + " selected";
		} else {
			tabs[k].className = barid;
		}
	}
	 // hide all content, except selected
	for( var k=0; k<cdivs.length; k++ ) {
		if (cdivs[k].id == cdivid ) {
			cdivs[k].style.display = "block";
		} else {
			cdivs[k].style.display = "none";
		}
	}
}


// much like tabs, except this is used by conditional form elements
// that do not have tabs but are selected by other means (for example via select option).
//
// this shows one conditional element and hides all other.
// also, it disables options not presented, so they are not to be submitted. 

function selectCondElement( classid, nr ) {
	 // get content container tables 
  var cdivs = getElementsByClass( classid, document.getElementById(classid + "_container"), "TABLE" );
    // id of selected content container	
  var selcid = classid + "_c" + nr;
  
	 // hide all content, except selected
	for( var k=0; k<cdivs.length; k++ ) {		
		 // get a list of input elements to be disabled / enabled
		var cinputclass = classid + "_c" + k + "_input";
		var cinputs = getElementsByClass( cinputclass, cdivs[k] );
		 
		 // bool: is this item selected?
		var selected = (cdivs[k].id == selcid); 
		 
		 // show/hide container and contents
      cdivs[k].style.display = selected ? "block" : "none";		
		
		 // enable/disable containing form input elements
		for (var i=0; i<cinputs.length; i++) {
			cinputs[i].disabled = !selected;
		} 
		
	}  
} 

// sets / unsets the disable property of an input element
function setDisabled( elmid, value ) {
	var elm = document.getElementById( elmid );
	if (elm) {
		if (value == "toggle" ) {
			return elm.disabled = !elm.disabled;
		} else {
			return elm.disabled = value;
		}
	} 
}


/*** validate / post-format form elements ***/


function form_validate() {
	// TODO
}



var scrollSpeed=15;


var scrollpos = new Array();
var scrollSmoothH = new Array();

function scroll( divid, direction ) {
	 // calculate new position
	var offset = ((direction=="left") || direction=="up") ? -1 : 1;
	var newpos = scrollpos[divid] ? 
	             scrollpos[divid] + offset :
	             offset;

    // get item list
   var div = document.getElementById( divid );
   var items = div.getElementsByTagName('li');
   var ul = div.getElementsByTagName('ul')[0];
   
    // check boundaries
   if (newpos < 0) newpos = 0;
   if (newpos >= items.length) newpos = items.length-1;   
   
    // get scroll offset by checking client offset of item to be scrolled to
    // call moveToSmooth to scroll smoothly to new position
   if ((direction=="left") || (direction=="right")) {
      moveToSmooth( ul.id, "left", - parseInt(items[newpos].offsetLeft) ); 
   } else {
      moveToSmooth( ul.id, "top", - parseInt(items[newpos].offsetTop) ); 
   }    
   
    // save position in buffer
   scrollpos[divid] = newpos;   
}


// moves an element's position smoothly
// used for smooth scrolling
function moveToSmooth( elementid, direction, end, start ) {
   if (scrollSmoothH[elementid]) clearTimeout( scrollSmoothH[elementid] );
   
	element = document.getElementById(elementid);
	var oldpos = parseInt( getStyle( element, direction ) );
	if (!start) start = oldpos;
	var offset = Math.round( (end - oldpos) / 2 );
	var newpos = offset ? oldpos + offset : end;

 	  // set new position
   if (direction=="left") {
   	element.style.left = newpos + "px"; 
   } else {
   	element.style.top = newpos + "px";
   }
   
     // set timeout for next step
   if (newpos != end ) {    
     scrollSmoothH[elementid] = setTimeout(  
       "moveToSmooth('"+elementid+"','"+direction+"',"+end+","+start+")", 
       Math.round( 1000 / scrollSpeed ) );
   } 
	
}



function scrollToItemTop( elementid, itemid, offset ) {
	var item = document.getElementById( itemid );
	if (!item) {
	  var item = document.getElementsByName( itemid )[0]; 	
	}
	if (!offset) {
	  offset = 0;
	}	
	document.getElementById( elementid ).scrollTop = item.offsetTop + offset;
}// include a HTML page from URL
// returns the content of the page

function readURL( url ) {
 if ('undefined' == typeof(url)) return false;
 var p,rnd;

 if (document.all){
   // For IE, create an ActiveX Object instance 
   p = new ActiveXObject("Microsoft.XMLHTTP");
 } 
 else {
   // For mozilla, create an instance of XMLHttpRequest.
   p = new XMLHttpRequest();
 }

 // Prevent browsers from caching the included page
 // by appending a random  number
 rnd = Math.random().toString().substring(2);
 url = url.indexOf('?')>-1 ? url+'&rnd='+rnd : url+'?rnd='+rnd;

 // Open the url and write out the response
 p.open("GET",url,false);
 p.send(null);
 return p.responseText;
}


function goURL( url ) {
	if (url && (url != 0)) {
		top.location.href = url;
	}
}

function getWidgets() {
	return getElementsByClass("widget", document.getElementById("widget"), "DIV");
}


function loadWidget( name, params ) {
    // read code of widget
   var newCode = readURL( '?widget=raw:' + name + (params ? params : '') );
   
	var divname = "widget_" + name;
	
	 // remove old widget, if it was already included
	var oldelm = document.getElementById( divname );
   if (oldelm) {
   	var left = oldelm.style.left;
   	var top = oldelm.style.top;
   	oldelm.parentNode.removeChild( oldelm );
   }
   
	 // add code to widget container div 
	var widgetdiv = document.getElementById("widget");
	var newElm = document.createElement( "SPAN" );
	newElm.innerHTML = newCode;
	widgetdiv.appendChild( newElm );
   
	 // copy over old position or 
	var elm = document.getElementById( divname );
	if (left || top) {
		elm.style.top = top;
		elm.style.left = left;
	} else {
		 // if widget wasn't already present, assign new position
	  var opened = getWidgets().length;
	  elm.style.top = 30*opened + "px";
 	  elm.style.left = 30*opened + "px"; 
	} 
    // set focus
	focusWindow( divname );
	
    // reload menu
	loadElement('admmenu','?widget=raw:admmenu&selected=' + name ); 
}


function focusWindow( name ) {
   // defocus all widgets
	var widgets = getWidgets();
	for (var k=0; k<widgets.length; k++) {
		widgets[k].className = widgets[k].className.replace("focus", ""); 
	}
	// focus given widget
	var elm = document.getElementById( name );
	elm.className = elm.className + " focus"; 
}




/* global variables used to store dragging information */
// TODO: so much vars is a mess. We should use an array to store what we need.
var dragObj = null;
var dragOldX;
var dragOldY;
var dragOldW;
var dragOldH;
var dragOldPosition;
var dragX;
var dragY;
var dragMode;
var oldSublistDiplay;

var dragHoverClass;
var hoverElements;
var hoveredElement;


 /* start draggin an element */
 // TODO: we may split this into several functions,
 // as giving mode bloats this function
function dragStart( event, name, mode ) {
	 // get event object and stop propagation
	if (!event) {
	  event = window.event;
   }
   event.cancelBubble = true;
	if (event.stopPropagation) {
		event.stopPropagation();
	}
    // get element
	dragObj = document.getElementById( name );

    // save starting point for dragging
   dragX = dragObj.offsetLeft - event.clientX;
	dragY = dragObj.offsetTop - event.clientY;

	 // save old positions as we may revert to them of dragging is aborted
   dragOldPosition = getStyle( dragObj, "position" );	
	dragOldX = dragObj.style.left;
	dragOldY = dragObj.style.top; 

    // set position style to absolute.
    // save actual height an width first, so if setting absolute
    // gets element out of context in wich XX% may be specified as width/height 
	var W = getStyle( dragObj, "width" );
	var H = getStyle( dragObj, "height" );
	dragObj.style.position = "absolute";
	dragObj.style.width = W;
	dragObj.style.height = H; 
	
	 // set CSS class style class to dragged element
	addClass( dragObj, "drag" );
	
   document.onmouseup = dragStop;
	document.onmousemove = dragMove;
}


 /* if dragging is in progress, this function handles mouse move events */
function dragMove( event ) {
	if (dragObj) {
		if (!event) {
			event = window.event;
		}
		  // set new position
		dragObj.style.left = event.clientX + dragX + "px";
		dragObj.style.top  = event.clientY + dragY + "px";
		
		 // check if we need to highlight hovered destinations
		if (dragHoverClass) {
			draghover( event, dragObj, dragHoverClass );
		}
	}
}


 /* if an item is hovered, set class to "dragover" 
    if we leave it, unset class "dragover" */
function draghover( event, skipelm, hoverClass ) {	
	if (!hoverElements) {
		hoverElements = getElementsByClass( hoverClass, document, "div" );
	}
	
	var target = getByPosition( hoverElements, 
	                            event.clientX + window.scrollX, 
	                            event.clientY + window.scrollY, 
	                            skipelm );
	
	if (target) {
		if (target != hoveredElement) {
			if (hoveredElement) {
				removeClass( hoveredElement, "dragover" );
			}
			addClass( target, "dragover" );
			hoveredElement = target;
	   } 
	} else {
		if (hoveredElement) {
			removeClass( hoveredElement, "dragover" );
			hoveredElement = null;
      }		
	}
}


 /* end dragging of object */ 
function dragStop() {
	removeClass( dragObj, "drag" );
	dragObj = null;
	hoverElements = null;
}




/*** functions to handle dragging of menuitems ***/


 /* start dragging a menuitem */
function dragStartMenuitem( event, name ) {
    // start dragging the obect
	dragStart( event, name );

	 // make "end" drag points visible, so that user can drag there
	endItems = getElementsByClass( "menuend", document, "div" );
	for (i=0; i<endItems.length; i++) {
		endItems[i].style.display = "block";
	}

	 // hide popup submenus 
	var sublistid = dragObj.id.match(/list[0-9]+/) + "_sub" +
	                dragObj.id.match(/div([0-9]+)/)[1];
	if ( sublist = document.getElementById( sublistid ) ) {
		oldSublistDisplay = sublist.style.display;
		sublist.style.display = "none";
	}
	
	 // hide "add new" menu items
	addItems = getElementsByClass( "add", document, "div" );
	for (i=0; i<addItems.length; i++) {
		addItems[i].style.display = "none";
	}
	
	 // set handlers for dragging events
	document.onmouseup = dragStopMenuitem;	
	dragHoverClass = "menuitem";		
}


 /* end dragging of a menuitem */
function dragStopMenuitem() {
    // if we hover a valid destination, execute move operation
	if (hoveredElement) {
		DBmoveMenuitem( dragObj, hoveredElement );
   } else {
		 // revert to old position if dragging was aborted
	   dragObj.style.position = dragOldPosition;	
	   dragObj.style.left = dragOldX;	
	   dragObj.style.top  = dragOldY;

       // hide enditems again	
		endItems = getElementsByClass( "end", document, "div" );
		for (i=0; i<endItems.length; i++) {
			endItems[i].style.display = "none";
    	}
    	
    	 // revert sublist to old display style 
    	if (sublist) sublist.style.display = oldSublistDisplay;
    	
		 // hide "add new" menu items
		addItems = getElementsByClass( "add", document, "div" );
		for (i=0; i<addItems.length; i++) {
			addItems[i].style.display = "";
		}	    	
   }	
   dragStop();
}

 /* performs database action to move a menu item  */
function DBmoveMenuitem( source, dest ) {
	  // filter out parent's and item's pids 
	var sitemid = source.id.match( /(?:div)([0-9]+)/ )[1];
	var dparentid = dest.id.match( /(?:sub)([0-9]+)/ )[1];
	var dulid = dest.id.match( /list[0-9]+_sub[0-9]+/ );
	
	var desc = hasClass( document.getElementById(dulid), "desc");
	
	if ( dest.id.match( /end$/ ) ) {
	  var menupos = (desc ? "FIRST" : "END");			
	} else {
	  var ditemid = dest.id.match( /(?:div)([0-9]+)/ )[1];
	  var menupos = (desc ? "AFTER" : "BEFORE") + "u" + ditemid;
	}
	
	  // set the new menupos
	var DBtransaction = "&DB[0][type]=move"  +
	                    "&DB[0][table]=page" +
	                    "&DB[0][data][id]=" + sitemid +
	                    "&DB[0][data][parentid]=" + dparentid +
	                    "&DB[0][data][menupos]=" + menupos; 	                    
	
	top.location.href = "?npage=u" + sitemid + DBtransaction;
}




/*** functions to handle dragging of tiny pages ***/

 /* start dragging a tiny page */
function dragStartTinyPage( event, name ) {
    // start dragging the obect
	dragStart( event, name );

	 // make "end" drag points visible, so that user can drag there
	endItems = getElementsByClass( "pathend", document, "div" );
	for (i=0; i<endItems.length; i++) {
		endItems[i].style.display = "block";
	}

	 // hide all pageeditors while dragging
	pageeditors = getElementsByClass( "pageeditor", document, "div" );
	for (i=0; i<pageeditors.length; i++) {
		pageeditors[i].style.display = "none";
	}
	
	 // set handlers for dragging events
	document.onmouseup = dragStopTinyPage;	
	dragHoverClass = "draggable";
} 
 
 
 /* end dragging of a tiny page */
function dragStopTinyPage() {
	if (hoveredElement) {
		DBmoveTinyPage( dragObj, hoveredElement );
	} else {
		 // revert to old position if dragging was aborted
	   dragObj.style.position = dragOldPosition;	
	   dragObj.style.left = dragOldX;	
	   dragObj.style.top  = dragOldY;			
	}
	
    // hide enditems again	
	endItems = getElementsByClass( "pathend", document, "div" );
	for (i=0; i<endItems.length; i++) {
		endItems[i].style.display = "none";
 	}		
	
	pageeditors = getElementsByClass( "pageeditor", document, "div" );
	for (i=0; i<pageeditors.length; i++) {
		pageeditors[i].style.display = "";
	}
	dragStop();		
}


 /* performs database action to move a tiny page which was dragged */
 // TODO: it is not possible to move a tiny page before a parent's
 // tiny page as of yet. This is because they are built after another
 // we need a solution for that. Probably multiple position entries
 // with nr as pid to which it refers ore something ...
 // we may also drop including tiny pages from parent page
 // if that is not specifically set by user ( with an attribte)
 // see comment in pageclass.php line 413
function DBmoveTinyPage( source, dest ) {
	  // filter out source and destination pid / tpid and path
	var sourceid = source.id.match( /tiny([0-9]+):([0-9]+)/ );
	var spid = sourceid[1];
	var stpid = sourceid[2];

   var destid = dest.id.match( /end/ ) ?
                dest.id.match( /path([0-9]+)_pid([0-9]+)_(end)/ ) :
                dest.id.match( /path([0-9]+)_tiny([0-9]+):([0-9]+)/ );  

   var dpath = destid[1];
    // we do not (yet) move tiny pages between parents/ childs
//	var dpid = destid[2];
   var dtpid = destid[3];
	
	var position = ( dtpid == "end" ) ? 
	               "END" : 
	               "BEFORE" + spid + "%3A" + dtpid;
	
	  // set the new menupos
	var DBtransaction = "&DB[0][type]=move"  +
	                    "&DB[0][table]=page" +
	                    "&DB[0][data][pid]=" + spid +
	                    "&DB[0][data][tpid]=" + stpid +
	                    "&DB[0][data][parent]=" + spid +
	                    "&DB[0][data][path]=" + dpath +
	                    "&DB[0][data][position]=" + position; 	                    
	
	top.location.href = "?npage=" + spid + DBtransaction;
}

/*
    This file is part of wili-cms 

    wili-cms - wiki like content-managament system (http://wili-cms.sourceforge.net)
    Copyright (C) 2004-2007 Patrick Michaelis <patrick AT bb-goettingen DOT de> 

    This program is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

// -- javascript helper functions for modifying textarea --

// set cursor to position
function set_cursor(txtarea, pos, length ) {
    if(txtarea.createTextRange) { // the IE way
        var range = txtarea.createTextRange();
        range.collapse( true ); 
        range.moveStart( "character", pos );
        range.moveEnd(   "character", length  );      
        range.select(); 
    } else if(txtarea.selectionStart) { // Standard (Firefox etc.)
        txtarea.setSelectionRange( pos, pos + length );
        txtarea.focus(); 
    } 

}

// Get selected Text
function get_selected(txtarea) {
  if ( txtarea.selectionStart || !(document.selection) ) {
    return (txtarea.value).substring( txtarea.selectionStart, txtarea.selectionEnd );
  } else { // te IE way
    return document.selection.createRange().text;
  }
}


// replace selected text in a txtarea with phrase and select the new text
function replace_selected(txtarea, phrase) {
  if ( txtarea.selectionStart || !(document.selection) ) {
    var scrollPos = txtarea.scrollTop;
    var pos = txtarea.selectionStart;
    txtarea.focus();
    txtarea.value = (txtarea.value).substring( 0, txtarea.selectionStart )
                    + phrase +
                    (txtarea.value).substring( txtarea.selectionEnd, 
                                               txtarea.value.length );
    set_cursor( txtarea, pos, phrase.length );
    txtarea.scrollTop = scrollPos;
  } else { // the IE way
    txtarea.focus();
    var range = document.selection.createRange();
    range.text = phrase;
    range.moveStart( "character", -phrase.length );
    range.select();
  } 
}


// put selected text in a HTML tag: <tagname attributes>SELECTED TEXT</tagname>
// attributes is optional
function tag(txtarea, tagname, attributes, content ) {
  if (!txtarea) {
  	  txtarea = editor;
  }
  if ( attributes ) {  	 
    var attribstr = attributes.match( /^[= ]/ ) ? attributes : " " + attributes;
  } else {
    var attribstr = "";
  }
  content = content ? content : get_selected( txtarea );
  replace_selected( txtarea, "[" + tagname + attribstr + "]" 
                           + content  + "[/" +tagname +"]" ); 
}

// Add a hyperlink to textarea
function tag_hlink(url, caption, tag) {
  if (!tag) {
  	 tag = "URL";
  }
  replace_selected( editor, "[" + tag + (caption ? "=" + url : "" ) + "]" + 
                            (caption ? caption : url) + 
                            "[/" + tag + "]" ); 	
}
 
 
 
 
function widget_edit_img_submit() {
	var filename = document.getElementById('editimg_filename').value;
	
   var attributes = "";
      
   with (document.getElementById('editimg_dimensions')) 
      var dimensions = options[selectedIndex].value;
   if (dimensions) {
   	if (dimensions == 1 ) {
   		attributes += ' width="' + document.getElementById('editimg_width').value + '"';
   	}
   	if (dimensions == 2) {
   		attributes += 'height="' + document.getElementById('editimg_height').value + '"';
   	}
   	if (dimensions == 3) {
   		attributes += ' width="' + document.getElementById('editimg_width_both').value + 
   		              '" height="' + document.getElementById('editimg_height_both').value + '"';
   	}
   }
   
   var align = document.getElementsByName('editimg_align');
   for (var i=0; i < align.length; i++) {
   	if (align[i].checked && align[i].value) {
   		attributes += ' align="' + align[i].value + '"';
   	}
   }
   
   var href = document.getElementById('editimg_href').value;
   if ( href && (href !== "http://")) {
     attributes += ' href="' + href + '"';
   }     	

     // add tag to editor	
	tag( window['editor'], 'IMG', attributes, filename );
	
	  // remove widget
	removeElement( document.getElementById('widget_edit_img') );  
	
	return false; 
} 



function widget_edit_thumb_submit(inputid) {
	var filename = document.getElementById('editthumb_filename').value;
	 // set file name	
	document.getElementById(inputid).value = filename;
	
	 // update thumbnail preview
	document.getElementById(inputid + "_img").src = "thumbnail.php?width=150&filename=" + filename;
	document.getElementById(inputid + "_name").innerHTML = filename;
	
	 // update thumbnail chooser link
	document.getElementById(inputid + "_link").href = 
	  "javascript:loadWidget('edit_thumbnail'," +
	  "'&selected=" + filename + 
	   "&inputid=" + inputid + "');";

    // remove widget	 
	removeElement( document.getElementById('widget_edit_thumbnail') );  
   return false;   
}



function widget_edit_file_submit() {
	var filename = document.getElementById('editfile_filename').value;
	
	var caption = document.getElementById('editfile_caption').value;
	
     // add tag to editor	
   if (caption) {
	  tag( window['editor'], 'FILE', '="' + filename + '"', caption );	
   } else {
     tag( window['editor'], 'FILE', "", filename );
   }
    // remove widget	 
	removeElement( document.getElementById('widget_edit_file') );  
   return false;   
}



/* used by adm_widget_edit_file 
   makes form readonly and show "uploading in progress" information while uploading */
function upload_start() {
  var formElements = document.uploadForm.elements;
  for (i=0; i < formElements.length; i++) {
  	 formElements[i].readonly=true;
  }
  document.getElementById('upload_busy').style.display='block';
}



   
   
/* used by adm_page_date->edit_date()
   shows inputs to edit date's end. */
   
function date_show_enddate() {
	document.getElementById("date_etime").value = document.getElementById("date_stime").value;
	document.getElementById("date_edate").value = document.getElementById("date_sdate").value; 
   show( "date_end_container", "inline" );
   show( "date_end_show", "none" );   
}


/* update menutitle when title is changend and auto is selected */
function update_menutitle(elmid, value) {
	var elm = document.getElementById( elmid );
	if (elm && elm.disabled) {
		elm.value = value;
	}	
}


/* toggle menutitle auto button */
function toggle_menutitle(inputid,typeid,titleid) {
	var typeelm = document.getElementById( typeid );
	if ( setDisabled(inputid,'toggle') ) {
		typeelm.value = "delete";
		var titleelm = document.getElementById( titleid );
		update_menutitle( inputid, titleelm.value ); 
	} else {
		typeelm.value = "set";
	}	
}

/* update summary when content has changes and auto is selected */
function update_summary(elmid, value ) {
	var elm = document.getElementById( elmid );
	if (elm && elm.disabled) {
		// TODO: implement real summary cut
		elm.value = value.substr(0,200);
	}	
}


/* toggle summary auto button */
function toggle_summary(isummaryid,inosummaryid,icontentid) {	
	setDisabled( inosummaryid );
	if ( setDisabled(isummaryid,'toggle') ) {
		var icontent = document.getElementById( icontentid );
		update_summary( isummaryid, icontent.value ); 
	} 
}


// TODO: reimplement those



// show original language content of that page
/*
function editOrigLang( pid ) {
  show('edit_origlang_content');
  document.getElementById('edit_origlang_content').innerHTML = 
    readURL('index.php?direct=direct&npage=' + pid );
}

// show preview of currently edited page

function editPreview() {
     // make preview box visible
    show( "edit_preview", "block" );
    
     // fields to copy from edit page
    var rowdata_fields = new Array( "pid", "type", "title", "subtitle", 
        "datestart_day","datestart_month","datestart_year","datestart_hour", "datestart_minute",
        "dateend_day","dateend_month","dateend_year","dateend_hour","dateend_minute",
        "author", "summary", "content" );
    var cvalues_fields = new Array( "location", "organizer", "summarylist" );

    var url = "admin.php?direct=direct&mode=preview&action[0]=preview&"+
              "npage=" + document.getElementsByName( "npage" )[0].value;          
    
     // read row_data values from page    
    for ( var i=0; i < rowdata_fields.length; i++ ) {
      var element = document.getElementsByName( "row_data[0][" + rowdata_fields[i] + "]" );
      if ( element[0] ) {
        url = url + "&row_data[0][" + rowdata_fields[i] + "]=" + 
              encodeURIComponent( element[0].value );
      }
    }   
     // read custom_values values from page    
    for ( var i=0; i < cvalues_fields.length; i++ ) {
      var element = document.getElementsByName( "custom_values[0]["+cvalues_fields[i]+"]" );
      if ( element[0] ) {
        url = url + "&custom_values[0][" + cvalues_fields[i] + "]=" + 
              encodeURIComponent( element[0].value );
      }
    }   
    
    document.getElementById("edit_preview_content").innerHTML = 
      readURL( url );
}

*/

function texteditor_refresh() {
	// TODO
	//geditor.innerHTML = editor.value.replace(/\n/g, "<p>" );
}

var fb_selectedItem = 0;

function filebrowser_rename( fbid, reload_params, filename, dirname ) {
	if (!filename) {
		 filename = document.getElementById( fbid + "_details_name" ).innerHTML;
		 dirname = document.getElementById( fbid + "_details_dirname" ).innerHTML;
	}
	var newfilename = window.prompt( 'Enter new file name' + ":", filename );
	if (newfilename) {
		loadElement( fbid, "?DB[0][table]=file" + 
		                   "&DB[0][type]=set" + 
		                   "&DB[0][data][id]=" + dirname + "/" + filename + 
		                   "&DB[0][data][filename]=" + newfilename + 
		                   "&" + fbid + "_selected=" + newfilename + 
		                   "&rpath=element" +
		                   "&element[name]=filebrowser" +
		                   "&" + reload_params );
		filebrowser_scrollTo( fbid, newfilename );
	} 
}



function filebrowser_delete( fbid, reload_params, dirname, filename, usedcount ) {
/*		if (usedcount) {
		window.alert( 'This file is used by' + 
 		              ' ' + usedcount + ' ' +
 		              'pages. Do you really want to delete it?' );
 		                
	}
*/
	if (!filename) {
		 filename = document.getElementById( fbid + "_details_name" ).innerHTML;
		 dirname = document.getElementById( fbid + "_details_dirname" ).innerHTML;
	}

   if ( window.confirm( 'Do you really want to delete file "' + filename + '"?' ) ) {
		loadElement( fbid, "?DB[0][table]=file" + 
		                   "&DB[0][type]=delete" + 
		                   "&DB[0][data][id]=" + dirname + "/" + filename +
		                   "&rpath=element" +
		                   "&element[name]=filebrowser" +		                    
		                   "&" + reload_params );   	
   } 
}



function filebrowser_scrollTo( fbid, itemid ) {
	if (!document.getElementById( itemid )) {
	  var itemid = document.getElementsByName( itemid )[0].id; 	
	}
		
	scrollToItemTop( fbid + "_itemlist", itemid, -20 );
}



function filebrowser_uploadPost( fbid, itemid, filename, onChange ) {
	filebrowser_scrollTo( fbid, filename );
	filebrowser_updateInput( itemid, filename );
	if (onChange) {
		eval( onChange );
	}
}



 // selectItem calls the functions below
function filebrowser_selectItem( item, inputid, height, fbid, dirname, filename, thumbnail, size, mimetype, mtime ) {
   filebrowser_setSelClass( item );
   filebrowser_updateInput( inputid, filename );
   filebrowser_setHeight( fbid, height );
   filebrowser_showDetails( fbid, dirname, filename, thumbnail, size, mimetype, mtime );
}



 // update file details (called by selectItem)
function filebrowser_showDetails( fbid, dirname, filename, thumbnail, size, mimetype, mtime ) { 
	var divid = fbid + "_details";
	
	var div_thumbnail = document.getElementById( divid + "_thumbnail" );
	var div_name = document.getElementById( divid + "_name" );
	var div_size = document.getElementById( divid + "_size" );
	var div_mimetype= document.getElementById( divid + "_mimetype" );
	var div_mtime = document.getElementById( divid + "_mtime" );
	var div_dirname = document.getElementById( divid + "_dirname" );
		 	
	if (div_thumbnail) {
		 div_thumbnail.src = "thumbnail.php?width=150&height=128&paspect=1&filename=" + thumbnail;
   }
   if (div_name) {
	  div_name.innerHTML = filename;
   }
   if (div_dirname) {
	  div_dirname.innerHTML = dirname; 
   }
   if (div_size) {
	  div_size.innerHTML = size;
   }
   if (div_mimetype) {
	  div_mimetype.innerHTML = mimetype;
   }
   if (div_mtime) {
  	  div_mtime.innerHTML = mtime;
   }
	 // make details div visible, if still hidden
	if ( document.getElementById( divid ).style.display == "none" ) { 
	  show( divid, "block" );
	  filebrowser_scrollTo( fbid, filename );
	}

}



// update icon class (called by selectItem)
function filebrowser_setSelClass( item ) {
	if ( fb_selectedItem ) {
	  removeClass( fb_selectedItem, "selected" );
	}
	if (item) {
	  addClass( item, "selected" );	  	  	  
	}
	fb_selectedItem = item;	
} 



// update user input (called by selectItem)
function filebrowser_updateInput( itemid, filename ) {
	if (itemid) {
		var item = document.getElementById(itemid);
		if (item) {
		  item.value = filename;
		}
	}
}


// update filebrowser's height (called by selectItem)
function filebrowser_setHeight( divid, height ) {
	if (height > 0) {
		document.getElementById( divid + "_itemlist" ).style.height = height + "px";
	}
}











function newpassword_change( id, submitid ) {
	 // get DOM objects
	var pw1 = document.getElementById( id );
	var pw2 = document.getElementById( id + "_confirm" );
	
   var seclevel = document.getElementById( id + "_seclevel" );
	var secbar = document.getElementById( id + "_secbar" ); 
	
	var sectext = new Array();
	sectext['low']    = document.getElementById( id + "_seclevel_text_low" );
	sectext['medium'] = document.getElementById( id + "_seclevel_text_medium" );
	sectext['high']   = document.getElementById( id + "_seclevel_text_high" );
	
	var equal = document.getElementById( id + "_equal" ); 
	
	if (submitid) {
	  var submit = document.getElementById( submitid );
	}
   
   if ( pw1.value.length ) {           
	    // set security indicator    

	    // we check for 4 indicators:
	      // length of password (each 4 character up the level by 1)
	      // alphabetical character (if present, up one level)
	      // number character (if present, up one level)
	      // exceptional characters (if present, up two levels) 
	   var length = Math.floor( pw1.value.length / 4 ); 
	   var alpha  = pw1.value.match(/[a-z]/gi) ? 1 : 0;
	   var numbers= pw1.value.match(/[0-9]/gi) ? 1 : 0;
	   var except = pw1.value.match(/[^a-z0-9]/gi) ? 2 : 0;
	   
	   var level = Math.floor( length + (alpha + numbers + except) * length / 2 );

      var step = (level >= 8) ? "high" :
                ((level >= 4) ? "medium" : 
                                "low" );

       // set bar class to step, to colorize bar correctly
      secbar.className = step; 	   
	   
       // set length of secbar 
      var width = level * 32;
      if (width > 256) {
      	var width = 256;
      }
      secbar.style.width = width + "px";
              
       // show level description text
   	sectext['low'].style.display = "none";
   	sectext['medium'].style.display = "none";
   	sectext['high'].style.display = "none";                
      sectext[step].style.display = "block";
      
	    		
		 // check and display equality
		var isEqual = (pw1.value == pw2.value);
		equal.style.display = isEqual ? "inline" : "none";
	   
	   // show or hide submit button if given
	   // submit button is shown when at level seclevel 1 is reached
	   // and passwords are equal
	   if (submit) {
	   	submit.disabled = !(level && isEqual);
	   }
   } else {
   	
   	 // if no pw is given yet, we hide all indicators
   	secbar.className = "";
   	equal.style.display= "none";
   	sectext['low'].style.display = "none";
   	sectext['medium'].style.display = "none";
   	sectext['high'].style.display = "none";   	
   	if (submit) {
	   	submit.disabled = true;
      }
   }	
	
	 

}/* used by adm_page_date->edit_date() 
   after user changed date or time, it will be read from input, and written formatted to 
   a hidden input that actually contains the new value (well formatted for MySQL-Query) 
   
   parameters are: id of inputs for date, time and (hidden) value*/
   
function date_edit_refresh( input_date, input_time, input_value ) {	
    // get value from visible inputs 
   var date = document.getElementById(input_date).value;   
   var time = document.getElementById(input_time).value;
   
    // format date
    // TODO: this simly formats DD.MM.YYYY to YYYY-MM-DD.
    // in future, we may add local dependent formats that we would need to convert here.
   var vals = date.split( "." );
   date = vals[2] + "-" + vals[1] + "-" + vals[0]; 
    
    // write data to value of hidden input
   var input = document.getElementById(input_value);   
	input.value = date + " " + time;	   	  
}



function timespan_refresh( id ) {
	var value = document.getElementById( id + "_value" );
	var amount = document.getElementById( id + "_amount" );
	var unit = document.getElementById( id + "_unit" );
	
   var unit_value = unit.options[unit.selectedIndex].value;
   
    // disable amount input if unit value is NULL
   if (!unit_value) {
     amount.disabled = true;
     value.value = "";
   } else {
     amount.disabled = false;
     value.value = amount.value + " " + unit_value; 
   }
}

function pageselect_set( id, pid, title ) {
   var DOMvalue = document.getElementById( id + "_value" );
   var DOMcaption = document.getElementById( id + "_title" );
   
   DOMvalue.value = pid;
   DOMcaption.innerHTML = "#" + pid + ": " + str_cutlength( title, 32 );      
}function openuni_update_date() {
	var DOMstart = document.getElementById('startdate');
	var DOMend = document.getElementById('enddate');
	
	var DOMdate = document.getElementById("date");
	var DOMstarttime = document.getElementById("starttime");
	var DOMendtime = document.getElementById("endtime");
	
   var date = DOMdate.options[DOMdate.selectedIndex].value;	
	
	DOMstart.value = date + " " + DOMstarttime.value;
	DOMend.value = date + " " + DOMendtime.value;
}


function openuni_validate_form() {
	var DOMack = document.getElementById('ack');
	var DOMcontact = document.getElementById('contact');
	var DOMcaptcha = document.getElementById('captcha_code');
	
	if (!DOMack.checked) {
		window.alert('Du musst die Einverständniserklärung anhaken, um das Formular absenden zu können.');
		return false;
	}
	
	if (!DOMcontact.value.match(/[\w.%+-]+@[\w.-]+\.[a-zA-Z]{2,4}/)) {
		window.alert('Du hast leider eine ungültige E-Mail-Adresse eingegeben. Bitte noch einmal überprüfen.');
		return false;
	}
	
	var captcha_validate = readURL( 'captcha.php?verify=' + DOMcaptcha.value );
   if (captcha_validate != "true" ) {
		window.alert('Der eingegebene CAPTCHA (Spam-Schutz) Code war leider falsch. Bitte probier es nochmal.');
		captcha_reload();
		return false;
   }	
	
	return true;
}


function captcha_reload() {
   var DOMimg = document.getElementById('captcha_img');
   DOMimg.src = 'captcha.php#' + Math.random();	
}