lightbox perzonalizado

[pinguisport85]

Estimados

Requiero de su ayuda, estoy confeccionando un lightbox propio , pero tengo un problema al llamar al title de la imagen, cambio los parametros hacia el tittle <a> y aparecen, pero se van repitiendo.

adjunto mi codigo para que lo vean:

html : portafolio, muestra la imagen con una capa hover.

Código HTML:

<a class="container-thumb" >
					<span class="rollover"></span>
					<img src="images/thumb-1.png" alt="" width="300" height="250" title="1Lorem ipsum dolor sit amet, consectetur adipisicing elit."  />
				</a> 

Javascript: el llamado a la imagen grande, el cual tengo el problema.

Código Javascript:

$(document).on("ready", main);
 
    function main(){
        $("body").append("<div id='previewSlideshow'><div id='imagen'><img src='' alt='' title=''><div id='descripcion'></div><div id='cerrar'>cerrar</div></div></div>");
        $("#slideshow a.container-thumb").on("click", abrirImagen);
        $("#previewSlideshow #cerrar").on("click", cerrarImagen);
    }
    function abrirImagen(){
        $("#previewSlideshow").fadeIn();
        $("#previewSlideshow img").attr("src","images/slideshow-" + ($(this).index() + 1) + ".png");
        $("#previewSlideshow #descripcion").text($(this).attr("title"));
        //$("#previewSlideshow #descripcion").text($(this).attr("title"));
        return false;
    }
 
    function cerrarImagen(){
        $("#previewSlideshow").fadeOut();
    }