// tabs 
function tabsObject (obj_id) {
	var self = this;
	self.obj_id = obj_id;
	self.obj = document.getElementById(obj_id);
	self.parent = self.obj.parentNode;
	return self.init();
}

tabsObject.prototype = {
	init : function () {
		var self = this;
		var i = 0;
		var prevIsSelected = 0;
		var div = self.obj.childNodes[0];
		var tabs_bar = document.createElement('DIV');
		tabs_bar.className = "buttons_tabs";
		
		self.obj.className = "tabs";
		//start tabsbutton
		var _temp = document.createElement('DIV');
		_temp.className = "start";
		tabs_bar.appendChild(_temp);
		
		while (div) {
			if (div.nodeType == 1 && div.tagName == "DIV")	{
				var tab_btn = document.createElement('DIV');
				
				if ( div.className == "selected") {
					tab_btn.className = "tab-on";
					tab_btn.innerHTML = div.title;
					tab_btn.id = self.obj_id + i;
					tabs_bar.appendChild(tab_btn);
					
					div.className = "tab";
					div.id = tab_btn.id + "tab";
					prevIsSelected = 1;
				}
				else if ( div.className == "disabled"){
					tab_btn.className = "tab-dis";
					tab_btn.innerHTML = div.title;
					tab_btn.id = self.obj_id + i;
					tabs_bar.appendChild(tab_btn);
					div.style.display = "none";
				}
				else {
					
					tab_btn.className = "tab-off";
					tab_btn.innerHTML = div.title;
					tab_btn.id = self.obj_id + i;
					tabs_bar.appendChild(tab_btn);
									
					div.className = "tab";
					div.id = tab_btn.id + "tab";
					div.style.display = "none";
				}
				
				if (div.className != "disabled") {
				  addEvent(tab_btn, "click", function() {
				  var tab = this.parentNode.nextSibling;
				  while (tab) {
                                        if (tab.nodeType == 1){
                                          if (tab.id == (this.id + "tab"))
                                             tab.style.display = "block";
                                          else 
                                             tab.style.display = "none";
					}
                                 tab = tab.nextSibling;
				 }
                                 var btn = this.parentNode.getElementsByTagName("DIV");
                                 for (i=1; i < (btn.length); i++) {
                                    if (btn.item(i).id != this.id){
                                       btn.item(i).className = "tab-off";
                                       
                                    }else												btn.item(i).className = "tab-on";
                                 }
				if (btn.item(btn.length-2).id != this.id)
                                    btn.item(btn.length-2).style.borderRight = "1px solid #E0E0E0";
				});
				}
				i = i + 1;
			}else{
                           div.className = "";
                        }
			div = div.nextSibling;
		}
		
		//end tabsbutton
		_temp = document.createElement('DIV');
		_temp.className = "end";
		//tabs_bar.appendChild(_temp);
		
		var btn = tabs_bar.getElementsByTagName("DIV");
		btn.item(btn.length-2).style.borderRight = "1px solid #E0E0E0";

		self.obj.insertBefore(tabs_bar, self.obj.childNodes[0]);
	}
}
