/******************************************************************************
* sdsClientRuntime.js
*******************************************************************************

*******************************************************************************
*                                                                             *
* Copyright 2007									                          *
*                                                                             *
******************************************************************************/

function sdsSelectionTableLimitChange(select)
{
	var form = select.form;
	form.submit();
}

var sdsLinks = {};
function sdsTableActionExecute(a, linkName, id, needSelection, parameterName)
{
	var link = sdsLinks[linkName];
	if(link == null) return false;
	var form = a;
	while(form && form.nodeType == 1 && form.tagName != "FORM") {
		form = form.parentNode;
	}
	if(form == null || form.nodeType != 1) return;
	var checkboxes = form.elements["oids"];
	if(checkboxes == null) checkboxes = new Array();
	if(checkboxes.length == null) {
		checkboxes = new Array(checkboxes);
	}
	var oids = "";
	var topCheckbox = document.getElementById("topSelect_" + id);
	if(topCheckbox && topCheckbox.checked) {
		oids = "all";
	} else {
		for(var i=0;i<checkboxes.length;i++) {
			var checkbox = checkboxes[i];
			if(!checkbox.checked) continue;
			if(oids != "") oids += " ";
			oids += checkbox.value;
		}
		if(oids == "" && needSelection) {
			alert("La sélection est vide!\n");
			return false;
		}
	}
	if(parameterName != "" && parameterName != null) {
		if(link.indexOf("?") >= 0) link += "&";
		else link += "?";
		link += parameterName + "=" + oids.replace(/ /g, "+");
	}
	if(!isDiffusion) {
		context.previewManager.followLink(document, link);
		return false;
	}
	a.href = link;
	return true;
}

var allSdsSelectionTables = {
}

function SdsSelectionTable(className, enumeratorId, id, hasRanking, hasDragAndDropOnRanking, hasSelection, restictrictAllToVisible, displayMode, selectionLabels)
{
	this._className = className;
	this._enumeratorId = enumeratorId;
	this._id = id;
	allSdsSelectionTables[id] = this;
	this._table = document.getElementById(id);
	this._hasRanking = hasRanking;
	this._hasDragAndDropOnRanking = hasDragAndDropOnRanking;
	this._hasSelection = hasSelection;
	this._restictrictAllToVisible = restictrictAllToVisible;
	this._labels = {};
	this._details = {};
	this._selectionLabels = selectionLabels;
	this._selection = {};
	this._ranks = {};
	this._inputs = [];
	this._displayMode = displayMode;
	this._dragAndDropManager = window.sdsDragAndDropManager.getBestManager();
	if(this._table != null) {
		this._tbody = this._table.getElementsByTagName("tbody")[0];
		if(this._displayMode != 0) {
			this._viewContainer = this._tbody.getElementsByTagName("td")[0];
		}
		var tr = this._tbody.getElementsByTagName("tr")[0];
		var cells = tr.getElementsByTagName("td");
		var nbCols = 0;
		this._nbCols = cells.length;
		if(this._hasRanking && this._hasDragAndDropOnRanking) this.initRanking();
		if(this._hasSelection) this.initSelection();
		if(this._hasSelection || (this._hasRanking && this._hasDragAndDropOnRanking)) this.initSelectionOrRanking();
		this._ok = true;
	} else {
		this._ok = false;
	}
}
SdsSelectionTable.prototype.getTbody = function()
{
	return this._tbody;
}
SdsSelectionTable.prototype.checkall = function(ev)
{
    ev || (ev = window.event);
    var element = document.all ? ev.srcElement : ev.currentTarget;
	var selectionTable = SdsSelectionTable.prototype.getSelectionTableFromElement(element);
	if(selectionTable == null) return;
	return selectionTable.oncheckall(ev, element);
}

SdsSelectionTable.prototype.oncheckall = function(ev, input)
{
	var id = this._id;
	var checked = input.checked;
	var form = input.form;
	var checkboxes;
	checkboxes = form["oids"];
	if(checkboxes == null) checkboxes = new Array();
	if(checkboxes.length == null) {
		checkboxes = new Array(checkboxes);
	}
	var v = checked ? 1:0;
	for(var i=0;i<checkboxes.length;i++) {
		var checkbox = checkboxes[i];
		checkbox.checked = checked;
		if(!this._restictrictAllToVisible) checkbox.disabled = checked;
		this._selection[checkbox.value] = v;
	}
	this.updateSelectionLabel();
	var input = document.getElementById("topSelect_" + id);
	if(input != null) input.checked = checked;
	var input = document.getElementById("bottomSelect_" + id);
	if(input != null) input.checked = checked;
	this.allCheckboxChange();
}

