$(document).ready(function() { $(".menu > li").click(function(a) { switch (a.target.id) { case "categories": $("#categories").addClass("active"); $("#regions").removeClass("active"); $("#popupContact").animate({ height: catHeight }, "slow"); centerPopup(catHeight); $("div.categories").fadeIn(); $("div.regions").css("display", "none"); break; case "regions": $("#categories").removeClass("active"); $("#regions").addClass("active"); $("#popupContact").animate({ height: regHeight }, "slow"); centerPopup(regHeight); $("div.regions").fadeIn(); $("div.categories").css("display", "none"); break } return false }) }); function reCenterPopup(a) { var c = document.documentElement.clientHeight; var b = a; $("#popupContact").css({ position: "absolute" }); $("#popupContact").animate({ top: (c / 2 - b / 2) }, "slow") };