elgg.provide('elgg.linkmeta');

elgg.linkmeta.init = function() {

    var resetLinkHolder = function() {
        $('#linkHolder #attachBox').show();
        $('#linkHolder input#url').val('');
        $('#linkHolder input#linkImage').val('');
        $('#linkHolder input#linkTitle').val('');
        $('#linkHolder input#linkDescription').val('');
        $('#linkHolder input#noThumbnail').attr('checked', false);
        $('#linkHolder #preview').hide();
    }

    var showImage = function(images, index) {
        $('#linkHolder #preview #image').html('<img src="' + images[index - 1] + '" />');
        $('#linkHolder input#linkImage').val(images[index - 1]);
        $('#linkHolder #preview #imageNumber').html(sprintf('%d van de %d', index, images.length));
    }


    $('#getLinkBtn').live('click', function(e){
        e.preventDefault();
        elgg.action('rivertalk/link', {data: {url:$('.linkInput').val()}, success: function(data) {

            if (data.errors) {
                $('#linkHolder #errors').html('<div class="error">' + data.errors + '</div>');
                resetLinkHolder();
                button.busy = false;
                return;
            }
            $('#linkHolder #errors').html('');
            $('#linkHolder #attachBox').hide();
console.log(data.title);
            $('#linkHolder #preview #title').html(data.title);
            $('#linkHolder input#linkTitle').val(data.title);
            $('#linkHolder #preview #title').addClass("edit");
            $('#linkHolder #preview #title').editable(function(data) {
                data = data.replace("\n", ' ');
                $('#linkHolder input#linkTitle').val(data);
                return data;
            }, {
                onblur: 'submit'
            });
            $('#linkHolder #preview #description').html(data.description);
            $('#linkHolder input#linkDescription').val(data.description);
            $('#linkHolder #preview #description').addClass("edit");
            $('#linkHolder #preview #description').editable(function(data) {
                data = data.replace("\n", ' ');
                $('#linkHolder input#linkDescription').val(data);
                return data;
            }, {
                type: 'textarea',
                onblur: 'submit',
                data: function(value, settings) {
                    setTimeout("$('#linkHolder #preview #description').elastic();", 10);
                    return value;
                }
            });
            $('#linkHolder #preview #website').html(data.website);
            if (data.images.length > 0) {
                var currentImage = 1;
                showImage(data.images, currentImage);
            } else {
                $('#linkHolder #preview #image').hide();
                $('#linkHolder #preview #imageRelated').hide();
            }
            $('#linkHolder #preview #noThumbnail').click(function() {
                if ($(this).attr('checked')) {
                    $('#linkHolder #preview #image img, #linkHolder #preview #thumbnailControls').hide();
                } else {
                    $('#linkHolder #preview #image img, #linkHolder #preview #thumbnailControls').show();
                }
            });
            $('#linkHolder #preview #arrows #prev').click(function() {
                if (currentImage > 1) {
                    currentImage--;
                    showImage(data.images, currentImage);
                }
                return false;
            });
            $('#linkHolder #preview #arrows #next').click(function() {
                if (currentImage < data.images.length) {
                    currentImage++;
                    showImage(data.images, currentImage);
                }
                return false;
            });
            $('#linkHolder #preview').show();
            //button.busy = false;
        }});
    });
};


elgg.register_hook_handler('init', 'system', elgg.linkmeta.init);