// JavaScript Document
function Index(){
	
	
	var doc = document;
	var imgWeb = doc.getElementById('imgWeb');
	var imgSol = doc.getElementById('imgSol');
	var imgOn = doc.getElementById('imgOn');
	var divBanner = doc.getElementById('divBanner');
	var bannerAberto = false;
	var bannerMovimentando = false;
	var botaoAberto = {"id":null};
	var iframeBanner = doc.getElementById('iframeBanner');
	function construtor(){
		setEventos();
	}	
	var setEventos = function(){
		imgWeb.onmouseover = function(){
			imgWeb.src = 'img/botaowebfosco.jpg';	
		};
		imgWeb.onclick = function(){
			eventoBanner(imgWeb);
		};
		imgWeb.onmouseout = function(){
			imgWeb.src = 'img/botaoweb.jpg';	
		};
		/************************************/
		imgSol.onmouseover = function(){
			imgSol.src = 'img/botaosolfosco.jpg';	
		};
		imgSol.onclick = function(){
			eventoBanner(imgSol);
		};
		imgSol.onmouseout = function(){
			imgSol.src = 'img/botaosol.jpg';	
		};
		/***************************************/
		imgOn.onmouseover = function(){
			imgOn.src = 'img/botaoonfosco.jpg';	
		};
		imgOn.onmouseout = function(){
			imgOn.src = 'img/botaoon.jpg';	
		};
		imgOn.onclick = function(){
			eventoBanner(imgOn);
		};
	};
	var apareceIframe = function(bool){
		if(bool){
			esfumaciar(0,true);
		}else{
			iframeBanner.style.display = 'none';
			//esfumaciar(100,false);
		}
		
	};
	var eventoBanner = function(obj){
		if(!bannerMovimentando){
			
			if(bannerAberto){
			if(obj.id == botaoAberto.id){
				apareceIframe(false);
				fechaDivBannerY();
			}else{
				
				onBannerFechado = function(){
					botaoAberto = obj;
					onBannerAberto = function(){
						apareceIframe(true);
						onBannerAberto = function(){};
					};
					setConteudoIframe();
					abreDivBannerX();		
					onBannerFechado = function(){};
				};
				apareceIframe(false);
				fechaDivBannerY();
				
			}
			
			}else{
				botaoAberto = obj;
				onBannerAberto = function(){
					apareceIframe(true);
					onBannerAberto = function(){};
				};
				setConteudoIframe();
				abreDivBannerX();
			}
		}
		
	};
	var setConteudoIframe = function(){
		var source;
		switch(botaoAberto.id){
			case 'imgWeb':
				source = 'web.html';
			break;
			case 'imgSol':
				source = 'solucao.html';
			break;
			case 'imgOn':
				source = 'ondemand.html';
			break;			
		}
		iframeBanner.src = source;
	};
	var esfumaciar = function(opacidade,bool){
		bool===undefined?bool=true:bool=bool;
		if(bool){
			opacidade===undefined?opacidade=0:opacidade=opacidade;
			iframeBanner.style.display = 'block';
			iframeBanner.style.filter = "alpha(opacity = "+opacidade+"0)";
			iframeBanner.style.opacity = "0."+opacidade;	 
			if(opacidade<8){
				setTimeout(function(){
					esfumaciar(opacidade+1);
				},50);	
			}else{
				iframeBanner.style.filter = "alpha(opacity = 100)";
				iframeBanner.style.opacity = "1.0";
				iframeBanner.style.display = 'block';
			}			
		}else{
			opacidade===undefined?opacidade=8:opacidade=opacidade;
			iframeBanner.style.filter = "alpha(opacity = "+opacidade+"0)";
			iframeBanner.style.opacity = "0."+opacidade;	 
			if(opacidade>1){
				setTimeout(function(){
					esfumaciar(opacidade-1,false);
				},100);	
			}else{
				iframeBanner.style.display = 'none';
			}
		}

	};
	
	var abreDivBannerY = function(tamanho){
		tamanho===undefined?tamanho=0:tamanho=tamanho;
		centro = 140;
		if(tamanho < (centro*2)){
			setTimeout(
				function(){
					divBanner.style.height = tamanho+"px";
					divBanner.style.top = (0 - (tamanho/2))+"px";
					abreDivBannerY(tamanho+40);
				},1
			);	
		}else{
			divBanner.style.height = (tamanho)+"px";
			divBanner.style.top = (0-tamanho/2)+"px";
			bannerAberto = true;
			onBannerAberto();
			bannerMovimentando = false;
			return false;
		}
	};
	
	var abreDivBannerX = function(tamanho){
		bannerMovimentando = true;
		tamanho===undefined?tamanho=0:tamanho=tamanho;
		var centro = 380;
		divBanner.style.display='block';
		if(tamanho < (centro*2)){
			setTimeout(
				function(){
					divBanner.style.width = tamanho+"px";
					divBanner.style.left = (0 - (tamanho/2))+"px";
					abreDivBannerX(tamanho+40);
				},1
			);	
		}else{
			divBanner.style.width = (tamanho+20)+"px";
			divBanner.style.left = (0 - (tamanho/2))+"px";
			abreDivBannerY();
			return false;
		}
	};
	
	var fechaDivBannerY = function(tamanho){
		apareceIframe(false);
		bannerMovimentando = true;
		tamanho===undefined?tamanho=280:tamanho=tamanho;
		centro = 140;
		if(tamanho > 0){
			setTimeout(
				function(){
					divBanner.style.height = tamanho+"px";
					divBanner.style.top = (0 - (tamanho/2))+"px";
					fechaDivBannerY(tamanho-40);
				},1
			);	
		}else{
			divBanner.style.height = "1px";
			divBanner.style.top = (0 - (tamanho/2))+"px";
			fechaDivBannerX();
			return false;
		}
	};
	
	var fechaDivBannerX = function(tamanho){
		tamanho===undefined?tamanho=760:tamanho=tamanho;
		var centro = 380;
		if(tamanho > 0){
			setTimeout(
				function(){
					divBanner.style.width = tamanho+"px";
					divBanner.style.left = (0 - (tamanho/2))+"px";
					fechaDivBannerX(tamanho-40);
				},1
			);	
		}else{
			divBanner.style.height='1px';
			divBanner.style.width='1px';
			divBanner.style.marginTop='219px';
			divBanner.style.marginLeft='380px';
			divBanner.style.display = 'none';
			bannerAberto = false;
			onBannerFechado();
			bannerMovimentando = false;
			return false;
		}
	};
	var onBannerAberto = function(){};
	var onBannerFechado = function(){};
	
	construtor();
}
window.onload = function(){
	new Index();
};