/**

NOTE: This file has been hacked to allow script execution by AJAX calls.
      This is necessary to prevent symfony from stripping out JavaScript
      tags in our components. Also hacked the loading message to be a
      loading GIF.
      -Andrew, 2007-05-21
      
      Hacked again!
      Added call to availabilityCalendar.reset() so the availability
      calendar will work correctly in modal mode.
      -Andrew, 2007-07-15
      
      Hacked, yet again! This time, I made it possible to change the link
      HREFs after the page load by changing how event binding and observing
      is assigned.
      -Andrew, 2007-07-17

*/

/*
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', initializeLightbox, 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.content = ctrl.href;
        Event.stopObserving(ctrl, 'click', ctrl.clickFunction, false); // HACK to make the link HREFs changeable
        ctrl.clickFunction = this.activate.bindAsEventListener(this); // HACK to make the link HREFs changeable
        Event.observe(ctrl, 'click', ctrl.clickFunction, false);
//        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');
        }
        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){
        $('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: 'post', parameters: "", onComplete: this.processInfo.bindAsEventListener(this)}
        {method: 'post', evalScripts: true, 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: 'post', parameters: "", onComplete: this.processInfo.bindAsEventListener(this)}
    );
    
    },
    
    // Example of creating your own functionality once lightbox is initiated
    deactivate: function(){
    
        // hack to make modal calendar work correctly
        if (window.availabilityCalendar && undefined !== availabilityCalendar.reset) {
            availabilityCalendar.reset();
        }
    
        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 initializeLightbox(){
    addLightboxMarkup();
    var valid, 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">' +
//                       '<p>Loading</p>' +
//                       '<img class="ajax-loader" src="/images/ajax-loader.gif" alt="Loading" />' +
                   '</div>';
    bod.appendChild(overlay);
    bod.appendChild(lb);
}