// JavaScript Document

function DynTabs( class_name, switch_event ) {
	var item_ids = new Array();
	var item_names = new Array();
	var selected_item_names = new Array();
	var target_id = '';
	this.is_initialized = false;
	
	this.setItemIds = function( item_ids_to_set ) {
		item_ids = item_ids_to_set;
	};
	this.setItemNames = function( item_names_to_set ) {
		item_names = item_names_to_set;
	};
	this.setSelectedItemNames = function( sel_item_names_to_set ) {
		selected_item_names = sel_item_names_to_set
	};
	this.setTargetId = function( target_id_to_set ) {
		target_id = target_id_to_set;
	};
	
	this.display = function() {
		if ( this.is_initialized == true )
		{
			this.selectItem(0, true);
		}
		var contenedor_lista = document.createElement("div");
		contenedor_lista.setAttribute((document.all ? "className" : "class"), class_name);
		var lista = document.createElement("ul");
		var number_of_tabs_to_show = ( arguments[0] != null && arguments[0] < item_ids.length ) ? arguments[0] : item_ids.length;
		for ( var i=0; i<number_of_tabs_to_show; i++ ) {
			var item_lista = document.createElement("li");
			var anchor_lista = document.createElement("a");
			anchor_lista.setAttribute("href", "#main");
			anchor_lista.setAttribute("rel", i);
			anchor_lista.innerHTML = item_names[i];
			switch (switch_event) {
				case 'onmouseover': 			anchor_lista.onmouseover = this.selectItem; break;
				default:						anchor_lista.onclick = this.selectItem; 
			}
			item_lista.appendChild(anchor_lista);
			lista.appendChild(item_lista);
		}
		contenedor_lista.appendChild(lista);
		document.getElementById(target_id).innerHTML = "";
		document.getElementById(target_id).appendChild(contenedor_lista);
		
		this.selectItem(0, true);

		this.is_initialized = true;
	};
	this.selectItem = function() {
		var _anchors = document.getElementById(target_id).getElementsByTagName("a");
		var selected_item = (arguments[1] && arguments[1] == true) ? arguments[0] : this.rel;
		for ( var i=0; i<_anchors.length; i++ ) {
			if ( i != selected_item ) {
				_anchors[i].innerHTML = item_names[i];
				removeClass( _anchors[i].parentNode, "current" );
				document.getElementById(item_ids[i]).style.display = 'none';
			} else {
				_anchors[i].innerHTML = (selected_item_names[i]) ? selected_item_names[i] : item_names[i];
				addClass( _anchors[i].parentNode, "current" );
				document.getElementById(item_ids[i]).style.display = 'block';
			}
		}
		return false;
	}
}