var oldBody = document.body.innerHTML;
	var top=650;
	var left=150;

/*var popCode = '<div id="popup" style="width:620px; height:670px; left:650px; top:150px; display:none;">';*/
var popCode = '<div id="popup" style="width:620px; height:670px; left:'+ left +'px; top:'+ top +'px; display:none; border: medium solid #CCCCCC;background-color:#FFFFFF;padding:10px;overflow:auto;">';
popCode += '<table border="0" width="600" align="center" bgcolor="#ffffff">   <tbody><tr>     <td><p align="right"><a href=\'#\' onclick=\'killPopup(); return false;\'><font face="Verdana" size="2">Close Popup</font></a> </p>       <p align="center"><font color="#cc0000"><strong><font face="Verdana" size="+3">Wait Before You Go...</font></strong></font></p><p align="center"><font size="4" color="#000000"><strong><font face="Verdana">Don&#39;t Miss Out On This Free Mini-Course <br />All About Outsourcing</font></strong></font><font color="#000000"> </font></p>       <table border="1" cellspacing="0" cellpadding="8" width="400" align="center" bordercolor="#000000">         <tbody><tr>           <td bgcolor="#3664aa">             <p align="center"><strong><a name="Form" title="Form"></a> <font face="Tahoma" size="5" color="#ffffff">Free 7 Day Mini-Course</font></strong>         </p></td></tr><tr>                       <td bgcolor="#ecf5ff">                                                    <p align="center"><font color="#ff0000"><strong><font face="Tahoma" size="4">&quot;Seven Secrets For Using Outsourcing To Make More Money In Your Online Business &amp; Freeing Up Your Time!&quot;</font></strong></font><font face="Tahoma" size="4"> </font>                           </p><p align="center">&nbsp;</p>                         <form action="http://www.aweber.com/scripts/addlead.pl" method="post">                                                        <font face="Arial, Helvetica, sans-serif">                             <input type="hidden" name="unit" value="outsource" />                             <input type="hidden" name="redirect" value="http://www.OutsourceFocus.com/OutsourceFocusExitPop_thanks.html" />                             <input type="hidden" name="meta_adtracking" value="OutsourceFocus-exit-popup" />                             <input type="hidden" name="meta_message" value="1" />                             <input type="hidden" name="meta_required" value="name,from" />                             <input type="hidden" name="meta_forward_vars" value="0" />                             </font>                             <table border="0" align="center">                               <tbody><tr>                                 <td><div align="center"><font face="Arial, Helvetica, sans-serif" size="3"><strong> Full Name</strong></font></div></td>                               </tr>                               <tr>                                 <td><div align="center"> <font face="Arial, Helvetica, sans-serif">                                     <input type="text" name="name" size="20" />                                 </font></div></td>                               </tr>                               <tr>                                 <td>&nbsp;</td>                               </tr>                               <tr>                                 <td><div align="center"><font face="Arial, Helvetica, sans-serif" size="3"><strong> E-mail Address</strong></font></div></td>                               </tr>                               <tr>                                 <td><div align="center"> <font face="Arial, Helvetica, sans-serif">                                     <input type="text" name="from" size="20" />                                 </font></div></td>                               </tr>                               <tr>                                 <td><div align="center"> </div><br /></td>                               </tr>                               <tr>                                 <td><div align="center"> <font face="Arial, Helvetica, sans-serif"> </font>                                         <table border="0" width="1" height="1">                                           <tbody><tr>                                             <td valign="middle" bgcolor="#ff0000">                                               <table border="1" cellspacing="0" cellpadding="0" width="100" align="center" bgcolor="#ff0000" bordercolor="#ff0000">                                                 <tbody><tr>                                                   <td width="0" height="0" valign="top">                                                     <input type="submit" name="submit" value="I Want That Mini-Course! &raquo;" /></td>                                                 </tr>                                             </tbody></table></td>                                           </tr>                                         </tbody></table>                                         <font face="Arial, Helvetica, sans-serif"> </font></div></td>                               </tr>                             </tbody></table>                             <p align="center"><font face="Georgia"><span><font size="2">You will receive the first lesson in a matter of seconds.<br />             * Your information will never be sold or shared with anyone.<br />             I respect your privacy and hate SPAM with a passion.</font></span></font>                           </p>                       </form></td>         </tr>       </tbody></table>      </td>   </tr> </tbody></table>';
//popCode += '<p align="center"><a href="#" onclick="killPopup(); return false;">[ Close ]</a></p>';
popCode += '</div>';

