var stop = 0;

var padding = 30;

var X = 0;

var Y = screen.height-500;



function slideMyPopup() {

  X = X-12;

  if( X < stop ) return;

  document.getElementById("styled_popup").style.left = X + "px";

  setTimeout("slideMyPopup()", 25);

}



function fireMyPopup() {

  var scrolledX;

  if( self.pageYOffset ) {

    scrolledX = self.pageXOffset;

  } else if( document.documentElement && document.documentElement.scrollTop ) {

    scrolledX = document.documentElement.scrollLeft;

  } else if( document.body ) {

    scrolledX = document.body.scrollLeft;

  }



  var centerX;

  if( self.innerHeight ) {

    centerX = self.innerWidth;

  } else if( document.documentElement && document.documentElement.clientHeight ) {

    centerX = document.documentElement.clientWidth;

  } else if( document.body ) {

    centerX = document.body.clientWidth;

  }



  // Don't forget to subtract popup's width! ( 380 in our case )

	var width = screen.width;

  stop = scrolledX + centerX - 795 - padding;

  X = scrolledX + centerX;



  document.getElementById("styled_popup").style.top = Y + "px";

  document.getElementById("styled_popup").style.display = "block";

  slideMyPopup();

}



function styledPopupClose() {

  var bottom = "";

  document.getElementById("styled_popup").style.display = "none";

  Y = bottom; // if it was closed, make sure extra computations are done in dropMyPopup()

}