SdsSelectionTable.prototype.oncheck = function(ev, input)
{
	this._selection[input.value] = input.checked ? 1:0;
	this.updateSelectionLabel();
	this.checkboxChange(input);
}

SdsSelectionTable.prototype.formatCountLabel = function(count)
{
	var labels = this._selectionLabels;
	if(labels == null) labels = [];
	var label;
	if(count == 0) {
		label = labels[0];
	} else if(count == 1) {
		label = labels[2];
	} else {
		label = labels[3];
	}
	if(label == null) label = "%1 objet(s)";
	return label.replace("%1", "" + count);
}

SdsSelectionTable.prototype.updateSelectionLabel = function()
{
	if(!this._hasSelection) return;
	var id = this._id;
	var label = "";
	var labels = this._selectionLabels;
	var count = 0;
	var inputs = this._tbody.getElementsByTagName("input");
	for(var i=0;i<inputs.length;i++) {
		var input = inputs[i];
		if(input.type != "checkbox") continue;
		if(input.name != "oids") continue;
		if(input.checked) count++;
	}
	if(this._topCheckbox && this._topCheckbox.checked) {
		label = (!this._restictrictAllToVisible) ? labels[1] : labels[3];
	} else {
		if(count == 0) {
			label = labels[0];
		} else if(count == 1) {
			label = labels[2];
		} else {
			label = labels[3];
		}
	}
	label = label.replace("%1", "" + count);
	var span = document.getElementById("topLabel_" + id);
	if(span != null) span.innerHTML = label;
	var span = document.getElementById("bottomLabel_" + id);
	if(span != null) span.innerHTML = label;
	this.allCheckboxChange();
}

SdsSelectionTable.prototype.check = function(ev)
{
    ev || (ev = window.event);
    var element = document.all ? ev.srcElement : ev.currentTarget;
	var selectionTable = SdsSelectionTable.prototype.getSelectionTableFromElement(element);
	if(selectionTable == null) return;
	return selectionTable.oncheck(ev, element);
}


SdsSelectionTable.prototype.checkboxChange = function(input)
{
	if(this._displayMode == 0) {
		var tr = input.parentElement.parentElement;
		if(input.checked) {
			tr.className = "sdsTableSelectedRow";
		} else {
			var rank = this._ranks[input.value];
			tr.className = (rank % 2 == 0) ? "odd":"even";
		}
	} else {
		var div = input.parentElement;
		if(input.checked) {
			div.className = "sdsBlockViewSelected";
		} else {
			div.className = "sdsBlockView";
		}
	}
}

SdsSelectionTable.prototype.allCheckboxChange = function()
{
	var checkBoxes = this._tbody.getElementsByTagName("input");
	for(var i=0;i<checkBoxes.length;i++) {
		var input = checkBoxes[i];
		if(input.name != "oids") continue;
		this.checkboxChange(input);
	}
}

SdsSelectionTable.prototype.getEnumerator = function()
{
	return allItlEnumerator[this._enumeratorId];
}
SdsSelectionTable.prototype.getSelectionTableFromElement = function(element)
{
	while(element && element.nodeType == 1) {
		var selectionTable = allSdsSelectionTables[element.id];
		if(selectionTable) return selectionTable;
		element = element.parentElement;
	}
	return null;
}

SdsSelectionTable.prototype.initSelection = function()
{
	this._topCheckbox = document.getElementById("topSelect_" + this._id);
	this._bottomCheckbox = document.getElementById("bottomSelect_" + this._id);
	if(this._topCheckbox) this.addEvent(this._topCheckbox, "click", this.checkall);
	if(this._bottomCheckbox) this.addEvent(this._bottomCheckbox, "click", this.checkall);
	var inputs = this._tbody.getElementsByTagName("input");
	for(var i=0,rank=0;i<inputs.length;i++) {
		var input = inputs[i];
		if(input.type != "checkbox") continue;
		if(input.name != "oids") continue;
		this.addEvent(input, "click", this.check);
		this._ranks[input.value] = rank++;
	}
	this.updateSelectionLabel();
}

SdsSelectionTable.prototype.initRanking = function()
{
	var children = this._tbody.childNodes;
	var count = 0;
	for(var i = 0;i <children.length;i++) {
		var child = children[i];
		if(child.tagName != "TR") continue;
		var oid = this.getTrOid(child);
		this._ranks[oid] = i;
	}
	//this.addEvent(document.body, "mouseup", this.mouseup);
}

SdsSelectionTable.prototype.initSelectionOrRanking = function()
{
	this._tbody.style.cursor = "hand";
	this.addEvent(this._tbody, "click", this.click);
	this.addEvent(this._tbody, "selectstart", this.cancelevent);
	this.addEvent(this._tbody, "dragstart", this.cancelevent);
	this.addEvent(this._tbody, "mousedown", this.mousedown);
}

