É bem simples sua utilização, só é preciso seguir umas regras de formatação de classes. Veja o link da aplicação DEMO

Agora veja o link com setas: DEMO

Navegadores: IE7+ / FF4+ / Chrome / Safari / Opera

Pra chamar a função identifique primeiro o ID do Tab que irá ser utilizado.

$("#jtabk").jtabk();

Vamos ver agora o HTML:

<div id="jtabk">
  <ul id="jtabk-menu">
      <li>Tab 1</li>
      <li>Tab 2</li>
      <li>Tab 3</li>
      <li>Tab 4</li>
  </ul>
  <div class="jtabk-panel jtabk-active">1 There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</div>

  <div class="jtabk-panel">2 If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</div>

  <div class="jtabk-panel">3 All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</div>

  <div class="jtabk-panel">4 It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop.</div>
</div>

Vamos para as partes obrigatórias do Plugin:
– O ID jtabk-menu e na lista UL e as classes jtabk-panel no corpo da Tab são obrigatórias.
- A classe jtabk-active marca a Tab atual. (É fundamental essa classe no código; você pode colocar ela em qualquer Tab, sendo assim a primeira a ser mostrada.)

DOCUMENTAÇÃO
1. Para ativar os setas você precisa adicionar alguns parâmetros no Plugin:

$("#jtabk").jtabk({
    arrows: {left: "", right: ""}
});

1.2. Nos parâmetros você pode colocar ID ou class, no caso foram utlizados IDs, veja exemplo:

$("#jtabk").jtabk({
    arrows: {left: "#left", right: "#right"}
});

Veja o HTML:

<div id="setas">
    <a href="javascript:;" id="left"><img src="imgs/left.png"></a>
    <a href="javascript:;" id="right"><img src="imgs/right.png"></a>
</div>

Segue o Código Completo das Tabs simples: DEMO
Download do código Tab: LINK

Segue o Código Completo das Tabs com Setas: DEMO
Download do código Tab com setas: LINK

DOWNLOAD do jTabk Versão: 1.0
Minified e Uncompressed Code

Navegadores: IE7+ / FF4+ / Chrome / Safari / Opera

Precisamos de dois arquivos fundamentais:

Arquivo de Função de acesso ao Facebook (achei na net, não lembro o autor, mais não tirei o cabeçalho): LINK

