$(document).ready(function() {
    setListener();
});


var sCurrentImageLoaded = 'imgImageGallery1';
var sCurrentLinkLoaded = 'lnkImageGallery1';


function setListener() {
    $('.lnkImageGallery').bind('click', function() {
        var objCurentLink = $(this);
        var sId = $(this).attr('id');
        sId = sId.replace('lnkImageGallery', '');
        var sCurrentImage = 'imgImageGallery' + sId;
        var sCurrentLink = 'lnkImageGallery' + sId;

        if (sCurrentImageLoaded != '') {
            $('#' + sCurrentImageLoaded).css("display", "none");
            //$('#' + sCurrentImageLoaded).fadeOut(300);
        }

        if (sCurrentLinkLoaded != '') {
            var parentTag = $('#' + sCurrentLinkLoaded).parent();
            parentTag = parentTag.attr('id');
            $('#' + parentTag).removeClass("sel");
        }

        $('#' + sCurrentImage).css("display", "block");
        //$('#' + sCurrentImage).fadeIn(300);
        $('#li_' + sId).addClass("sel");
        sCurrentImageLoaded = sCurrentImage;
        sCurrentLinkLoaded = sCurrentLink;
    });
}