window.onload = function() {

    $('.deskAnimated').css('display', 'none');
    $('.deskAnimated').css('visibility', 'visible');

    var introDone = false;
    var deskReady = true;

    function startDesk(){

        $('.darkDesk').fadeIn(500, function(){
            $('.deskComputer').fadeIn(500, function(){
                $('.deskComputer').fadeOut(500, function(){
                    $('.deskPhoto').fadeIn(500, function(){
                        $('.deskPhoto').fadeOut(500, function(){
                            $('.deskNewspaper').fadeIn(500, function(){
                                $('.deskNewspaper').fadeOut(500, function(){
                                    $('.deskCalendar').fadeIn(500, function(){
                                        $('.deskCalendar').fadeOut(500, function(){
                                            $('.deskPhone').fadeIn(500, function(){
                                                $('.deskPhone').fadeOut(500, function(){
                                                    $('.deskTV').fadeIn(500, function(){
                                                        $('.deskTV').fadeOut(500, function(){
                                                            
                                                                introDone = true;
                                                                
                                                        });
                                                    });
                                                });
                                            });
                                        });
                                    });
                                });
                            });                    
                        });
                    });
                });
            });
        });

    }
    
    startDesk();
    

// THIS IS FOR THE GLOWS    

    $('.mapSection').mouseout(function(){
        if(introDone == true && deskReady == true){
            $('.deskItem').fadeOut(250);
        }
    });    
    
    $('.mapSection').mouseenter(function(){
        if(introDone == true && deskReady == true){
            
            $('.deskItem').clearQueue();
            $('.deskItem').css("display", "none");
            $('.deskItem').css("opacity", "");
        
            if($(this).hasClass('mapComputer')){
                $('.deskComputer').fadeIn(500);
            }
            
            if($(this).hasClass('mapPhoto')){
                $('.deskPhoto').fadeIn(500);    
            }
            
            if($(this).hasClass('mapNewspaper')){
                $('.deskNewspaper').fadeIn(500);    
            }
            
            if($(this).hasClass('mapCalendar')){
                $('.deskCalendar').fadeIn(500);    
            }
            
            if($(this).hasClass('mapPhone')){
                $('.deskPhone').fadeIn(500);    
            }
            
            if($(this).hasClass('mapTV')){
                $('.deskTV').fadeIn(500);    
            }                                    
        
        }
    });

// THIS IS FOR THE TOOLTIPS

    $('.mapSection').mouseout(function(){
        $('.tooltip').animate({
            marginTop: '0px',
            opacity: 0
        }, 250);
    });    

    $('.mapSection').mouseenter(function(){

        $('.tooltip').clearQueue();
        $('.tooltip').css("display", "none");
        $('.tooltip').css("opacity", "0");
        $('.tooltip').css("margin-top", "0px");
    
        if($(this).hasClass('mapComputer')){
            $('.tipComputer').css("display", "block");
            $('.tipComputer').animate({
                opacity: 1,
                marginTop: '20px'
            }, 250);    
        }
        
        if($(this).hasClass('mapPhoto')){
            $('.tipPhoto').css("display", "block");
            $('.tipPhoto').animate({
                opacity: 1,
                marginTop: '20px'
            }, 250);         
        }
        
        if($(this).hasClass('mapNewspaper')){
            $('.tipNewspaper').css("display", "block");
            $('.tipNewspaper').animate({
                opacity: 1,
                marginTop: '20px'
            }, 250);         
        }
        
        if($(this).hasClass('mapCalendar')){
            $('.tipCalendar').css("display", "block");
            $('.tipCalendar').animate({
                opacity: 1,
                marginTop: '20px'
            }, 250);         
        }
        
        if($(this).hasClass('mapPhone')){
            $('.tipPhone').css("display", "block");
            $('.tipPhone').animate({
                opacity: 1,
                marginTop: '20px'
            }, 250);         
        }
        
        if($(this).hasClass('mapTV')){
            $('.tipTV').css("display", "block");
            $('.tipTV').animate({
                opacity: 1,
                marginTop: '20px'
            }, 250);         
        }                                    
 
    });
    
    // THIS IS FOR THE FADING DESK
    
    $('.desk_wrapper').mouseenter( function(){
    
        if(introDone == true){
        
             $('.darkDesk').fadeIn(500, function(){
            
                deskReady = true;
                
             });
        
        }
    
    });
    
    $('.allContent').mouseenter( function(){
    
        if(introDone == true && $('.darkDesk').css("opacity") == 1){
        
                deskReady = false;
                $('.deskItem').clearQueue();
                $('.deskItem').css("display", "none");
                $('.deskItem').css("opacity", "");
                $('.tooltip').clearQueue();
                $('.tooltip').css("display", "none");
                $('.tooltip').css("opacity", "0");
                $('.tooltip').css("margin-top", "0px");
                $('.darkDesk').fadeOut(500);
        
        }
    
    });
    
    
    
}