$("#carregacapa").ready(function(){

	$("#loading").css("display", "none");
	$("#carregacapa").css("display", "block");
	
});


$(document).ready(function(){
	
	/*
	 * Destaques TV
	 */
	
	var url = "/";
	
	var atual = 1;
	destaque1();
	var intervalo = mudaDestaque();
	
	function mudaDestaque() {
		intervalo = setInterval(function() {
			if (atual == 1) {
				destaque2();
			}
			else if (atual == 2) {
				destaque3();
			}
			else if (atual == 3) {
				destaque4();
			}
			else if (atual == 4) {
				destaque5();
			}
			else {
				destaque1();
			}
		}, 7000);
		
		return intervalo;
	}
	
	
	function destaque1() {
		$('#nav1').css('display', 'block');
	    $('#nav2').css('display', 'none');
		$('#nav3').css('display', 'none');
		$('#nav4').css('display', 'none');
		$('#nav5').css('display', 'none');

		$('#btn1').html('<img src="' + url + 'img/control_1_over.gif" width="22" height="22" />');
		$('#btn2').html('<img src="' + url + 'img/control_2.gif" width="22" height="22" />');
		$('#btn3').html('<img src="' + url + 'img/control_3.gif" width="22" height="22" />');
		$('#btn4').html('<img src="' + url + 'img/control_4.gif" width="22" height="22" />');
		$('#btn5').html('<img src="' + url + 'img/control_5.gif" width="22" height="22" />');
		
		return atual = 1;
	}	
	
	function destaque2() {
		$('#nav1').css('display', 'none');
	    $('#nav2').css('display', 'block');
		$('#nav3').css('display', 'none');
		$('#nav4').css('display', 'none');
		$('#nav5').css('display', 'none');
		
		$('#btn1').html('<img src="' + url + 'img/control_1.gif" width="22" height="22" />');
		$('#btn2').html('<img src="' + url + 'img/control_2_over.gif" width="22" height="22" />');
		$('#btn3').html('<img src="' + url + 'img/control_3.gif" width="22" height="22" />');
		$('#btn4').html('<img src="' + url + 'img/control_4.gif" width="22" height="22" />');
		$('#btn5').html('<img src="' + url + 'img/control_5.gif" width="22" height="22" />');
		
		return atual = 2;
	}
	
	function destaque3() {
		$('#nav1').css('display', 'none');
	    $('#nav2').css('display', 'none');
		$('#nav3').css('display', 'block');
		$('#nav4').css('display', 'none');
		$('#nav5').css('display', 'none');
		
		$('#btn1').html('<img src="' + url + 'img/control_1.gif" width="22" height="22" />');
		$('#btn2').html('<img src="' + url + 'img/control_2.gif" width="22" height="22" />');
		$('#btn3').html('<img src="' + url + 'img/control_3_over.gif" width="22" height="22" />');
		$('#btn4').html('<img src="' + url + 'img/control_4.gif" width="22" height="22" />');
		$('#btn5').html('<img src="' + url + 'img/control_5.gif" width="22" height="22" />');
		
		return atual = 3;
	}
	
	function destaque4() {
		$('#nav1').css('display', 'none');
	    $('#nav2').css('display', 'none');
		$('#nav3').css('display', 'none');
		$('#nav4').css('display', 'block');
		$('#nav5').css('display', 'none');
		
		$('#btn1').html('<img src="' + url + 'img/control_1.gif" width="22" height="22" />');
		$('#btn2').html('<img src="' + url + 'img/control_2.gif" width="22" height="22" />');
		$('#btn3').html('<img src="' + url + 'img/control_3.gif" width="22" height="22" />');
		$('#btn4').html('<img src="' + url + 'img/control_4_over.gif" width="22" height="22" />');
		$('#btn5').html('<img src="' + url + 'img/control_5.gif" width="22" height="22" />');
		
		return atual = 4;
	}
	
	function destaque5() {
		$('#nav1').css('display', 'none');
	    $('#nav2').css('display', 'none');
		$('#nav3').css('display', 'none');
		$('#nav4').css('display', 'none');
		$('#nav5').css('display', 'block');
		
		$('#btn1').html('<img src="' + url + 'img/control_1.gif" width="22" height="22" />');
		$('#btn2').html('<img src="' + url + 'img/control_2.gif" width="22" height="22" />');
		$('#btn3').html('<img src="' + url + 'img/control_3.gif" width="22" height="22" />');
		$('#btn4').html('<img src="' + url + 'img/control_4.gif" width="22" height="22" />');
		$('#btn5').html('<img src="' + url + 'img/control_5_over.gif" width="22" height="22" />');
		
		return atual = 5;
	}
	
	
	
	
	$("#btn1").click( function(){
		destaque1();
		clearInterval(intervalo);
		intervalo = mudaDestaque();
	});
	
	
	$("#btn2").click( function(){
		destaque2();
		clearInterval(intervalo);
		intervalo = mudaDestaque();
	});
	
	
	$("#btn3").click( function(){
		destaque3();
		clearInterval(intervalo);
		intervalo = mudaDestaque();
	});
	
	
	$("#btn4").click( function(){
		destaque4();
		clearInterval(intervalo);
		intervalo = mudaDestaque();
	});
	
	
	$("#btn5").click( function(){
		destaque5();
		clearInterval(intervalo);
		intervalo = mudaDestaque();
	});
	
	
	$("#setaleft").click( function(){
		
		if (atual == 1) {
			destaque1();
		}
		else if (atual == 2) {
			destaque1();
		}
		else if (atual == 3) {
			destaque2();
		}
		else if (atual == 4) {
			destaque3();
		}
		else {
			destaque4();
		}
		
		clearInterval(intervalo);
		intervalo = mudaDestaque();
		
	});
	
	
	$("#setaright").click( function(){
		
		if (atual == 1) {
			destaque2();
		}
		else if (atual == 2) {
			destaque3();
		}
		else if (atual == 3) {
			destaque4();
		}
		else if (atual == 4) {
			destaque5();
		}
		else {
			destaque5();
		}
		
		clearInterval(intervalo);
		intervalo = mudaDestaque();
		
	});
	
	
	
	
	
	



	$("#abas").addClass("bg_aba2");

	$("#aba1").click( function(){
		$("#aba2").removeClass("abadestaque");
		$("#aba3").removeClass("abadestaque");							   
		$('#aba1').addClass('abadestaque');
	    $("#abas").removeClass("bg_aba2");
		$("#abas").removeClass("bg_aba3");
		$("#abas").addClass("bg_aba1");
		$("#conteudoguias").focus();
	});
	
	$("#aba2").click( function(){
		$("#aba1").removeClass("abadestaque");
		$("#aba3").removeClass("abadestaque");	
		$('#aba2').addClass('abadestaque');
		$("#abas").removeClass("bg_aba1");
		$("#abas").removeClass("bg_aba3");
		$("#abas").addClass("bg_aba2");
		$("#conteudoguias").focus();		
	});
	
	$("#aba3").click( function(){
		$("#aba1").removeClass("abadestaque");
		$("#aba2").removeClass("abadestaque");								   							   
		$('#aba3').addClass('abadestaque');
		$("#abas").removeClass("bg_aba1");
		$("#abas").removeClass("bg_aba2");
	    $("#abas").addClass("bg_aba3");
		$("#conteudoguias").focus();		
	});	
	
	
	//------------------------------------
	// Quando a pessoa clicar no input
	$('#usuario').focus( function() {
		if ($(this).val() == "usuário") {
		    $(this).val("");
		}		
	});
 
	// Quando a pessoa tirar o foco do input	
	$('#usuario').blur(function(){
		if ($(this).val() == "") {
		    $(this).val("usuário");
		}
	});

	$('#senha').focus( function() {
		if ($(this).val() == "senha") {
		    $(this).val("");
		}		
	});
 
	// Quando a pessoa escrever no input
	/*$('#usuario').keypress(function() {
	});*/
	
	
	//------------------------------------
	// Quando a pessoa clicar no input
	$('#usuariob').focus( function() {
		if ($(this).val() == "usuário") {
		    $(this).val("");
		}		
	});
 
	// Quando a pessoa tirar o foco do input	
	$('#usuariob').blur(function(){
		if ($(this).val() == "") {
		    $(this).val("usuário");
		}
	});

	$('#senhab').focus( function() {
		if ($(this).val() == "senha") {
		    $(this).val("");
		}		
	});
	
	//------------------------------------
	$('#q').focus( function() {
		if ($(this).val() == "Digite aqui sua busca") {
		    $(this).val("");
		}
	});
 
	// Quando a pessoa tirar o foco do input
	$('#q').blur( function(){
		if ($(this).val() == "") {
		    $(this).val("Digite aqui sua busca");
		}
	});
	
	
	//---------------- abas video
	
	$("#abasv").addClass("bg_abav2");

	$("#abav1").click( function(){
	    $("#abasv").removeClass("bg_abav2");
		$("#abasv").addClass("bg_abav1");
	});
	
	$("#abav2").click( function(){
	    $("#abasv").removeClass("bg_abav1");
		$("#abasv").addClass("bg_abav2");
	});
	
	
	
	///////////////////////////// INDICAR //////////////////////////////
	
	$('#seunome').focus( function() {
		if ($(this).val() == "Seu nome") {
		    $(this).val("");
		}		
	});
	
	$('#seunome').blur(function(){
		if ($(this).val() == "") {
		    $(this).val("Seu nome");
		}
	});
	
	$('#nomeamigo').focus( function() {
		if ($(this).val() == "Nome do seu amigo") {
		    $(this).val("");
		}		
	});
	
	$('#nomeamigo').blur(function(){
		if ($(this).val() == "") {
		    $(this).val("Nome do seu amigo");
		}
	});
	
	$('#email').focus( function() {
		if ($(this).val() == "E-mail do seu amigo") {
		    $(this).val("");
		}		
	});
	
	$('#email').blur(function(){
		if ($(this).val() == "") {
		    $(this).val("E-mail do seu amigo");
		}
	});
	
	$('#texto').focus( function() {
		if ($(this).val() == "Mensagem") {
		    $(this).val("");
		}		
	});
	
	$('#texto').blur(function(){
		if ($(this).val() == "") {
		    $(this).val("Mensagem");
		}
	});
	
	
});