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

var backgroundMask;
var topBox;
var topButton;

$(function() { // When DOM is ready

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

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

$.data(document.body, 'isLoaded', 0);

sliderContainer = $('#slider-container');
sliderBoxContainer = $('#slider-box-container');
sliderBox = $('#slider-box');

backgroundMask = $('#backgroundMask');
sliderButton = $('#slider-button');

doContactLoad = function() {
	   backgroundMask.css({'opacity':'0.3'}).fadeIn();
       
       sliderBoxContainer.show();
             
	   sliderContainer.animate({"right": '0'}, slideSpeed, function() { 
	       $.data(document.body, 'isLoaded', 1);
           });
};

doContactClose = function() {
	   sliderContainer.animate({'right': '-415px'}, slideSpeed, function() { 
	      $.data(document.body, 'isLoaded', 0);
            });
            
	   backgroundMask.fadeOut(); 
};

sliderButton.click(function() {

     if($.data(document.body, 'isLoaded') == 0) {
        doContactLoad();
     } else {
	    doContactClose();
     }
     
     return false;
});

// 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 /////
});