SdsSelectionTable.prototype.getTrOid = function(tr)
{
	return parseInt(tr.id.substr(1), 10);
}

SdsSelectionTable.prototype.cancelevent = function(ev)
{
    ev || (ev = window.event);
	ev.cancelBubble = true;
	ev.returnValue = false;
}

SdsSelectionTable.prototype.click = function(ev)
{
    ev || (ev = window.event);
    var element = document.all ? ev.srcElement : ev.currentTarget;
	var selectionTable = SdsSelectionTable.prototype.getSelectionTableFromElement(element);
	if(selectionTable == null) return;
	return selectionTable.onclick(ev, element);
}

SdsSelectionTable.prototype.onclick = function(ev, element)
{
	if(!this._disableClick) return;
	if(element.tagName == "A") return;
	var tr = this.getAncestorTr(element);
	if(tr == null) return;
	this.selectTr(tr);
/*
	if(this._hasSelection) {
		var input = tr.getElementsByTagName("input")[0];
		if(input == null) return false;
		var oid = input.value;
		input.click();
	} else {
		this.selectTr(tr);
	}
*/
}

SdsSelectionTable.prototype.mousedown = function(ev)
{
    ev || (ev = window.event);
    var element = document.all ? ev.srcElement : ev.currentTarget;
	if(element.tagName == "INPUT") return;
	if(element.tagName == "A") return true;
	var selectionTable = SdsSelectionTable.prototype.getSelectionTableFromElement(element);
	if(selectionTable == null) return;
	return selectionTable.onmousedown(ev, element);
}

SdsSelectionTable.prototype.getAncestorTr = function(tr)
{
	if(this._displayMode == 0) {
		while(tr && tr.tagName != "TR") {
			tr = tr.parentElement;
		}
		return tr;
	} else {
		while(tr && tr.parentElement && tr.parentElement.tagName != "TD") {
			tr = tr.parentElement;
		}
		return tr;
	}
}

SdsSelectionTable.prototype.onmousedown = function(ev, element)
{
	var tr = this.getAncestorTr(element);
	var canDrag = false;
	if(tr !=null) {
		var oid = this.getTrOid(tr);
		var canDrag = this._selection[oid] == 1;
		var type = "collection:" + this._className;
		if(canDrag) {
			if(this._hasDragAndDropOnRanking) {
				this._disableClick = true;
				this.dragstart(ev, element)
			} else if(this._dragAndDropManager.hasTargetForType(type)) {
				this._disableClick = true;
				var count = 0;
				for(var oid in this._selection) {
					if(this._selection[oid]) count++;
				}
				var label = this.formatCountLabel(count);
				var dragObject = new SdsDragAndDropObject(type, this.getSelectedOids(), label);
				this._dragAndDropManager.start(ev, dragObject);
			} else {
				this._disableClick = false;
				this.selectTr(tr);
			}
		} else {
			this._disableClick = false;
			if(this.movestart(ev, element) != null) {
				//if(!this.isSelected(tr)) 
				this.selectTr(tr);
				this.addEvent(document.body, "mousemove", this.mousemove);
			}
		}
		this.addEvent(document.body, "mouseup", this.mouseup);
	}
}

SdsSelectionTable.prototype.isSelected = function(tr)
{
	var oid = this.getTrOid(tr);
	return this._selection[oid] == 1;
}

SdsSelectionTable.prototype.selectTr = function(tr)
{	
	if(this._hasSelection) {
		var input = tr.getElementsByTagName("input")[0];
		if(input == null) return false;
		var oid = input.value;
		input.click();
		this._selection[oid] = input.checked ? 1:0;
	} else {
		var oid = this.getTrOid(tr);
		if(this._selection[oid] == 1) {
			var rank = this._ranks[oid];
			tr.className = (rank % 2 == 0) ? "odd":"even";
			this._selection[oid] = 0;
		} else {
			tr.className = "sdsTableSelectedRow";
			this._selection[oid] = 1;
		}
	}
}

SdsSelectionTable.prototype.getTrRank = function(element)
{
	var tr = this.getAncestorTr(element);
	if(tr == null) return;
	var oid = this.getTrOid(tr);
	return this._ranks[oid];
	
}

SdsSelectionTable.prototype.movestart = function(ev, element)
{
	rank = this.getTrRank(element);
	if(rank == null) return;
	return this._minRank = this._maxRank = this._lastRank = this._startRank = rank;
}
SdsSelectionTable.prototype.getSelectedOids = function()
{
	var oids = "";
	for(var oid in this._selection) {
		if(this._selection[oid] != 1) continue;
		if(oids != "") oids += " ";
		oids += oid;
	}
	return oids;
}

