var infoBoxOpen = false;
var rndBG, rndLX, rndBG1, rndLX1;
var isFirst = true;
var t;
var isPlaying = true;
var current = '01';
var next = '02';
var imgBG = [{name: 'Anthony Gibson', role: 'Presidente', image: 'AnthonyGibson.jpg'},
			  {name: 'Carla Manuel', role: 'Recepcionista', image: 'CarlaManuel.jpg'},
			  {name: 'Cláudio Eiji', role: 'Director de Art', image: 'ClaudioEiji.jpg'},
			  {name: 'Cristina Gomes', role: 'Billing Clerck', image: 'CristinaGomes.jpg'},
			  {name: 'Elizabete Marques', role: 'Directora de Contas', image: 'ElizabeteMarques.jpg'},
			  {name: 'Estela Rocha', role: 'Directora de Produção', image: 'EstelaRocha.jpg'},
			  {name: 'Fábio Santos', role: 'Director de Arte', image: 'FabioSantos.jpg'},
			  {name: 'Hugo Reis', role: 'Director de Arte Trainee', image: 'HugoReis.jpg'},
			  {name: 'Inês Gomes', role: 'Fotógrafa', image: 'InesGomes.jpg'},
			  {name: 'Ivo Machado', role: 'Copy', image: 'IvoMachado.jpg'},
			  {name: 'João Braga', role: 'Director Criativo', image: 'JoaoBraga.jpg'},
			  {name: 'Maria João Santos', role: 'Account Manager', image: 'Layer40.jpg'},
			  {name: 'Pedro Oliveira', role: 'Director de Arte', image: 'PedroOliveira.jpg'},
			  {name: 'Samir Mesquita', role: 'Copy', image: 'Layer43.jpg'},
			  {name: 'Rebeca Paiva', role: 'Account Executive', image: 'RebecaPaiva.jpg'},
			  {name: 'Renato Lopes', role: 'Director Criativo', image: 'RenatoLopes.jpg'},
			  {name: 'Ricardo Ferreira', role: 'Director de Arte', image: 'RicardoFerreira.jpg'},
			  {name: 'Ricardo Vital', role: 'Account Trainee', image: 'RicardoVital.jpg'},
			  {name: 'Susana Doutor', role: 'Directora de Serviço a Clientes', image: 'SusanaDoutor.jpg'},
			  {name: 'Tiago Caldeira', role: 'Copy', image: 'TiagoCaldeira.jpg'}];

var imgLX = [{name: 'Anthony Gibson', role: 'Presidente', image: 'AnthonyGibson.png'},
			  {name: 'Cláudio Eiji', role: 'Director de Art', image: 'ClaudioEiji.png'},
			  {name: 'Elizabete Marques', role: 'Directora de Contas', image: 'ElizabeteMarques01.png'},
			  {name: 'Elizabete Marques', role: 'Directora de Contas', image: 'ElizabeteMarques02.png'},
			  {name: 'Estela Rocha', role: 'Directora de Produção', image: 'EstelaRocha.png'},
			  {name: 'Hugo Reis', role: 'Director de Arte Trainee', image: 'HugoReis.png'},
			  {name: 'Ivo Machado', role: 'Copy', image: 'IvoMachado01.png'},
			  {name: 'Ivo Machado', role: 'Copy', image: 'IvoMachado02.png'},
			  {name: 'João Braga', role: 'Director Criativo', image: 'JoaoBraga01.png'},
			  {name: 'João Braga', role: 'Director Criativo', image: 'JoaoBraga02.png'},
			  {name: 'João Braga', role: 'Director Criativo', image: 'JoaoBraga03.png'},
			  {name: 'Pedro Oliveira', role: 'Director de Arte', image: 'PedroOliveira.png'},
			  {name: 'Rebeca Paiva', role: 'Account Executive', image: 'RebecaPaiva01.png'},
			  {name: 'Rebeca Paiva', role: 'Account Executive', image: 'RebecaPaiva02.png'},
			  {name: 'Renato Lopes', role: 'Director Criativo', image: 'RenatoLopes01.png'},
			  {name: 'Renato Lopes', role: 'Director Criativo', image: 'RenatoLopes02.png'},
			  {name: 'Ricardo Ferreira', role: 'Director de Arte', image: 'RicardoFerreira.png'},
			  {name: 'Tiago Caldeira', role: 'Copy', image: 'TiagoCaldeira01.png'},
			  {name: 'Tiago Caldeira', role: 'Copy', image: 'TiagoCaldeira02.png'}];;

