// JavaScript Document


function ClicaAtual(){
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("opcoes")) return false;
	
	
	//var corrente = document.getElementById("current");
	var opcoes = document.getElementById("opcoes"); 
	var linksOpcoes = opcoes.getElementsByTagName("a");
	for (var i=0; i < linksOpcoes.length; i++) {
		linksOpcoes[i].onclick = function (){
			 
			return Atual(this);
		}
	var logo = document.getElementById("logoClicado"); 
	
	logo.onclick  = function (){
		return AtualLogo(this);
	}
		
	}
}
function Atual (teste){
	var opcoes = document.getElementById("opcoes"); 
	var linksOpcoes = opcoes.getElementsByTagName("a");
	for (var i=0; i < linksOpcoes.length; i++) {
    	linksOpcoes[i].removeAttribute("id");
	}
    	teste.setAttribute("id", "current");         
   
	
}
	
function AtualLogo (teste){
	var opcoes = document.getElementById("opcoes"); 
	var linksOpcoes = opcoes.getElementsByTagName("a");	
	for (var i=0; i < linksOpcoes.length; i++) {
    	linksOpcoes[i].removeAttribute("id");
    	linksOpcoes[0].setAttribute("id", "current");
	}
    	        
   
	
}
addLoadEvent(ClicaAtual);

function ScaleSize(){
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (document.body.clientHeight && document.body.clientWidth) return false; 

	
	var frameWidth = document.documentElement.clientWidth;	
	
	var margem = (frameWidth - 980)/2;
	var esq = margem -35;

	var comerciais = document.getElementById("comerciais");
	var clips = document.getElementById("clips"); 
	var demanda = document.getElementById("demanda");
	var web = document.getElementById("web");
	var coorp = document.getElementById("coorp"); 
	var logo = document.getElementById("logoH1");
	var opcoes = document.getElementById("opcoes");
	
	
	comerciais.style.paddingLeft = margem + "px";
	clips.style.paddingLeft = margem + "px";
	demanda.style.paddingLeft = margem + "px";
	web.style.paddingLeft = margem + "px";
	coorp.style.paddingLeft = margem + "px";
	logo.style.marginLeft = margem + "px";
	opcoes.style.right = esq + "px";
	
	
}
addLoadEvent(ScaleSize);