window.addEvent('domready', function(){ 
    $$('div.john-fade').setStyle('opacity', '0');
    $$('div.bob-fade').setStyle('opacity', '0');
    
    var expander = $('expander');
    
    var johnContainer = $('john-container');
    
    var johnContainerFx = johnContainer.effects({
        duration: 1200,
        transition: Fx.Transitions.Expo.easeOut,
        wait: false
    });
    
    var john = $('john');
    
    var johnFx = john.effects({
        duration: 1200,
        transition: Fx.Transitions.Expo.easeOut,
        wait: false
    });
    
    var bobContainer = $('bob-container');
    
    var bobContainerFx = bobContainer.effects({
        duration: 1200,
        transition: Fx.Transitions.Expo.easeOut,
        wait: false
    });
    
    var bob = $('bob');
    
    var bobFx = bob.effects({
        duration: 1200,
        transition: Fx.Transitions.Expo.easeOut,
        wait: false
    });
        
    $$('a.expand-john').addEvent('click', function(){
        johnContainerFx.start({'width': 717});
        johnFx.start({'margin-left': 0});
        bobContainerFx.start({'width': 717});
        bobFx.start({'margin-left': 0});
        $$('div.john-fade').setStyle('opacity', '100');
        $$('div.john-container div.john ul').addClass('on');
        $$('div.john img.expand').setStyle('opacity', '0');
        $$('div.bob img.expand').setStyle('opacity', '0');
        document.title = 'John Tanner - Tanner-Monagle, Inc.';
    });
    
    $$('a.expand-john-2').addEvent('click', function(){
        johnContainerFx.start({'width': 717, 'margin-left': 0});
        bobContainerFx.start({'width': 717});
        bobFx.start({'margin-left': 0});
        $$('div.john-fade').setStyle('opacity', '100');
        $$('div.bob-fade').setStyle('opacity', '0');
        $$('div.john-container div.john ul').addClass('on');
        document.title = 'John Tanner - Tanner-Monagle, Inc.';
    });
    
    $$('a.expand-bob').addEvent('click', function(){
        johnContainerFx.start({'width': 717, 'margin-left': -717});
        johnFx.start({'margin-left': 0});
        bobContainerFx.start({'width': 717});
        bobFx.start({'margin-left': 0});
        $$('div.bob-fade').setStyle('opacity', '100');
        $$('div.bob-container div.bob ul').addClass('on');
        $$('div.john img.expand').setStyle('opacity', '0');
        $$('div.bob img.expand').setStyle('opacity', '0');
        document.title = 'Bob Monagle - Tanner-Monagle, Inc.';
    });
    
    $$('a.expand-bob-2').addEvent('click', function(){
        johnContainerFx.start({'width': 717, 'margin-left': -717});
        bobContainerFx.start({'width': 717});
        bobFx.start({'margin-left': 0});
        $$('div.bob-fade').setStyle('opacity', '100');
        $$('div.bob-container div.bob ul').addClass('on');
        $$('div.john-fade').setStyle('opacity', '0');
        document.title = 'Bob Monagle - Tanner-Monagle, Inc.';
    });
});