SdsSelectionTable.prototype.getSelectionDescr = function()
{
	var oids = [];
	var labels = [];
	var details = [];
	for(var oid in this._selection) {
		if(this._selection[oid] != 1) continue;
		var label = this._labels[oid];
		if(label == null) label = "????";
		var detail = this._details[oid];
		if(detail == null) detail = "????";
		oids[oids.length] = oid;
		labels[labels.length] = label;
		details[details.length] = detail;
	}
	return {oids:oids, labels:labels, details:details};
}

SdsSelectionTable.prototype.getAllDescr = function()
{
	var oids = [];
	var labels = [];
	var details = [];
	for(var oid in this._ranks) {
		var label = this._labels[oid];
		if(label == null) label = "????";
		var detail = this._details[oid];
		if(detail == null) detail = "????";
		oids[oids.length] = oid;
		labels[labels.length] = label;
		details[details.length] = detail;
	}
	return {oids:oids, labels:labels, details:details};
}

SdsSelectionTable.prototype.setOidLabel = function(oid, label)
{
	this._labels[oid] = label;
}

SdsSelectionTable.prototype.setLabels = function(labels)
{
	this._labels = labels;
}
SdsSelectionTable.prototype.setDetails = function(details)
{
	this._details = details;
}

SdsSelectionTable.prototype.dragstart = function(ev, element)
{
	var oids = this.getSelectedOids();
	if(oids == "") return;
	this._drag = oids;
	var shadowRow = this._shadowRow;
	if(shadowRow == null) {
		this._shadowRow = shadowRow = document.createElement("TR");
		var shadowCell = this._shadowCell = document.createElement("TD");
		shadowRow.className = "sdsTableSelectedRow";
		shadowRow.appendChild(shadowCell);
		shadowCell.colSpan = this._nbCols;
		shadowCell.innerHTML = "";
		shadowCell.style.height = "10px";
	}
	this.addEvent(document.body, "mousemove", this.dragmove);
}
SdsSelectionTable.prototype.dragmove = function(ev)
{
	ev || (ev = window.event);
    var element = document.all ? ev.srcElement : ev.currentTarget;
	var selectionTable = SdsSelectionTable.prototype.getSelectionTableFromElement(element);
	if(selectionTable == null) return;
	if(ev.button == 0) {
		selectionTable.dragstop(ev, element);
		return;
	}
	if(selectionTable == null) return;
	return selectionTable.ondragmove(ev, element);
}

SdsSelectionTable.prototype.ondragmove = function(ev, element)
{
	this.findTableRow(ev, element);
}

SdsSelectionTable.prototype.findTableRow = function(ev, element)
{
	var lastPosition = this._targetPosition;
	this._targetPosition = null;
	if(this._shadowRow == null) return;
	var tr = this.getAncestorTr(element);
	if(tr == null || tr.parentElement != this._tbody) return;
	if(tr != this._shadowRow) {
		var p = this.getTrRank(tr);
		if(this._shadowRow.parentElement) this._tbody.removeChild(this._shadowRow);
		//this._shadowCell.innerHTML = lastPosition + " -> " +  p;
		if(p >= lastPosition) {
			if(tr.nextSibling) {
				this._tbody.insertBefore(this._shadowRow, tr.nextSibling);
			} else {
				this._tbody.appendChild(this._shadowRow);
			}
		} else {
			this._tbody.insertBefore(this._shadowRow, tr);
		}
	}
	var previous = this._shadowRow.previousSibling;
	var position = 0;
	while(previous) {
		position++;
		previous = previous.previousSibling;
	}
	this._targetPosition = position;
}


SdsSelectionTable.prototype.mouseup = function(ev)
{
    ev || (ev = window.event);
    var element = document.all ? ev.srcElement : ev.currentTarget;
	var selectionTable = SdsSelectionTable.prototype.getSelectionTableFromElement(element);
	if(selectionTable == null) return;
	return selectionTable.onmouseup(ev, element);
}

SdsSelectionTable.prototype.onmouseup = function(ev, element)
{
	if(this._drag) this.dragstop(ev, element);
	else this.movestop(ev, element);
}

SdsSelectionTable.prototype.movestop = function(ev, element)
{
	this._minRank = this._maxRank = this._lastRank = this._startRank = null;
	this.removeEvent(document.body, "mousemove", this.mousemove);
	ev.cancelBubble = true;
	ev.returnValue = false;
}

