$(document).ready(function() {
  visual();

  // Coisas do menu novo
  $(".ulmenu a").click(function(){$(this).blur();}); // remove outline from links
  $(".ulmenu li:eq(5)").mouseover(function(){$(this).stop().animate({height:'104px'},{queue:false,duration:600,easing:'easeOutBounce'})}); // when mouse rolls over
  $(".ulmenu li:eq(3)").mouseover(function(){$(this).stop().animate({height:'104px'},{queue:false,duration:600,easing:'easeOutBounce'})});
  $(".ulmenu li").mouseout(function(){$(this).stop().animate({height:'35px'},{queue:false,duration:600,easing:'easeOutBounce'})}); // when mouse is removed
});

var tip = function(element) {
	var texto = $(element).attr('rel');
	
	$('p#tip').remove();
	
	$('body').prepend('<p id="tip"></p>');
    $('p#tip').append(texto);

    $('p#tip').css('display', 'block');
    $('p#tip').css('padding', '5px');
    $('p#tip').css('color', 'white');
    $('p#tip').css('background-color', '#000000');
    $('p#tip').css('position', 'absolute');
	$('p#tip').css('font-size', '11px');
	$('p#tip').css('font-family', 'Arial');
	$('p#tip').css('z-index', '999');
    
    $('p#tip').hide();
	
	var posY = ($('p#tip').height()/2)-10;
	
	$(element).mousemove(function(e) {
        $("p#tip").fadeIn(300);
        $("p#tip").css({
            top: (e.pageY) + "px",
            left: (e.pageX + 20) + "px"
        });
    });
    
    $(element).mouseout(function(e){
        $("p#tip").fadeOut(300);
    });
}

//Função para informações da Sidebar das páginas internas
var sidebar = function(element) {
    $('div#aitflex, div#diferenciais, div#suporte, div#linux').slideUp('slow');
    $('div#'+$(element).attr('href')).slideDown('slow');
}

//Função para o banner da HOME, com load de imagens e mudança de textos!
var banner = function(i) {
    var imagens = new Array();
    imagens[0] = 'imgs/banner/banner-servidores.jpg';
    imagens[1] = 'imgs/banner/banner-quebracabeca.jpg';
    imagens[2] = 'imgs/banner/banner-manutencao.jpg';
    imagens[3] = 'imgs/banner/banner-pinguins.jpg';

    var titulos = new Array();
    titulos[0] = '<b>A iTFLEX</b><br>Information Technology <br>+Flexibility';
    titulos[1] = '<b>Diferenciais</b><br>Por que escolher a iTFLEX?';
    titulos[2] = '<b>Contrato de Suporte</b><br />Suporte Continuado<BR>e Preventivo';
    titulos[3] = '<b>Soluções</b><br>Em Linux';

    var mensage = new Array();
    mensage[0] = 'A iTFLEX é uma empresa de tecnologia da informação especializada em soluções Linux nas áreas de segurança da informação, redes e telefonia IP.'
    mensage[1] = 'Profissionais capacitados e experientes, compromisso com a qualidade e prazos, interfaces de gerenciamento web e soluções flexíveis.';
    mensage[2] = 'Prioridade no atendimento, menor custo da hora técnica, sistema de banco de horas, manutenção preventiva e atualização das interfaces de gerenciamento.';
    mensage[3] = 'As soluções iTFLEX são baseadas em Linux. Escolhemos e personalizamos as melhores ferramentas em software livre.';

    var ancoras = new Array();
    ancoras[0] = '/empresa';
    ancoras[1] = '/diferenciais';
    ancoras[2] = '/contrato';
    ancoras[3] = '/solucoes';

    $('div#banner div[lang=pt-BR]').animate({opacity: 0.0}, 500);
    // $('div#banner div#loader').animate({opacity: 1}, 1000);
    $('div#banner img[align=right]').animate({opacity: 0.0}, 500, function(){
        var img = new Image();
        $('div#banner img[align=right]').remove();
        img.align = 'right';
        $(img).animate({opacity: 0.0}, 1);
        $(img).load(function() {
            $('div#banner a:eq(0)').prepend(this);
            $('div#banner div[lang=pt-BR] p').html(mensage[i]);
            $('div#banner div[lang=pt-BR] h3').html(titulos[i]);
            $('div#banner a:eq(0)').attr('href', ancoras[i]);
            $('div#banner div[lang=pt-BR] a').attr('href', ancoras[i]);
            // $('div#banner div#loader').animate({opacity: 0}, 100, function(){
            $('div#banner div[lang=pt-BR]').animate({opacity: 1}, 500);
            $('div#banner img[align=right]').animate({opacity: 1}, 500);
            // });
        }).error(function () {
            alert('Imagem não pode ser carregada');
            $('div#banner img[align=right]').remove();
        }).attr('src', imagens[i]);
    });
}

