var interfaces = new Array();
Template = function(where,templateid,myInterfaces,id) {
	var now = new Date(); this.id=now.getTime().toString()+Math.random().toString();
	if(myInterfaces) {
        this.myInterfaces = myInterfaces;
        if(id) {
            this.extraid = id;
            this.myInterfaces[this.extraid] = this;
        }
        else myInterfaces[this.id] = this;
    }
    interfaces[this.id] = this;
	var newnode = document.getElementById(templateid).cloneNode(true);
	this.node = newnode;
	newnode.setAttribute("interfaceId",this.id);
	this.template = new Array();
    fetchTemplateChilds(this.node,this.template);
    if(typeof(where)=='object') where.appendChild(newnode);
	else if(document.getElementById(where)) document.getElementById(where).appendChild(newnode);
	this.remove = function() {
	    removeNode(this.node);
		if(this.myInterfaces) {
            if(this.extraid) delete this.myInterfaces[this.extraid];
		    else delete this.myInterfaces[this.id];
		}
		delete interfaces[this.id];
	}
	function fetchTemplateChilds(root,a) {
        if(root.getAttribute&&root.getAttribute("template")) a[root.getAttribute("template")] = root;
        if(!root.getAttribute||!root.getAttribute("stop")) for(var i=0,childs=root.childNodes;i<childs.length;i++) fetchTemplateChilds(childs[i],a);
    }
}
Interface = function(where,templateid,sourceid,myInterfaces) {
    var now = new Date(); this.id=now.getTime().toString()+Math.random().toString()
    interfaces[this.id] = this;
    if(myInterfaces) {
        this.myInterfaces = myInterfaces;
        this.myInterfaces[this.id] = this;
    }
    if(where) {
	    var newnode = document.getElementById(templateid).cloneNode(true);
        newnode.setAttribute("interfaceid",this.id);
        this.node = newnode;
        this.access = new Array();
        _fetchAccessChilds(newnode,this.access);
        if(typeof(where)!='object') where = document.getElementById(where);
        where.appendChild(newnode);
        this.where = where;
    }
    if(sourceid) _loadSource(this,sourceid);
    function _fetchSourceChilds(root,a) {
        if(root.getAttribute&&root.getAttribute("source")) a[root.getAttribute("source")] = root;
        if(!root.getAttribute||!root.getAttribute("stop")) for(var i=0,childs=root.childNodes;i<childs.length;i++) _fetchSourceChilds(childs[i],a);
    }
	function _fetchAccessChilds(root,a) {
        if(root.getAttribute&&root.getAttribute("access")) a[root.getAttribute("access")] = root;
		if(!root.getAttribute||!root.getAttribute("stop")) for(var i=0,childs=root.childNodes;i<childs.length;i++) _fetchAccessChilds(childs[i],a);
	}
	function _loadSource(ifc, sourceid) {
		if(typeof(sourceid)=='object') {
			ifc.sourcenode = sourceid;
			ifc.sourceid = ifc.sourcenode.getAttribute('id');
		} else {
			ifc.sourceid = sourceid;
			ifc.sourcenode = document.getElementById(sourceid);
		}
		ifc.sourcenode.setAttribute("interfaceid",ifc.id);
		ifc.source = new Array();
		_fetchSourceChilds(ifc.sourcenode,ifc.source);
	}
	this.remove = function() {
		delete interfaces[this.id];
		if(this.myInterfaces) delete this.myInterfaces[this.id];
		if(this.node) removeNode(this.node);
	}
	this.loadSource = function(sourceid) {
		_loadSource(this,sourceid);
	}
    this.pos = function() {
        if(!this.where) return -2;
        for(var i=0,childs=this.where.childNodes;i<childs.length;i++) {
            if(childs[i] == this.node) return i;
        }
        return -1;
    }
    this.moveTo = function(ifc) {
        if(!this.where) return;
        var currentPos = this.pos();
        var newPos = ifc.pos()+1;
        var moveThis = this.where.removeChild(this.where.childNodes[currentPos]);
        if(newPos>=this.where.childNodes.length) this.where.appendChild(moveThis);
        else this.where.insertBefore(moveThis,this.where.childNodes[newPos]);
    }
}

/* helper for interface event methods, returns the appropiate interface */
function getInterface(el) {
	do {
		if (el.getAttribute&&el.getAttribute("interfaceid"))
			return interfaces[el.getAttribute("interfaceid")];
		el=el.parentNode;
	} while (el.nodeType!=9);
	return null;
}
function removeNode(node) {
    if(node.parentNode) node.parentNode.removeChild(node);
}
function removeNulls(array) {
    if(typeof(array.splice)=='undefined') return;
    var i=0;
    for(var j=0;i<array.length&&j<200;j++) {
        if(!array[i]) { array.splice(i,1); } else i++;
    }
}
function cNode(n,t) {
    if(typeof(n)=='string') {
        if(document.getElementById(n)) n = document.getElementById(n);
    }
    if(!n) return;
    var newT= "";
    if(typeof(t)=='string') newT = t;
    else newT = getNodeContent(t);
    if(typeof(n.value)!='undefined') {
        n.value=newT;
    } else if(typeof(n.firstChild)!='undefined') {
        /*if(n.firstChild==null) n.appendChild(document.createElement("span"));*/
        n.innerHTML=newT;
    } else {
        //n.appendChild(document.createTextNode("\u00A0"));
    }
}
function getNodeContent(n) {
    var newT = "";
    if(typeof(n)=='string') n = document.getElementById(n);
    if(typeof(n)=='undefined'||n==null) return newT;
    if(typeof(n.value)!='undefined') newT=n.value;
    //else if(typeof(n.firstChild)!='undefined'&&n.firstChild!=null) { newT=n.firstChild.nodeValue; }
    else if(typeof(n.innerHTML)!='undefined') newT = n.innerHTML;
    else newT=n;
    return newT;
}
function setClass(elid,name) {
    if(typeof(elid)=='string') el = document.getElementById(elid);
    else el = elid;
    if(!el) return;
    if(document.all) el.className = name;
    else el.setAttribute("class",name);
}