/*
 Created By: Chris Campbell
 Modified By: Noah Winecoff (http://www.findmotive.com)

 Modified by: Mike Spainhower
 In order to run this separately from the public-facing lightbox2:
 changed overlay to overlayIFrame
 changed lightbox to lightboxIFrame

 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;
}

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

LBIFRAME_IS_ON = false;

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

var lightboxIFrame = Class.create();
lightboxIFrame.prototype = {

  yPos : 0,
  xPos : 0,

  initialize: function(ctrl) {
	this.parentCtrl = ctrl;
    this.content = ctrl.href;
	//alert(ctrl.id);
	// CBS 6/17/2009 - utilizing the rel for class and height and width - format: rel="<class>,<width>,<height>"
	var attribs = ctrl.rel.split(",");

	// If no comma, then assume legacy implementation
	if (attribs.length < 2)
	{
    	this.contentClass = ctrl.rel;
		this.frameHeight = "500";
		this.frameWidth = "660";
	}
	else
	{
		this.contentClass = attribs[0];
		this.frameWidth = attribs[1];
		this.frameHeight = attribs[2];
	}
    Event.observe(ctrl, 'click', this.activate.bindAsEventListener(this), false);
    ctrl.onclick = function(){return false;};
  },

  // Turn everything on - mainly the IE fixes
  activate: function(){
    if(LBIFRAME_IS_ON){
      return;
    }

    LBIFRAME_IS_ON = true;
	//alert('Displaying LB!!!!!!!!!!!!!!!!!!!!!! HEIGHT:' + this.frameHeight + ' ID: ' + this.parentCtrl.rel);
    if (browser == 'Internet Explorer'){
      this.getScroll();
      this.prepareIE('100%', 'hidden');
      this.setScroll(0,0);
      this.hideSelects('hidden');
    }
    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) {
      yPos = self.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop){
      yPos = document.documentElement.scrollTop;
    } else if (document.body) {
      yPos = document.body.scrollTop;
    }
  },

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

  displayLightbox: function(display){
    $('overlayIFrame').style.display = display;
    $('lightboxIFrame').style.display = display;
    if(display != 'none') this.loadInfo();
  },

  // Write an iFrame instead of using an AJAX call to pull the content
  loadInfo: function() {
    info = "<div id='lbContent'><iframe class='" + this.contentClass + "'  width=\"" + this.frameWidth + "\" height=\"" + this.frameHeight + "\" frameborder=\"0\" src=\"" + this.content + "\"</iframe></div>"; // spainhower

    new Insertion.Before($('lbLoadMessage'), info);

    $('lightboxIFrame').className = "done " + this.contentClass;

    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: 'post', parameters: "", onComplete: this.processInfo.bindAsEventListener(this)}

    );



  },

  // 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");
  }
}

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

// Onload, make all links that need to trigger a lightbox active
function initialize(){
  function attachToLink(lbi, lnk){
    lnk.activateIframe = function(){
      lbi.activate();
    };
  }

  addLightboxMarkup();
  lbox = document.getElementsByClassName('lbOn');
  for(i = 0; i < lbox.length; i++) {
    valid = new lightboxIFrame(lbox[i]);

    attachToLink(valid, 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];
  overlayIFrame 			= document.createElement('div');
  overlayIFrame.id		= 'overlayIFrame';
  lb					= document.createElement('div');
  lb.id				= 'lightboxIFrame';
  lb.className 	= 'loading';
  lb.innerHTML	= '<div id="lbLoadMessage">' +
    'loading' +
    '</div>';
  bod.appendChild(overlayIFrame);
  bod.appendChild(lb);
}


/* REGISTRATION STUFF - Added by J.M. */

// This is so dumb. Check a flag every so often to see
// if the user has registered. (Set in in-iframe.js)
function checkRegSuccess(f){
  if(this.registered_success_flag){
    this.registered_success_flag = false;

    if(f)
      f();
  }

  window.setTimeout(function(){checkRegSuccess(f);}, 300);
}

function setupRegistrationCheck(f){
  checkRegSuccess(f);
}