jQuery.noConflict();

 (function($j) {

    Modal = {

        settings: {
            trigger: '.js-modal-btn',
            modalOverlayID: '#ModalOverlay',
            modalPageOverlay: '<div id="ModalOverlay"></div>',
            contentID: null,
            closeButton: '.js-modal-close',
            opacity: .7,
            isVisible: false,
            isAJAX: false
        },

        init: function() {

            var self = this;
            if ($j(self.settings.trigger).length) {

                $j(self.settings.trigger).live('click',
                function() {

                    var href = '';
                    href = $j(this).attr('href');

                    var pathOnly = href.substr(0, href.indexOf("#"));
                    self.settings.contentID = href.substr(href.indexOf("#"));

                    self.initModal();

                    return false;
                });


            }
            

        },

        initModal: function() {

            var self = this;

            var dHeight = $j(document).height();
            var wHeight = $j(window).height();
            var wWidth = $j(window).width();
            var xOffset = $j(window).scrollTop();

            var cssModalObj = {
                background: '#000000',
                display: 'none',
                height: dHeight,
                left: 0,
                position: 'absolute',
                top: 0,
                width: wWidth,
                'z-index': 8
            }

            $j(self.settings.modalPageOverlay).css(cssModalObj).prependTo('body');
            /*
            var cssModalContentObj = {
                position: 'absolute',
                top: (wHeight / 2 - $j(self.settings.contentID).height() / 2) + xOffset,
                left: (wWidth / 2 - $j(self.settings.contentID).width() / 2),
                'z-index': 9999
            }
*/
            var cssModalContentObj = {
                    position: 'absolute',
                    top: (wHeight / 2 - $j(self.settings.contentID).height() / 2) + xOffset,
                    left: (wWidth / 2 - $j(self.settings.contentID).width() / 2)
                }
            $j(self.settings.contentID).css(cssModalContentObj);
            self.addEvents();

        },

        addEvents: function() {

            var self = this;

            $j(self.settings.modalOverlayID).click(function() {
                self.hideModal();
                return false;
            });

            $j(self.settings.closeButton).click(function() {
                self.hideModal();
                return false;
            });

            $j(document).keyup(function(e) {
                if (e.keyCode == 27) {
                    $j(self.settings.modalOverlayID).click();
                }
                return false;
            });

            self.showModal();

        },

        showModal: function() {

            var self = this;

            /*if ($j('body.ie6').size()>0) {
                IE6.documentReady();
            }*/

            $j(self.settings.modalOverlayID).stop().fadeTo("fast", self.settings.opacity,
            function() {
                $j(self.settings.contentID).stop().fadeTo("fast", 1);
                self.settings.isVisible = true;
            });

        },

        hideModal: function() {

            var self = this;
            
            $j(self.settings.contentID).stop().fadeTo("slow", 0,
            function() {
                $j(self.settings.contentID).hide();
            });

            $j(self.settings.modalOverlayID).stop().fadeTo("slow", 0,
            		
            function() {
                $j(self.settings.modalOverlayID).remove();
                self.settings.isVisible = false;
            });
        },
        auto: function() {

        	$j('.p-button').click();
        }

    };

    $j().ready(function() {
    	
        Modal.init();
        setTimeout("Modal.auto()", 500);
        
    });

})(jQuery);