/* Controls the menu system */

$(document).ready(function(){
            $('.previewHeader').toggle(
                        function(){
                                    //window.clearInterval(hidePreviewPanel);
                                    $(this).parent().animate({top: '246px'});
                                    $('img', $(this)).attr('src', 'images/btn_up.gif');
                        },
                        function(){
                                    //window.clearInterval(hidePreviewPanel);
                                    $(this).parent().animate({top: '196px'});
                                    $('img', $(this)).attr('src', 'images/btn_down.gif');
                        }
            );
                                                                           
            $('#slideShow #previewPanel .thumbnails img').click(function(){
                        // change preview title text
                        $('#previewPanel .previewTitle .redText').text($(this).attr('title'));
                        // change thumbnail styles
                        $('#previewPanel .thumbnails a').removeClass('selected');
                        $(this).parent().addClass('selected');

                        var currentImageIndex = $('.thumbnails li').index($(this).parent().parent());
                        
                        window.clearInterval(nextPanel);
                        $('#topimage').parent().attr('href', $('.bigImage ul li:eq('+currentImageIndex+') a').attr('href'));
                        $('#topimage')
                                    .css('opacity', "0")
                                    .attr('src', $('.bigImage ul li:eq('+currentImageIndex+') img').attr('src'))
                                    .show()
                                    .stop()
                                    .animate({opacity: "1"}, 500, "linear", function(){
                                                $('.bigImage li').hide();
                                                $('.bigImage ul li').eq(currentImageIndex).show();
                                                $('#topimage').hide().css('opacity', '0');
                                                nextPanel = window.setInterval(function(){gotoNextPanel()}, 10 * 1000);
                                    });
            return false;
            }).hover(
                        function(){
                                    $('#previewPanel .previewTitle .redText').text($(this).attr('title'));
                        },
                        function(){
                                    $('#previewPanel .previewTitle .redText').text($('.thumbnails a.selected img').attr('title'));
                        }
            );

            $('#topimage')
                        .hide()
                        .css('opacity', '0')
                        .css('position', 'absolute')
                        .css('top', '0')
                        .css('left', '0')
                        .attr('src', $('.bigImage li:first img').attr('src'));
            $('.bigImage li').hide();
            $('.bigImage li:first').show();
            
            gotoNextPanel = function() {
                        var totalPanels = $('.thumbnails li').length;
                        var currentPanel = $('.thumbnails li').index($('.thumbnails li a.selected').parent());
                        var nextPanel = currentPanel + 1;
                        
                        if(nextPanel > totalPanels - 1) {
                                    nextPanel = 0;
                        }

                        $('#slideShow #previewPanel .thumbnails li:eq('+nextPanel+') img').trigger('click');
            }
            
            //hidePreviewPanel = window.setInterval(function(){$('.previewHeader').trigger('click');}, 3 * 1000);
            nextPanel = window.setInterval(function(){gotoNextPanel()}, 10 * 1000);;

})