$(document).ready(function() {
  $("#loginbutton").click(function() {
    $("#loginbutton").animate({width: "250px"}, "fast");
    $("#loginform").css('display', 'block');
  })
})
  
$(document).ready(function() {
  $("#loginclose").mouseover(function() {
    $("#loginbutton").animate({width: "20px"}, "fast");
    $("#loginform").css('display', 'none');
  })
})

$(document).ready(function() {
  $(".evomenuselected").mouseover(function() {
    $(".evomenuselected").css('color', '#928e8e');
  })
})

$(document).ready(function() {
  $(".evomenuselected").mouseout(function() {
    $(".evomenuselected").css('color', '#4C4C4C');
  })
})

$(document).ready(function() {
  $(".portmenuselected").mouseover(function() {
    $(".portmenuselected").css('color', '#928e8e');
  })
})

$(document).ready(function() {
  $(".portmenuselected").mouseout(function() {
    $(".portmenuselected").css('color', '#4C4C4C');
  })
})

$(document).ready(function() {
  $(".sermenuselected").mouseover(function() {
    $(".sermenuselected").css('color', '#928e8e');
  })
})

$(document).ready(function() {
  $(".sermenuselected").mouseout(function() {
    $(".sermenuselected").css('color', '#4C4C4C');
  })
})

$(document).ready(function() {
  $(".appmenuselected").mouseover(function() {
    $(".appmenuselected").css('color', '#928e8e');
  })
})

$(document).ready(function() {
  $(".appmenuselected").mouseout(function() {
    $(".appmenuselected").css('color', '#4C4C4C');
  })
})

$(document).ready(function() {
  $(".konmenuselected").mouseover(function() {
    $(".konmenuselected").css('color', '#928e8e');
  })
})

$(document).ready(function() {
  $(".konmenuselected").mouseout(function() {
    $(".konmenuselected").css('color', '#4C4C4C');
  })
})