SdsSelectionTable.prototype.dragstop = function(ev, element)
{
	var doJob = false;
	var anchor = null;
	if(this._targetPosition != null && this._drag != null) {
		var enumerator = this.getEnumerator();
		if(enumerator != null) {
			var oids = this._drag.split(" ");
			var map = {};
			for(var i=0;i<oids.length;i++) {
				var oid = oids[i];
				if(oid == "") continue;
				map[oid] = 1;
			}
			var oids = enumerator.getOids().split(" ");
			var position = this._targetPosition;
			if(position > oids.length) position = oids.length;
			var oidString = "";
			for(var i=0;i<position;i++) {
				var oid = oids[i];
				if(oid == "") continue;
				if(map[oid]) continue;
				if(oidString != "") oidString += " ";
				oidString += oid;
			}
			if(oidString != "") oidString += " ";
			oidString += this._drag;
			for(var i=position;i<oids.length;i++) {
				var oid = oids[i];
				if(oid == "") continue;
				if(map[oid]) continue;
				if(oidString != "") oidString += " ";
				oidString += oid;
			}
			doJob = true;
			anchor = "I" + this._drag.split(" ")[0];
		}
	}
	this._targetPosition = null;
	this._drag = null;
	ev.cancelBubble = true;
	ev.returnValue = false;
	this.removeEvent(document.body, "mousemove", this.dragmove);
	this.removeEvent(document.body, "mouseup", this.mouseup);
	if(this._shadowRow && this._shadowRow.parentElement) {
		this._shadowRow.parentElement.removeChild(this._shadowRow);
	}	
	if(doJob) enumerator.reOrder(oidString, anchor);
}

SdsSelectionTable.prototype.mousemove = function(ev)
{
    ev || (ev = window.event);
    var element = document.all ? ev.srcElement : ev.currentTarget;
	var selectionTable = SdsSelectionTable.prototype.getSelectionTableFromElement(element);
	if(selectionTable == null) return;
	if(selectionTable._startRank == null ||ev.button == 0) {
		selectionTable.movestop(ev, element);
		return;
	}
	return selectionTable.onmousemove(ev, element);
}

SdsSelectionTable.prototype.getTrByRank = function(rank)
{
	if(this._displayMode == 0) {
		return this._tbody.childNodes(rank);
	} else {
		return this._viewContainer.childNodes(rank);
	}
}

SdsSelectionTable.prototype.onmousemove = function(ev, element)
{
	var rank = this.getTrRank(element);
	if(rank == null) return;
	if(rank ==  this._lastRank) return;
	this._disableClick = true;
	var tr = this.getAncestorTr(element);
	var lastTr = this.getTrByRank(this._lastRank);
	if(rank == this._startRank) {
		if(rank > this._lastRank) {
			for(var r = this._lastRank; r <= rank;r++) {
				var t = this.getTrByRank(r);
				if(this.isSelected(t)) this.selectTr(t);
			}
		} else {
			for(var r = rank; r <= this._lastRank;r++) {
				var t = this.getTrByRank(r);
				if(this.isSelected(t)) this.selectTr(t);
			}
		}
	} else if(rank > this._startRank) {
		if(rank > this._lastRank) {
			for(var r = this._lastRank; r <= rank;r++) {
				var t = this.getTrByRank(r);
				if(!this.isSelected(t)) this.selectTr(t);
			}
		} else {
			for(var r = rank; r <= this._lastRank;r++) {
				var t = this.getTrByRank(r);
				if(this.isSelected(t)) this.selectTr(t);
			}
		}
	} else {
		if(rank < this._lastRank) {
			for(var r = rank; r <= this._lastRank;r++) {
				var t = this.getTrByRank(r);
				if(!this.isSelected(t)) this.selectTr(t);
			}
		} else {
			for(var r = this._lastRank; r <= rank;r++) {
				var t = this.getTrByRank(r);
				if(this.isSelected(t)) this.selectTr(t);
			}
		}
		
	}
	this._lastRank = rank;
}
SdsSelectionTable.prototype.addEvent = function(element, evname, func) 
{
    if (element.attachEvent) { // IE
        element.attachEvent("on" + evname, func);
    } else if (element.addEventListener) { // Gecko / W3C
        element.addEventListener(evname, func, true);
    } else {
        element["on" + evname] = func;
    }
}

SdsSelectionTable.prototype.removeEvent = function(element, evname, func) 
{
	if (element.detachEvent) { // IE
		element.detachEvent("on" + evname, func);
	} else if (element.removeEventListener) { // Gecko / W3C
		element.removeEventListener(evname, func, true);
	} else {
		element["on" + evname] = null;
	}
}



function SdsSplitterPanel(containerId, rank, vertical, div, parameters)
{
    this._containerId = containerId;
    this._rank = rank;
    this._vertical = vertical;
    this._div = div;
    if(parameters == null) parameters = [20, 100];
    this._min = parameters[0];
    this._size = parameters[1];
    div.id = containerId + "_d" + rank;
}

