jQuery.fn.dynamicSlideshow = function(attr) {
    var content = [];
    attr = attr || {};
    attr.duration = attr.duration || 3000;
    function initSlider(container, img) {
        var curr = 1;
        setInterval( function(){
            if (curr == img.length) {
                curr = 0;
            }
            var i = new Image();
            $(i).load(function(){                
                $(container).append(this);
                $(this).bind('click', function(){
                    someFunction(content[curr-1]);
                });
                $(container).find('img:first').css({'z-index': 1});
                $(this).css({opacity: 0.0, 'z-index': 2}).animate({opacity: 1.0}, 1000, function() {
                        $(container).find('img:first').remove();
                    })
            }).attr('src', img[curr++]).css({position:'absolute',top:0,left:0,'z-index':8});
        }, attr.duration );
   
    };

    $(this).each(function(){
       
        var img = [];
       
       
        $(this).find("a").each(function(){
            img.push($(this).attr("href"));   
            content.push($(this).text());           
        });
       

        var j = new Image();
        var container = this;
        $(this).empty();
        $(j).attr('src', img[0]).css({position:'absolute',top:0,left:0,'z-index':0}).load(function(){
            $(container).append(this);
            initSlider(container, img);
        });       
       
    });
}

function someFunction(url) {
    // do your thing with the url like
    window.open(url);
}


