/* =========================================================
// jquery.panorama.js
// Author: OpenStudio (Arnault PACHOT)
// Mail: apachot@openstudio.fr
// Web: http://www.openstudio.fr
// Copyright (c) 2008 Arnault Pachot
// licence : GPL
========================================================= */
(function($) {
    $.fn.panorama = function(options) {
        this.each(function() {
            var settings = { viewport_width: 955, speed: 40000, direction: 'left', control_display: 'auto', start_position: 0, auto_start: true, mode_360: true }; if (options) $.extend(settings, options); var elemWidth = parseInt($(this).attr('width')); var elemHeight = parseInt($(this).attr('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(); settings.direction = 'right'; panorama_animate(panoramaContainer, elemWidth, settings); return false; }); panoramaViewport.bind('click', function() { $(panoramaContainer).stop(); }); panoramaViewport.find('a.panorama-control-right').bind('click', function() { $(panoramaContainer).stop(); settings.direction = 'left'; panorama_animate(panoramaContainer, elemWidth, settings); return false; }); panoramaViewport.find('a.panorama-control-pause').bind('click', function() { $(panoramaContainer).stop(); 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 {
                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); } });
            } 
        } 
    }; $(document).ready(function() { $("img.panorama").panorama(); });
})(jQuery);