var produtos = function(src, link) {
	$('div#solucoes a#max img').animate({opacity: 0.0}, 200, function(){
		var img = new Image();
		$('div#solucoes a#max img').remove();
		$(img).animate({opacity: 0.0}, 1);
		$(img).load(function () {
			$('div#solucoes a#max').attr('href', link);
			$('div#solucoes a#max').prepend(this);
			$('div#solucoes a#max img').animate({opacity: 1}, 200);
		}).error(function () {
			alert('A imagem não pode ser encontrada');
			$('div#solucoes a#max img').remove();
		}).attr('src', src);
	});	
}

//Função para melhorar as visualizações do site, que não são possíveis com CSS!
var visual = function() {
//    $(document).pngFix();
	
	var links = $('a').get();	
	$.each(links, function(index, el){
		if($(el).attr('rel').length > 28) {
			$(el).mouseover(function() {
				tip(this);
			});
		}
	});
	
	var isIE = $.browser.msie && ($.browser.version == 6.0);

	$('input[type=submit]').addClass('submit');
    
    $('div#solucoes ul li:last-child').css('margin-right', '-2px');
	$('div#rodape ul li:last-child').css('border-right', 'none');
	
	var inputs = $('div#content input, div#content textarea').get();
	$.each(inputs, function(index, input) {
		if(input.type == 'submit' || input.type == 'reset') return false;
		$(input).focus(function() { on_it(input); });
		$(input).blur(function() { on_out(input); });
	});
}

//Funções para inputs - Mudança de estilos
var on_out = function(input) { $(input).css('border', '1px solid white'); $(input).css('color', '#999999'); }
var on_it = function(input) { $(input).css('border', '1px solid #CCCCCC'); $(input).css('color', '#000000'); }

//Ajax função usada para chamar alguma página!
var ajax = function(pagina, parametros, esconde, mostra) {
	$.ajax({
		type: "POST",
		url: pagina,
		data: parametros,
		success: function(msg){
			$(esconde).fadeOut('slow', function() {
				$(mostra).html(msg).fadeIn('slow');
			});
		}
	});	
}

//Função para submit, serialize - TEM QUE MELHORAR
var Submit = function(form, result) {
	//Não funciona com forms multipart (FILES - arquivos)
	var action = $(form).attr("action");
	var rows = form.length;
	var inputs = new Array();
	var preenchido = true;
	//var email = /^[-A-Za-z0-9\._]+@[A-Za-z0-9]+\.(com|net|br|us)(\.[a-z]{2,3})?$/;
	
	for(var i = 0; i < rows; i++) {
		if(i == (rows-1)) {
			// Botão Submit
		} else {
			var display = $(form[i]).css("display");
			if(display == "inline" || display == "block" || display == "inline-block") {
    			if(i == 0) {
    				if(form[i].value == 0) {
    					preenchido = false;
    				} else {
    					inputs.push(form[i].name + "=" + form[i].value);
    				}
    			} else {
    				if(form[i].value == "") {
    					preenchido = false;
    				} else {
    					inputs.push("&" + form[i].name + "=" + form[i].value);
    				}
    			}
			}
		}
	}

	//Transforma o array em String (query)
	var query = inputs.join();
	for(var x = 0; x < query.length; x++)
	{
		query = query.replace(",","");
	}

	//Se estiver todos preenchidos, chama funcao
	if(preenchido) {
		if(action == "trabalhe_envia.php")
		{
			form.submit();	
		}
		else
		{
			ajax(action, query, form, result);
		}
	} else {
		Alert("Preencha todos os campos corretamente.");
	}
	
}

//Função para adicionar SWF's no html... Usa funções da ADOBE!
var swf = function(src, width, height, wmode) {
	//alert(src);
	// Globals
	// Maior Versão do flash requerida
	var requiredMajorVersion = 9;
	// Menor versão do flash requerida
	var requiredMinorVersion = 0;
	var requiredRevision = 0;
	
	// Checa a versão do flash baseado nas váriaveis acima
	var hasReqestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
	
	// Se tiver flash player e a versão for correta
	if (hasReqestedVersion) {
		// Inclui o flash, com embed, no html		
		AC_FL_RunContent(
					"src", src,
					"width", width,
					"height", height,
					"align", "middle",
					"id", "detectionExample",
					"quality", "high",
					"wmode", wmode,
					"bgcolor", "#FFFFFF",
					"name", "detectionExample",
					"allowScriptAccess","sameDomain",
					"type", "application/x-shockwave-flash",
					'codebase', 'http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab',
					"pluginspage", "http://www.adobe.com/go/getflashplayer"
		);
	} else {  // Se não, se o flash for velho ou não tiver flash
		var alternateContent = 'Desculpe, ocorreu um erro.<BR>'
		+ 'Este conte&uacute;do requer o plugin mais atual do Adobe Flash Player.<BR> '
		+ '<a href=http://www.adobe.com/go/getflash/>Clique aqui para fazer o download.</a>';
		document.write(alternateContent);  // Insere o conteúdo html
	}
}