if (document.domain == "www.outsourcefocus.com") {
   document.body.innerHTML = '<div id="blanket"></div>' + popCode + '<div id="wrapper">' + oldBody + '</div>';
}

var blanket = document.getElementById("blanket");
var popup = document.getElementById("popup");
var wrapper = document.getElementById("wrapper");

document.write('<iframe name="catcher" id="catcher" width="1" height="1" style="display:none;"></iframe>');
var form = null;

if (form = document.forms[0]) {
   form.target="catcher";
}

var action = function() { };

var action = function() { Action.spiralIn("popup"); };
String.prototype.capitalize = function() {
    return this.replace(/\w+/g, function(a){
        return a.charAt(0).toUpperCase() + a.substr(1).toLowerCase();
    });
};

var scroll = 0;

function show() {
	//alert("here");
   scroll = Move.getVerticalScroll();

   wrapper.style.overflow = 'hidden';
   wrapper.style.height = Move.browserHeight() + scroll + 'px';
   wrapper.style.marginTop = '-' + scroll + 'px';

   Fade.init("popup");
   Fade.setOpacity(100);

   Fade.step = 5;
   Fade.init("blanket", 0, 70);

   if (form == null) { return false; }

   for (i=0;i<form.elements.length;i++) {
      var element = form.elements[i];
      if (element.type == 'text') {
         form.onsubmit= function() { activate(element); };
         element.focus();
         break;
      }
   }

   if (action != null && typeof action == "function") {
	   action();
   }
}

function hide() {
   blanket.style.display = "none";
   popup.style.display = "none";
   wrapper.style.overflow = "visible";
   wrapper.style.height = "100%";
   wrapper.style.marginTop = '0';
   scrollTo(0, scroll);
}

function brand(className, contents) {
   if (!className) className = "firstname";

   var spans = document.getElementsByTagName("span");
   // Step through each SPAN tag
   for (var i=0;i<spans.length;i++){
      // Only use SPAN tags with class "firstname"
      if (spans[i].className == className) {
         // Update its contents with the branded name
         spans[i].innerHTML = contents;
      }
   }
}

var Cookie = {

   set : function(name, value, days) {
      // Default to a 1 year cookie
      if (days == undefined) { days = 9999; } //Added by TSE - lifetime cookie, day value was orginally 365

      // Format date string
      var date = new Date();
      date.setTime(date.getTime() + (days * 86400000));

      // Set cookie name, value, and expiration date
      document.cookie = name + "=" + value + "; expires=" + date.toGMTString() + "; path=/";
   },

   get : function(name) {
      // Find the cookie's value in the document cookie string
      var results = document.cookie.match(
         new RegExp("(?:^|; )" + name + "=" + "(.*?)(?:$|;)")
      );

      // Return the value if a match was found, undefined otherwise
      if (results && results.length > 1) return results[1];
      return undefined;
   },

   clear : function(name) {
      // Erase a cookie
      setCookie(name, "", -1);
   }

};

var counter;

var Action = {

   // Simple draggable popover
	drag : function(objName) {
		Drag.init(objName);
	},

   // Bouncing draggable popover (with gravity)
   bounce : function(objName) {
      Gravity.init(objName);
      Drag.init(objName);
   },

   gravity : function(objName) {
      Gravity.xFriction = 0.5;
      Gravity.yAcceleration = -10;
      Gravity.ySpeed = 60;
      Gravity.init(objName);
   },

   shake : function(objName) {
      Shake.init(objName);
   },

   // Spiral outwards
	spiralOut : function(objName) {
		Spiral.init(objName);

		Fade.step = 20;
		Fade.init(objName, 0, 100);

		Spiral.angularSpeed = 15;
		Spiral.radiusSpeed = 2;
		Spiral.radius = 0;
		Spiral.endRadius = 150;
	},

   // Spiral outwards then bounce
	spiralOutBounce : function(objName) {
		Spiral.init(objName);

		Gravity.yAcceleration = 1;

		Fade.step = 20;
		Fade.init(objName, 0, 100);

		Spiral.angularSpeed = 15;
		Spiral.radiusSpeed = 0.7;
		Spiral.radius = 0;
		Spiral.endRadius = 150;

		Spiral.onFinish = function() {
		   Gravity.init(objName);
		   Drag.init(objName);
			Gravity.yAcceleration = 1;
		}
	},

   fadeIn : function(objName) {
      Fade.step = 20;
		Fade.init(objName, 0, 100);
   },

   // Spiral in (no gravity)
	spiralIn : function(objName) {

      //Fade.step = 10;
		//Fade.init(objName, 0, 100);

      Gravity.xAcceleration = 0;
		Gravity.yAcceleration = 0;

      Spiral.angularSpeed = 8;
      Spiral.radius = 300;
      Spiral.radiusSpeed = -5;
      Spiral.endRadius = 0;

      Spiral.init(objName);
   },

   // Stick to the right side of the screen
   edgeMagnet : function(objName) {
      Gravity.xAcceleration = 100;
      Gravity.yAcceleration = 0;
      Gravity.init(objName);
   },

   // Popover that follows the mouse cursor around
   cursorMagnet : function(objName) {
      Move.steps = 20;
      Magnet.init(objName);
   }
};

