$(document).ready(function() {
lastBlock = $("div.menu ul li.contact");

    aboutWidth = 380;
    aboutHeight = 135;

    linksWidth = 380;
    linksHeight = 135;

    maxWidth = 270;
    maxHeight = 135;
    minWidth = 45;
    minHeight = 120;

    $("div.menu ul li.links").hover(function() {
        $(lastBlock).animate({ width: minWidth + "px", height: minHeight + "px" }, { queue: false, duration: 400 });
        $("div.menu ul li.links").animate({ width: linksWidth + "px", height: linksHeight + "px" }, { queue: false, duration: 400 });
        lastBlock = this;
        $("div.menu ul li.links").css({ 'background-color': '#786E7A' });
        $("div.links p a").css({ 'background-color': '#786E7A' });
    }, function() {
        var cssObj = {
            'background-color': '#414B57'
        }
        $("div.menu ul li.links").css(cssObj);
        $("div.links p a").css(cssObj);


    });

    $("div.menu ul li.contact").hover(function() {
        $(lastBlock).animate({ 'width': minWidth + "px", 'height': minHeight + "px" }, { queue: false, duration: 400 });
        $(this).animate({ 'width': maxWidth + "px", 'height': maxHeight + "px" }, { queue: false, duration: 400 });
        lastBlock = this;
        $(this).css({ 'background-color': '#786E7A' });
    }, function() {
        var cssObj = {
            'background-color': '#414B57'
        }
        $(this).css(cssObj);

    });

    $("div.menu ul li.about").hover(function() {
        $(lastBlock).animate({ width: minWidth + "px", height: minHeight + "px" }, { queue: false, duration: 400 });
        $("div.menu ul li.about").animate({ width: aboutWidth + "px", height: aboutHeight + "px" }, { queue: false, duration: 400 });
        lastBlock = this;
        $("div.menu ul li.about").css({ 'background-color': '#786E7A' });
        $("div.about p a").css({ 'background-color': '#786E7A' });
    }, function() {
        var cssObj = {
            'background-color': '#414B57'
        }
        $("div.menu ul li.about").css(cssObj);
        $("div.about p a").css(cssObj);


    });

    $("div.about p a").hover(function() {
        $(this).css({ 'color': '#EDF515'});
    }, function() {
        var cssObj = {
            'color': '#FFFFFF'
        }
        $(this).css(cssObj);
    });

    $("div.links p a").hover(function() {
        $(this).css({ 'color': '#EDF515' });
    }, function() {
        var cssObj = {
            'color': '#FFFFFF'
        }
        $(this).css(cssObj);
    });

});