﻿var VirtualTour = {
    thumbnails: null,
    currentIndex: 0,
    display: null,
    flashDisplay: null,

    init: function() {
        $(document).ready(function() {
            VirtualTour._init()
        });
    },

    _init: function() {
        VirtualTour.flashDisplay = $('#flashElement');
        VirtualTour.thumbnails = $('#galleryList a');
        VirtualTour.display = $('#imgDesc');

        if (!VirtualTour.thumbnails.size()) return;

        $(VirtualTour.thumbnails[0]).addClass('active');

        VirtualTour.thumbnails.each(function(index) {
            $(this).click(function() {
                $(VirtualTour.thumbnails[VirtualTour.currentIndex]).removeClass('active');
                $(VirtualTour.flashDisplay).html('')
                VirtualTour.currentIndex = index;
                VirtualTour.showFlash();
                return false;
            });
        });

        VirtualTour.showFlash();
    },
    showFlash: function() {
        var obj = $(VirtualTour.thumbnails[VirtualTour.currentIndex]);
        if (obj) {
            $(obj).addClass('active');
            $(VirtualTour.display).html($(obj).children('img').attr('alt'));
            $(VirtualTour.flashDisplay).flash({
                swf: '/uploads/virtualtour/ABR/files/show_pano.swf',
                width: 700,
                height: 500,
                params: {
                    quality: 'high',
                    allowFullScreen: 'true',
                    allowScriptAccess: 'sameDomain',
                    wmode: 'transparent',
                    swLiveConnect: 'true',
                    base: '/uploads/virtualtour/ABR/'
                },
                flashvars: {
                    movie: 'files/pano.swf',
                    xml_file: 'images/tour' + $(obj).attr('id') + '.xml',
					segments : 20
                }
            });
        }
    }
}
VirtualTour.init();