var IE = document.all?true:false;

/**
  CONTROLADOR DE ABAS
*/
function TabController(tabContentId, divContentId) {
  this.tabs = new Array();
  this.selectedIndex = -1;
  this.divContent = document.getElementById(divContentId);
  this.divTab = document.getElementById(tabContentId);
  this.locale = "pt_BR";
}

TabController.prototype.selectTab = function(index) {
	var ChangeAba = document.getElementById('ChangeAba').value;
	if(ChangeAba=="true")
	{
		var oldTab = document.getElementById('oldTab');
		//Arrays com os nomes das barras
		var LabelTabs = new Array();
		LabelTabs[0] = "barra_oquee";
		LabelTabs[1] = "barra_beneficios";
		LabelTabs[2] = "barra_quemusa";
		LabelTabs[3] = "barra_comofunciona";
		LabelTabs[4] = "barra_adquira";
		LabelTabs[5] = "barra_adquira_2";
		
		if(index >= (this.tabs.length-1))
		{
			this.index = 0;
			this.idTab = (this.tabs.length);
			if(document.getElementById('LinkProximo'))
			{
			   document.getElementById('LinkProximo').style.display='none';
			}
		}else
		{
			this.index = index;
			this.idTab = Number(index+1);
			if(document.getElementById('LinkProximo'))
      	{
         	document.getElementById('LinkProximo').style.display='block';
      	}
		}
		if(document.getElementById('aba'))
		{
			//Troca as barras conforme tab selecionada
			document.getElementById('aba').src='images/'+ this.locale +'/container/'+LabelTabs[this.idTab]+'.jpg';
		}
	}
  	
  for(i = 0; i < this.tabs.length; i++) {
      this.tabs[i].unSelect()
  }
  
  if(index < 0 || index >= this.tabs.length) {
    alert("Index " + index +  " out of range");
    return;
  }
  
  this.tabs[index].select();
  this.selectedIndex = index;
  this.divContent.innerHTML = this.tabs[index].htmlContent;
  this.divContent.style.background="White";
  if(oldTab)
  {
  	oldTab.value=index;
  }
}

TabController.prototype.addTab = function(tabName, tabContent) {
  var tab = new Tab(tabName);
  tab.setContent(tabContent);
  tab.setIndex(this.tabs.length);
  tab.setTabController(this);
  this.tabs.push(tab);
  tab.design();
}

TabController.prototype.getContainer = function() {
  if(!this.tableRow) {
    var table = document.createElement("table");
    var tBody = document.createElement("tbody");

	table.appendChild(tBody);
    
    this.tableRow = document.createElement("tr");   
    tBody.appendChild(this.tableRow);
    
    this.divTab.appendChild(table);
  }

  var td = document.createElement("td");
  td.style.cursor="pointer";
  this.tableRow.appendChild(td);
  return td;
}



/**
  ABAS
*/
function Tab(description) {
  this.description = description;
  this.htmlContent = null;
  this.selected = false;
  this.tabController = null;
  this.index = -1;
  this.container = null;
}

Tab.prototype.setContent = function(content) {
  this.htmlContent = content;
}

Tab.prototype.select = function() {
  this.selected = true;
  this.mark();
   
}

Tab.prototype.unSelect = function() {
  this.selected = false;
  this.unMark();
}

Tab.prototype.setIndex = function(index) {
  this.index = index;
}

Tab.prototype.mark = function() {
  this.container.innerHTML = this.getTabSelected();
}

Tab.prototype.unMark = function() {
  this.container.innerHTML = this.getTabNormal();
}

Tab.prototype.setTabController = function(tabController) {
  this.tabController = tabController;
}
Tab.prototype.getTabNormal = function(){
  var tabString = "<table id=\"Table_01\" height=\"34\" width=\"150\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
  tabString += "<tr>";
  tabString += "<td width=\"33\"><img src=\"images/aba_single_04.gif\" width=\"33\" height=\"34\" alt=\"\"></td>";
  tabString += "<td background=\"images/aba_single_05.gif\" align=\"center\" class=\"tituloAbas\"><font color='#FFFFFF'>" + this.description + "</font></td>";
  tabString += "<td width=\"10\"><img src=\"images/aba_single_06.gif\" width=\"10\" height=\"34\" alt=\"\"></td>";
  tabString += "</tr>";
  tabString += "</table>";
  return tabString;
}
Tab.prototype.getTab = function(){
  var tabString = "<table id=\"Table_01\" height=\"34\" width=\"150\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
  tabString += "<tr>";
  tabString += "<td width=\"33\"><img src=\"images/aba_single_01.gif\" width=\"33\" height=\"34\" alt=\"\"></td>";
  tabString += "<td background=\"images/aba_single_02.gif\" align=\"center\" class=\"tituloAbas\"><b><font color='#1995c2'>" + this.description + "</b></font></td>";
  tabString += "<td width=\"10\"><img src=\"images/aba_single_03.gif\" width=\"10\" height=\"34\" alt=\"\"></td>";
  tabString += "</tr>";
  tabString += "</table>";
  return tabString;
}
Tab.prototype.getTabSelected = function(){
  var tabString = this.getTab();
  
  var regex = new RegExp("(\"[^\"]+)(\.gif|\.jpg|\.jpeg|\.png)(\")","ig");
  tabString = tabString.replace(regex,"$1_sel$2$3");

  if (IE) {
    var regex = new RegExp("(background=.+)(\.gif[ |>]|\.jpg[ |>]|\.jpeg[ |]|\.png[ |>])","ig");
    tabString = tabString.replace(regex,"$1_sel$2");
  }
  return tabString;
}
Tab.prototype.design = function() {
  this.container = this.tabController.getContainer();
  
  this.container.innerHTML = this.getTabNormal();
    
  var _self = this;
  addEvent(this.container, 'click', function() { _self.tabController.selectTab(_self.index)    }, false);
//  addEvent(this.container, 'mouseover', function() { _self.mark()  }, false);
 // addEvent(this.container, 'mouseout', function() { _self.unMark() }, false);
  
}