/**
*    Morph gallery for jQuery 
*    Copyright (C) 2008 Ziadin Givan www.CodeAssembly.com  
*
*    This program is free software: you can redistribute it and/or modify
*    it under the terms of the GNU Lesser General Public License as published by
*    the Free Software Foundation, either version 3 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.
*
*    You should have received a copy of the GNU Lesser General Public License
*    along with this program.  If not, see http://www.gnu.org/licenses/
*    
*    Examples 
*        $(".jmorph").jmorphGallery();
*/
jQuery.fn.jmorphGallery = function(settings) 
{
        return this.each( function()//do it for each matched element
        {
                
                settings = jQuery.extend(//provide default settings
                {
                        timeout: 1000
                } , settings);

                var parent = $(this);
                var images = new Array;
                var currentImageNr = 0;
                var preloadImage = new Image();

                //get all images
                $(".band li a", parent).each(function(i)
                {
                        images.push($(this).attr('href'));
                });
                
                //load first image
                preloadImage.src = images[currentImageNr];
                $(preloadImage).bind('load',function ()
                {
                        $('.nextImg',parent).css('background-image','url(' + images[currentImageNr] + ')').
                        width(preloadImage.width).
                        height(preloadImage.height).
                        css('opacity','0');
                        $('.currentImg',parent)
                        .animate({width:preloadImage.width,height:preloadImage.height},settings.timeout,
                        function(e) 
                        {
                                $('.currentImg',parent).css('background-image','url(' + images[currentImageNr] + ')');
                                $('.nextImg',parent).css('opacity','1');
                        });
                        $('.nextImg',parent).animate({opacity:'1'},settings.timeout);
                });
                
                function loadImage() {
                  preloadImage.src = images[currentImageNr];
                }
                
                // $('.image').css({ 'display': 'none' });
                $('#morph1').css({ 'opacity': 0 });
                $('#ru').css({ 'display': 'block' });
                var l = document.getElementById('rgear10').offsetLeft;
                $('#ugear10').css({ 'left': l + 480 + 'px' }).animate( { 'left': '33%', 'opacity': 0 }, 'slow', function() {} );
                $('#rgear10').animate( { 'left': '33%', 'opacity': 0 }, 'slow' );
                var to = 1000;
                $('#morph1').animate({ 'opacity': 1 }, 2000,
                  function() { 
                    $(this).animate({ 'height': '640px', 'width': '940px', 'left': l + 'px' }, 'slow',
                    function() {
                      $('#ru').css( 'display', 'none'); $('.image').css( 'display', 'block');
                      $.timer(to, function (timer) {
                        currentImageNr >= images.length - 1 ? currentImageNr = 0 : currentImageNr++;
                        loadImage();
                        timer.reset(to += 500);
                      });
                    });
                  });
        });
};