var Actions;

$(document).ready(function(){
    
    Actions ={
    
        Book: {
            Button: $('#mainImageStrip .book')
        },
        
        Map: {
            Button: $('#mainImageStrip .map:first'),
            IsShown:  new Boolean(parseInt($('#mapCanvas :hidden:first').val()))
        },
        
        ImageGallery: {
            Button: $('#mainImageStrip .gallery'),
            Carousel: $('#imageGallery ul'),
            CarouselLinks: $('#imageGallery ul li img'),
            Gallery: $('#imageGallery'),
            Total: parseInt($('#hiddenValues input:hidden:last').val(), 10),
            MainImage: $('#mainImage img:first')
        },
        
        Init: function(){
            if(this.IsShown == true) 
            { 
                GMap.Show();
                Actions.Map.Button.html('HIDE MAP');
            }
          
            this.Map.Button.click(function(){
                GMap.Slide();
            });
          
            this.Book.Button.click(function(){
                BookingForm.Dialog.dialog('open');
            });
            
            this.ImageGallery.Button.click(function(){
                Actions.ImageGallery.Gallery.slideToggle('fast', function(){
                    if($(this).is(':visible')){
                        Actions.ImageGallery.Carousel.jcarousel({
                            size: Actions.ImageGallery.Total,
                            itemLoadCallback: {onBeforeAnimation: function mycarousel_itemLoadCallback(carousel, state)
                                {
                                    for (var i = 1; i <= Actions.ImageGallery.Total; i++) {
                                        if (carousel.has(i)) {
                                            continue;
                                        }

                                        if (i > Actions.ImageGallery.Total) {
                                            break;
                                        }
                                        
                                        carousel.add(i, '<img alt="" height="75" src="/Images/Excursions/Galleries/' + Master.ExcursionId + '/Thumbnails/' + i + '.jpg" width="150" />');
                                    }
                                }
                            }
                        });
                        
                        Actions.ImageGallery.CarouselLinks.live('click', function(){ 
                            Actions.ImageGallery.MainImage.attr('src', $(this).attr('src').replace('/Thumbnails/','/Large/')); 
                        });
                    }                
                });
            });
            
                    
        }
    };
    
    Actions.Init();

});