/**********************************************************************
* Funções contidas neste arquivo:
*	openFullWindow (url) Abre a url passada em uma popup em tela cheia
*	openWindow (url, framename, altura, largura, scrollbars): Abre a url passada em uma popup customizável
*		url: Endereço que vai ser aberto
*		framename: nome da janela ou frame em que a popup vai ser aberta
*		altura, largura: altura e largura da janela. Podem ser 100% ou um valor qualquer em pixels
*		scroll: determina se a janela deve ter ou não scrollbars
*	verificaResolucao(url): Detecta a resolução de tela do usuário, e exibe alerta caso seja inferior a 1024 x 768
**********************************************************************/
function openFullWindow (url) {
	var userX = screen.width;
	var userY = screen.height;
	window.open(url, 'fullScreen', 'width='+userX+', height='+userY+', scrollbars=0');
}

function openWindow(url, framename, altura, largura, scroll, menu) {
	if (altura == "100%") {
		var y = screen.height;
	}
	else {
		var y = altura;
	}
	if (largura == "100%") {
		var x = screen.width;
	}
	else {
		var x = largura;
	}
	if (!scroll)
		var scrollbars = "no";
	else
		var scrollbars = scroll;
	if (menu == undefined)
		var menubars = "yes";
	else
		var menubars = menu;
	window.open(url, framename, "width="+x+", height="+y+", scrollbars="+scrollbars+", menubar="+menubars+", resizable=yes");
}

function verificaResolucao(url) {
	var userX = screen.width;
	var userY = screen.height;
	if (userY < 768) {
		var telaAlerta  = document.getElementById("telaAlerta");
		telaAlerta.style.display = "block";
		while (telaAlerta.firstChild) {
			telaAlerta.removeChild(telaAlerta.firstChild);
		}
		var frame = document.createElement("div");
		frame.id = "frame";
		telaAlerta.appendChild(frame);
		var h1 = document.createElement("h1");
		h1.appendChild(document.createTextNode("Importante!"));
		frame.appendChild(h1);
		var h2 = document.createElement("h2");
		h2.appendChild(document.createTextNode("Sua resolução de tela é de " + userX + " x "+ userY));
		frame.appendChild(h2);
		var h2 = document.createElement("h2");
		h2.appendChild(document.createTextNode("Mude sua resolução de tela para visualizar melhor o curso."));
		frame.appendChild(h2);
		var p = document.createElement("p");
		p.innerHTML = "Para melhor visualizar o curso, você deve usar uma resolução mínima de tela de <b>1024 x 768</b>. Caso utilize sua resolução de tela atual, você pode não conseguir ver alguns trechos do conteúdo do curso.";
		frame.appendChild(p);
		p = document.createElement("p");
		p.appendChild(document.createTextNode("Recomendamos que você mude a resolução para o mínimo de 1024 x768."));
		frame.appendChild(p);
		p = document.createElement("p");
		p.className = "opcao";
		p.appendChild(document.createTextNode("Como mudo a resolução da minha tela?"));
		p.onmouseover = function() {
			this.className = "opcao_over";
		}
		p.onmouseout = function() {
			this.className = "opcao";
		}
		p.onclick = function() {
			montaSlidesAjuda(1, url);
		}
		frame.appendChild(p);
		p = document.createElement("p");
		p.appendChild(document.createTextNode("Já alterei a resolução da minha tela; quero começar o curso."));
		p.className = "opcao";
		p.onmouseover = function() {
			this.className = "opcao_over";
		}
		p.onmouseout = function() {
			this.className = "opcao";
		}
		p.onclick = function() {
			openFullWindow(url);
		}
		frame.appendChild(p);
		var importante = document.createElement("p");
		importante.className = "importante";
		importante.appendChild(document.createTextNode("Caso mude a resolução da tela com a janela do curso aberta, você deverá fechá-la e abri-la novamente para que fique do tamanho correto."));
		frame.appendChild(importante);
	}
	else {
		openFullWindow(url);
	}
}

function montaSlidesAjuda(frame, url) {
	var telaAlerta = document.getElementById("telaAlerta");
	while (telaAlerta.firstChild) {
		telaAlerta.removeChild(telaAlerta.firstChild);
	}
	var frameSlide = document.createElement("div");
	frameSlide.id = "frame";
	telaAlerta.appendChild(frameSlide);
	var h2 = document.createElement("h2");
	h2.appendChild(document.createTextNode("Mudando a resolução de tela - Passo " + frame));
	frameSlide.appendChild(h2);
	var div = document.createElement("div");
	frameSlide.appendChild(div);
	switch (frame) {
		case 1:
			var img = document.createElement("img");
			img.src = "../imagens_site/guia_resolucao/tela01.jpg";
			img.className = "ilustracao";
			div.appendChild(img);
			var p = document.createElement("p");
			p.className = "explicacao";
			p.appendChild(document.createTextNode("Clique com o botão direito sobre a área de trabalho de seu computador e selecione a opção Propriedades."));
			frameSlide.appendChild(p);
		break;
		case 2:
			var img = document.createElement("img");
			img.src = "../imagens_site/guia_resolucao/tela02.jpg";
			img.className = "ilustracao";
			frameSlide.appendChild(img);
			var p = document.createElement("p");
			p.className = "explicacao";
			p.appendChild(document.createTextNode("O menu Propriedades de Vídeo será aberto. Clique na aba Configurações."));
			frameSlide.appendChild(p);
		break;
		case 3:
			var img = document.createElement("img");
			img.src = "../imagens_site/guia_resolucao/tela03.jpg";
			img.className = "ilustracao";
			frameSlide.appendChild(img);
			var p = document.createElement("p");
			p.className = "explicacao";
			p.appendChild(document.createTextNode("O controle deslizante destacado configura a resolução da sua tela. Mova-o para o lado até a posição \"1024 por 768\" ou maior, conforme sua preferência."));
			frameSlide.appendChild(p);
		break;
		case 4:
			var img = document.createElement("img");
			img.src = "../imagens_site/guia_resolucao/tela04.jpg";
			img.className = "ilustracao";
			frameSlide.appendChild(img);
			var p = document.createElement("p");
			p.className = "explicacao";
			p.appendChild(document.createTextNode("Com a resolução alterada, clique em Aplicar. A tela deverá ficar escura por alguns momentos e então se ajustar à nova resolução. Clique em Sim para confirmar a alteração."));
			frameSlide.appendChild(p);
		break;
	}
	var p = document.createElement("p");
	p.className = "controle_ajuda";
	if (frame > 1) {
		p.appendChild(document.createTextNode("Passo anterior"));
		p.onclick = function() {
			montaSlidesAjuda(frame - 1, url);
		}
	}
	else {
		p.appendChild(document.createTextNode("Voltar"));
		p.onclick = function() {
			verificaResolucao(url);
		}
	}
	frameSlide.appendChild(p);
	p = document.createElement("p");
	p.className = "controle_ajuda";
	if (frame < 4) {
		p.appendChild(document.createTextNode("Próximo"));
		p.onclick = function() {
			montaSlidesAjuda(frame + 1, url);
		}
	}
	else {
		p.appendChild(document.createTextNode("Concluir tutorial"));
		p.onclick = function() {
			verificaResolucao(url);
		}
	}
	frameSlide.appendChild(p);
}

function changeFrame(frameID, frameSrc) {
	var iframe = document.getElementById(frameID);
	iframe.src = frameSrc;
}