window.onload = function() {

    //loading.begin();
    //window.clearInterval(objTimer)
    //objTimer = window.setInterval("loading.end()", 60000)
    var id = document.getElementById('inviteId');
    id.onclick = function() {
        loading.begin();
        if (objTimer) {
            window.clearInterval(objTimer);
        }
        objTimer = window.setInterval("loading.end()", 60000);
    }
}

       // getPageScroll()
       // Returns array with x,y page scroll values.
       // Core code from - quirksmode.org
       //
       function getPageScroll() {

           var yScroll;

           if (self.pageYOffset) {
               yScroll = self.pageYOffset;
           } else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
               yScroll = document.documentElement.scrollTop;
           } else if (document.body) {// all other Explorers
               yScroll = document.body.scrollTop;
           }

           arrayPageScroll = new Array('', yScroll)
           return arrayPageScroll;
       }

       //
       // getPageSize()
       // Returns array with page width, height and window width, height
       // Core code from - quirksmode.org
       // Edit for Firefox by pHaez
       //
       function getPageSize() {

           var xScroll, yScroll;

           if (window.innerHeight && window.scrollMaxY) {
               xScroll = document.body.scrollWidth;
               yScroll = window.innerHeight + window.scrollMaxY;
           } else if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac
               xScroll = document.body.scrollWidth;
               yScroll = document.body.scrollHeight;
           } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
               xScroll = document.body.offsetWidth;
               yScroll = document.body.offsetHeight;
           }

           var windowWidth, windowHeight;
           if (self.innerHeight) {	// all except Explorer
               windowWidth = self.innerWidth;
               windowHeight = self.innerHeight;
           } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
               windowWidth = document.documentElement.clientWidth;
               windowHeight = document.documentElement.clientHeight;
           } else if (document.body) { // other Explorers
               windowWidth = document.body.clientWidth;
               windowHeight = document.body.clientHeight;
           }

           // for small pages with total height less then height of the viewport
           if (yScroll < windowHeight) {
               pageHeight = windowHeight;
           } else {
               pageHeight = yScroll;
           }

           // for small pages with total width less then width of the viewport
           if (xScroll < windowWidth) {
               pageWidth = windowWidth;
           } else {
               pageWidth = xScroll;
           }


           arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight)
           return arrayPageSize;
       }
       var loading = {
           begin: function() {
               this.objOverlay = document.createElement("div");
               this.objOverlay.setAttribute('id', 'overlay');
               this.objOverlay.style.display = 'block';
               this.objOverlay.style.position = 'absolute';
               this.objOverlay.style.top = '0';
               this.objOverlay.style.left = '0';
               this.objOverlay.style.zIndex = '90';

               this.objLoadingImage = document.createElement("IMG");
               this.objLoadingImage.id = "loadingImage";
               this.objLoadingImage.src = 'Invitation-1.JPG';
               this.objLoadingImage.style.position = 'absolute';
               this.objLoadingImage.onclick = function() {
                   loading.end();
               }
               this.objLoadingImage.style.zIndex = '150';
               //this.objLoadingImage.style.width = '600px';
               document.body.insertBefore(this.objOverlay, document.body.firstChild);
               document.body.insertBefore(this.objLoadingImage, document.body.firstChild);
               var arrayPageSize = getPageSize();
               var arrayPageScroll = getPageScroll();

               if (this.objOverlay) {
                   this.objLoadingImage.style.top = (arrayPageScroll[1] + (arrayPageSize[3] / 2) - 220 + 'px');
                   this.objLoadingImage.style.left = ((arrayPageSize[0] / 2) - 350 + 'px');
                   this.objLoadingImage.style.display = 'block';
               }

           },
           end: function() {
               this.objOverlay.style.display = 'none';
               this.objLoadingImage.style.display = 'none';
               window.clearInterval(objTimer)
           }
       }