// DBX2.05 :: Docking Boxes (dbx)
// *****************************************************
// DOM scripting by brothercake -- http://www.brothercake.com/
// GNU Lesser General Public License -- http://www.gnu.org/licenses/lgpl.html
//******************************************************
var dbx; 
function dbxManager(sid) {
   dbx = this; 
   if(!/^[-_a-z0-9]+$/i.test(sid)) { alert('Error from dbxManager:\n"' + sid + '" is an invalid session ID');
   return; 
   }
this.supported = !(document.getElementsByTagName('*').length == 0 || (navigator.vendor == 'KDE' && typeof window.sidebar == 'undefined')); 
if(!this.supported) {
   return; 
   }
this.etype = typeof document.addEventListener != 'undefined' ? 'addEventListener' : typeof document.attachEvent != 'undefined' ? 'attachEvent' : 'none'; 
this.eprefix = (this.etype == 'attachEvent' ? 'on' : ''); 
if(typeof window.opera != 'undefined' && parseFloat(navigator.userAgent.toLowerCase().split(/opera[\/ ]/)[1].split(' ')[0], 10) < 7.5){this.etype = 'none';
}
if(this.etype == 'none') {
this.supported = false; 
return; 
}
this.running = 0; 
this.sid = sid; 
this.savedata = {
}; 
this.cookiestate = this.getCookieState(); 
}; 
dbxManager.prototype.setCookieState = function() {
var now = new Date(); 
now.setTime(now.getTime() + (365 * 24 * 60 * 60 * 1000)); 
var str = ''; 
for(j in this.savedata) {
if(typeof this.savedata[j] != 'function') {
   str += j + '=' + this.savedata[j] + '&'}
}
this.state = str.replace(/^(.+)&$/, '$1');
this.cookiestring = this.state.replace(/,/g, '|');
this.cookiestring = this.cookiestring.replace(/=/g, ':');
if(typeof this.onstatechange == 'undefined' || this.onstatechange()) {
document.cookie = 'dbx-' + this.sid + '=' + this.cookiestring + '; expires=' + now.toGMTString() + '; path=/'; 
}
}; 
dbxManager.prototype.getCookieState = function() {
this.cookiestate = null; 
if(document.cookie) {
if(document.cookie.indexOf('dbx-' + this.sid) !=- 1) {
   this.cookie = document.cookie.split('dbx-' + this.sid + '=')[1].split(';')[0].split('&'); 
   for(var i in this.cookie) {
      if(typeof this.cookie[i] != 'function') {
         this.cookie[i] = this.cookie[i].replace(/\|/g, ',');
         this.cookie[i] = this.cookie[i].replace(/:/g, '=');
         this.cookie[i] = this.cookie[i].split('='); 
         this.cookie[i][1] = this.cookie[i][1].split(','); 
         }
      }
   this.cookiestate = {
      }; 
   for(i in this.cookie) {
      if(typeof this.cookie[i] != 'function') {
         this.cookiestate[this.cookie[i][0]] = this.cookie[i][1]; 
         }
      }
   }
}
return this.cookiestate; 
}; 
dbxManager.prototype.addDataMember = function(gid, order) {
this.savedata[gid] = order; 
}; 
dbxManager.prototype.createElement = function(tag) {
return typeof document.createElementNS != 'undefined' ? document.createElementNS('http://www.w3.org/1999/xhtml', tag) : document.createElement(tag); 
}; 
dbxManager.prototype.getTarget = function(e, pattern, node) {
if(typeof node != 'undefined') {
var target = node; 
}
else {
target = typeof e.target != 'undefined' ? e.target : e.srcElement; 
}
var regex = new RegExp(pattern, ''); 
while(!regex.test(target.className)) {
target = target.parentNode; 
}
return target; 
}; 
function dbxGroup(gid, dir, thresh, fix, ani, togs, def, open, close, move, toggle, kmove, ktoggle, syntax) {
if(!/^[-_a-z0-9]+$/i.test(gid)) { alert('Error from dbxGroup:\n"' + gid + '" is an invalid container ID');
return; 
}
this.container = document.getElementById(gid); 
if(this.container == null || !dbx.supported) {
return; 
}
var self = this; 
this.gid = gid; 
this.dragok = false; 
this.box = null; 
this.vertical = dir == 'vertical'; 
this.threshold = parseInt(thresh, 10); 
this.restrict = fix == 'yes'; 
this.resolution = parseInt(ani, 10); 
this.toggles = togs == 'yes'; 
this.defopen = def != 'closed'; 
this.vocab = {
'open' : open, 'close' : close, 'move' : move, 'toggle' : toggle, 'kmove' : kmove, 'ktoggle' : ktoggle, 'syntax' : syntax}; 
this.container.style.position = 'relative'; 
this.container.style.display = 'block'; 
if(typeof window.opera != 'undefined') {
this.container.style.display = 'run-in'; 
}
this.boxes = []; 
this.buttons = []; 
this.order = []; 
this.eles = this.container.getElementsByTagName('*'); 



for(var i = 0; i < this.eles.length; i++) {
if(/dbx\-box/i.test(this.eles[i].className) && !/dbx\-dummy/i.test(this.eles[i].className)){this.eles[i].style.position = 'relative';
this.eles[i].style.display = 'block'; 
this.boxes.push(this.eles[i]); 
this.eles[i].className += ' dbx-box-open'; 
this.eles[i].className += ' dbxid' + this.order.length; 
var hackallemann = this.eles[i].id;

this.order.push(this.order.length.toString() + '+'); 



this.eles[i][dbx.etype](dbx.eprefix + 'mousedown', function(e) {
if(!e) {
   e = window.event; }
self.mousedown(e, dbx.getTarget(e, 'dbx\-box')); }
, false); 
}

if(/dbx\-handle/i.test(this.eles[i].className)){
this.eles[i].style.position = 'relative';
this.eles[i].style.display = 'block'; 
this.eles[i].className += ' dbx-handle-cursor'; 
this.eles[i].setAttribute('title', this.eles[i].getAttribute('title') == null || this.eles[i].title == '' ? this.vocab.move : this.vocab.syntax.replace('%mytitle%', this.eles[i].title).replace('%dbxtitle%', this.vocab.move)); 

if(this.toggles) {
	
	
this.buttons.push(this.addToggleBehavior(this.eles[i])); 


}
else {
this.eles[i][dbx.etype](dbx.eprefix + 'key' + (typeof document.uniqueID != 'undefined' || navigator.vendor == 'Apple Computer, Inc.' ? 'down' : 'press'), function(e) {
if(!e) {
   e = window.event; }
return self.keypress(e, dbx.getTarget(e, 'dbx\-handle')); }
, false); 
this.eles[i][dbx.etype](dbx.eprefix + 'focus', function(e) {
if(!e) {
   e = window.event; }
self.createTooltip(null, dbx.getTarget(e, 'dbx\-handle')); }
, false); 
this.eles[i][dbx.etype](dbx.eprefix + 'blur', function() {
self.removeTooltip(); }
, false); 
}




}
}


dbx.addDataMember(this.gid, this.order.join(',')); 

var dummy = this.container.appendChild(dbx.createElement('span')); 
dummy.className = 'dbx-box dbx-dummy'; 
dummy.style.display = 'block'; 
dummy.style.width = '0'; 
dummy.style.height = '0'; 
dummy.style.overflow = 'hidden'; 
if(this.vertical) {
dummy.className += ' dbx-offdummy'; 
}
this.boxes.push(dummy); 


	if(hackallemann=='hot'){
		alert('trigger');
		}
		
if(dbx.cookiestate != null && typeof dbx.cookiestate[this.gid] != 'undefined') {
var num = dbx.cookiestate[this.gid].length; 
if(num == this.boxes.length - 1) {
for(i = 0; i < num; i++) {
	
var index = parseInt(dbx.cookiestate[this.gid][i], 10); 
this.container.insertBefore(this.boxes[index], dummy); 
if(this.toggles && /\-$/.test(dbx.cookiestate[this.gid][i])){this.toggleBoxState(this.buttons[index], false);
}
}
this.getBoxOrder(); 
}
}
else if(!this.defopen && this.toggles) {
var len = this.buttons.length; 

//Allemann hack!


if( typeof dbx.group == 'undefined')

for(i = 1; i < len; i++) {
	
this.toggleBoxState(this.buttons[i], true); 

}else
for(i = 2; i < len; i++) {
	
this.toggleBoxState(this.buttons[i], true); 

}


}



document[dbx.etype](dbx.eprefix + 'mouseout', function(e) {
if(typeof e.target == 'undefined') {
e = window.event; 
e.relatedTarget = e.toElement; 
}
if(e.relatedTarget == null) {
self.mouseup(e); }
}
, false); 

document[dbx.etype](dbx.eprefix + 'mousemove', function(e) {
self.mousemove(e); return !self.dragok; }
, false); 
document[dbx.etype](dbx.eprefix + 'mouseup', function(e) {
self.mouseup(e); }
, false); 
this.keydown = false; 
document[dbx.etype](dbx.eprefix + 'keydown', function() {
self.keydown = true; }
, false); 
document[dbx.etype](dbx.eprefix + 'keyup', function() {
self.keydown = false; }
, false); 
}; 
dbxGroup.prototype.addToggleBehavior = function() {
var self = this; 
var button = arguments[0].appendChild(dbx.createElement('a')); 
button.appendChild(document.createTextNode('\u00a0')); 
button.style.cursor = 'pointer'; 
button.href = 'javascript:void(null)'; 
button.className = 'dbx-toggle dbx-toggle-open'; 




button.setAttribute('title', this.vocab.toggle.replace('%toggle%', this.vocab.close)); 

button.hasfocus = typeof window.opera != 'undefined' || navigator.vendor == 'Apple Computer, Inc.' ? null : false; 
this.tooltip = null; 



button.onclick = function() {
if(this.hasfocus === true || this.hasfocus === null) {
self.removeTooltip(); 
self.toggleBoxState(this, true); 
}
};
 
button['onkey' + (typeof document.uniqueID != 'undefined' || navigator.vendor == 'Apple Computer, Inc.' ? 'down' : 'press')] = function(e) {
if(!e) {
e = window.event; 
}
return self.keypress(e, this); 
}; 
button.onfocus = function() {
var len = self.buttons.length; 
for(var i = 0; i < len; i++) {
self.buttons[i].className = self.buttons[i].className.replace(/[ ](dbx\-toggle\-hilite\-)(open|closed)/, '');
}
var isopen = (/dbx\-toggle\-open/.test(this.className));
this.className += ' dbx-toggle-hilite-' + (isopen ? 'open' : 'closed'); 
self.createTooltip(isopen, this); 
this.isactive = true; 
if(this.hasfocus !== null) {
this.hasfocus = true; 
}
}; 
button.onblur = function() {
this.className = this.className.replace(/[ ](dbx\-toggle\-hilite\-)(open|closed)/, '');
self.removeTooltip(); 
if(this.hasfocus !== null) {
this.hasfocus = false; 
}
}; 
return button; 
}; 
dbxGroup.prototype.toggleBoxState = function(button, regen) {
var isopen = (/dbx\-toggle\-open/.test(button.className));
var parent = dbx.getTarget(null, 'dbx\-box', button); 
dbx.box = parent; 
dbx.toggle = button; 
if(typeof dbx.container == 'undefined') {
dbx.group = dbx.getTarget(null, 'dbx\-group', parent); 
}
else {
dbx.group = dbx.container; 
}
if((!isopen && (typeof dbx.onboxopen == 'undefined' || dbx.onboxopen())) || (isopen && (typeof dbx.onboxclose == 'undefined' || dbx.onboxclose()))) {
button.className = 'dbx-toggle dbx-toggle-' + (isopen ? 'closed' : 'open'); 





button.title = this.vocab.toggle.replace('%toggle%', isopen ? this.vocab.open : this.vocab.close); 
if(typeof button.isactive != 'undefined') {
button.className += ' dbx-toggle-hilite-' + (isopen ? 'closed' : 'open')}
parent.className = parent.className.replace(/[ ](dbx-box-)(open|closed)/, ' $1' + (isopen ? 'closed' : 'open'));
if(regen) {
this.getBoxOrder(); 
}
}
}; 
dbxGroup.prototype.shiftBoxPosition = function(e, anchor, positive) {
var parent = dbx.getTarget(null, 'dbx\-box', anchor); 
dbx.group = this.container; 
dbx.box = parent; 
dbx.event = e; 
if(typeof dbx.onboxdrag == 'undefined' || dbx.onboxdrag()) {
var positions = []; 
var len = this.boxes.length; 
for(var i = 0; i < len; i++) {
positions[i] = [i, this.boxes[i][this.vertical ? 'offsetTop' : 'offsetLeft']]; 
if(parent == this.boxes[i]) {
this.idref = i; 
}
}
positions.sort(this.compare); 
for(i = 0; i < len; i++) {
if(positions[i][0] == this.idref) {
if((positive && i < len - 2) || (!positive && i > 0)) {
var sibling = this.boxes[positions[i + (positive ? 1 : - 1)][0]]; 
if(this.resolution > 0) {
var visipos = {
   'x' : parent.offsetLeft, 'y' : parent.offsetTop }; 
var siblingpos = {
   'x' : sibling.offsetLeft, 'y' : sibling.offsetTop }; 
}
var obj = {
'insert' : (positive ? sibling : parent), 'before' : (positive ? parent : sibling) }; 
this.container.insertBefore(obj.insert, obj.before); 
if(this.resolution > 0) {
var animators = {
   'sibling' : new dbxAnimator(this, sibling, siblingpos, this.resolution, true, anchor), 'parent' : new dbxAnimator(this, parent, visipos, this.resolution, true, anchor)}; 
}
else {
anchor.focus(); 
}
break; 
}
}
}
this.getBoxOrder(); 
}
}; 
dbxGroup.prototype.compare = function(a, b) {
return a[1] - b[1]; 
}; 
dbxGroup.prototype.createTooltip = function(isopen, anchor) {
if(this.keydown) {
this.tooltip = this.container.appendChild(dbx.createElement('span')); 
this.tooltip.style.visibility = 'hidden'; 
this.tooltip.className = 'dbx-tooltip'; 
if(isopen != null) {
this.tooltip.appendChild(document.createTextNode(this.vocab.kmove + this.vocab.ktoggle.replace('%toggle%', isopen ? this.vocab.close : this.vocab.open))); 
}
else {
this.tooltip.appendChild(document.createTextNode(this.vocab.kmove)); 
}
var parent = dbx.getTarget(null, 'dbx\-box', anchor); 
this.tooltip.style.left = parent.offsetLeft + 'px'; 
this.tooltip.style.top = parent.offsetTop + 'px'; 
var tooltip = this.tooltip; 
window.setTimeout(function() {
if(tooltip != null) {
tooltip.style.visibility = 'visible'; }
}
, 500); 
}
}; 
dbxGroup.prototype.removeTooltip = function() {
if(this.tooltip != null) {
this.tooltip.parentNode.removeChild(this.tooltip); 
this.tooltip = null; 
}
}; 
dbxGroup.prototype.mousedown = function(e, box) {
var node = typeof e.target != 'undefined' ? e.target : e.srcElement; 
if(node.nodeName == '#text') {
node = node.parentNode; 
}
if(!/dbx\-(toggle|box|group)/i.test(node.className)){while(!/dbx\-(handle|box|group)/i.test(node.className)){node = node.parentNode;
}
}
if(/dbx\-handle/i.test(node.className)){this.removeTooltip();
this.released = false; 
this.initial = {
'x' : e.clientX, 'y' : e.clientY }; 
this.current = {
'x' : 0, 'y' : 0 }; 
this.createCloneBox(box); 
if(typeof e.preventDefault != 'undefined' ) {
e.preventDefault(); 
}
if(typeof document.onselectstart != 'undefined') {
document.onselectstart = function() {
return false; 
}
}
}
}; 
dbxGroup.prototype.mousemove = function(e) {
if(this.dragok && this.box != null) {
this.positive = this.vertical ? (e.clientY > this.current.y ? true : false) : (e.clientX > this.current.x ? true : false); 
this.current = {
'x' : e.clientX, 'y' : e.clientY }; 
var overall = {
'x' : this.current.x - this.initial.x, 'y' : this.current.y - this.initial.y }; 
if(((overall.x >= 0 && overall.x <= this.threshold) || (overall.x <= 0 && overall.x >= 0 - this.threshold)) && ((overall.y >= 0 && overall.y <= this.threshold) || (overall.y <= 0 && overall.y >= 0 - this.threshold))) {
this.current.x -= overall.x; 
this.current.y -= overall.y; 
}
if(this.released || overall.x > this.threshold || overall.x < (0 - this.threshold) || overall.y > this.threshold || overall.y < (0 - this.threshold)) {
dbx.group = this.container; 
dbx.box = this.box; 
dbx.event = e; 
if(typeof dbx.onboxdrag == 'undefined' || dbx.onboxdrag()) {
this.released = true; 
if(!this.restrict || !this.vertical) {
this.boxclone.style.left = (this.current.x - this.difference.x) + 'px'; 
}
if(!this.restrict || this.vertical) {
this.boxclone.style.top = (this.current.y - this.difference.y) + 'px'; 
}
this.moveOriginalToPosition(this.current.x, this.current.y); 
if(typeof e.preventDefault != 'undefined' ) {
e.preventDefault(); 
}
}
}
}
return true; 
}; 
dbxGroup.prototype.mouseup = function(e) {
if(this.box != null) {
this.moveOriginalToPosition(e.clientX, e.clientY); 
this.removeCloneBox(); 
this.getBoxOrder(); 
if(typeof document.onselectstart != 'undefined') {
document.onselectstart = function() {
return true; 
}
}
}
this.dragok = false; 
}; 
dbxGroup.prototype.keypress = function(e, anchor) {
if(/^(3[7-9])|(40)$/.test(e.keyCode)){this.removeTooltip();
if((this.vertical && /^(38|40)$/.test(e.keyCode)) || (!this.vertical && /^(37|39)$/.test(e.keyCode))){this.shiftBoxPosition(e, anchor, /^[3][78]$/.test(e.keyCode) ? false : true);
if(typeof e.preventDefault != 'undefined') {
e.preventDefault(); 
}
else {
return false; 
}
typeof e.stopPropagation != 'undefined' ? e.stopPropagation() : e.cancelBubble = true; 
this.keydown = false; 
}
}
return true; 
}; 
dbxGroup.prototype.getBoxOrder = function() {
this.order = []; 
var len = this.eles.length; 
for(var j = 0; j < len; j++) {
if(/dbx\-box/i.test(this.eles[j].className) && !/dbx\-(clone|dummy)/i.test(this.eles[j].className)){this.order.push(this.eles[j].className.split('dbxid')[1] + (/dbx\-box\-open/i.test(this.eles[j].className) ? '+' : '-'));
}
}
dbx.savedata[this.gid] = this.order.join(','); 
dbx.setCookieState(); 
}; 
dbxGroup.prototype.createClone = function() {
var clone = this.container.appendChild(arguments[0].cloneNode(true)); 
clone.className += ' dbx-clone'; 
clone.style.position = 'absolute'; 
clone.style.visibility = 'hidden'; 
clone.style.zIndex = arguments[1]; 
clone.style.left = arguments[2].x + 'px'; 
clone.style.top = arguments[2].y + 'px'; 
clone.style.width = arguments[0].offsetWidth + 'px'; 
clone.style.height = arguments[0].offsetHeight + 'px'; 
return clone; 
}; 
dbxGroup.prototype.createCloneBox = function(box) {
this.box = box; 
this.position = {
'x' : this.box.offsetLeft, 'y' : this.box.offsetTop }; 
this.difference = {
'x' : (this.initial.x - this.position.x), 'y' : (this.initial.y - this.position.y) }; 
this.boxclone = this.createClone(this.box, 30000, this.position); 
this.boxclone.style.cursor = 'move'; 
this.dragok = true; 
}; 
dbxGroup.prototype.removeCloneBox = function() {
this.container.removeChild(this.boxclone); 
this.box.style.visibility = 'visible'; 
this.box = null; 
}; 
dbxGroup.prototype.moveOriginalToPosition = function(clientX, clientY) {
var cloneprops = {
'xy' : this.vertical ? clientY - this.difference.y : clientX - this.difference.x, 'wh' : this.vertical ? this.boxclone.offsetHeight : this.boxclone.offsetWidth}; 
this.box.style.visibility = 'hidden'; 
this.boxclone.style.visibility = 'visible'; 
var len = this.boxes.length; 
for(var i = 0; i < len; i++) {
var boxprops = {
'xy' : this.vertical ? this.boxes[i].offsetTop : this.boxes[i].offsetLeft, 'wh' : this.vertical ? this.boxes[i].offsetHeight : this.boxes[i].offsetWidth}; 
if((this.positive && cloneprops.xy + cloneprops.wh > boxprops.xy && cloneprops.xy < boxprops.xy) || (!this.positive && cloneprops.xy < boxprops.xy && cloneprops.xy + cloneprops.wh > boxprops.xy)) {
if(this.boxes[i] == this.box) {
return; 
}
var sibling = this.box.nextSibling; 
while(sibling.className == null || !/dbx\-box/.test(sibling.className)){sibling = sibling.nextSibling;
}
if(this.boxes[i] == sibling) {
return; 
}
if(this.resolution > 0) {
if(this.box[this.vertical ? 'offsetTop' : 'offsetLeft'] < boxprops.xy) {
var visibox = this.boxes[i].previousSibling; 
while(visibox.className == null || !/dbx\-box/.test(visibox.className)){visibox = visibox.previousSibling;
}
}
else {
visibox = this.boxes[i]; 
}
var visipos = {
'x' : visibox.offsetLeft, 'y' : visibox.offsetTop }; 
}
var prepos = {
'x' : this.box.offsetLeft, 'y' : this.box.offsetTop }; 
this.container.insertBefore(this.box, this.boxes[i]); 
this.initial.x += (this.box.offsetLeft - prepos.x); 
this.initial.y += (this.box.offsetTop - prepos.y); 
if(this.resolution > 0 && visibox != this.box) {
var animator = new dbxAnimator(this, visibox, visipos, this.resolution, false, null); 
}
else {
}
break; 
}
}
}; 
function dbxAnimator(caller, box, pos, res, kbd, anchor) {
this.caller = caller; 
this.box = box; 
this.timer = null; 
var before = pos[this.caller.vertical ? 'y' : 'x']; 
var after = this.box[this.caller.vertical ? 'offsetTop' : 'offsetLeft']; 
if(before != after) {
if(dbx.running > this.caller.boxes.length - 1) {
return; 
}
var clone = this.caller.createClone(this.box, 29999, arguments[2]); 
clone.style.visibility = 'visible'; 
this.box.style.visibility = 'hidden'; 
this.animateClone(clone, before, after > before ? after - before : 0 - (before - after), this.caller.vertical ? 'top' : 'left', res, kbd, anchor); 
}
}; 
dbxAnimator.prototype.animateClone = function(clone, current, change, dir, res, kbd, anchor) {
var self = this; 
var count = 0; 
dbx.running ++; 
this.timer = window.setInterval(function() {
count ++; current += change / res; clone.style[dir] = current + 'px'; if(count == res) {
window.clearTimeout(self.timer); self.timer = null; dbx.running --; self.caller.container.removeChild(clone); self.box.style.visibility = 'visible'; if(kbd) {
if(anchor != null && anchor.parentNode.style.visibility != 'hidden') {
anchor.focus(); }
else if(self.caller.toggles) {
var button = self.caller.buttons[parseInt(self.box.className.split('dbxid')[1], 10)]; if(button != null && typeof button.isactive != 'undefined') {
button.focus(); }
}
}
}
}
, 20); 
}; 
if(typeof window.attachEvent != 'undefined') {
window.attachEvent('onunload', function() {
var ev = ['mousedown', 'mousemove', 'mouseup', 'mouseout', 'click', 'keydown', 'keyup', 'focus', 'blur', 'selectstart', 'statechange', 'boxdrag', 'boxopen', 'boxclose']; var el = ev.length; var dl = document.all.length; for(var i = 0; i < dl; i++) {
for(var j = 0; j < el; j++) {
document.all[i]['on' + ev[j]] = null; }
}
}
); 
}