$(document).ready(function() {

    //Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/



    //When mouse rolls over
$("#mirror").mouseover(function() {
    $("#left_bar").css('background-image', 'url(images/left_bar_grey.png)');
    $(this).css('background-image', 'url(images/mid_bar_grey.png)'); 
    $(this).animate({ height: "275px" }, { queue: false, duration: 300, easing: 'linear' });
    
    });

    //When mouse is removed
    $("#mirror").mouseout(function() {
    $("#left_bar").css('background-image', 'url(images/left_bar.png)');
    $(this).css('background-image', 'url(images/bar.png)');
    $(this).stop().animate({ height: '43px' }, { queue: false, duration: 300, easing: 'linear' })
});

$("#Systems").mouseover(function() {
    $(this).css('background-image', 'url(images/mid_bar_grey.png)');
    $(this).animate({ height: "275px" }, { queue: false, duration: 300, easing: 'linear' });

    });

    //When mouse is removed
    $("#Systems").mouseout(function() {
    $(this).css('background-image', 'url(images/bar.png)');
    $(this).stop().animate({ height: '43px'}, { queue: false, duration: 300, easing: 'linear' })
    });

});