function addImage(data)
{
    var currentButton = $('#add-image');
    var currentCell = currentButton.parent('td');
    var imageData = '';
    
    if(!data.description)
    {
        data.description = 'Nema opisa';
    }
    
    imageData += '{ "name" : "' + data.name + '", ';
    imageData += '"description" : "' + data.description + '", ';
    imageData += '"path" : "' + data.path + '", ';
    imageData += '"thumbnail" : "' + data.thumbnail + '", ';
    imageData += '"date" : "' + data.date + '" }';
    
    currentButton.attr('src', data.thumbnail);
    
    currentCell.append('<span class="news-thumb-description" style="text-align: left;">');
    
    currentCell.children('span').append('Ime: ' + data.name + '<br />');
    
    currentCell.children('span').append('Opis: ' + data.description + '<br />');
    currentCell.children('span').append('Datum: ' + data.date + '<br />');
    
    currentCell.append('</span>');
    
    currentCell.append('<textarea class="json-data">' + imageData + '</textarea>');
    
    $('.news-lightbox').lightBox();
    
    if(!(currentCell.next('td').length))
    {
        var tableRow = '<tr>';
        
        for(var i = 0; i < 4; i++)
        {
            tableRow += '<td style="width: 128px; height: 128px; text-align: center; border-radius: 5px; border: 1px solid #999;"></td>';
        }
        
        tableRow += '</tr>';
        
        $('#image-manager-table').append(tableRow);
        
        currentCell.parent('tr').next('tr').children('td').first().html('<img src="images/page-elements/add-image.png" id="add-image"/>');
    }
    else
    {
        currentCell.next('td').html('<img src="images/page-elements/add-image.png" id="add-image"/>');
    }
    
    currentButton.wrap('<a href="' + data.path + '" class="news-lightbox" />');
    currentButton.addClass('gallery-image');
    
    currentButton.attr('id', '');
}

function changeNewsImage(data)
{
    var imageData = jQuery.parseJSON(data);
    
    $('.news-thumb-right').children('a').attr('href', imageData.path);
    $('.news-thumb-right').children('a').children('img').attr('src', imageData.thumbnail);
    $('#news-image-id').val(imageData.ID);
}

function insertImage(data)
{
    var imageData = jQuery.parseJSON(data);
    
    var imgHTML = '';
    
    imgHTML += '<a href="' + imageData.path + '" class="news-lightbox">';
    imgHTML += '<img src="' + imageData.thumbnail + '" class="news-thumb" />';
    imgHTML += '</a>';
    
    document.execCommand('insertHTML', false, imgHTML);
}

function uploadImage(callback)
{
    $("#additional-dialog-container").children("p").load("upload-form.php");
    
    $("#additional-dialog-container").dialog(
    {
        modal: true,
        width: 350,
        height: 'auto',
        resizable: false,
        title: 'Odaberi sliku',
        buttons:
        {
            "Spremi": function()
            {
                //collect data
                var imageName = $('#image-name').val();
                var imageDescription = $('#image-description').val();
                var imageDate = $('#image-date').val();
                var thumbnail = $('#thumbnail-path').val();
                
                if(imageName && imageDate && thumbnail != '0')
                {
                    var data =
                    {
                        imageName : imageName,
                        imageDescription : imageDescription,
                        imageDate : imageDate,
                        thumbnail : thumbnail
                    };
                    
                    $.post('save-image.php', data, function(response)
                    {
                        var imageData = jQuery.parseJSON(response);
                        
                        callback(imageData);
                    });
                    
                    $(this).dialog("close");
                }
            },
            "Odustani": function()
            {
                $(this).dialog("close");
            }
        }
    });
}

function imageManager(callback)
{
    $("#dialog-container").children("p").load("image-manager.php", function()
    {      
        $('#add-image').live('click', function()
        {
            uploadImage(addImage)
        });
        
        $('.image-cell').live('click', function()
        {
            $('.image-selected').removeClass('image-selected');
            $(this).addClass('image-selected');
        });
        
    });
    
    $("#dialog-container").dialog(
    {
            modal: true,
            width: 660,
            height: 400,
            resizable: false,
            title: 'Odaberi sliku',
            buttons:
            {
                "Umetni": function()
                {
                    data = $('.image-selected').children('.json-data').val();
                    
                    callback(data);
                    
                    $(this).dialog("close");
                },
                "Odustani": function()
                {
                    $(this).dialog("close");
                }
            }
    });
}