var myrules = {
	'.tab' : function(el){
		el.onclick = function(el){
			//openTab(this);
		}
		if(!el.ti){
			number(el,'tab');
			displayFirst(el, 'tab');
		}
		el.onmouseover = function(){
			if(this.className != 'tab_on') this.className = 'tab_hover';
		}
		el.onmouseout = function(){
			if(this.className != 'tab_on') this.className = 'tab';
		}
	},
	'.tabPage' : function(el){
		if(!el.ti){
			number(el, 'tabPage');
			displayFirst(el, 'tabPage');
		}
	},
	'.input' : function(el){
		el.onfocus = function(){
			this.className = 'input_on';
		}
		el.onblur = function(){
			this.className = 'input';
		}
	}
};

var docid = 0;

Behaviour.register(myrules);

function number(el, className){
	var index = 0;
	var nd, nodes;
	nodes = el.parentNode.parentNode.getElementsByTagName(el.nodeName);
	for(var x=0; x < nodes.length; x++){
		nd = nodes[x];
		if(nd.className == className){
			nd.ti = index;
			index++;
		} 
	}
}

function displayFirst(el, className){
	var nd;
	for(var x=0; x < el.parentNode.childNodes.length; x++){
		nd = el.parentNode.childNodes[x];
		if(nd.className == className){
			nd.className = nd.className + '_on';
			break;
		} 
	}
}

function openTab(el){
	var nd, divs, spans;
	divs = el.parentNode.parentNode.getElementsByTagName('DIV');
	spans = el.parentNode.parentNode.getElementsByTagName('SPAN');
	for(var x=0; x < divs.length; x++){
		nd = divs[x];
		if (nd.className == 'tabPage_on'){
			nd.className = 'tabPage';
		}
		if(nd.className == 'tabPage' && nd.ti == el.ti){
			nd.className = 'tabPage_on';
		}
	}
	for(var x=0; x < spans.length; x++){
		nd = spans[x];
		if (nd.className == 'tab_on'){
			nd.className = 'tab';
		}
	}
	el.className = 'tab_on';
}