// JavaScript Document

$(function() {

	// INICIALIZAR VARIÁVEIS
	// ------------------------------------------
	$('#VIDEO-GRANDE-1').show();
	$('#VIDEO-GRANDE-2').hide();
	$('#VIDEO-GRANDE-3').hide();
	
	$('#VIDEO-PEQ-TOPO-1').hide();
	$('#VIDEO-PEQ-TOPO-2').show();
	$('#VIDEO-PEQ-TOPO-3').hide();
	
	$('#VIDEO-PEQ-FUNDO-1').hide();
	$('#VIDEO-PEQ-FUNDO-2').hide();
	$('#VIDEO-PEQ-FUNDO-3').show();
	// ------------------------------------------


	// FUNÇÕES DE ACTUALIZAÇÃO DO VÍDEO GRANDE
	// ------------------------------------------
	function actualizaVIDEO_1 () {
		//$('#VIDEO-GRANDE-1').hide();
		$('#VIDEO-GRANDE-1').clone().attr('id','VIDEO-GRANDE-1_clone').insertAfter('#VIDEO-GRANDE-1').hide();
		$('#VIDEO-GRANDE-1').remove();
		$('#VIDEO-GRANDE-1_clone').clone().attr('id','VIDEO-GRANDE-1').insertAfter('#VIDEO-GRANDE-1_clone').hide();
	}
	function actualizaVIDEO_2 () {
		//$('#VIDEO-GRANDE-2').hide();
		$('#VIDEO-GRANDE-2').clone().attr('id','VIDEO-GRANDE-2_clone').insertAfter('#VIDEO-GRANDE-2').hide();
		$('#VIDEO-GRANDE-2').remove();
		$('#VIDEO-GRANDE-2_clone').clone().attr('id','VIDEO-GRANDE-2').insertAfter('#VIDEO-GRANDE-2_clone').hide();
	}
	function actualizaVIDEO_3 () {
		//$('#VIDEO-GRANDE-3').hide();
		$('#VIDEO-GRANDE-3').clone().attr('id','VIDEO-GRANDE-3_clone').insertAfter('#VIDEO-GRANDE-3').hide();
		$('#VIDEO-GRANDE-3').remove();
		$('#VIDEO-GRANDE-3_clone').clone().attr('id','VIDEO-GRANDE-3').insertAfter('#VIDEO-GRANDE-3_clone').hide();
	}
	// ------------------------------------------


	// FUNÇÕES DE CLICAR NOS VIDEOS PEQUEUOS, LADO DIREITO, VIDEOS DE TOPO E FUNDO
	// ------------------------------------------
	function TOPO_1() {
		$('#VIDEO-PEQ-TOPO-1').hide();
		if(  $('#VIDEO-GRANDE-2').is(':hidden') == false ) {
			$('#VIDEO-PEQ-TOPO-2').show();
			actualizaVIDEO_2();
		} else {
			$('#VIDEO-PEQ-TOPO-3').show();
			actualizaVIDEO_3();
		}
		$('#VIDEO-GRANDE-1').show();
		return false;
	}
	
	function TOPO_2() {
		$('#VIDEO-PEQ-TOPO-2').hide();
		if(  $('#VIDEO-GRANDE-1').is(':hidden') == false ) {
			$('#VIDEO-PEQ-TOPO-1').show();
			actualizaVIDEO_1();
		} else {
			$('#VIDEO-PEQ-TOPO-3').show();
			actualizaVIDEO_3();
		}
		$('#VIDEO-GRANDE-2').show();
		return false;
	}
	
	function TOPO_3() {
		$('#VIDEO-PEQ-TOPO-3').hide();
		if(  $('#VIDEO-GRANDE-2').is(':hidden') == false ) {
			$('#VIDEO-PEQ-TOPO-2').show();
			actualizaVIDEO_2();
		} else {
			$('#VIDEO-PEQ-TOPO-1').show();
			actualizaVIDEO_1();
		}
		$('#VIDEO-GRANDE-3').show();
		return false;
	}
	
	function FUNDO_1() {
		$('#VIDEO-PEQ-FUNDO-1').hide();
		if(  $('#VIDEO-GRANDE-2').is(':hidden') == false ) {
			$('#VIDEO-PEQ-FUNDO-2').show();
			actualizaVIDEO_2();
		} else {
			$('#VIDEO-PEQ-FUNDO-3').show();
			actualizaVIDEO_3();
		}
		$('#VIDEO-GRANDE-1').show();
		return false;
	}
	
	function FUNDO_2() {
		$('#VIDEO-PEQ-FUNDO-2').hide();
		if(  $('#VIDEO-GRANDE-1').is(':hidden') == false ) {
			$('#VIDEO-PEQ-FUNDO-1').show();
			actualizaVIDEO_1();
		} else {
			$('#VIDEO-PEQ-FUNDO-3').show();
			actualizaVIDEO_3();
		}
		$('#VIDEO-GRANDE-2').show();
		return false;
	}
	
	function FUNDO_3() {
		$('#VIDEO-PEQ-FUNDO-3').hide();
		if(  $('#VIDEO-GRANDE-2').is(':hidden') == false ) {
			$('#VIDEO-PEQ-FUNDO-2').show();
			actualizaVIDEO_2();
		} else {
			$('#VIDEO-PEQ-FUNDO-1').show();
			actualizaVIDEO_1();
		}
		$('#VIDEO-GRANDE-3').show();
		return false;
	}
	// ------------------------------------------


	// EVENTOS
	// ------------------------------------------
	$('#textoVideoPequenoTopo-1').click(TOPO_1);
	$('#textoVideoPequenoTopo-2').click(TOPO_2);
	$('#textoVideoPequenoTopo-3').click(TOPO_3);
	
	$('#videoPequenoTopo-1').click(TOPO_1);
	$('#videoPequenoTopo-2').click(TOPO_2);
	$('#videoPequenoTopo-3').click(TOPO_3);
	
	$('#textoVideoPequenoFundo-1').click(FUNDO_1);
	$('#textoVideoPequenoFundo-2').click(FUNDO_2);
	$('#textoVideoPequenoFundo-3').click(FUNDO_3);
	
	$('#videoPequenoFundo-1').click(FUNDO_1);
	$('#videoPequenoFundo-2').click(FUNDO_2);
	$('#videoPequenoFundo-3').click(FUNDO_3);
	// ------------------------------------------

});    
