$(document).ready(function() {    
        $('.colors').css('opacity', 1);
            
                    
                    $('a.thickbox').click(function() {
                        if ($('#black').length > 0) {
                    
                        $('#tboverlay').css('background-color', 'black');
                        $('.imgnav').css({'color': '#ccc'});
                        } 
                             
                    });
                    
                
                $('.container ul li').click(function() {
                $('#menu .container ul li a span').css('opacity', '0.3');
                $('#menu .container ul li.active a span').css('opacity', 1);
            
                });
                    
                
            
                        $('#menu *').load(function() {
                        $('#menu .container ul li a span:not(li.active a span)').css('opacity', '0.3');
                        });
                            
                                
                
                
                
                $('#demons').toggle(function() {
                     $('.wobbledem').slideDown(500);
                     $(this).html('Hide');
                }, function() {
                        $('.wobbledem').slideUp(500);
                        $(this).html('Examples');
                    });
                $('.colors').fadeTo(5000, 0);
            if ($('.colors').attr('complete') === true) {
                    
                $('#topbar div').css('background-image', 'url(http://www.wobbleweb.net/files/img/topbarbw.jpg)');
                    
            } else {
                $('.colors').load(function() {
                    $('.colors').fadeTo(5000, 0);
                    $('#topbar div').css('background-image', 'url(./files/img/topbarbw.jpg)');      
                    });
                }
                 
                     
                    $('#menu .container ul li a span:not(li.active a span)').mouseenter(function() {
                $(this).fadeTo('fast', 1);
                
                });
                
                    $('#menu .container ul li a span:not(li.active a span)').mouseleave(function() {
                    $(this).fadeTo('fast', 0.3);
                    
                    }); 
                    
                    $('#img-container a[title="hide"]').remove();
                    
                    
                    $('#img-container a img').each(function() {
                        var state = $(this).attr('alt');
                        if (state == 'breaker') {
                        var rightone = $(this).parent();
                            $('<div class="imgspacer"></div>').insertAfter(rightone);
                        } else if (state == 'space') {
                            rightone = $(this).parent();
                                $(rightone).css('margin-right', '50px');
                            }
                    
                    });
                    
                    var i = 0;
                
                
            
                
                    
                $('.viewcode').mouseover(function() {
                    $(this).animate({
            
                        'marginTop': '0px',
                        'borderBottomWidth': '10px'
                    }, 100);
                        
                        $(this).parent().animate({
                            'marginTop': '-69px'
                            }, 100);
                        });
                
                    $('.viewcode').mouseout(function() {
                        $(this).animate({
                            'borderBottomWidth': '3px'
                            }, 100);
                            
                            $(this).parent().animate({
                                'marginTop': '-61px'
                                }, 100);
                            });
                    
                             
                        
            $('.filejs, .filecss, .filemanual, .filejq').mouseover(function() {
                $(this).fadeTo('fast', 1);
            });
            
            $('.filejs, .filecss, .filemanual, .filejq').mouseout(function() {
                $(this).fadeTo('fast', 0.5);
            });
                
                $('.filejs, .filecss, .filemanual, .filejq').click(function() {
                    $(this).css('opacity', 0.5);
                });
                    
            
                    
            
            

    
    });