$(document).ready(function()
{
    initPopup();
});

function initPopup()
{
    $('#popupButton').click(function()
    {
        if($('#popup').hasClass('selected'))
        {
            $('#popup').removeClass('selected');
            $('#popupContent').html('');
        }
        else
        {
            $('#popup').addClass('selected');
            $('#popupContent').html('');
            $('#popupContainer').css('height', 400);

            loadPopupPage($('#popupSelect').val());
        }
        
        return false;
    });

    $('#popupSelect').change(function()
    {
        loadPopupPage($('#popupSelect').val());
        
        return false;
    });

    $('#popupContainer').css('height', 400);
}

function loadPopupPage(id)
{
    if(!id) return;

    var height = $('#popupContainer').height();
    $('#popupContainer').addClass('loading').css('height', height);
    $('#popupContent').html('');

    var params =
    {
        'ajax': 1,
        'id': id
    };

    $.ajax
    ({
        url: '?r=public/popup',
        type: 'GET',
        dataType: 'json',
        data: params,
        success: function(data)
        {
            $('#popupContent').html(data.content);
            $('#popupContainer').removeClass('loading').css('height', 'auto');
        },
        error: function()
        {
            $('#popupContainer').removeClass('loading').css('height', 'auto');
        }
    });

}