var Path = {

   // Move the layer in a specified path
   move : function(objName, stack) {

      function moveQueue() {
         if (stack.length > 0) {
            var element = stack[0];
            stack = stack.slice(1);

            Gravity.xAcceleration = 0;
            Gravity.yAcceleration = 0;
            Move.setRelativeCoordinates(element.x, element.y);
         }
         else {
            if (typeof Path.move.onFinish == "function") {
               Path.move.onFinish();
            }
         }
      }

      Move.init(objName);
      Move.coast = false;
      Move.onMoveEnd = moveQueue;
      Move.onMoveEnd();
   },

   // Fish hook pattern
   fishHook : function(objName) {
      var stack = [
         {x:491, y:30},
         {x:559, y:60},
         {x:653, y:164},
         {x:621, y:274},
         {x:531, y:330},
         {x:381, y:256}
      ];

      Path.move(objName, stack);
      Path.move.onFinish = Path.fishHook.onFinish;
   },

   // Fish hook with gravity
   fishHookGrav : function(objName) {
      Path.fishHook.onFinish = function() {
         Gravity.yAcceleration = 3;
         Gravity.init(objName);
         Drag.init(objName);
      };
      Path.fishHook(objName);
   },

   // Zig zag pattern
   zigZag : function(objName) {
      var stack = [
         {x:60, y:25},
         {x:240, y:50},
         {x:60, y:150},
         {x:240, y:200},
         {x:60, y:300},
         {x:240, y:400}
      ];

      Path.move(objName, stack);
      Path.move.onFinish = Path.fishHook.onFinish;
   }
};

