var BULLET_FADE_IN_TIME = 200;
var BULLET_FADE_OUT_TIME = 500;
var CONTENT_FADE_IN_TIME = 500;
var CONTENT_FADE_OUT_TIME = 200;
var cid = 0;

$(document).ready(function() {
  initMenuItems();
});

var initMenuItems = function() {

  $("#menu").find("a")

    .mouseenter(function() {
      var id = $(this).attr("id").split("_")[2];
      $("#menu_" + id + "_hl").fadeIn(BULLET_FADE_IN_TIME);
      $("#menu_" + id + "_bg").fadeOut(BULLET_FADE_OUT_TIME);
    })
    
    .mouseleave(function() {
      var id = $(this).attr("id").split("_")[2];
      $("#menu_" + id + "_bg").fadeIn(BULLET_FADE_IN_TIME);
      $("#menu_" + id + "_hl").fadeOut(BULLET_FADE_OUT_TIME);
    });
}

var fetch = function() {

  $.ajax({
    type: "GET",
    url: "handler.php",
    data: "id=" + cid,
    success: function(rawResponse) {
    
      var newHtml = $(rawResponse);

      $("#bw_cont").append(newHtml);
      $("#resp_new").fadeTo(0,0);
      $("#resp_new").css("display", "block");      
      var height = $("#resp_new").css("height");    

      $("#bw_cont").animate({ height: height}, "fast", "linear", function() {
        $("#resp_old").fadeOut(CONTENT_FADE_OUT_TIME, function() {
            $("#resp_old").remove();
            cid = $("#cid").val();
        });
        $("#resp_new").fadeTo(CONTENT_FADE_IN_TIME, 1, function() {
            $("#resp_new").attr("id", "resp_old");
        });
        
        
      });      
    }
  });
}