function initializeGallery(idDiv) {
    try {
        var parentDiv = "#" + idDiv;
        $(parentDiv + " .slideshow img:first-child").addClass("active");
        $(parentDiv + " .slideshow").css("display", "block");
      //  setInterval("slideSwitch('next','"+parentDiv+"')", 5000);

        $(parentDiv + " .nextImg").click(function() {

            slideSwitch('next', parentDiv);
        });

        $(parentDiv + " .prevImg").click(function() {

            slideSwitch('prev', parentDiv);
        });
    }
    catch (ex) {
    }
}
function slideSwitch(index,parentDiv) {

    var last = $(parentDiv+" .slideshow img:last-child");
    var first = $(parentDiv+" .slideshow img:first-child");
    var active = $(parentDiv + ' .active');

    var changeTo;
    if (index == 'next')
        changeTo = active.next();
    else
        changeTo = active.prev();

    if (changeTo.attr('src') == last.attr('src'))
        $(parentDiv + " .nextImg").css('visibility', 'hidden');
    else
        $(parentDiv + " .nextImg").css('visibility', 'visible');

    if (changeTo.attr('src') == first.attr('src'))
        $(parentDiv + " .prevImg").css('visibility', 'hidden');
    else
        $(parentDiv + " .prevImg").css('visibility', 'visible');


    if (index == 'next') {
        changeTo.css({ opacity: 0.0 })
                .addClass('active')
                .animate({ opacity: 1.0 }, 1000, function() {
                    active.removeClass('active');
                });
    }
    else {
        changeTo.addClass('active');
        active.animate({ opacity: 0.0 }, 1000, function() {
            active.removeClass('active');
        });
    }
}