$(document).ready(function() {

  var toggle = function(direction, display) {
    return function() {
      var self = this;
      var ul = $("ul", this);
      if( ul.css("display") == display && !self["block" + direction] ) {
        self["block" + direction] = true;
        ul["slide" + direction]("500", function() {
          self["block" + direction] = false;
        });
      }
    };
  }
  $("#menutop li.menuitem").hover(toggle("Down", "none"), toggle("Up", "block"));
  $("#menutop li.menuitem ul").hide();


  /* renewable energy */
  $("#re_menu a").css({
	  'opacity' : '0.8'
  })
  .hover(
  	function(){
  		// over
  		$(this).animate({opacity: 1})
  	},
  	function(){
  		// out
  		$(this).animate({opacity: 0.8})
  	}
  )

});