$(function() {

  var elements = [["публичная информация", "/info/public"], ["письмо городскому голове", "/appeal/index"], 
   ["график приема", "/appointment/index"], ["разрешительный центр", "/permissive/index"], 
   ["исполком", "/committee/index"], ["инвестиции", "/investment/offer"], ["ЖКХ", "/gkh/about"]]

  var options = {
    full: false
  }

  function TopMenu() {

  /****
  * init creates top menu
  * arguments:    
  *  elements: array of strings
  *  options:  object
  *    "full": true, false
  */

    var createFullMenu = function(elements) {
      var topmenu_div = document.createElement('div');
      topmenu_div.className = "top_menu";
    }
    
    var createMenu = function(elements) {
      var div = document.createElement('div');
      var span = document.createElement('span');
      var a = document.createElement('a');
      var ul = document.createElement('ul');
      
      div.className = "top_menu";
      span.className = "menu_toggler";
      a.innerHTML = "быстро перейти";
      a.href = "#";

      for (var i = 0; i < elements.length; i++) {
        var li = document.createElement('li');
        var link = document.createElement('a');
        link.href = elements[i][1];
        link.innerHTML = elements[i][0];
        li.appendChild(link);
        ul.appendChild(li);
      }        
     
	    span.appendChild(a); 
	    div.appendChild(span);
	    div.appendChild(ul);
	    div.style.height = "52px";
      document.getElementById("header").appendChild(div);
    }

    var menuUp = function() {
      $(".menu_toggler a").unbind("mouseover");
      $(".top_menu").bind("mouseleave", menuDown);
      $(".top_menu").animate({"top": "-=30px"}, "slow"); 
    }

    var menuDown = function() {
      $(".top_menu").unbind("mouseleave");
      setTimeout(function(){$(".top_menu").animate({"top": "+=30"}); $(".menu_toggler a").bind("mouseover", menuUp)}, 3000);
    }
    
    var createMenuAnimation = function() {
      $(".menu_toggler a").bind("mouseover", menuUp);
    }
    
    var init = function(elements, options) {
      if($(".top_menu")) {
        $(".top_menu").remove();
      }
    
      if (typeof(options) != 'undefined' && options.full === true) {
        createFullMenu(elements);
      } else {
        createMenu(elements);
      }
      
      createMenuAnimation();
    }     
    
    return {
      init: init
    }  
  }
  
  TopMenu().init(elements, options); 
});