// JavaScript Document

$(document).ready(function() {
   var popOut = "#popout"; // Name of the popout container.
   var adBox = "#adbox"; // Name of the animated bit of the ad.
   var adWidth = $(adBox).width() + $("#cap").width(); // Width of the ad container.
   var adCookie = "ad-example"; // Name of the cookie to be set.

   function openAd() {
      $(popOut).width(adWidth+"px");
      $(adBox).animate({marginLeft: "0"},1200)
      $.cookie(adCookie, null);
   }
   
   function closeAd() {
      $(adBox).animate({marginLeft: "-"+adWidth+"px"},1200,"linear",
         function(){ $(popOut).width($("#cap").width() + "px"); }
      );
      $.cookie(adCookie,'closed',{expires: 28});
   }

   $("#open").click(function() {
      if(!$.cookie(adCookie)) {
         closeAd();
      } else {               
         openAd();
      }
      return false;
   });
   $("#close").click(function() {
      closeAd();
      return false;
   });   
   
   if(!$.cookie(adCookie)) {
      $(popOut).animate({opacity: 1.0}, 1500, "linear", openAd);
   }
});