$(document).ready(function(){

    var height = $(document).height();
    var width = $(document).width();
    var tokencurrentarray = {};
    var newcurrentarray = {};
    
    if($("#overwrite").is(':checked')) {var attoverwrite=true;} else {var attoverwrite=false;}
    if($("#overwriteman").is(':checked')) {var attoverwriteman=true;} else {var attoverwriteman=false;}
    if($("#createautomap").is(':checked')) {var attcreateautomap=true;} else {var attcreateautomap=false;}
    if($("#overwritest").is(':checked')) {var attoverwritest=true;} else {var attoverwritest=false;}

    $('#tokenattribute').css({'height' : height-200});
    $('#centralattribute').css({'height' : height-200});
    $('#newcreated').css({'height' : height-200});
	var ncHeadingHeight = $('#newcreated .heading').outerHeight();
	$('.newcreate').css({
		'padding-bottom':0,
		'min-height':$('#newcreated').height()-ncHeadingHeight-5
	});
	
    $("#overwrite").click(function(){
        if($("#overwrite").is(':checked')) {attoverwrite=true;} else {attoverwrite=false;}
    });
    $("#overwriteman").click(function(){
        if($("#overwriteman").is(':checked')) {attoverwriteman=true;} else {attoverwriteman=false;}
    });
    $("#overwritest").click(function(){
        if($("#overwritest").is(':checked')) {attoverwritest=true;} else {attoverwritest=false;}
    });
    $("#createautomap").click(function(){
        if($("#createautomap").is(':checked')) {attcreateautomap=true;} else {attcreateautomap=false;}
    });
    $(".newcreate").sortable({
            connectWith:'.tokenatt,#cpdbatt'}
    );
    $("#cpdbatt").sortable({
        connectWith:'.tokenatt-container, .newcreate, .standardfields',
        helper: 'clone',
        appendTo: 'body',
        receive: function(event,ui) {
            newcurrentarray = $(this).sortable('toArray');
            var cpdbattpos = jQuery.inArray($(ui.item).attr('id'),newcurrentarray)
            cpdbattpos = cpdbattpos+1;
            $('#cpdbatt > :nth-child('+cpdbattpos+')').css("color", "black");
            $('#cpdbatt > :nth-child('+cpdbattpos+')').css("background-color","white");
        }
    });
    $(".standardfields").sortable({
        helper: 'clone',
        appendTo: 'body',
        connectWith: 'div',
        beforeStop: function(event,ui) {
            $(this).sortable('cancel');
        },
        receive: function(event, ui) {
            tokencurrentarray = $(this).sortable('toArray');
            var tattpos = jQuery.inArray($(ui.item).attr('id'),tokencurrentarray);
            var cattpos = tattpos+1;
            var tattid = tokencurrentarray[cattpos-2];
            var cattid = $(ui.item).attr('id');
            if(tattpos == 0 ) {
                alert(mustPairAttributeText);
                $(ui.sender).sortable('cancel');
            }
            else if($("#"+tattid).css('color') == 'white') {
                alert(onlyOneAttributeMappedText);
                $(ui.sender).sortable('cancel');
            }
            else {
                // Change colors?
            }
        }
    });
    $(".tokenatt-container").sortable({
        cancel: '.ui-state-disabled',
        helper: 'clone',
        appendTo: 'body',
        connectWith: 'div',
        beforeStop: function(event,ui) {
                $(this).sortable('cancel');
        },
        receive: function(event,ui) {
            tokencurrentarray = $(this).sortable('toArray');
            var tattpos = jQuery.inArray($(ui.item).attr('id'),tokencurrentarray);
            var cattpos = tattpos+1;
            var tattid = tokencurrentarray[cattpos-2];
            var cattid = $(ui.item).attr('id');
            if(tattpos == 0 ) {
                alert(mustPairAttributeText);
                $(ui.sender).sortable('cancel');
            }
            else if($("#"+tattid).css('color') == 'white') {
                alert(onlyOneAttributeMappedText);
                $(ui.sender).sortable('cancel');
            }
            else {
                // Change CSS
                $(ui.item).removeClass('col-sm-12');
                $(ui.item).addClass('cpdb-attribute');
                $(ui.item).wrap('<div class="col-sm-6"></div>');

                // Insert nice arrows
                //var t = $(ui.item).parent('.tokenatt-container');  // Does not work.
                var t = $(ui.item).parent('div').parent('div');  // TODO: Bad, should not rely on DOM structure
                t = t.find('.token-attribute .panel-body');
                t.append('<span class="fa fa-arrows-h tokenatt-arrow"></span>');
            }
        }
    });
    $(".newcreate").sortable({
        helper: 'clone',
        appendTo: 'body',
        dropOnEmpty: true,
        receive: function(event,ui) {
            if($(ui.item).attr('id')[0]=='t')
            {
                alert(cannotAcceptTokenAttributesText)
                $(ui.sender).sortable('cancel');
            }
                newcurrentarray = $(this).sortable('toArray');
                var cpdbattpos = jQuery.inArray($(ui.item).attr('id'),newcurrentarray)
                cpdbattpos = cpdbattpos+1;
        },
        remove: function(event, ui) {
            newcurrentarray = $(this).sortable('toArray');
        }
    });

    $('#attmap').click(function() {

        // Iterate all containers in mapped attributes
        var mappedarray = {};
        $('.tokenatt-container').each(function (index, value) {
            var tokenAttributeId = $(value).find('.token-attribute').attr('id');
            var cpdbAttributeId = $(value).find('.cpdb-attribute').attr('id');

            var bothAreDefined = tokenAttributeId !== undefined && cpdbAttributeId !== undefined;
            if (bothAreDefined) {
                mappedarray[tokenAttributeId.substring(2)] = cpdbAttributeId.substring(2);
            }
        });

        newcurrentarray = {};
        $('.newcreate .panel-default').each(function(index, value) {
            var id = $(value).attr('id').substring(2);
            newcurrentarray[index] = id;
        });

        $("#processing").load(copyUrl, {
            mapped: mappedarray,
            newarr: newcurrentarray,
            surveyid: surveyId,
            overwrite: attoverwrite,
            overwriteman: attoverwriteman,
            overwritest: attoverwritest,
            participant_id : participant_id,
            createautomap: attcreateautomap
            }, function(msg){
                $('#attribute-map-participant-modal .modal-body').html(msg);
                $('#attribute-map-participant-modal').on('hide.bs.modal' , function (e) {
                    $(location).attr('href',redUrl);
                });
                $('#attribute-map-participant-modal').modal();
        });
    });

    $('.tokenatt .panel-default .tokenAttributeId').disableSelection();
});
