var Element = function(element){
    
    this.element = element;
    
    this.show = function(){
	this.element.style.display = "block"
    }
    
    this.hide = function(){
	this.element.style.display = "none"
    }
    
    this.setClass = function(classname){
	this.element.className = classname
    }
    
}

window.onload = function() {
    
    var escolha = new Element(document.getElementById("escolha"))
    var content = new Element(document.getElementById("content"))
    
    var escolhaConsultora = document.getElementById("escolhaConsultora")
    var escolhaDistribuidor = document.getElementById("escolhaDistribuidor")
    
    /* Formularios */
    var distribuidor = new Element(document.getElementById("distribuidor"))
    var consultora = new Element(document.getElementById("consultora"))
    
    /* <li> */
    var distribuidorbt = new Element(document.getElementById("distribuidorbt"))
    var consultorabt = new Element(document.getElementById("consultorabt"))
    
    /* <li><a> */
    var distribuidorlink = document.getElementById("distribuidorbt").getElementsByTagName("a")[0]
    var consultoralink = document.getElementById("consultorabt").getElementsByTagName("a")[0]
    
    consultoralink.onclick = function(){
	distribuidorbt.setClass("")
	consultorabt.setClass("current")
	distribuidor.hide()
	consultora.show()
	return false
    }
    
    distribuidorlink.onclick = function(){
	distribuidorbt.setClass("current")
	consultorabt.setClass("")
	distribuidor.show()
	consultora.hide()
	return false
    }
    
    escolhaConsultora.onclick = function(){
	escolha.hide()
	content.show()
	distribuidorbt.setClass("")
	consultorabt.setClass("current")
	distribuidor.hide()
	consultora.show()
	return false
    }
    
    escolhaDistribuidor.onclick = function(){
	escolha.hide()
	content.show()
	distribuidorbt.setClass("current")
	consultorabt.setClass("")
	distribuidor.show()
	consultora.hide()
	return false
    }
    
}