jQuery(document).ready(function() {
    /* avatar gallery */
    jQuery('#bar-gallery-prev a').unbind('click').click(function() {
        var currImg = jQuery('#bar-gallery-current-image');
        currImg.fadeOut(500, function() {
            var currImgSrc = currImg.attr('src');
            var imgParams = utils.serializeUrlParameters(currImgSrc);
            var prevImgId = imgParams['prev'];
            if (prevImgId == -1) {
                prevImgId = imgParams['last'];
            }

            var _currLnk = jQuery('#bar-gallery-curr a');
            var _currHref = _currLnk.attr('href');
            var _currParams = utils.serializeUrlParameters(_currHref);
            if (_currParams['imgID']) {
                var _newHref = _currHref.replace('imgID=' + _currParams['imgID'], 'imgID=' + imgParams['prev']);
                _currLnk.attr('href', _newHref);
            }

            var newImg = jQuery('#__img_' + prevImgId);
            currImg.attr('src', newImg.attr('src'));
            currImg.fadeIn(500);
            var newImgParams = utils.serializeUrlParameters(newImg.attr('src'));
            jQuery('#bar-gallery-current-index').html(newImgParams['index']);
        });
        return false;
    });

    jQuery('#bar-gallery-next a').unbind('click').click(function() {
        var currImg = jQuery('#bar-gallery-current-image');
        currImg.fadeOut(500, function() {
            var currImgSrc = currImg.attr('src');
            var imgParams = utils.serializeUrlParameters(currImgSrc);
            var nextImgId = imgParams['next'];
            if (nextImgId == -1) {
                nextImgId = imgParams['first'];
            }

            var _currLnk = jQuery('#bar-gallery-curr a');
            var _currHref = _currLnk.attr('href');
            var _currParams = utils.serializeUrlParameters(_currHref);
            if (_currParams['imgID']) {
                var _newHref = _currHref.replace('imgID=' + _currParams['imgID'], 'imgID=' + imgParams['next']);
                _currLnk.attr('href', _newHref);
            }

            var newImg = jQuery('#__img_' + nextImgId);
            currImg.attr('src', newImg.attr('src'));
            currImg.fadeIn(500);
            var newImgParams = utils.serializeUrlParameters(newImg.attr('src'));
            jQuery('#bar-gallery-current-index').html(newImgParams['index']);
        });
        return false;
    });

    /* pop-up gallery */
    BindGalleryPopup = function() {
        jQuery('.gallery-pager-item').unbind('click').click(function() {
            jQuery('#galleryPopupImagesList').html("<div style='text-align:center;padding:20px;width:350px;'><img src='" + __root + "Content/images/load_circle.gif' /></div>");
            var _url = jQuery(this).attr('href');
            jQuery.get(_url, function(data) {
                jQuery('#galleryPopupImagesList').html(data);
                BindGalleryPopup();
            });
            return false;
        });
        jQuery('#galleryPopupImage .gallery-popup-opener, #galleryPopupImagesList .gallery-popup-opener').unbind('click').click(function() {
            var _this = jQuery(this);
            var imageHolder = jQuery('#galleryPopupImage');
            var listHolder = jQuery('#galleryPopupImagesList');
            imageHolder.html("<div style='text-align:center;padding:20px;width:300px;'><img src='" + __root + "Content/images/load_circle.gif' /></div>");
            var _url = _this.attr('href');
            jQuery.get(_url, function(data) {
                imageHolder.html(jQuery(data).find('#galleryPopupImage').html());
                listHolder.html(jQuery(data).find('#galleryPopupImagesList').html());
                BindGalleryPopup();
            });
            return false;
        });
        jQuery(document).unbind('keyup').keyup(function(e) {
            if (jQuery('#__popupHolder').css('display') != 'none' && !e.altKey && !e.shiftKey && !e.ctrlKey) {
                if (e.keyCode == 37 && jQuery('#__prevGalleryItem').length > 0) {
                    jQuery('#__prevGalleryItem').click();
                }
                if (e.keyCode == 39 && jQuery('#__nextGalleryItem').length > 0) {
                    jQuery('#__nextGalleryItem').click();
                }
            }
        });
    }

    jQuery('.gallery-popup-opener').click(function() {
        var _url = jQuery(this).attr('href');
        openPopup(_url, function(hash) {
            hash.w.css({ width: '790px', margin: '0 0 0 -395px', top: '10%' });
            BindGalleryPopup();
        });
        return false;
    });
});