var slideSpeed = 'fast';
var doContactLoad;
var doContactClose;

var backgroundMask;
var topBox;
var topButton;

jQuery(document).ready(function($) { // When DOM is ready

///// START SLIDE IN + MODAL /////

$('body').prepend('<div id="backgroundMask"></div>');

topBox = $('#top-box');
backgroundMask = $('#backgroundMask');
topButton = $('#top-button');

doContactLoad = function() {
	   backgroundMask.css({'opacity':'0.3'}).fadeIn();
	   topBox.slideDown(slideSpeed);
	   topButton.css('-moz-box-shadow','0 0 5px white');
};

doContactClose = function() {
	   topBox.slideUp(slideSpeed);
	   backgroundMask.fadeOut(); 
	   topButton.css('-moz-box-shadow','0 0 5px #E7E7E7');
};

topButton.click(function() {

     if(topBox.is(':hidden')) {
        doContactLoad();
     } else {
	    doContactClose();
     }

});

// when the contact form loses focus
backgroundMask.click(function() { doContactClose(); });

// only need force for IE6  
backgroundMask.css({'height': document.documentElement.clientHeight});

///// END SLIDE IN + MODAL /////

});