/*
Created By: Chris Campbell
Website: http://particletree.com
Date: 2/1/2006

Inspired by the lightbox implementation found at http://www.huddletogether.com/projects/lightbox/
*/

/*-------------------------------GLOBAL VARIABLES------------------------------------*/
var detect = navigator.userAgent.toLowerCase();
var OS,browser,version,total,thestring;
/*-----------------------------------------------------------------------------------------------*/

// Browser detect script origionally created by Peter Paul Koch at http://www.quirksmode.org/
function getBrowserInfo() {
  if (checkIt('konqueror')) {
    browser = "Konqueror";
    OS = "Linux";
  }
  else if (checkIt('safari')) browser  = "Safari"
  else if (checkIt('omniweb')) browser = "OmniWeb"
  else if (checkIt('opera')) browser   = "Opera"
  else if (checkIt('webtv')) browser   = "WebTV";
  else if (checkIt('icab')) browser    = "iCab"
  else if (checkIt('msie')) browser    = "Internet Explorer"
  else if (!checkIt('compatible')) {
    browser = "Netscape Navigator"
    version = detect.charAt(8);
  }
  else browser = "An unknown browser";
  if (!version) version = detect.charAt(place + thestring.length);
  if (!OS) {
    if (checkIt('linux')) OS    = "Linux";
    else if (checkIt('x11')) OS = "Unix";
    else if (checkIt('mac')) OS = "Mac"
    else if (checkIt('win')) OS = "Windows"
    else OS                     = "an unknown operating system";
  }
}

function checkIt(string) {
  place = detect.indexOf(string) + 1;
  thestring = string;
  return place;
}

/*-----------------------------------------------------------------------------------------------*/

Event.observe(window, 'load', initialize, false);
Event.observe(window, 'load', getBrowserInfo, false);
Event.observe(window, 'unload', Event.unloadCache, false);

var lightbox = Class.create();

