Pop-up de DIV com JS + fadeIn & fadeOut?

Boa noite, estou desenvolvendo um site e, quando o usuário clicar em um link específico, gostaria que abrisse uma div no estilo pop-up mas na mesma página (sem abrir uma nova janela, só a div mesmo, tipo display:none/display:block) e que o resto da página ficasse escura e inativa, só podendo voltar ao normal se o usuário clicar no "x" para fechar o pop-pup (div) ou se ele clicar fora dela.

O pop-up seria praticamente igual aqueles de like-box do facebook sabe? Só que em vez de abrir sozinho, o usuário teria que clicar em um link específico para abri-lo (no meu caso, o link seria uma imagem linkada).

Já tentei utilizar algumas funções beeeeem simples de JS mas sou bem leigo no assunto, então não consegui o efeito e muito menos encontrei algo na internet ou mesmo por aqui que me explicasse exatamente o que eu quero.

Bom, desde já agradeço a ajuda.

Um ótimo abraço,

Bruno Javan