SdsSplitterPanel.prototype.getContainer = function()
{
    return SdsSplitterContainer.prototype._containers[this._containerId];
}
SdsSplitterPanel.prototype.setSize = function(size)
{
    if(this._vertical) {
        return this.setHeight(size);
    } else {
        return this.setWidth(size);
    }
}
SdsSplitterPanel.prototype.setHeight = function(size)
{
     if(size == this._height) return false;
     this._height = size;
     this._div.style.height = size + "px";
     this._needResize = true;
     return true;
}
SdsSplitterPanel.prototype.setWidth = function(size)
{
     if(size == this._width) return false;
     this._width = size;
     this._div.style.width = size + "px";
     this._needResize = true;
     return true;
}

SdsSplitterPanel.prototype.resize = function()
{
    if(!this._needResize || this._inResize) return;
    this._needResize = false;
    this._inResize = true;
    var children = this._div.childNodes;
    var n = 0;
    var childElement = null;
    for(var i=0;i<children.length;i++) {
        var child = children.item(i);
        switch(child.nodeType) {
        case 1:
			if(child.tagName == "SCRIPT") continue;
            childElement = child;
            n++;
            break;
        case 3:
            var t = child.nodeValue;
            t = t.replace(/^\s+/, "").replace(/\s+$/, "");
            if(t != "") n++;
        }
    }
    if(n == 1 && childElement) {
        var subContainer = SdsSplitterContainer.prototype._containers[childElement.id]
        if(subContainer) {
            subContainer.setSizes(this._width, this._height);
        } else {
            switch(childElement.tagName) 
            {
            case "IFRAME":
                childElement.width = this._width;
                childElement.height = this._height;
                break;
            }
        }
    }
    this._inResize = false;
}

SdsSplitterPanel.prototype.changeSize = function(delta)
{
    var size = this._vertical ? this._height: this._width;
    if(delta > 0 || size + delta - this._min >= 0) {
        size += delta;
        this.setSize(size);
        return 0;
    }
    this.setSize(this._min);
    return size + delta - this._min;
}
SdsSplitterPanel.prototype.reset = function()
{
    this._lastSize = null;
}
function SdsSplitter(containerId, rank, vertical, div)
{
    this._containerId = containerId;
    this._rank = rank;
    this._div = div;
    this._vertical = vertical;
    div.id = containerId + "_s" + rank;
    this.addEvent(div, "mousedown", SdsSplitterContainer.prototype.onmousedownsplitter);
}
SdsSplitter.prototype.reset = function()
{
}
SdsSplitter.prototype.setSize = function(size)
{
    if(this._vertical) {
        this._div.style.width = size + "px";
    } else {
        this._div.style.height = size + "px";
    }
}
SdsSplitter.prototype.getContainer = function()
{
    return SdsSplitterContainer.prototype._containers[this._containerId];
}

SdsSplitter.prototype.addEvent = function(element, evname, func) 
{
    if (element.attachEvent) { // IE
        element.attachEvent("on" + evname, func);
    } else if (element.addEventListener) { // Gecko / W3C
        element.addEventListener(evname, func, true);
    } else {
        element["on" + evname] = func;
    }
}
SdsSplitter.prototype.removeEvent = function(element, evname, func) 
{
	if (element.detachEvent) { // IE
		element.detachEvent("on" + evname, func);
	} else if (element.removeEventListener) { // Gecko / W3C
		element.removeEventListener(evname, func, true);
	} else {
		element["on" + evname] = null;
	}
}
SdsSplitter.prototype.getEventPosition = function(ev)
{
    if(document.all) {
        return (this._vertical ? ev.y:ev.x);
    } else {
        return (this._vertical ? ev.clientY:ev.clientX);
    }
}
SdsSplitter.prototype.startMove = function(ev, container)
{
	this._startPosition = this.getEventPosition(ev);
	this._lastDelta = 0;
	if(document.all) this._div.setCapture();
	container._currentSplitter = this;
	this.addEvent(container._div, "mouseup", SdsSplitterContainer.prototype.onmouseup); 
	this.addEvent(container._div, "mousemove", SdsSplitterContainer.prototype.onmousemove); 
	var beforeSize = container.getSizeBefore(this._rank);
	var minBeforeSize = container.getMinSizeBefore(this._rank);
	var afterSize = container.getSizeAfter(this._rank);
	var minAfterSize = container.getMinSizeAfter(this._rank);
	this._minPosition = minBeforeSize - beforeSize;
	this._maxPosition = afterSize - minAfterSize;
}

