// GLOBAL VARIABLES
    var sizeWidth;
    var sizeHeight;
    var scrollWidth;
    var scrollHeight;
    var screenWidth;
    var screenHeight;
    var divWidth;
    var divHeight; 
    var finalX;
    var finalY;
    var myFx;
    var myFx1;
    var firstScroll = 0;
    
    // DISPLAY POPUP
    function DisplayPopupJ () {
      // MOVE POPUP TO X THEN ANIMATE DOWN TO Y
      $('#LayHidden').css('left', finalX);
      $('#LayHidden').css('top', (divHeight*-1));
      $('#LayHidden').animate({
        top: finalY
        }, {
        duration: 5000,
        specialEasing: {
//          top: 'easeOutBounce'
        },
        complete: function() {
        }
      });
    }

    // FADE ALL DIVS
    function FadeOutJ () {
      $('#LayHidden').stop(true)
      $('#LayHidden').fadeOut(400);
      $('#GreyDiv').stop(true)
      $('#GreyDiv').fadeOut(400);
    }

    // ON RESIZE
    function ResizeJ () {
      // SIZE OF VISIBLE PORTION 
      screenHeight = $(window).height();
      screenWidth = $(window).width();
      sizeHeight = $(document).height();
      sizeWidth = $(document).width();
      // ACTUAL SCROLL
      scrollHeight = $(document).scrollTop();
      scrollWidth = $(document).scrollLeft();
    
      // GET FINAL POSITION OF THE POPUP
      finalX = parseInt(((screenWidth / 2) - (divWidth / 2)) + scrollWidth);
      if (finalX < 0) { finalX = 0 }
      finalY = parseInt(((screenHeight / 2) - (divHeight / 2)) + scrollHeight);
      if (finalY < 0) { finalY = 0 }
    
      $('#GreyDiv').css('width', sizeWidth);
      $('#GreyDiv').css('height', sizeHeight);
      $('#LayHidden').css('left', finalX);
      $('#LayHidden').css('top', finalY);
    }

    // ON RESIZE
    $(window).resize(function() {
      ResizeJ ();
    });

    // ON SCROLL
    $(window).scroll(function () { 
      if (firstScroll == 0) {
        firstScroll = 1;
        $(document).scrollTop(0);
        $(document).scrollLeft(0);
      }
      scrollHeight = $(document).scrollTop();
      scrollWidth = $(document).scrollLeft();
      $('#LayHidden').css('left', finalX+scrollWidth);
      $('#LayHidden').css('top', finalY+scrollHeight);
    });

    $(document).ready(function() {
	  if ($.cookie('cookieNoel') != 'true') {
		// Creating cookie with all availabl options
		$.cookie('cookieNoel', 'true', { expires: 1, path: '/', domain: 'tase.be', secure: false });
        $(document).scrollTop(0);
        $(document).scrollLeft(0);
        // SIZE OF VISIBLE PORTION 
        screenHeight = $(window).height();
        screenWidth = $(window).width();
        // SIZE OF ALL DOCUMENT (INCLUDING SCROLLABLE AREA)
        sizeHeight = $(document).height();
        sizeWidth = $(document).width();
        // ACTUAL SCROLL
        scrollHeight = $(document).scrollTop();
        scrollWidth = $(document).scrollLeft();

        // GET POPUP WIDTH & HEIGHT
        divWidth = $('#LayHidden').width();
        divHeight = $('#LayHidden').height();

        // GET FINAL POSITION OF THE POPUP
        finalX = parseInt(((screenWidth / 2) - (divWidth / 2)) + scrollWidth);
        if (finalX < 0) { finalX = 0 }
        finalY = parseInt(((screenHeight / 2) - (divHeight / 2)) + scrollHeight);
        if (finalY < 0) { finalY = 0 }

        $('#GreyDiv').css('background-color', '#34424C');
        $('#GreyDiv').css('opacity', 0);
        $('#GreyDiv').css('width', sizeWidth);
        $('#GreyDiv').css('height', sizeHeight);
        $('#GreyDiv').animate({
          opacity: '0.85'
          }, {
            duration: 50,
            complete: function() {
              DisplayPopupJ ();
            }
        });
	  }
    });