/* =========================================================
// jquery.panorama.js
// Author: Arnault PACHOT & FrĂŠdĂŠric Martini
// Copyright (c) 2009 
// licence : GPL
========================================================= */
(function($) {
    $.fn.panorama = function(options) {
        this.each(function(){ 
            var settings = {
                viewport_width: 600,
                speed: 20000,
                direction: 'left',
                control_display: 'auto',
                start_position: 0,
                auto_start: true,
                mode_360: true,
                loop_180: true
            };
            if(options) $.extend(settings, options);


            var elemWidth =  parseInt($(this).attr('width'));
            var elemHeight = parseInt($(this).attr('height'));
            // --------------------------------------------------
            // RĂŠcupĂŠration automatique de la taille de l'image :
            // Si un des attributs width ou height est absent, 
            // on rÊcupère la vrai taille de l'image :
            if (isNaN(elemWidth) || isNaN(elemHeight)) {
                var img = new Image();
                img.src = $(this).attr('src');
                if (isNaN(elemWidth)) elemWidth = img.width;
                if (isNaN(elemHeight)) elemHeight = img.height;
            }
            // --------------------------------------------------
            var currentElement = this;
            var panoramaViewport, panoramaContainer;
                    

            $(this).css('position', 'relative')
                .css('margin', '0')
                .css('padding', '0')
                .css('border', 'none')
                .wrap("<div class='panorama-container'></div>");
            if (settings.mode_360) 
                $(this).clone().insertAfter(this);
            
            panoramaContainer = $(this).parent();
            panoramaContainer.wrap("<div class='panorama-viewport'></div>").parent().css('width',settings.viewport_width+'px')
                .append("<div class='panorama-control'><a href='#' class='panorama-control-left'><<</a> <a href='#' class='panorama-control-pause'>x</a> <a href='#' class='panorama-control-right'>>></a> </div>");
            
            panoramaViewport = panoramaContainer.parent();

            panoramaViewport.css('height', elemHeight+'px').find('a.panorama-control-left').bind('click', function() {
                $(panoramaContainer).stop();
                if(settings.direction != 'right') settings.speed = 20000;
                settings.direction = 'right';
                if(settings.speed - 2500 > 0) settings.speed -= 3000;
                panorama_animate(panoramaContainer, elemWidth, settings);
                return false;
            });
            panoramaViewport.bind('click', function() {
                $(panoramaContainer).stop();
            });
            panoramaViewport.find('a.panorama-control-right').bind('click', function() {
                $(panoramaContainer).stop();
                if(settings.direction != 'left') settings.speed = 20000;
                settings.direction = 'left';
                if(settings.speed - 2500 > 0) settings.speed -= 3000;
                panorama_animate(panoramaContainer, elemWidth, settings);
                return false;
            });
            panoramaViewport.find('a.panorama-control-pause').bind('click', function() {
                $(panoramaContainer).stop();
                settings.speed = 20000;
                return false;
            });
            
            if (settings.control_display == 'yes') {
                panoramaViewport.find('.panorama-control').show();
            } else {
                panoramaViewport.bind('mouseover', function(){
                    $(this).find('.panorama-control').show();
                    return false;
                }).bind('mouseout', function(){
                    $(this).find('.panorama-control').hide();
                    return false;
                });
                
            }
        
            $(this).parent().css('margin-left', '-'+settings.start_position+'px');

            if (settings.auto_start) 
                panorama_animate(panoramaContainer, elemWidth, settings);
            
        });
        function panorama_animate(element, elemWidth, settings) {
            currentPosition = 0-parseInt($(element).css('margin-left'));
            if (settings.direction == 'right') {
                
                $(element).animate({marginLeft: 0}, ((settings.speed / elemWidth) * (currentPosition)) , 'linear', function (){ 
                    if (settings.mode_360) {
                        $(element).css('marginLeft', '-'+(parseInt(parseInt(elemWidth))+'px'));
                        panorama_animate(element, elemWidth, settings);
                    } else if (settings.loop_180) {
                        settings.direction = 'left'; // changement de sens 
                        panorama_animate(element, elemWidth, settings);
                    }
                });
            } else {
                var rightlimit;
                if (settings.mode_360) 
                    rightlimit = elemWidth;
                else
                    rightlimit = elemWidth-settings.viewport_width;
                    
                $(element).animate({marginLeft: -rightlimit}, ((settings.speed / rightlimit) * (rightlimit - currentPosition)), 'linear', function (){ 
                    if (settings.mode_360) {
                        $(element).css('margin-left', 0); 
                        panorama_animate(element, elemWidth, settings);
                    } else if (settings.loop_180) {
                        settings.direction = 'right'; // changement de sens
                        panorama_animate(element, elemWidth, settings);
                    }
                });
            }

            
        }
        
    };

$(document).ready(function(){
    $("img.panorama").panorama({
                 speed: 20000,
                 direction: 'right',
                 control_display: 'yes'
         });
});
})(jQuery);