/*
 * Zallery JQuery Plugin by Michael Schilbach
 *
 * Copyright 2010 by Michael Schilbach <cimrellik@googlemail.com>
 *
 * This program is free software; you can redistribute it and/or modify it
 * under the terms of the GNU General Public License as published by the Free
 * Software Foundation; either version 2 of the License, or (at your option)
 * any later version.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
 * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
 * more details.
 *
 */


(function($) {
    $.fn.msgallery = function(settings) {
        var defaults = {
            topzoom: 120,       // Higher Number => Stronger Zoom Effect
            startheight: "300px",   // Unexpanded height
            startimg: "",       // Alternate image for unexpanded view
            returntostart: true,    // Back to first pic when stopping slideshow?
            effect: "zoom",     // zoom, fade, none
            effectduration: 1000,   // Duration of effect (duh)
            autostart: true,    // Automatically start when expanding
            autotimer: 7000     // Time to wait between pics if automatic
        };

        var options = $.extend(defaults, settings);

        this.each(function() {  
            var obj = $(this);

///////////////////////////////////////////////////////////


            // Start Values
            var max = $("img", obj).size();
            var zoom = new Array();
            var top = new Array();
            var left = new Array();
            var maxheight = 0;
            var maxwidth = 0;
            var trans = false;
            var current = 1;


            // Get Dimensions of each pic for zoom-out effect
            $(window).load(function() {
                for(i=0;i<max;i=i+1) {
                    $("img:eq("+i+")", obj).removeAttr("width").removeAttr("height");
                    if($("img:eq("+i+")", obj).height() > maxheight) { maxheight = $("img:eq("+i+")", obj).height(); }
                    if($("img:eq("+i+")", obj).width() > maxwidth) { maxwidth = $("img:eq("+i+")", obj).width(); }
                    zoom[i] = $("img:eq("+i+")", obj).height() + options.topzoom;
                    top[i] = parseInt($("img:eq("+i+")", obj).css("top")) - (options.topzoom / 2);
                    left[i] = Math.floor(($("img:eq("+i+")", obj).width() - Math.floor($("img:eq("+i+")", obj).width() / ($("img:eq("+i+")", obj).height() / ($("img:eq("+i+")", obj).height() + options.topzoom)))) / 2);
                }
                // Set width according to images
                obj.css("width", maxwidth);
            });

            $("img", obj).fadeTo(1, 1).hide();


            // Define closed object
            obj.css("height", options.startheight);
            if(options.startimg) {
                obj.css("backgroundImage", "url("+options.startimg+")");
                obj.css("backgroundRepeat", "no-repeat");
            } else {
                $("img:eq(0)", obj).show().css("z-index", 100);
            }


            // Create Menu
            obj.append('<div></div><div id="msblend"></div>');
            $("div", obj).css("position", "static");
            $("div:not(#msblend)", obj).append('<div id="msstartslideshow"></div><div id="msstopslideshow" style="display:none;"></div><div id="msslideshowcontrol" class="paused" style="display:none;"><a href="#" id="msprevklapp"></a><a href="#" id="msnextklapp"></a><a href="#" id="msstopautoklapp"></a></div>');

            // CSS Styles
            obj.css({
                position: "relative",
                overflow: "hidden"
            });
            $("a", obj).css("outline", "none");
            $("img", obj).css({
                border: "none",
                position: "absolute",
                top: 0,
                left: 0
            });
            $("#msstartslideshow").css({
                position: "absolute",
                "z-index": 900
            });
            $("#msstopslideshow").css({
                position: "absolute",
                "z-index": 900
            });
            $("#msblend").css({
                height: "100%",
                width: "100%",
                position: "absolute",
                top: 0,
                left: 0,
                "z-index": 90
            });


            // Transition
            function klappgallery(dir) {
                if(!trans) {
                    trans = true;
                    setTimeout(function() { trans = false; }, 900);
                    prev = current;
                    if(dir == "next") {
                        current = current + 1;
                    } else {
                        current = current - 1;
                    }
                    if(current <= 0) { current = max; }
                    if(current > max) { current = 1; }
                    if(current != prev) {
                        $("img:eq("+(current-1)+")", obj).show().css({ height: "auto", top: 0, left: 0, "z-index": 10 });
                        $("img:eq("+(prev-1)+")", obj).css({ height: "auto", left: 0, "z-index": 100 });

                        $("#msblend").fadeTo(options.effectduration, 0, function() {
                            $("img:eq("+(current-1)+")", obj).css("z-index", 100);
                            $(this).fadeTo(1, 1);
                        });

                        if(options.effect == "zoom") {
                            $("img:eq("+(prev-1)+")", obj).animate({ height: zoom[(prev-1)]+"px", top: top[(prev-1)]+"px", left: left[(prev-1)]+"px" }, {duration: options.effectduration, queue: false});
                        }
                        if(options.effect == "none") {
                            $("img:eq("+(prev-1)+")", obj).hide();
                        } else {
                            $("img:eq("+(prev-1)+")", obj).fadeTo(options.effectduration, 0, function() { $(this).fadeTo(1, 1).hide(); });
                        }
                    }
                }
            }

            // Auto-Scroller
            var autotimer;
            function autogallery() {
                $("#msslideshowcontrol").removeClass("paused");
                clearTimeout(autotimer);
                autotimer = setTimeout(function() {
                    klappgallery("next");
                    autogallery();
                }, options.autotimer);
            }

            var run = 1;
            function stopautogallery(override) {
                if(run == 1 || override == 1) {
                    clearTimeout(autotimer);
                    run = 0;
                    $("#msslideshowcontrol").addClass("paused");
                } else {
                    autogallery();
                    run = 1;
                }
            }


            // Bind Buttons

            // Stop Slideshow
            $("#msstopautoklapp").bind("click", function() {
                stopautogallery();

                return false;
            });

            // Start
            $("#msstartslideshow").bind("click", function() {
                obj.animate({ height: maxheight+"px" }, { duration: 500, queue: false });
                if(options.startimg) {
                    obj.fadeTo(250, 0).fadeTo(250, 1);
                }
                setTimeout(function() {
                    if(options.startimg) {
                        obj.css("backgroundImage", "url()");
                        $("img:eq(0)", obj).show();
                    }
                    $("#msstopslideshow").show().fadeTo(250, 1);
                    $("#msstartslideshow").fadeTo(250, 0, function() { $(this).hide(); });
                    $("#msslideshowcontrol").show().fadeTo(250, 1);
                    $("h1", obj).fadeTo(250, 0, function() { $(this).hide(); });
                    obj.show().fadeTo(250, 1);
                }, 250);
                if(options.autostart) {
                    autogallery();
                    run = 1;
                } else {
                    run = 0;
                }
            });

            // Stop
            $("#msstopslideshow").bind("click", function() {
                obj.animate({ height: options.startheight }, { duration: 500, queue: false });
                if(options.returntostart) {
                    obj.fadeTo(250, 0).fadeTo(250, 1);
                }
                setTimeout(function() {
                    if(options.startimg) {
                        obj.css("backgroundImage", "url("+options.startimg+")");
                    }
                    $("#msstartslideshow").show().fadeTo(250, 1);
                    $("#msstopslideshow").fadeTo(250, 0, function() { $(this).hide(); });
                    $("#msslideshowcontrol").fadeTo(250, 0, function() { $(this).hide(); });
                    $("h1", obj).show().fadeTo(250, 1);

                    // Reset to start
                    if(options.returntostart) {
                        $("img", obj).hide();
                        if(options.startimg) {
                            obj.css("backgroundImage", "url("+options.startimg+")");
                        } else {
                            $("img:eq(0)", obj).css({ "top": "0", "left": "0", "height": "auto" }).show();
                        }
                        current = 1;
                    }
                }, 250);
                stopautogallery(1);
            });

            // Previous
            $("#msprevklapp").bind("click", function() {
                klappgallery("prev");
                stopautogallery(1);

                return false;
            });

            // Next
            $("#msnextklapp").bind("click", function() {
                klappgallery("next");
                stopautogallery(1);

                return false;
            });


///////////////////////////////////////////////////////////

        });
    };
})(jQuery);