/**
 * http://stackoverflow.com/questions/1064089/inserting-a-text-where-cursor-is-using-javascript-jquery/1064139#1064139
 */
function getCaret(textareaId)
{
    var textarea = document.getElementById(textareaId);
    var strPos = 0;
    if(textarea.selectionStart || textarea.selectionStart == '0') {
        strPos = textarea.selectionStart
    }
    else if(document.selection)
    {
        textarea.focus();
        var range = document.selection.createRange();
        range.moveStart('character', -textarea.value.length);
        strPos = range.text.length;
    }
    else {
        strPos = -1;
    }

    return strPos;
}


function insertAtCaret(textareaId, caret, text)
{
    var textarea = document.getElementById(textareaId);
    var scrollPos = textarea.scrollTop;

    var front = (textarea.value).substring(0, caret);
    var back = (textarea.value).substring(caret, textarea.value.length);
    textarea.value = front + text + back;
    caret = caret + text.length;

    if(textarea.selectionStart || textarea.selectionStart == '0')
    {
        textarea.selectionStart = caret;
        textarea.selectionEnd = caret;
        textarea.focus();
    }
    else if(document.selection)
    {
        textarea.focus();
        var range = document.selection.createRange();
        range.moveStart('character', -textarea.value.length);
        range.moveStart('character', caret);
        range.moveEnd('character', 0);
        range.select();
    }
    textarea.scrollTop = scrollPos;
}




/**
 * Drag&Drop-functions
 */

function onDragStart(event)
{
    jQuery(event.currentTarget).addClass("drag");
    event.dataTransfer.setData("Text", event.target.id);
}

function onDragEnter(event)
{
    if(event.target.nodeName == "DIV" && !(event.target.parentNode.id == "dropZone" && event.target.hasChildNodes())) {
        jQuery(event.target).addClass('drop');
    }
}

function onDragOver(event)
{
    if(event.target.nodeName == "DIV" && !(event.target.parentNode.id == "dropZone" && event.target.hasChildNodes())) {
        event.preventDefault();
    }
}

function onDragLeave(event)
{
    jQuery(event.target).removeClass('drop');
}

function onDragEnd(event)
{
    jQuery(event.currentTarget).removeClass("drag");
}

function onDrop(event, setId)
{
    setId = (typeof setId == 'undefined') ? true : setId;
    jQuery(event.currentTarget).removeClass('drag');
    jQuery(event.target).removeClass('drop');
    event.preventDefault();

    var data = event.dataTransfer.getData("Text");
    var dataElement = $('#'+data);
    if(dataElement.parent() && $('#dnd_'+dataElement.parent().attr('id'))) {
        $('#dnd_'+dataElement.parent().attr('id')).attr('value', "null");
    }
    jQuery(event.target).append(dataElement);

    if(setId) {
        console.log(data);
        $('#dnd_' + jQuery(event.target).attr('id')).attr('value', data);
    }
}




/**
 * Notification functions.
 */

/**
 * Play notification, if audio-element is present.
 */
function notify()
{
    var notifySound = $("#notify-sound");
    if(notifySound.length > 0) {
        notifySound.get(0).volume = 0.5;
        notifySound.get(0).play();
    }
}




/**
 * Image lightbox functions
 */

/**
 * Show caption for image.
 */
function captionOn()
{
    var description = $('a[href="' + $('#imagelightbox').attr('src') + '"] ~ span.source');
    var div = $('<div id="imagelightbox-caption"></div>');
    if(description.size() > 0)
    {
        description.first().clone().appendTo(div);
        div.appendTo('body');
        //$('<div id="imagelightbox-caption">' + description + '</div>' ).appendTo('body');
    }
    captionResize();
    setTimeout(captionResize, 255);
}

/**
 * Position caption.
 */
function captionResize()
{
    var lightbox = $('#imagelightbox');
    var caption = $('#imagelightbox-caption');
    if(lightbox.size() > 0 && caption.size() > 0)
    {
        var right = $(window).width() - lightbox.position().left - lightbox.width();
        var bottom = $(window).height() - lightbox.position().top - lightbox.height();
        caption.css('right', right+'px');
        caption.css('bottom', bottom+'px');
    }
}

/**
 * Remove caption.
 */
function captionOff()
{
    $('#imagelightbox-caption').remove();
}





/**
 * Start up
 */
$(function() {
    // Add image lightbox
    $('a').imageLightbox({
        animationSpeed: 250,
        onLoadStart: function() {
            captionOff();
        },
        onLoadEnd: function() {
            captionOn();
        },
        onEnd: function() {
            captionOff();
        }
    });
    // Position caption
    $(window).on('resize', function() {
        setTimeout(captionResize, 10);
    });

    // Add scroll
    $(".qtextbox").niceScroll({
        autohidemode:false,
        cursorcolor:"#c2beb9"
    });

    // Notification
    notify();
    setTimeout(
        function() {
            $(".notify").fadeOut(1500);
        },
        5000
    );
    $('body').click(function() {
        $(".notify").fadeOut(200);
    });
});