lightbox.prototype = {
  yPos : 0,
  xPos : 0,
  initialize: function(ctrl) {
    this.linkId = ctrl.id;                          
    this.content = ctrl.href;
    Event.observe(ctrl, 'click', this.activate.bindAsEventListener(this), false);
    ctrl.onclick = function(){return false;};
  },

  // Turn everything on - mainly the IE fixes
  activate: function(){
    if (browser == 'Internet Explorer'){
      this.getScroll();
      this.prepareIE('100%', 'hidden');
      this.setScroll(0,0);
      this.hideSelects('hidden');
    }
    
    if (OS == "Windows") {
        if ($('rotator')) {
            $('rotator').innerHTML = "";
        }
    
        if ($('videoplayer')) {
            $('videoplayer').innerHTML = "";
        }
        
        if ($('photoGallery')) {
            $('photoGallery').innerHTML = "";
        } 
    }
    
    this.displayLightbox("block");
  },

  // Ie requires height to 100% and overflow hidden or else you can scroll down past the lightbox
  prepareIE: function(height, overflow){
    bod = document.getElementsByTagName('body')[0];
    bod.style.height = height;
    bod.style.overflow = overflow;
  
    htm = document.getElementsByTagName('html')[0];
    htm.style.height = height;
    htm.style.overflow = overflow; 
  },

  // In IE, select elements hover on top of the lightbox
  hideSelects: function(visibility){
    selects = document.getElementsByTagName('select');
    for(i = 0; i < selects.length; i++) {
      selects[i].style.visibility = visibility;
    }
  },

  // Taken from lightbox implementation found at http://www.huddletogether.com/projects/lightbox/
  getScroll: function(){
    if (self.pageYOffset) {
      this.yPos = self.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop){
      this.yPos = document.documentElement.scrollTop; 
    } else if (document.body) {
      this.yPos = document.body.scrollTop;
    }
  },

  setScroll: function(x, y){
    window.scrollTo(x, y); 
  },

  displayLightbox: function(display){
    var lb = $('lightbox');      
                                     
    if (this.linkId == "scheduling") {
       lb.style.width = "570px";
       lb.style.height = "450px";
       lb.style.margin = "-220px 0 0 -250px";
       lb.style.border = "1px solid #fff";
       lb.style.background = "#FDFCE9";  
       lb.style.paddingTop = "0px";
       lb.style.paddingLeft = "0px";                                                                        
    } else {      
       lb.style.width = "438px";
       lb.style.height = "232px";
       lb.style.margin = "-119px 0 0 -219px";
       lb.style.border = "6px solid #C40203";
       lb.style.background = "#FFF";
       lb.style.paddingTop = "26px";
       lb.style.paddingLeft = "22px";            
    }
    
                                     
    $('overlay').style.display = display;
    $('lightbox').style.display = display;
    
    if(display != 'none') this.loadInfo();
  },

  // Begin Ajax request based off of the href of the clicked linked
  loadInfo: function() {
    var myAjax = new Ajax.Request(
        this.content,
        {method: 'get', parameters: "", onComplete: this.processInfo.bindAsEventListener(this)}
    );
    
  },

  // Display Ajax response
  processInfo: function(response){
    info = "<div id='lbContent'>" + response.responseText + "</div>";
    new Insertion.Before($('lbLoadMessage'), info)
    $('lightbox').className = "done";  
    this.actions();      
  },

  // Search through new links within the lightbox, and attach click event
  actions: function(){
    lbActions = document.getElementsByClassName('lbAction');

    for(i = 0; i < lbActions.length; i++) {
      Event.observe(lbActions[i], 'click', this[lbActions[i].rel].bindAsEventListener(this), false);
      lbActions[i].onclick = function(){return false;};
    }

  },

  // Example of creating your own functionality once lightbox is initiated
  insert: function(e){
     link = Event.element(e).parentNode;
     Element.remove($('lbContent'));

     var myAjax = new Ajax.Request(
        link.href,
        {method: 'get', parameters: "", onComplete: this.processInfo.bindAsEventListener(this)}
     );
  },
  
  newsletterComplete: function(response) {
//     alert("Got data!");
  },  
  
  processNewsletterRequest:function (e){
     var formData = new Object();
     var email = $("lightboxEmail").value;
     formData["cons_info_component"] = "t";
     formData["cons_email"] = email;
     formData["cons_mail_opt_in"] = "t";
     formData["cons_email_opt_in_requested"] = "true";
     formData["denySubmit"] = "";
     formData["ACTION_SUBMIT_SURVEY_RESPONSE"] = "Submit Survey";
     formData["SURVEY_ID"] = "4020";
    
     if ($("lightboxOptIn").checked) {
         formData["cons_email_opt_in"] = "true";
     }
    
     if ($("lightboxAgreeNewsletter").checked) {
         formData["1734_4020_3_6840"] = "1921";
     }   
    
     var atIndex = email.indexOf("@");
     var dotIndex = email.lastIndexOf(".");
     
     formList = new Array();
     for (p in formData) {
        formList.push(p+"=" + escape(formData[p]));
     }
     
     if (atIndex > -1 && dotIndex > atIndex) {
        link = Event.element(e).parentNode;
        Element.remove($('lbContent'));                                                
        
        var myAjax = new Ajax.Request(
            siteURL + "lightboxThanks/",
            {method: 'post', parameters: formList.join("&"), onComplete: this.processInfo.bindAsEventListener(this)}
        );
     } else {
        $('emailInstructions').innerHTML = "<span style='color:#990000'>You must enter a valid email address!</span>";
     }    
  },

  processReminderRequest:function (e){
     var formData = new Object();
     var email = $("lightboxEmail").value;
     formData["cons_info_component"] = "t";
     formData["cons_email"] = email;
     formData["cons_mail_opt_in"] = "t";
     formData["cons_email_opt_in_requested"] = "true";
     formData["denySubmit"] = "";
     formData["ACTION_SUBMIT_SURVEY_RESPONSE"] = "Submit Survey";
     formData["SURVEY_ID"] = "4020";
    
     if ($("lightboxOptIn").checked) {
         formData["cons_email_opt_in"] = "true";
     }
    
     if ($("lightboxAgreeNewsletter").checked) {
         formData["1734_4020_3_6840"] = "1921";
     }   
    
     if ($("lightboxAgreeReminders").checked) {
         formData["1734_4020_2_6820"] = $("lightboxAgreeReminders").value;
     }       
    
     var atIndex = email.indexOf("@");
     var dotIndex = email.lastIndexOf(".");
     
     formList = new Array();
     for (p in formData) {
        formList.push(p+"=" + escape(formData[p]));
     }
     
     if (atIndex > -1 && dotIndex > atIndex) {
        link = Event.element(e).parentNode;
        Element.remove($('lbContent'));
        var myAjax = new Ajax.Request(
            siteURL + "lightboxThanks/",
            {method: 'post', parameters: formList.join("&"), onComplete: this.processInfo.bindAsEventListener(this)}
        );
     } else {
        $('emailInstructions').innerHTML = "<span style='color:#990000'>You must enter a valid email address!</span>";
     }    
  },

  // Example of creating your own functionality once lightbox is initiated
  deactivate: function(){
    Element.remove($('lbContent'));

    if (browser == "Internet Explorer"){
      this.setScroll(0,this.yPos);
      this.prepareIE("auto", "auto");
      this.hideSelects("visible");  
    }
    
    this.displayLightbox("none");
    
    if (OS == "Windows" && ($('rotator') || $('videoplayer') || $('photoGallery'))) {
       location.reload(true);   
    }
  }
}

/*-----------------------------------------------------------------------------------------------*/

// Onload, make all links that need to trigger a lightbox active
function initialize(){
  addLightboxMarkup();
  lbox = document.getElementsByClassName('lbOn');
  for(i = 0; i < lbox.length; i++) {
    valid = new lightbox(lbox[i]);
  }
}

// Add in markup necessary to make this work. Basically two divs:
// Overlay holds the shadow
// Lightbox is the centered square that the content is put into.
function addLightboxMarkup() {
  bod          = document.getElementsByTagName('body')[0];
  overlay      = document.createElement('div');
  overlay.id   = 'overlay';
  lb           = document.createElement('div');
  lb.id        = 'lightbox';
  lb.className = 'loading';
  lb.innerHTML = '<div id="lbLoadMessage" style="padding-top: 200px; margin-left: auto; margin-right: auto; width: 100px; text-align: center;">' +
                 '<h2>Loading</h2>' +
                 '</div>';
  bod.appendChild(overlay);
  bod.appendChild(lb);
}