SdsSplitter.prototype.move = function(ev, container)
{
    var delta = this.getEventPosition(ev) - this._startPosition;
    if(delta < this._minPosition || this._maxPosition < delta) {
        return;
    }
    var d = this._lastDelta;
    this._lastDelta = delta;
    delta -= d;
    if(delta == 0) return;
    container.changeSize(this._rank, delta, true);
    container.changeSize(this._rank+1, -delta, false);
}
SdsSplitter.prototype.stopMove = function(ev, container)
{
	this._startY = null;
	if(document.all) this._div.releaseCapture();
	this.removeEvent(container._div, "mouseup", SdsSplitterContainer.prototype.onmouseup); 
	this.removeEvent(container._div, "mousemove", SdsSplitterContainer.prototype.onmousemove); 
    container.reset();
    container._currentSplitter = null;
}

function SdsSplitterContainer(vertical, fullWidth, fullHeight, id, parameters)
{
    var container = this._div = document.getElementById(id);
    if(container == null) return;
    if(parameters == null) parameters = [];
    this._vertical = vertical;
    this._id = id;
    this._panels = [];
    this._splitters = [];
    var container = this._div = document.getElementById(id);
    var children = container.childNodes;
    this._fullHeight = fullHeight;
    this._fullWidth = fullWidth;
    for(var i=0;i<children.length;i++) {
        var child = children.item(i);
        if(child.nodeType != 1) continue;
        var rank = this._splitters.length;
        if(rank < this._panels.length) {
            this._splitters[rank] = new SdsSplitter(id, rank, vertical, child);
        } else {
            this._panels[this._panels.length] = new SdsSplitterPanel(id, rank, vertical, child, parameters[rank]);
        }
    }
    this._containers[id] = this;
    this.addEvent(container, "resize", SdsSplitterContainer.prototype.onresize);
    this.setup();
}

SdsSplitterContainer.prototype.reset = function()
{
    for(var i=0;i<this._panels.length;i++) {
        this._panels[i].reset();
    }
    for(var i=0;i<this._splitters.length;i++) {
        this._splitters[i].reset();
    }
}

SdsSplitterContainer.prototype.addEvent = function(element, evname, func) 
{
    if (element.attachEvent) { // IE
        element.attachEvent("on" + evname, func);
    } else if (element.addEventListener) { // Gecko / W3C
        element.addEventListener(evname, func, true);
    } else {
        element["on" + evname] = func;
    }
}
SdsSplitterContainer.prototype.getFullSize = function()
{
    return this._vertical ? this._fullHeight : this._fullWidth;
}
SdsSplitterContainer.prototype.setup = function()
{
    var maxSize = this.getFullSize();
    var totalSize = 0;
    var sizes = [];
    for(var i=0;i<this._panels.length;i++) {
        var panel = this._panels[i];
        if(this.vertical) {
            panel._width = panel._div.clientWidth;
            if(panel._width == 0) panel._width = panel._size; 
            if(panel._width == 0) panel._width = 100; 
            panel._height = this._fullHeight;
        } else {
            panel._height = panel._size; 
            if(panel._height == 0) panel._height = 100; 
            panel._width = this._fullWidth;
        }
        var size = this._vertical ? panel._height : panel._width;
        totalSize += size;
        sizes[i] = size;
    }
    maxSize -= this._splitters.length * 5;
    if(maxSize == totalSize) return;
    var scale = maxSize / totalSize;
    var total = 0;
    for(var i=0;i<this._panels.length;i++) {
        var panel = this._panels[i];
        var newSize;
        if(i == this._panels.length - 1) {
            newSize = maxSize - total;
        } else {
            newSize = Math.round(scale * sizes[i]);
            total += newSize;
        }
        panel.setSize(newSize);
        panel.resize();
    }
    this.resize();
}

SdsSplitterContainer.prototype.getSplitter = function(rank)
{
    return this._splitters[rank];
}
SdsSplitterContainer.prototype.getPanel = function(rank)
{
    return this._panels[rank];
}
SdsSplitterContainer.prototype.getSizeBefore = function(rank)
{
    var size = 0;
    for(var i=0;i<=rank;i++) {
        var panel = this._panels[i];
        size += this._vertical ? panel._height : panel._width;
    }
    return size;
}

SdsSplitterContainer.prototype.getMinSizeBefore = function(rank)
{
    var size = 0;
    for(var i=0;i<=rank;i++) {
        var panel = this._panels[i];
        size += panel._min;
    }
    return size;
}
SdsSplitterContainer.prototype.getSizeAfter = function(rank)
{
    var size = 0;
    for(var i=rank+1;i<this._panels.length;i++) {
        var panel = this._panels[i];
        size += this._vertical ? panel._height : panel._width;
    }
    return size;
}

