//            function openPopup(){
//                var popup = document.getElementById("popup2");
//                popup.style.display = "block";
//                document.onclick = closePopup;
//            }
function openPopup(){
    var popup = document.getElementById("popup2");
    popup.style.display = "block";
    document.onclick = closePopup;
}


function closePopup(){
    var popup = document.getElementById("popupbg");
    popup.style.display = "none";
}
function closedPopup(){
    var popup = document.getElementById("popupfade");
    popup.style.display = "none";
}
            /*
            $(document).ready(function(){

                //When you click on a link with class of poplight and the href starts with a #
//                $('a.poplight[href^=#]').click(function() {
                    var popID = $(this).attr('rel'); //Get Popup Name
                    var popURL = $(this).attr('href'); //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

                    //Fade in the Popup and add close button
                    $('#' + popID).fadeIn().css({'width': Number( popWidth )}).prepend('<a href="#" class="close"><img src="/templates/images/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');

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

                    //Apply Margin to Popup
                    $('#' + popID).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.
                    $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer

                    return false;
//                });

                //Close Popups and Fade Layer
                $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
                    $('#fade , .popup_block').fadeOut(function() {
                        $('#fade, a.close').remove();
                    }); //fade them both out
                    return false;
                });
            });
*/