var Move = {

   delay : 10,

   previousX : null,
   previousY : null,

   movements : new Array(),

   box : null,
   coast : true,

   initX : null,
   initY : null,

   realX : null,
   realY : null,

   steps : 5,
   stepsLeft : 0,

   // Is the layer moving right now?
   isMoving : false,

   init : function(name) {
	  Move.reset();
      Move.box = document.getElementById(name);
      Move.find();
   },

   setSpeed : function(x, y) {
      if (Move.previousX != null && Move.previousY != null) {
         Gravity.xSpeed = x - Move.previousX;
         Gravity.ySpeed = y - Move.previousY;
      }

      Move.previousX = x;
      Move.previousY = y;
   },

   inBounds : function(x, y) {
      var topLeftX = parseInt(Move.box.style.left);
      var topLeftY = parseInt(Move.box.style.top);

      var topRightX = parseInt(Move.box.style.left) + parseInt(Move.box.style.width);
      var bottomLeftY = parseInt(Move.box.style.top) + parseInt(Move.box.style.height);

      // Figure out if we are inside the bounds of the box
        
      return (
         (x >= topLeftX && x <= topRightX) && 
         (y >= topLeftY && y <= bottomLeftY)
      );
   },

   getCenter : function() {
      var topLeftX = parseInt(Move.box.style.left);
      var topLeftY = parseInt(Move.box.style.top);

      var topRightX = parseInt(Move.box.style.left) + parseInt(Move.box.style.width);
      var bottomLeftY = parseInt(Move.box.style.top) + parseInt(Move.box.style.height);

      var centerX = parseInt((topLeftX + topRightX) / 2);
      var centerY = parseInt((topLeftY + bottomLeftY) / 2);

      var result = new Object();
      result.x = centerX;
      result.y = centerY;

      return result;
   },

   // Adjusts to place the box in the center of your coords
   getOffset : function() {

      var center = Move.getCenter();
      var topLeftX = parseInt(Move.box.style.left);
      var topLeftY = parseInt(Move.box.style.top);

      var cornerX = parseInt(center.x - topLeftX);
      var cornerY = parseInt(center.y - topLeftY);

      var result = new Object();
      result.x = cornerX;
      result.y = cornerY;

      return result;
   },

   set : function(x, y) {
      // Update the layer properties
      Move.previousX = Move.realX;
      Move.previousY = Move.realY;

      Move.realX = x;
      Move.realY = y;

      Move.box.style.left = Math.round(x) + "px";
      Move.box.style.top = Math.round(y) + "px";
   },

   height : function() {
      return parseInt(Move.box.style.height);
   },

   width : function() {
      return parseInt(Move.box.style.width);
   },

   end : function(x, y) {
      //Move.realX = null;
      //Move.realY = null;

      if (typeof Move.onMoveEnd == "function") {
         Move.onMoveEnd();
      }
   },

   clear : function() {
      Move.onMoveEnd = null;

      document.onmousedown = null;
      document.onmouseup = null;
      document.onmousemove = Cursor.getCursor;

      //Gravity.yAcceleration = 0;
      //Gravity.xAcceleration = 0;
   },

   jump : function(x, y) {
      Move.set(x, y);
      setTimeout("Move.end();", Move.delay);
   },

   find : function() {
      // If there are no realX and realY values yet,
      // read those off the DHTML layer.
      if (Move.realX == null) {
         Move.realX = parseInt(Move.box.style.left);
         Move.initX = Move.realX;
      }
      if (Move.realY == null) {
         Move.realY = parseInt(Move.box.style.top);
         Move.initY = Move.realY;
      }
   },

   setRelativeCoordinates : function(x, y) {
      return Move.setCoordinates(x + Move.screenLeft(), y + Move.screenTop());
   },

   /**
      Set our box to coordinates x and y
   */
   setCoordinates : function(x, y) {

      if (Move.box == null) return false;
      Move.isMoving = true;

      Move.find();

      // Calculate distance to travel
      if (Move.stepsLeft <= 0) Move.stepsLeft = Move.steps;

      var distanceX = (x - Move.realX) / Move.stepsLeft;
      var distanceY = (y - Move.realY) / Move.stepsLeft;

      if (Move.coast == false) {
         Move.stepsLeft--;
      }

      Move.set(Move.realX + distanceX, Move.realY + distanceY);

      // If we still need to keep going...
      if (Math.round(Move.realX) != x || Math.round(Move.realY) != y) {
         Move.setSpeed(Move.realX, Move.realY);
         setTimeout("Move.setCoordinates(" + x + "," + y + ");", Move.delay);
      }
      // We are done.
      else {
         Move.end(x, y);
      }
   },

   getVerticalScroll : function() {
      if (window.pageYOffset) return parseInt(window.pageYOffset);
      return document.body.scrollTop;
   },

   getHorizontalScroll : function() {
      if (window.pageXOffset) return parseInt(window.pageXOffset);
      return document.body.scrollLeft;
   },

   screenTop : function() {
      return Move.getVerticalScroll();
   },

   screenBottom : function() {
      return Move.getVerticalScroll() + Move.browserHeight();
   },

   screenLeft : function() {
      return Move.getHorizontalScroll();
   },

   screenRight : function() {
      return Move.getHorizontalScroll() + Move.browserWidth()-50;
   },

   browserHeight : function() {
      if (typeof window.innerWidth == 'number') {
         return window.innerHeight - 2;
      }
      else {
         if (document.documentElement && (document.documentElement.clientHeight)) {
            return document.documentElement.clientHeight;
         }
         else {
            if (document.body && (document.body.clientHeight)) {
               return document.body.clientHeight;
            }
         }
      }
   },

   browserWidth : function() {
      if (typeof window.innerWidth == 'number') {
         return window.innerWidth - 2;
      }
      else {
         if (document.documentElement && (document.documentElement.clientWidth)) {
            return document.documentElement.clientWidth;
         }
         else {
            if (document.body && (document.body.clientWidth)) {
               return document.body.clientWidth;
            }
         }
      }
   },

   reset : function() {
	   Magnet.disable();
   }

};

