/*
-----------------------------------------------
$Rev: 1079 $
$Date: 2010-08-31 14:00:58 -0500 (Tue, 31 Aug 2010) $
$Author: boyan $
-----------------------------------------------
*/
var adminUtilitiesInstance = {};
var adminUtilities = Class.create({
// Define the name of the css class that the script will look for
// and add confirmation for the html elements that have that class
confirmDeleteSelector: '[class="confirmDelete"],.confirmDelete',
selectAllOnClickElementSelector: '[class="selectAllOnClick"],.selectAllOnClick',
confirmInModalWindowOnDeleteContainerID: 'confirmInModalWindowOnDeleteContainer',
confirmDynamicContentID: 'confirmDynamicContent',
infoTriggerSelector: '[class="infoTrigger"],.infoTrigger',
tooltipTriggerSelector: '[class="tooltipTrigger"],.tooltipTrigger',
redirectButtonSelector: 'input[class="redirectButton"],.redirectButton',
refreshPageSelector: '[class="refreshPage"],.refreshPage',
refreshPageWithQueryStringSelector: '[class="refreshPageWithQueryString"],.refreshPageWithQueryString',
reloadOnEnterSelector: '[class="reloadOnEnter"],.reloadOnEnter',
reloadOnClickSelector: '[class="reloadOnClick"],.reloadOnClick',
videoTabClass: 'videoTab',
videoTabSelector: '[class="videoTab"],.videoTab',
videoTabSelectedClass: 'videoTabSelected',
setFocusSelector: '[class="setFocus"],.setFocus',
adminMenuSelector: '[class="adminMenu"],.adminMenu',
hideObserver: '',
confirmYesButtonID: 'confirmYesButton',
confirmNoButtonID: 'confirmNoButton',
triggerElement: '',
setupModalBox: function(confirmMessage) {
    $(this.confirmDynamicContentID).update(
        new Element('p').update(confirmMessage)
        ).insert(
        new Element('input', { type: 'button', value: 'Yes', id: this.confirmYesButtonID })
        ).insert(
        new Element('span').update(' or ')
        ).insert(
        new Element('input', { type: 'button', value: 'No', id: this.confirmNoButtonID }));
},
setObservers: function() {
    $(this.confirmYesButtonID).observe('click', this.submitConfirm.bind(this));
    $(this.confirmNoButtonID).observe('click', function() { Modalbox.hide(); });
},
removeObservers: function() {
    $(this.confirmYesButtonID).stopObserving('click');
    $(this.confirmNoButtonID).stopObserving('click');
},
initialize: function() {
    var statusMessageContainer = $$('div#statusMessageContainer')[0];

    // Hide the status message container if it's empty
    if ($(statusMessageContainer)) {
        if ($(statusMessageContainer).empty()) $(statusMessageContainer).hide();
    }

    if ($(this.confirmInModalWindowOnDeleteContainerID)) {
        $(this.confirmInModalWindowOnDeleteContainerID).hide();
    }

    // For each element that has the 'confirmDeleteSelector' defined,
    // add a function to the click event to confirm the delete action
    $$(this.confirmDeleteSelector).invoke('observe', 'click', this.confirmDelete.bind(this));

    // For each element that has the 'infoTriggerSelector' defined,
    // add a function to the click event to show the information in a modal window
    $$(this.infoTriggerSelector).invoke('observe', 'click', this.showInfo.bind(this));

    // For each element that has the 'redirectButtonSelector' defined,
    // add a function to the click event to redirect the page to the new location based on the
    // clicked element
    $$(this.redirectButtonSelector).invoke('observe', 'click', this.redirectPage.bind(this));

    // For each element that has the 'reloadOnEnterSelector' defined,
    // add a function to the keyup event to reload the page
    $$(this.reloadOnEnterSelector).invoke('observe', 'keyup', this.reloadPageOnEnter.bind(this));

    // For each element that has the 'reloadOnClickSelector' or 'refreshPageSelector' defined,
    // add a function to the click event to reload the page
    $$(this.reloadOnClickSelector, this.refreshPageSelector).invoke('observe', 'click', this.reloadPageOnClick.bind(this));

    $$(this.refreshPageWithQueryStringSelector).invoke('observe', 'click', this.reloadPageWithQueryStringOnClick.bind(this));

    var adminMenu = $$(this.adminMenuSelector);

    // If the admin drop down list exists on the page
    if (adminMenu.length > 0) {
        adminMenu = $$(this.adminMenuSelector)[0];

        // Add an observer to the admin menu's change event to redirect to the new location
        $(adminMenu).observe('change', this.redirectPage.bind(this));

        // Get the current aspx page
        var currentLocation = location.pathname.gsub(/.*\/(\w+.*)$/, '#{1}').toLowerCase();

        // Loop over the items in the drop down list and select the one
        // that matches the current url
        for (i = 0; i < $(adminMenu).options.length; i++) {
            if ($(adminMenu).options[i].value.toLowerCase().include(currentLocation)) {
                $(adminMenu).selectedIndex = i;
                break;
            }
        }
    }

    // For each element that has the 'videoTab' class defined
    $$(this.videoTabSelector).each((function(e) {
        // If the href attribute of the element is defined
        if ($(e).readAttribute('href') != 'undefined') {
            // Get the filename from the location string such as "myLibrary.aspx"
            // and compare it against the value of the "href" attribute
            if (location.href.toLowerCase().gsub(/.*\/(\w+\.\w+)\??.*$/, '#{1}') == $(e).readAttribute('href').toLowerCase().gsub(/(.*\/)?(\w+\.\w+)\??.*$/, '#{2}')) {
                // There was a match, so remove the videoTab class
                $(e).removeClassName(this.videoTabClass);
                // And add the "videoTabSelected" class to mark the tab as selected
                $(e).addClassName(this.videoTabSelectedClass);
            }
            else {
                // There was no match, so remove the videoTabSelected class
                $(e).removeClassName(this.videoTabSelectedClass);
                // And add the "videoTab" class to mark the tab as not selected
                $(e).addClassName(this.videoTabClass);
            }
        }
    }).bind(this));

    this.activateField();

    this.observeSelectAllOnClick();

    this.loadGoogleAnalytics();
},
loadGoogleAnalytics: function() {
    if (typeof(pluginConfig) != 'undefined') {
        if (!pluginConfig.googleAnalyticsTrackerID.empty()) {
            try {
                pageTracker = _gat._getTracker(pluginConfig.googleAnalyticsTrackerID);
                pageTracker._setDomainName('none');
                pageTracker._setAllowLinker(true);
                pageTracker._setAllowHash(false);
                pageTracker._link();
                pageTracker._linkByPost();
                pageTracker._getLinkerUrl(location.href);
                pageTracker._trackPageview();
            } catch(err){}
        }
    }
},
loadAnalyticsScript: function(sourceUrl, cb) {
	this.loadScript(sourceUrl, '_ga', function () {
        return !!(typeof(_gat) == 'object');
	}, cb);
},
activateField: function() {
    // If the element has a class name that matches the setFocusSelector
    $$(this.setFocusSelector).each(function(e) {
        // Activate the element
        $(e).activate();

        throw $break;
    });
},
observeSelectAllOnClick: function() {
    // Observe the click on the links with selector 'selectAllOnClickElementSelector'
    // and select the text in the clicked textbox
    $$(this.selectAllOnClickElementSelector).invoke('observe', 'click', function(event) {
        var e = Event.element(event);

        if ($(e)) {
            $(e).select();
        }
    });
},
redirectPage: function(event) {
    // Get the element that caused the event
    var e = Event.element(event);
    var newUrl = '';

    if (e.readAttribute('rel') != 'undefined' && e.readAttribute('rel') != null) {
        newUrl = e.readAttribute('rel');
    }
    else if ($F(e) != 'undefined') {
        newUrl = $F(e);
    }

    if (!newUrl.empty()) location.href = newUrl;
},
reloadPageOnEnter: function(e) {
    var element = Event.element(e);

    if (e.element().type === 'text' && (e.keyCode == Event.KEY_RETURN || e.keyCode == 3)) {
        var url = location.href.gsub(/\?.*/, '') + '?' + $(element).readAttribute('name') + '=' + $F(element);
        location.href = url;
    }
},
reloadPageOnClick: function(e) {
    // Get the element that caused the event to fire
    var element = Event.element(e);
    var referanceElement = '';

    // If the element had a 'rel' attribute defined
    if (element.readAttribute('rel') != undefined && $(element.readAttribute('rel'))) {
        // Get the a handle on the element defined in the 'rel' attribute
        referanceElement = $(element.readAttribute('rel'));

        // Change the location of the page by appending the name and the value of the 'rel' defined element
        location.href = location.href.gsub(/\?.*/, '') + '?' + $(referanceElement).readAttribute('name') + '=' + $F(referanceElement);
    }
    else {
        // Change the location of the page by stripping the query string
        location.href = location.href.gsub(/\?.*/, '')
    }
},
reloadPageWithQueryStringOnClick: function(e) {
    // Get the element that caused the event to fire
    var element = Event.element(e);
    var referanceElement = '';
    var refreshUrl = '';

    // If the element had a 'rel' attribute defined
    if (element.readAttribute('rel') != undefined && $(element.readAttribute('rel'))) {
        // Get the a handle on the element defined in the 'rel' attribute
        referanceElement = $(element.readAttribute('rel'));

        // Set the refresh Url by appending the name and the value of the 'rel' defined element
        if (location.search != undefined) {
            refreshUrl = location.href + '&' + $(referanceElement).readAttribute('name') + '=' + $F(referanceElement);
        }
        else {
            refreshUrl = location.href + '?' + $(referanceElement).readAttribute('name') + '=' + $F(referanceElement);
        }
    }
    else {
        refreshUrl = location.href;
    }

    // Change the location of the page to the built refresh Url
    location.href = refreshUrl;
},
confirmDelete: function(event) {
    // Get the element that caused the event
    var e = Event.element(event);
    var confirmMessage = '';

    // If the element exists
    if ($(e)) {
        // Read the confirmation mesage from the element's 'rel' attribute
        confirmMessage = (e.readAttribute('rel') != null) ? e.readAttribute('rel') : '';

        // If the confirm message is not empty, display it
        // and get the user's input
        if (!confirmMessage.empty()) {
            if ($(this.confirmInModalWindowOnDeleteContainerID)) {
                this.triggerElement = $(e);
                this.setupModalBox(confirmMessage);

                Modalbox.show($(this.confirmInModalWindowOnDeleteContainerID), {
                    title: 'Confirm',
                    width: 400,
                    overlayClose: false,
                    closeValue: '',
                    afterLoad: this.setObservers.bind(this),
                    onHide: this.removeObservers.bind(this)
                });

                // Stop the event
                Event.stop(event);
            }
            else if (!confirm(confirmMessage)) {
                // If the user clicked on 'Cancel', stop the event
                Event.stop(event);
            }
        }
    }
},
submitConfirm: function(event) { },
showInfo: function(event) {
    // Get the element that caused the event
    var e = Event.element(event);

    // Show the model window with the information
    Modalbox.show($(e.parentNode).select('.info')[0], {
        title: e.readAttribute('title'),
        width: 400,
        autoFocusing: false,
        afterLoad: (function() {
            // After the modal window loads
            this.activateField();
        }).bind(this)
    });
}
});

// Create an instance of the object after the page has loaded
document.observe("dom:loaded", function() {
    adminUtilitiesInstance = new adminUtilities();
});