SdsSplitterContainer.prototype.getMinSizeAfter = function(rank)
{
    var size = 0;
    for(var i=rank+1;i<this._panels.length;i++) {
        var panel = this._panels[i];
        size += panel._min;
    }
    return size;
}
SdsSplitterContainer.prototype.changeSize = function(rank, delta, up)
{
    var panel = this._panels[rank];
    var d = panel.changeSize(delta);
    if(d != 0) {
        if(up) {
            this.changeSize(rank - 1, d);
        } else {
            this.changeSize(rank + 1, d);
        }
    }
    panel.resize();
}
SdsSplitterContainer.prototype._containers = {};
SdsSplitterContainer.prototype.getInstance = function(element)
{
    if(element == null || element.nodeType != 1) return null;
    var instance = SdsSplitterContainer.prototype._containers[element.id];
    if(instance != null) return instance;
    return SdsSplitterContainer.prototype.getInstance(element.parentElement);
}
SdsSplitterContainer.prototype.onmousedownsplitter = function(ev)
{
    ev || (ev = window.event);
    var element = document.all ? ev.srcElement : ev.currentTarget;
	if(element == null) return;
	var id = element.id;
	var pos = id.lastIndexOf("_");
	var rank = parseInt(id.substr(pos + 2), 10);
	var containerId = id.substr(0, pos);
	var container = SdsSplitterContainer.prototype._containers[containerId];
	if(container == null) return;
	SdsSplitterContainer.prototype._currentId = containerId;
	var splitter = container.getSplitter(rank);
	if(splitter == null) return;
	splitter.startMove(ev, container);
}
SdsSplitterContainer.prototype.onmouseup = function(ev)
{
    ev || (ev = window.event);
	var container = SdsSplitterContainer.prototype._containers[SdsSplitterContainer.prototype._currentId];
	if(container == null || container._currentSplitter == null) return;
	container._currentSplitter.stopMove(ev, container);
	container._currentSplitter = null;
	SdsSplitterContainer.prototype._currentId = null;
}
SdsSplitterContainer.prototype.onmousemove = function(ev)
{
    ev || (ev = window.event);
	var container = SdsSplitterContainer.prototype._containers[SdsSplitterContainer.prototype._currentId];
	if(container == null || container._currentSplitter == null) return;
	container._currentSplitter.move(ev, container);
}
SdsSplitterContainer.prototype.onresize = function(ev)
{
    ev || (ev = window.event);
    var element = document.all ? ev.srcElement : ev.currentTarget;
	if(element == null) return;
	var container = SdsSplitterContainer.prototype.getInstance(element);
	if(container == null) return;
	container.resize();
}
SdsSplitterContainer.prototype.setSizes = function(width, height)
{
    this._fullWidth = width;
    this._fullHeight = height;
    this.resize();
}
SdsSplitterContainer.prototype.resize = function()
{
    if(this._vertical) {
        var maxSize = this._fullWidth;
        for(var i=0;i<this._panels.length;i++) {
            var panel = this._panels[i];
            panel.setWidth(maxSize);
            panel.resize();
        }
        for(var i=0;i<this._splitters.length;i++) {
            var splitter = this._splitters[i];
            splitter._div.style.width = maxSize + "px";
        }
    } else {
        var maxSize = this._fullHeight;
        for(var i=0;i<this._panels.length;i++) {
            var panel = this._panels[i];
            panel.setHeight(maxSize);
            panel.resize();
        }
        for(var i=0;i<this._splitters.length;i++) {
            var splitter = this._splitters[i];
            splitter._div.style.height = maxSize + "px";
        }
    }
}
SdsSplitterContainer.prototype.maximize = function(rank)
{
    if(rank >= this._panels.length) return false;
    var fullSize = this.getFullSize();
    var size = this.getMinSizeBefore(rank - 1);
    size += this._splitters.length * 5;
    size += this.getMinSizeAfter(rank);
    size = fullSize - size;
    if(size < 0) return false;
    for(var i=0;i<this._panels.length;i++) {
        var panel = this._panels[i];
        if(i != rank) {
            panel.setSize(panel._min);
        } else {
            panel.setSize(size);
        }
        panel.resize();
    }
    return false;
}

SdsSplitterContainer.prototype.distribute = function()
{
    if(this._panels.length == 0) return false;
    var fullSize = this.getFullSize();
    var size = this.getMinSizeAfter(-1);
    size += this._splitters.length * 5;
    var totalSize = size = fullSize - size;
    if(size < 0) return false;
    size = Math.floor(size / this._panels.length);
    for(var i=0;i<this._panels.length;i++) {
        var panel = this._panels[i];
        panel.setSize(panel._min + size);
        panel.resize();
    }
    
}