var Circle = {
   radius : 100,
   xOffset : 300,
   yOffset : 300,

   xPoint : 0,
   yPoint : 0,

   angle : 0,
   degree : 0,

   /**
      Translates the parameters of the Circle object into rectangular coordinates.
   */
   calculate : function() {

      /* Convert to radians

         In a circle, degrees are measured from 0 to 360, right?
         So basically you're chopping a circle into 360 equal parts...

         Same thing with radians, only 2 times PI is a full circle, so that
         is chopped into (2*PI) equal parts.

         JavaScript's sine and cosine functions only deal with radians... so
         to do the conversion, first reduce degrees into how much of a percentage
         that angle represents... for example, 90 degrees is 1/4th of a circle.

         90 / 360 = 0.25 or 1/4th

         You have your circle "percentage", now multiply that by (2*PI) to get
         it in radians.
      */

      Circle.xPoint = (Math.sin(Circle.angle) * Circle.radius) + Circle.xOffset;
      Circle.yPoint = (Math.cos(Circle.angle) * Circle.radius) + Circle.yOffset;
   },

   setOffsets : function(x, y) {
      Circle.xOffset = x;
      Circle.yOffset = y;
      Circle.calculate();
   },

   setDegrees : function(newAngle) {
      // Convert larger numbers (outside the range of 0 to 360) into "relative" numbers

      var maxValue = 360;
      var minValue = 0;

      // Plus because we are adding a negative number, which is really subtracting
      if (newAngle < minValue) newAngle = maxValue + newAngle;
      else if (newAngle >= maxValue) {
         newAngle = newAngle % maxValue;
      }

      Circle.degree = newAngle;

      Circle.angle = (newAngle / 360) * (2 * Math.PI);
      Circle.calculate();
   },

   setRadius : function(newRadius) {
      // Positive radius only
      newRadius = Math.max(0, newRadius);

      Circle.radius = newRadius;
      Circle.calculate();
   },

   getCoordinates : function() {
      var obj = new Object();
      obj.x = Circle.xPoint;
      obj.y = Circle.yPoint;
      return obj;
   }
};

var Shake = {

   delay : 10,
	step : 20,
   stepSize : 20, // do not touch
   timer : null,

   init : function(name) {
      Move.init(name);
      Shake.step = Shake.stepSize;
      Shake.timer = setInterval("Shake.adjust()", Shake.delay);
   },

   adjust : function() {
      if (Shake.step <= 0) {
         clearInterval(Shake.timer);
      }
      Shake.step--;

      var precision = 50;

      moveX = Math.round(Math.random() * precision);
      moveX = moveX - (precision / 2);

      moveY = Math.round(Math.random() * precision);
      moveY = moveY - (precision / 2);

      Move.set(Move.realX + moveX, Move.realY + moveY);
   }
};

var Fade = {

   current : 0,
   target : 0,
   timer : null,
   panel : null,

   delay : 50,
   step : 10,

   counter : 0,

   init : function(newLayer, newCurrent, newTarget) {
	   clearInterval(Fade.timer);
	   Fade.timer = null;

      Fade.panel = document.getElementById(newLayer);

      if (newCurrent != undefined) {
         Fade.target = newTarget;
         Fade.current = newCurrent;
         Fade.setOpacity(newCurrent);

         Fade.timer = setInterval("Fade.adjust()", Fade.delay);
      }
   },

   adjust : function() {
      difference = Fade.target - Fade.current;
      difference = difference / Fade.step;

      if (difference < 0) change = Math.floor(difference);
      else change = Math.ceil(difference);

      Fade.current = Fade.current + change;
      Fade.setOpacity(Fade.current);

      if (Fade.timer && Fade.current == Fade.target) {
         clearInterval(Fade.timer);

         if (typeof Fade.onFinish == "function") {
            Fade.onFinish();
         }
      }
   },

   setOpacity : function(level) {
      Fade.panel.style.display='block';
      Fade.panel.style.visibility='visible';
      Fade.panel.style.position='absolute';

      Fade.panel.style.MozOpacity = level / 100;
      Fade.panel.style.filter = "alpha(opacity=" + level + ")";

      if (level == 0) {
         Fade.panel.style.display = 'none';
      }
   },

   // Simple fade out.
   out : function(objName) {
      Fade.onFinish = function() {
         document.getElementById(objName).style.display='none';
      };
      Fade.init(objName, 100, 0);
   },

   // Simple fade in.
   up : function(objName) {
      Fade.init(objName, 0, 100);
   }
};

