/**
 * Vertical slide animation
 *
 * @created 2010-07-6
 * @author Wim La Haye
 * @copyright Techtwo Webdevelopment 2010 - 2011
 * @version 1.1.0
 */
;(function($){
    
    // Fade animation  
    $.fn.techtwoCaroussel.animations.fade = function(options, caroussel) 
    {
        
        var animation = {},
            caroussel = caroussel;
            
        animation.settings  = $.extend({}, $.fn.techtwoCaroussel.animations.fade.defaults, options);
            
        animation.initialize = function() 
        {
            // Hide excess panels
            caroussel.panels.filter(':not(:eq(' + caroussel.activePanel + '))')
            	.css({opacity: 0, left: 1000, top: 1000})
            	.find('.text-holder')
            		.css({left: 150, opacity: 0});
                        
            // Position elements
            caroussel.wrapper.css({position: 'relative'});
            caroussel.panels.css({position: 'absolute' });
            
        };
        
        animation.gotoPanel = function (index)
        {

            caroussel.animating = true;
            
            caroussel.panels.filter(':eq(' + caroussel.activePanel + ')')
                .animate({opacity: 0}, caroussel.settings.duration, function(){
                	$(this).css({ left: 1000, top: 1000 });
                })
                .find('.text-holder')
                	.animate({left: 150, opacity: 0}, caroussel.settings.duration);;
            
            caroussel.panels.filter(':eq(' + index + ')')
            	.css({ left: 0, top: 0 })
                .animate({opacity: 1}, caroussel.settings.duration, function(){
                    caroussel.activePanel = index;
                    caroussel.animating = false;
                    if ( $.browser.msie ){
                		this.style.removeAttribute('filter');
                    }
                })
                .find('.text-holder')
                	.animate({left: 54, opacity: 1}, caroussel.settings.duration);
        }
        
        animation.initialize();
        
        return animation;
              
    };
        
 
    // Fade settings
    $.fn.techtwoCaroussel.animations.fade.defaults = {
        
    };
    
})(jQuery);