// PLUGIN DEFINITION
(function($) {
    // SLIDER DEFINITION
    $.fn.MangiroGallery = function(options) {
        // build main options
        var settings = $.extend({}, $.fn.MangiroGallery.defaults, options);

        //initiate plugin
        this.each(function() {
            $this = $(this);
            // get main image
            var mainImage = $this.find("img.main-image");
            // get all images
            var thumbList = $this.find("ul li a");
            var thumbListCount = thumbList.length;
            thumbList.each(function() {
                $thumb = $(this);
                var thumbLink = $thumb.attr("href");
                var thumbLinkArray = thumbLink.split('#');
                var imageSrc = "";
                if (thumbLinkArray.length > 0) imageSrc = thumbLinkArray[1];
                //alert(thumbLinkArray[0]);
                $thumb.bind("click", function() {
                    $thisThumb = $(this);
                    if ((!$thisThumb.hasClass(settings.thumbSelectedClass)) && (imageSrc != "")) {
                        mainImage.animate({ opacity: 0.25 }, 250, function() {
                            $(this).attr("src", imageSrc).bind(
                                "load", function() {
                                    thumbList.removeClass(settings.thumbSelectedClass);
                                    $thisThumb.addClass(settings.thumbSelectedClass);
                                    mainImage.animate({ opacity: 1 }, 250, function() {
                                        $(this).clearQueue();
                                    });
                                });
                        });
                    }
                    return false;
                });
            });
        });
    };

    $.fn.MangiroGallery.defaults = {
        id: "mangiro-gallery",
        name: "Mangiro Gallery",
        thumbSelectedClass: "selected"
    }
})(jQuery);