var Gravity = {

   yDirection: 1,
   yAcceleration: 2,

   xDirection: 1,
   xAcceleration: 0,

   ySpeed : -20,
   xSpeed : -15,

   yFriction : 0.85,
   xFriction : 0.95,

   init : function(name) {
      Move.onMoveEnd = Gravity.onMoveEnd;

      Move.init(name);
      Move.onMoveEnd();
   },

   onMoveEnd : function() {
      // Move the popover down
      Gravity.ySpeed += Gravity.yAcceleration;
      Gravity.xSpeed += Gravity.xAcceleration;

      var bottomOffset = 30;

      var finalY = Math.min(Move.screenBottom() - Move.height() - bottomOffset, Move.realY + Gravity.ySpeed);
      finalY = Math.max(Move.screenTop(), finalY);

      var finalX = Math.min(Move.screenRight() - Move.width(), Move.realX + Gravity.xSpeed);
      finalX = Math.max(Move.screenLeft(), finalX);

      if (Gravity.ySpeed > 0 && finalY + Move.height() >= Move.screenBottom() - bottomOffset) {
         Gravity.yCollide();
      }

      else if (Gravity.ySpeed < 0 && finalY <= Move.screenTop()) {
         Gravity.yCollide();
      }

      if (Gravity.xSpeed > 0 && finalX + Move.width() >= Move.screenRight()) {
         Gravity.xCollide();
      }

      else if (Gravity.xSpeed < 0 && finalX <= Move.screenLeft()) {
         Gravity.xCollide();
      }

      if (Move.previousX == finalX && Move.previousY == finalY) {
         Move.onMoveEnd = null;
      }
      else {
         Move.jump(finalX, finalY);
      }
   },

   yCollide : function() {
      Gravity.ySpeed = -1 * Gravity.yFriction * Gravity.ySpeed;
      Gravity.xSpeed = Gravity.xFriction * Gravity.xSpeed;
   },

   xCollide : function() {
      Gravity.xSpeed = -1 * Gravity.xFriction * Gravity.xSpeed;
      Gravity.ySpeed = Gravity.yFriction * Gravity.ySpeed;
   }
};

var Spiral = {

   // delay before updating cursor position
   delay : 0,
   nextUpdate : 0,

   degrees : 0,
   radius : 300,
   endRadius : 0,

   endDegrees : null,

   angularSpeed : 5,

   // How much to reduce the radius by iteration
   radiusSpeed : -1,

   // Counter to tell how many steps we have taken
   counter : 0,

   // Total steps this spiral process will take
   steps : 0,

   /**
      Set everything up.
   */
   init : function(name) {
      // Makes the popup be drawn towards the mouse pointer.
      // Comment out the two lines below to disable.
      document.onmousemove = Spiral.magneticCursor;
      window.onmousemove = Spiral.magneticCursor;

      // Randomly choose clockwise or counter-clockwise
      var sign = Math.round(Math.random());
      Spiral.angularSpeed *= (sign == 0) ? -1 : 1;

      // Set the final X and Y coordinates where we want to end up
      // (Irrelevant if magnetic cursor is turned on)
      //Circle.setOffsets(300,300);

      Move.onMoveEnd = Spiral.onMoveEnd;

      Spiral.counter = 0;

      // Allow the requested layer to be moved
      Move.init(name);

      Spiral.steps = Math.abs(Spiral.radius / Spiral.radiusSpeed);

      // Begin spiral
      Move.onMoveEnd();
   },

   magneticCursor : function(event) {
      Cursor.getCursor(event);

      var width = parseInt(Move.box.style.width);
      var height = parseInt(Move.box.style.height);

      width = Math.round(width / 2);
      height = Math.round(height / 2);

      Circle.xOffset = Cursor.x - width;
      Circle.yOffset = Cursor.y - height;
   },

   angleDone : function() {
      //if (Spiral.endDegrees == null) return true;

      if (Spiral.angularVelocity > 0)
         return (Spiral.degrees <= Spiral.endDegrees) ? true : false;

      else
         return (Spiral.degrees >= Spiral.endDegrees) ? true : false;
   },

   onMoveEnd : function() {
      // Adjust the angle for this step
      Spiral.degrees = Spiral.degrees + Spiral.angularSpeed;

      // Shrink the radius for this step
      Spiral.radius = Spiral.radius + Spiral.radiusSpeed;


      /*
         Then, to figure out the opacity, first figure out how far along we
         are in the radius shrinking process.  For example if there were
         30 steps to take, and we were on step 15, 15 divided by 30 is 1/2.

         Then just multiply that by 100 to get the percent value needed to
         plug it into our Fade.setOpacity() function.  Something like 100
         times 1/2 would be 50.
      */

      // Check Spiral.steps BEFORE dividing to avoid divide-by-zero errors.
      
      //if (Spiral.steps > 0) {
         //var percentage = Spiral.counter / Spiral.steps;
         //var newOpacity = Math.round(percentage * 100);
         //Fade.setOpacity(newOpacity);
      //}

      Circle.setRadius(Spiral.radius);
      Circle.setDegrees(Spiral.degrees);
      Spiral.degrees = Circle.degree;

      /* Translate polar (circular) coordinates into a rectangular system
         so we know where to place the popup. */

      var coords = Circle.getCoordinates();
      if (
         Spiral.radiusSpeed < 0 && Spiral.radius > Spiral.endRadius ||
         Spiral.radiusSpeed > 0 && Spiral.radius < Spiral.endRadius) {

         Spiral.counter++; // Add 1 to the step counter
         Move.jump(coords.x, coords.y);
         Move.setSpeed(coords.x, coords.y);
      }

      else if (Spiral.radiusSpeed == 0) {
         Move.jump(coords.x, coords.y);
         Move.setSpeed(coords.x, coords.y);
      }

      else {
         // Done
         Move.onMoveEnd = null;
         if (Spiral.onFinish != null && typeof Spiral.onFinish == "function") {
            Spiral.onFinish();
         }
      }

   }
};

