jQuery.noConflict();


function showPopupHTML(html, type, fade) {
    (function($) {
        var popupContainer = $('<div class="popup_block">'+html+'</div>');
        $('body').append(popupContainer);
        showPopup(popupContainer, type, fade);
    })(jQuery);
}

function showPopup(popupContainer, type, fade) {
    return (function ($) {
        //Fade in the Popup and add close button
        var popup = $(popupContainer);

        if (fade) {
            popup.fadeIn();
        } else {
            popup.show();
        }

        popup.prepend('<a href="#" class="close"><img src="/images/close_pop.png" class="btn_close" title="Close window" alt="Close window" /></a>');

        //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
        var popMargTop = (popup.height() + 80) / 2;
        var popMargLeft = (popup.width() + 80) / 2;

        //Apply Margin to Popup
        popup.css({
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });

        //Fade in Background
        $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
        var fade = $('#fade');
        fade.css({'filter' : 'alpha(opacity=80)'}); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
        if (fade) {
            fade.fadeIn();
        } else {
            fade.show();
        }

        //Close Popups and Fade Layer
        $('.close, #fade').live('click', function() { //When clicking on the close or fade layer...
            closePopup(true);
            return false;
        });
    })(jQuery);
}

function closePopup(fade) {
    return (function($) {
        if (fade) {
            $('#fade , .popup_block').fadeOut(function() {
                $('#fade, a.close').remove();  //fade them both out
                return false;
            });
        } else {
            $('#fade , .popup_block').hide();
            $('#fade, a.close').remove();
            return false;
        }
    })(jQuery);
}


jQuery(document).ready(function($){
    //When you click on a link with class of poplight and the href starts with a # 
    $('.poplight[popup^=#]').click(function() {
        var popID = $(this).attr('rel'); //Get Popup Name
        var popURL = $(this).attr('popup'); //Get Popup href to define size

        //Pull Query & Variables from href URL
        var query= popURL.split('?');
        var dim= query[1].split('&');
        var popWidth = dim[0].split('=')[1]; //Gets the first query string value
        
        showPopup($('#'+popID), '', true);

        return false;
    });
});