var nrBGImages = imgBG.length;
var nrLXImages = imgLX.length;

function randomize(){
	
	//get random numbers
	if(isFirst){
		$("#bgImg02").fadeTo(0,0);
		$("#lxImg02").fadeTo(0,0);
		
		rndBG = Math.floor(Math.random()*nrBGImages);
		rndBG1 = Math.floor(Math.random()*nrBGImages);
		
		rndLX = Math.floor(Math.random()*nrLXImages);
		rndLX1 = Math.floor(Math.random()*nrLXImages);
	}else{
		rndBG = rndBG1
		rndBG1 = Math.floor(Math.random()*nrBGImages);
		rndLX = rndLX1;
		rndLX1 = Math.floor(Math.random()*nrLXImages);
	}
	
	//checks if random numbers are the same
	if(rndBG == rndBG1){
		rndBG1 = Math.floor(Math.random()*nrBGImages);
	}
	
	if(rndLX == rndLX1){
		rndLX1 = Math.floor(Math.random()*nrLXImages);
	}
	
	//swap images
	if(isFirst){
		//add first bg Images
		$("#bgImg"+current).attr("src",'images/' + imgBG[rndBG].image);
		$("#bgImg"+next).attr("src",'images/' + imgBG[rndBG1].image);
		
		//add first lx images
		$("#lxImg"+current).attr("src",'images/' + imgLX[rndLX].image);
		$("#lxImg"+next).attr("src",'images/' + imgLX[rndLX1].image);
		
		isFirst = false;
	}else{
		//background
		$("#bgImg"+current).css('z-index','2').animate({opacity: 0},1500);
		$("#bgImg"+next).css('z-index','1').animate({opacity: 100},1500, 
								function(){
								  //place (new) images in backgroung
									$("#bgImg"+current).attr("src",'images/' + imgBG[rndBG].image);
									$("#bgImg"+next).attr("src",'images/' + imgBG[rndBG1].image);
								});
		
		//lx
		$("#lxImg"+current).css('z-index','11').animate({opacity: 0},1500);
		$("#lxImg"+next).css('z-index','10').animate({opacity: 100},1500, 
								function(){
									//place (new) LX images
									$("#lxImg"+current).attr("src",'images/' + imgLX[rndLX].image);
									$("#lxImg"+next).attr("src",'images/' + imgLX[rndLX1].image);
									
								});
		
		//change current image id
		current = (current=='01')?'02':'01';
		next = (next=='01')?'02':'01';
	}
	
	onResize();
	
	//place name and role for each image
	$("#bgImageName").html('<p>'+imgBG[rndBG].name + '<br />' + imgBG[rndBG].role+'</p>');
	$("#lxImageName").html('<p>'+imgLX[rndLX].name + '<br />' + imgLX[rndLX].role+'</p>');
	
	//do it all over again!
	t = setTimeout('randomize()',5000);
}

function onResize(){
	var winW = $(document).width();
	var winH = $(document).height();
	
	var imgW = $("#bgImgBox img").width();
	var imgH = $("#bgImgBox img").height();

	var ratio = 1.85;
		
	//alert('img: '+imgH+' win: '+winH);
	
	if((winH-180) > imgH){
		$("#bgImgBox img").height(winH);
		$("#bgImgBox img").width(Math.abs(winH*ratio)+'px');
	}else{
		$("#bgImgBox img").width(winW);
		$("#bgImgBox img").height(Math.abs(winW/ratio)+'px');
	}
	
	$("#bgImgBox").height((winH-180)+'px');
	$("#centerBox img").width(Math.abs((winW*25)/100));
	$("#centerBox").width(Math.abs((winW*25)/100));
}

$(window).resize(function() {
      onResize();
}); 

function showInfo(){
	if(!infoBoxOpen){
		$("#infoBox").slideDown()
	}else{
		$("#infoBox").slideUp()
	}
	infoBoxOpen = !infoBoxOpen;
}

function playPause(){
	isPlaying = !isPlaying;
	if(isPlaying){
		$("#playpause").attr("src",'images/pause.png');
		randomize();
	}else{
		$("#playpause").attr("src",'images/play.png');
		clearTimeout(t);
	}
}

$(document).ready(function() {
	randomize();
})