-function showDisamb(content) {
- disambContent.innerHTML = content;
- disambBox.style.display = "block";
+ //Get the screen height and width
+ var maskHeight = $(document).height();
+ var maskWidth = $(window).width();
+
+ //Set heigth and width to mask to fill up the whole screen
+ $('#mask').css({'width':maskWidth,'height':maskHeight});
+
+ //transition effect
+ $('#mask').fadeIn(1000);
+ $('#mask').fadeTo("slow",0.8);
+
+ //Get the window height and width
+ var winH = $(window).height();
+ var winW = $(window).width();
+
+ //Set the popup window to center
+ $('#dialogBox').css('top', winH/2-$('#dialogBox').height()/2);
+ $('#dialogBox').css('left', winW/2-$('#dialogBox').width()/2);
+
+ //transition effect
+ $('#dialogBox').fadeIn(2000);
+
+ dialogBox.style.display = "block";