var Drag = {

   oldMoveEnd : null,

   pressed : false,

   differenceX : 0,
   differenceY : 0,

   init : function(name) {
      Move.init(name);

      document.onmousedown = Drag.onmousedown;
      document.onmouseup = Drag.onmouseup;
   },

   movePopup : function(event) {
      Cursor.getCursor(event);
      var newX = Cursor.x - Drag.differenceX;
      var newY = Cursor.y - Drag.differenceY;
      Move.set(newX, newY);
      Move.setSpeed(newX, newY);

   },

   onmousedown : function(e) {

      // Calculate corners
      var topLeftX = parseInt(Move.box.style.left);
      var topLeftY = parseInt(Move.box.style.top);

      //var topRightX = parseInt(Move.box.style.left) + parseInt(Move.box.style.width);
      //var bottomLeftY = parseInt(Move.box.style.top) + parseInt(Move.box.style.height);

      Cursor.getCursor(e);

      // Figure out if we are inside the bounds of the box
      /*
      Drag.pressed = 
         (Cursor.x >= topLeftX && Cursor.x <= topRightX) && 
         (Cursor.y >= topLeftY && Cursor.y <= bottomLeftY);
      */
      Drag.pressed = Move.inBounds(Cursor.x, Cursor.y);

      if (Drag.pressed) {
         document.onmousemove = Drag.movePopup;

         Drag.oldMoveEnd = Move.onMoveEnd;
         Move.onMoveEnd = null;
      }

      Drag.differenceX = Cursor.x - topLeftX;
      Drag.differenceY = Cursor.y - topLeftY;
   },

   onmouseup : function() {
      if (Drag.pressed) {
         document.onmousemove = Cursor.getCursor;
         Move.onMoveEnd = Drag.oldMoveEnd;
         Drag.pressed = false;
         Move.end();
      }
   }
};