Arquivo de configuração jSON para ASP (retirado do site oficial do jSON: LINK.

Você vai precisar de uma função de base64, eu adicionei a de Encode e Decode, caso precisem em outros projetos.

Você precisa adicionar o ID da sua aplicação, A URL de retorno (não precisa mudar a query que coloquei, facilita a autenticação em um arquivo só), e as permissões em sequencia (isso você acha no facebook developer).

Eu salvei tudo em Session, o token, o signed request e o ID do usuário do facebook:

set user = JSON.parse(base64Decode(playload))
session("signed_request") = request("signed_request")
session("oauth_token") = user.oauth_token
session("id_atual") = user.user_id
response.redirect("pagina.asp")

E Adicionei um Redirect para quando estiver autenticado:

Segue o Código completo:

<script language="javascript" runat="server" src="json2.asp"></script>
<!-- #include file="fb_app.asp" -->
<%
session.lcid = 1046
session.timeOut = 1440
server.scriptTimeOut = 999999999

if (request.QueryString("logar") = "") then
	main
	function main
		dim strJSON
		dim URL
		dim sToken
		dim user
		dim loc

		set cookie = get_facebook_cookie( FACEBOOK_APP_ID, FACEBOOK_SECRET )
		if cookie.count > 0 then
			response.write "Logado... Ok! <br/>"
			sToken = cookie("access_token")
			url = "https://graph.facebook.com/me?access_token=" & sToken
			strJSON = get_page_contents(URL) 

			set user = JSON.parse(strJSON)
			response.write cookie("access_token")
		else
			link = "http://www.facebook.com/dialog/oauth?client_id=ID_DA_SUA_APLICAÇÃO&redirect_uri="&server.URLEncode("http://apps.facebook.com/NOME_DA_MINHA_APP/autenticacao.asp?logar=ok")&"&scope=offline_access,user_location,email,publish_stream,user_birthday,read_friendlists"
			response.write("<script>top.location.href='" & link & "';</script>")
		end if
	end function
else
	const BASE_64_MAP_INIT ="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"
	dim nl
	dim Base64EncMap(63)
	dim Base64DecMap(127)

	public sub initCodecs()
		nl = "<P>" & chr(13) & chr(10)
		dim max, idx
		   max = len(BASE_64_MAP_INIT)
		for idx = 0 to max - 1
			 Base64EncMap(idx) = mid(BASE_64_MAP_INIT, idx + 1, 1)
		next
		for idx = 0 to max - 1
			 Base64DecMap(asc(Base64EncMap(idx))) = idx
		next
	end sub

	public function base64Encode(plain)
		if len(plain) = 0 then
			 base64Encode = ""
			 exit function
		end if
		dim ret, ndx, by3, first, second, third
		by3 = (len(plain) \ 3) * 3
		ndx = 1
		do while ndx <= by3
			 first  = asc(mid(plain, ndx + 0, 1))
			 second = asc(mid(plain, ndx + 1, 1))
			 third  = asc(mid(plain, ndx + 2, 1))
			 ret = ret & Base64EncMap((first \ 4) and 63)
			 ret = ret & Base64EncMap(((first * 16) and 48) + ((second \ 16) and 15))
			 ret = ret & Base64EncMap(((second * 4) and 60) + ((third \ 64) and 3))
			 ret = ret & Base64EncMap(third and 63)
			 ndx = ndx + 3
		loop
		if by3 < len(plain) then
			 first  = asc(mid(plain, ndx + 0, 1))
			 ret = ret & Base64EncMap((first \ 4) and 63)
			 if (len(plain) MOD 3) = 2 then
				  second = asc(mid(plain, ndx+1, 1))
				  ret = ret & Base64EncMap(((first * 16) and 48) + ((second \ 16) and 15))
				  ret = ret & Base64EncMap(((second * 4) and 60))
			 else
				  ret = ret & Base64EncMap((first * 16) and 48)
				  ret = ret & "="
			 end if
			 ret = ret & "="
		end if
		base64Encode = ret
	end function

	public function base64Decode(scrambled)
		if len(scrambled) = 0 then
			 base64Decode = ""
			 exit function
		end if
		dim realLen
		realLen = len(scrambled)
		do while mid(scrambled, realLen, 1) = "="
			 realLen = realLen - 1
		loop
		dim ret, ndx, by4, first, second, third, fourth
		ret = ""
		by4 = (realLen \ 4) * 4
		ndx = 1
		do while ndx <= by4
			 first  = Base64DecMap(asc(mid(scrambled, ndx+0, 1)))
			 second = Base64DecMap(asc(mid(scrambled, ndx+1, 1)))
			 third  = Base64DecMap(asc(mid(scrambled, ndx+2, 1)))
			 fourth = Base64DecMap(asc(mid(scrambled, ndx+3, 1)))
			 ret = ret & chr(((first * 4) and 255) + ((second \ 16) and 3))
			 ret = ret & chr(((second * 16) and 255) + ((third \ 4) and 15))
			 ret = ret & chr(((third * 64) and 255) + (fourth and 63))
			 ndx = ndx + 4
		loop
		if ndx < realLen then
			 first  = Base64DecMap(asc(mid(scrambled, ndx+0, 1)))
			 second = Base64DecMap(asc(mid(scrambled, ndx+1, 1)))
			 ret = ret & chr(((first * 4) and 255) + ((second \ 16) and 3))
			 if realLen mod 4 = 3 then
				  third = Base64DecMap(asc(mid(scrambled,ndx+2,1)))
				  ret = ret & chr(((second * 16) and 255) + ((third \ 4) and 15))
			 end if
		end if
		base64Decode = ret
	end function
	call initCodecs

	splitvar = split(request("signed_request"), ".")
	encoded_sig = splitvar(0)
	playload = splitvar(1)

	set user = JSON.parse(base64Decode(playload))
	session("signed_request") = request("signed_request")
	session("oauth_token") = user.oauth_token
	session("id_atual") = user.user_id
	response.redirect("animacao.asp")
end if
%>

Segue avaliação: DEMO

Navegadores: IE7+ / FF4+ / Chrome / Safari / Opera

Veja também no site oficial do jQuery:
http://plugins.jquery.com/project/plusvalidate

Com esse plugin você pode validar:
- Se o campo for vazio:
- O mínimo de caracteres para esse campo e colocando uma mensagem de alerta:
- Forçar o usuário a digitar se o campo tem só números:
- Verificar se o E-mail é um endereço eletrônico.

Pra chamar a função identifique primeiro o ID do formulário que irá ser utilizado.

$("#meu_formulario").plusvalidate();

Dentro da função .plusvalidate(); você passa os parâmetros necessario. Vamos ver um exemplo:

$(function(){
    $("#meu_formulario").plusvalidate({
        animation: {
            type : "alert"
        },

        cname: {
            message: "Preencha o campo Nome"
        },

        cemail: {
            message: "Preencha o campo Email",
            required: "email",
            requiredMessage: "Esse campo precisa ter um email eletronico"
        }
    });
});

Segue o HTML

<form id="meu_formulario">
    <p>
        <label>Nome</label>
        <input type="text" name="cname" />
    <p>
        <label>E-Mail</label>
        <input type="text" name="cemail" />
    </p>
    <p>
        <label>Comentário</label>
        <textarea name="comment"></textarea>
    </p>
    <p><input class="submit" type="submit" value="Submit"/></p>
</form>

DOCUMENTAÇÃO
1. Para adicionar os campos na validação é simples, basta ter o name do campo desejado e colocar na função, separado por vírgula, logo após o animation

cname: {

},
cemail: {

}

O “cname” e o “cemail” seriam os names dos campos “Nome” e “E-mail” do formulário

1.2. Validar se o campo for vazio: use o “message”:

cname: {
	message: "Preencha o campo Nome"
}

1.3. Use o parâmetro “required” para validar um campo, seguido de uma mensagem usando o “requiredMessage”:

cemail: {
    required: "email",
    requiredMessage: "Esse campo precisa ter um email eletronico"
}

OBS: O parâmetro “required” pode validar os sequintes parâmetros:
- email (Verifica se o e-mail é válido)
- number (Verifica se existem só números no campo)
- checkbox (Valida se está marcado um checkbox)
- radio (Valida se está marcado um radio)
- textarea (Valida um Textarea)
- select (Valida se está selecionado algum valor no combo)

Ex 1:

ctermos: {
    required: "checkbox",
    requiredMessage: "Você precisa aceitar os termos para continuar"
}

Ex 2:

cnumero: {
    required: "number",
    requiredMessage: "Esse campo só aceita números"
}

1.4. Existem campos que você pode colocar o o mínimo de caracteres desejados, para isso use o parâmetro “min” seguido da mensagem com o “minMessage”:

clogin: {
    min: 3,
	minMessage: "Esse campo não pode ter menos de 3 caracteres"
}

2. Para colocar um estilo de validação no formulário use o parâmetro animation, que recebe o type com 5 tipos:

2.1. type: “alert”
Ativa um alerta comum na página. O alerta passa campo por campo.
Ex:

animation: {
	type : "alert"
}

2.2. type: “allalert”
Ativa um alerta comum na página dizendo todos os campos que estão faltando preencher e tuas devidas propriedades.

animation: {
	type : "allalert"
}

2.3. type: “star”
Mostra um estrela (asterístico) ao lado do campo dentro de uma TAG span com uma classe chamada plusvalidate-star. Você pode mudar o estilo dessa classe através de um CSS comum, um estilo.

animation: {
	type : "star"
}

2.4. type: “allstar”
Segue o mesmo padrão do type: “star”, porém aparecem todas de vez. Também criam um span com classe e pode ser manipulado.

animation: {
	type : "allstar"
}

2.5. type: “animate”
Cria uma animação de “balanço” nos campos e deixa uma borda sinalizando o alerta. É a única validação que passa outros parâmetros, de cor da borda e de velocidade da animação. Não é obrigatório pois já vem como default a cor “#F00” (vermelho) e velocidade “50”
Ex:

animation: {
	type : "animate",
    color: "#369",
    duraction: 100
}

OBS: O duraction seria igual ao jQuery, pode usar acima de 10 para melhor efeito.
OBS: O campo de select não cria efeito e nem marca. (disponíveis agora na versão 1.1) Os campos de checkbox e de radio não marcam, mais criam o efeito.

Segue abaixo um completo: DEMO
Faça o DOWNLOAD do Plugin 1.1.

DOWNLOAD do Plus Validate Versão: 1.1
Minified e Uncompressed Code

DOWNLOAD do Plus Validate Versão: 1.0
Minified e Uncompressed Code

Veja também no site oficial do jQuery:
http://plugins.jquery.com/project/plusvalidate

Navegadores: IE7+ / FF4+ / Chrome / Safari / Opera

Nessa versão, a Janela Modal acompanha o scroll.

Segue o link do DEMO

Navegadores: IE7+ / FF4+ / Chrome / Safari / Opera

Veja também no site oficial do jQuery:
http://plugins.jquery.com/project/divbox-for-tedk

1. Adicione ele a div que precisa do efeito: Esse efeito será acionado assim que a página for carregada.
OBS: A div precisa estar oculta, usando um display: none; no CSS

$(function(){
    $("#teste").divbox();
});  

2. DOCUMENTAÇÃO:
2.1: Para adiconar cor ao fundo da máscara use o parâmetro “color”:

$(function(){
    $("#teste").divbox({
        color: "#C33"
    });
}); 

OBS: A Cor default do plugin é “#000″ (Preto)

2.2: Para aumentar a diminuir a opacidade da máscara use o parâmetro “opacity”: (DICA: “de 0.1 a 0.9″)

$(function(){
    $("#teste").divbox({
        opacity: 0.5
    });
});

OBS: Por padrão a Opacidade é “0.8″

2.3: Para retirar o link de fechar da máscara, mude o parâmetro “clickBackground” para false:

$(function(){
    $("#teste").divbox({
        clickBackground: false
    });
});  

2.4: Para adicionar uma funcionalidade de fechar a máscara em algum elemento da página, basta passar o ID ou Class do elemento para o parâmetro “close”:

$(function(){
    $("#teste").divbox({
        close: "#fechar"
    });
});

<a href="javascript:" id="clicar">Clique aqui para abrir a DIV</a>

<div id="teste">
	<h2>Minha Div atual.</h2>
	<br />
	<a href="javascript:;" id="fechar">Clique aqui para fechar!</a>
</div>  

2.5: O Plugin DivBox já vem com uma div default centralizada, mais você pode otimizar, colocando o estilo de sua div dentro do plugin. Para isso, use uma classe como mostra o exemplo:

$(function(){
    $("#teste").divbox({
        class: "div_teste"
    });
}); 

Veja o Código completo e o exemplo:

$(function(){
    $("#clicar").click(function(){
        $("#teste").divbox({
            color: "#C33",
            opacity: 0.9,
            clickBackground: false,
            close: "#fechar"
        });
    });
}); 

Segue exemplo: DEMO
Faça o DOWNLOAD do Plugin 1.0.

DOWNLOAD do Plus Validate Versão: 1.0
Minified e Uncompressed Code

Veja também no site oficial do jQuery:
http://plugins.jquery.com/project/divbox-for-tedk

Navegadores: IE7+ / FF4+ / Chrome / Safari / Opera

Clique com o botão direito do mouse em cima da pasta Frameworks e siga para Add > Existing Frameworks. Procure por MapKit.framework, selecione e clique no botão Add. O MapKit.framework irá aparecer dentro da pasta Frameworks

Feito isso, vamos agora criar os métodos necessários para nossa aplicação rodar. Vá até a pasta Class e clique no arquivo Google_MapsViewController.h. É nele que vamos criar nosso diretrizes e principalmente importar o MapKit.framework, vamos seguir o passo-a-passo abaixo.

#import <UIKit/UIKit.h>
#import <MapKit/MapKit.h>

@interface Google_MapsViewController : UIViewController {

    MKMapView *verMapa;

}

@property (nonatomic, retain)IBOutlet MKMapView *controleMapa;

- (IBAction)controleMapa:(id)sender;

@end

Repare que importei a biblioteca e crie um botão controleMapa que sera um Segmented Control e também foi criado a MKMapView, chamada de verMapa.

Reconhecendo todo o ambiente de trabalho do Xcode vamos para a pasta que cor lilas chamada Interface Builder Files e dar duplo click no arquivo Google_MapsViewController.xib, com isso o Interface Builder é aberto e nossa tela de edição fica em evidência.

Em nossa Library vamos arrastar uma Toolbar e retirar o botão default, no lugar do botão retirado vamos arrastar o Segmented Control, ele vêm com dois botões mais vamos colocar três (logo em seguida irei mostrar como editar e colocar os valores dentro dele) que vem e depois arrastar uma Map View e joga ela acima, ficando assim:

Para editar as configurações de um Segmented Control você tem que clicar nele, ir para aba Attributes, onde tem a opção Segments: 2 você troca por 3 e terá um combo com três opções: Segment 0, Segment 1 e Segment 2, abaixo dele existe um campo Title, é nele que você vai editar os valores do campo, veja como ficou na imagem abaixo:

Clique na imagem para ver ela ampliada

Ainda no Interface Builder, clique em File’s Owner e vá em Connections e arraste o verMapa para o MKMap View e o controleMapa para o Segmented Control ficando assim:

Clique na imagem para ver ela ampliada

OBS: quando você arrastar o controleMapa para o Segmented Control ele vai aparecer uma lista de opções, você escolhe a opção Value Changed, pois quando você clicar no Segmented Control ele vai passer os valores 0, 1 e 2 para a funcão controleMapa que já está recebendo o (id)sender.

Salve e feche o Interface Builder e vamos voltar para o Xcode. Volte para a pasta Class e abra o arquivo Google_MapsViewController.m e jogue o seguinte código:

#import "Google_MapsViewController.h"

@implementation Google_MapsViewController

- (IBAction)controleMapa:(id)sender {

    switch (((UISegmentedControl *)sender).selectedSegmentIndex) {
        case 0:
            verMapa.mapType = MKMapTypeStandard;
            break;

        case 1:
            verMapa.mapType = MKMapTypeSatellite;
            break;

        case 2:
            verMapa.mapType = MKMapTypeHybrid;
            break;
    }

}

- (void)dealloc {
    [verMapa dealloc];
    [super dealloc];
}

Repare que usei o UISegmentedControl para pegar o valor atual que foi jogado no Segmented Control e coloquei um switch para ficar mais fácil, cada case tem sua funcionalidade, fechei meu projeto com o [verMapa dealloc]; e vamos ver como ele ficou?

É isso aí, galera, podem perguntar se tiverem dúvidas. Pegue aqui o código completo do projeto.
Abraços e até a próxima.

Segue a função abaixo:

<script type="text/javascript">
	function array_search(parametro, arr){
		var key = "";
		var strict = "";

		for (key in arr){
			if ((strict &amp;amp;amp;&amp;amp;amp; arr[key] === parametro) || (!strict &amp;amp;amp;&amp;amp;amp; arr[key] == parametro)){
				return parametro;
			}
		}

		return false;
	}
</script>

Exemplo de aplicação:

<script type="text/javascript">
	var array_dados = ["Teste 01", "Teste 02", "Teste 03"];
	alert(array_search("Teste 02", array_dados));
</script>

Segue o script completo:

<script type="text/javascript">
// Função.
function array_search(parametro, arr){
    var key = "";
	var strict = "";

    for (key in arr){
        if ((strict &amp;amp;amp;&amp;amp;amp; arr[key] === parametro) || (!strict &amp;amp;amp;&amp;amp;amp; arr[key] == parametro)){
			return parametro;
        }
    }

    return false;
}

// Criando o Arrray para teste.
var array_dados = ["Teste 01", "Teste 02", "Teste 03"];

// Aplicando o Teste.
alert(array_search("Teste 02", array_dados));
</script>

A globo.com usa muito em ele algumas sessões do site, veja aqui um exemplo aplicado
Novela Araguaia

Veja alguns links abaixo
Download: http://www.jacksasylum.eu/ContentFlow/download.php
Documentação: http://www.jacksasylum.eu/ContentFlow/docu.php

O código é a engenharia completa de um site, sem ele não existe site, isso é um fato!
Ter um código limpo, não é necessariamente, ter um site 100% rodando sem erros, até porque, o erro não precisa ser “visualmente” constatado.

Mesmo que seu site seja homologado muitas vezes por você mesmo, sempre passa alguma coisa que sua mente cansada não visualizou, ou simplesmente, deixou para resolver o tal erro, mais tarde e no final, não resolveu.
Use a cabeça, quer dizer, use mais mentes a seu favor. Fazer testes de estresses (que é forçar os erros acontecerem) no seu código ajuda a sanar os erros que restaram, mais não quer dizer que foram todos resolvidos.

Pessoas que nunca visualizaram seu site ou seu código podem ajudar nessa tarefa. Veja algumas coisas que nunca poderão acontecer em seu site:

1. Já imaginou um usuário entrar em um site, e clicar em um link que não vai para lugar nenhum? Complicado isso, é estressante! Para que tem a tal da “mãozinha” se não te leva a lugar algum?

2. Site que demora de carregar. Isso realmente mata. Você acha que é pouco tempo, mais para o usuário esperar mais de 10 segundos para seu site carregar, é uma eternidade. Otimize seu código, suas imagens, e o conteúdo do texto pode também ser otimizado. Pense nisso!

3. Tipografia! O que é isso? São as fontes usadas em seu site. Certo! Fontes? Não use tantas fontes em seu site, duas no máximo, para que ter um carnaval de fontes de vários tipos e de vários tamanhos? Foque na usabilidade.

4. Formulários. Essa palavra realmente desanima seu usuário. Nome, e-mail, telefone, celular, CPF, endereço, bairro, cidade, estado… Nossa! Quanta coisa! Você mesmo iria preencher isso tudo? Otimize esses campos. O usuário odeia digitar muito, somos preguiçosos na internet, não podemos gastar muito tempo.

Essas dicas podem te ajudar a ter um código mais limpo e ter uma boa usabilidade em seu site. Pesquise mais sobre usabilidade, as empresas hoje em dia procuram profissionais que tenham uma mente aberta para customizar sites antigos!