var Magnet = {

   maxDistance : 200,
   lastCursor : null,

   lastX : null,
   lastY : null,

   moving : false,

   init : function(name) {
      Move.init(name);
      Move.coast = false;
      Magnet.enable();
   },

   move : function(event) {

      Cursor.getCursor(event);
      //window.status = Cursor.x;

      if (Magnet.moving == true) return false;
      if (Move.inBounds(Cursor.x, Cursor.y)) return false;

      var center = Move.getCenter();

      var xDistance = Cursor.x - center.x;
      var yDistance = Cursor.y - center.y;

      var distance = Math.sqrt(
         (xDistance * xDistance) + (yDistance * yDistance)
      );

      //window.status = distance;

      if (distance > Magnet.maxDistance || Magnet.moving) {
         Magnet.moving = true;

         var offset = Move.getOffset();
         Move.setRelativeCoordinates(Cursor.x - offset.x, Cursor.y - offset.y);

         Move.onMoveEnd = Magnet.enable;
      }

   },

   disable : function() {
      document.onmousemove = null;
      window.onmousemove = null;
   },

   enable : function() {
      document.onmousemove = Magnet.move;
      window.onmousemove = Magnet.move;

      if (Cursor.x == null) return false;

      // Start up again towards the cursor if we havent hit it yet
      if (!Move.inBounds(Cursor.x, Cursor.y)) {
         var offset = Move.getOffset();
         Move.setRelativeCoordinates(Cursor.x - offset.x, Cursor.y - offset.y);
      }
      else {
         Magnet.moving = false;
         Move.onMoveEnd = null;
      }
   }

};

var Cursor = {
   x : null,
   y : null,

   lastX : null,
   lastY : null,

   archive : function() {
	   Cursor.lastX = Cursor.x;
	   Cursor.lastY = Cursor.y;
   },

   getCursor : function(e) {
      var e = e ? e:event;

      if (e != undefined && e.pageX && e.pageY) {
		   Cursor.archive();
         Cursor.x = parseInt(e.pageX);
         Cursor.y = parseInt(e.pageY);
      }
      else if (e && e.clientX && e.clientY) {
         Cursor.archive();
         Cursor.x = parseInt(e.clientX + document.body.scrollLeft);
         Cursor.y = parseInt(e.clientY + document.body.scrollTop);
      }
   }
};

// Function that will update the screen based on our mouse event
function handleMove(mouseEvent) {
	
   // Update the cursor
   Cursor.getCursor(mouseEvent);

   // Calculate the distance from the top of the inner browser window
   var distanceFromTop = Cursor.y - Move.screenTop();

   // If the current Y coordinate is less than (at a higher position)
   // than the previous coordinate, the cursor is moving up
   if (Cursor.y < Cursor.lastY && distanceFromTop <= 10) {
     	document.onmousemove = null;
		show();
		   }
}

// Procedural pop-up code

function activate(obj) {
   var firstname = obj.value;
   firstname = firstname.replace(/[^A-Z]/gi, "");
   firstname = firstname.replace(/ .*$/g, "");
	//alert("this is pankaj");
   if (firstname != "") {   
      Cookie.set('nametouse', firstname, 1);      //Added by TSE
      window.setTimeout("pullThankYou()", 300);   //Added by TSE

      // Brand the first name on the sales letter
      brand("firstname", firstname);
   }

   // Hide the opt-in pop-up
   hide();
}

// ---------Comment by pankaj
// if (Cookie.get("firstname")) {
//   // Brand the sales page contents with their first name
//   brand("firstname", Cookie.get("firstname"));
// }
// else {
//   // Show the opt-in pop-up that asks for their first name
//  //show();
//   document.onmousemove = handleMove;
// }
//---------------------------------

function startPopup(){
	//alert(Cookie.get("jspopup"));
	if(Cookie.get("jspopup")!="set"){
		document.onmousemove = handleMove;
					//alert("cookie set");
			Cookie.set('jspopup', 'set',9999);
			}
}

	var countDown = 0 ;

function killPopup(){
  countDown = -10;
  hide(); 
  Cookie.set('firstname', 'closed');
}

function pullThankYou(){
  countDown = -10;
  document.getElementById('popup').innerHTML = "";
  ajaxPage('OutsourceFocusExitPop_thanks.html','popup'); 
  document.getElementById('popup').style.display = "block";
  
  // Set the first name as a cookie
  var firstname = Cookie.get('nametouse');
  Cookie.set("firstname", firstname);
}

function pullExpired(){
  document.getElementById('popup').innerHTML = "";
  ajaxPage('','popup'); 
  document.getElementById('popup').style.display = "block";

  Cookie.set("firstname", 'expired');
}

function count(){
      switch(countDown){
        case -1:
          pullExpired();
          break;
        case -10:
          return;
        default:
		            countDown--;
          window.setTimeout('count()', 1000);
          break;      
      } 
}
/***************************************************************************/

document.write('<link rel="stylesheet" href="http://www.outsourcefocus.com//action.php?css" />');