// manual fave palette by ohgod
$(function(){
    $('#manual-palette-button').click(manPaletteToggle);
    $('#manual-add-button').click(function () {
        addManualFav($('#manual-add-url-txt').val().trim());
        $('#manual-add-url-txt').val("");
    });
    $('#manual-remove-button').click(function () {
        removeManualFav($('#manual-add-url-txt').val().trim());
        $('#manual-add-url-txt').val("");
    });
});

var manPaletteOpen = false;
var manPaletteLocked = false;
function manPaletteToggle() {
    if ($("#manual-palette").css("display") == "none") {
		    manPaletteLocked = true;
				manPaletteShow();
    } else {
		    manPaletteLocked = false;
    		manPaletteHide();
    }
};

function manPaletteHideUnlessLocked (){
	if (manPaletteLocked) return;
	manPaletteHide();
}

function manPaletteHide() {
	manPaletteOpen = false;
	$("#manual-palette").css("display", "none");
	$("#manual-palette-thumbs").html("");
}

function manPaletteShow() {
		if (manPaletteOpen) return;
		manPaletteOpen = true;
    $("#manual-palette").show();
    if (! hasLocalStorage()) {
        $('#manual-palette-localstorage-error').show()
    } else if (manPaletteIsEmpty()) {
        $('#manual-palette-thumbs-empty').show();
    } else {
        manualPaletteBuildImageThumbs();
    }
};

function hasLocalStorage() {
  try {
    return 'localStorage' in window && window['localStorage'] !== null;
  } catch (e) {
    return false;
  }
}

function manPaletteIsEmpty() {
    return localStorage.manual_favs === undefined || localStorage.manual_favs === "[]" || localStorage.manual_favs === "";
};

function getManualFaves() {
    return localStorage.manual_favs ? JSON.parse(localStorage.manual_favs) : [];
};

function setManualFaves(mfavs) {
    localStorage.manual_favs = JSON.stringify(mfavs);
};

/*
function manualPaletteBuildImageThumbs() {
    var imgs = JSON.parse(localStorage.manual_favs);
    if (imgs && imgs.length != 0) {
        for (var i = 0; i < imgs.length; i++) {
            $("#manual-palette-thumbs").append("<img onclick='paletteToChat(this)' src='" + imgs[i] + "'>");
        }
    }
};
*/

function addManualFav(url) {
    if (!url) return;
    if (hasLocalStorage()) {
        if (manPaletteIsEmpty())
            $("#manual-palette-thumbs").html("");
        var mfavs = getManualFaves();
        if ($.inArray(url, mfavs) == -1) {
            mfavs.push(url);
            setManualFaves(mfavs);
            $("#manual-palette-thumbs").append("<img onclick='paletteToChat(this)' src='" + url + "'>");
        }
    }
};

function removeManualFav(url) {
    if (hasLocalStorage()) {
        var mfavs = getManualFaves();
        var idx = $.inArray(url, mfavs);
        if (idx != -1) {
            mfavs.splice(idx, 1);
            setManualFaves(mfavs);
            $("#manual-palette-thumbs").html("");
            manualPaletteBuildImageThumbs();
        }
    }
};



// textchimp autocomplete mod

function manualPaletteBuildImageThumbs() {
    var imgs = JSON.parse(localStorage.manual_favs);
    if (imgs && imgs.length != 0) {
        for (var i = 0; i < imgs.length; i++) {
            $("#manual-palette-thumbs").append('\
<div class="mm" style="float: left">\
  <span class="menuicon" style="background-image: url(https://confluence.atlassian.com/download/attachments/218269032/gh-icon-cog-dropdown.png); background-repeat: no-repeat; background-size: 20px 12px; width: 30px; height: 30px; position: absolute; display: none; z-index: 100; opacity: 0.7">\
  <ul class="mymenu" style="display: none; background-color: #FFF; top: 13px; position: relative; border: 1px solid #ccc; min-width: 40px; width: auto">\
    <li onclick="javascript:showtaginput(this);"><div>tags <input type="text" style="width:40px; font-size: 10pt; display: none; border: 0px;" class="taginput"></div></li>\
    <li onclick="javascript:delfav(this);">del</li>\
  </ul>\
<div class="tagin" style="border: 1px solid #ccc; width: 140px; height: 50px; display: none; position: relative; background-color: #eee; top: 13px; left: 0px; padding: 4px;">tags:<br><input type="text" style="width:130px; font-size: 10pt; border: 1px solid #000;" class="taginput"><!--<input type="button" value="ok" onclick="javascript:add_tags($(this).prev())" class="addtagbutton">--></div>\
</span>\
<img onclick="paletteToChat(this)" src="' + imgs[i] + '"></div>');
        }

		var test_tags = ["dogs", "text", "funny", "disturbing"];
		$('.taginput').autocomplete({ 
				source: test_tags, 
				open: function(){
					$(this).autocomplete('widget').css({'z-index': '55555555555', 'background-color': '#EFF5FB', 'width': '128px'});
                  return false;
                }
		});

	

		
		$('.taginput').blur(function(e){ if(!$('.ui-autocomplete').is(':visible') ) { $(e.target).parent().hide(); } });
		
		$('.taginput').keypress(function(e) { if(e.charCode == 13) { add_tags(e.target); } });

        $('.mm').hover(
             function(){ $(this).children(".menuicon").show(); },
             function(){ 
                 if(!$(this).children('.menuicon').children('.tagin').is(':visible')) { 
                    $(this).children(".menuicon").hide(); 
                 } 
         });

        $('.menuicon').hover(
          function(){ 
			  if(!$(this).children('.tagin').is(':visible')) { 
				 $(this).css('opacity', '1.0'); 
				 $(this).children('.mymenu').slideDown(100);
			  }
          },
          function(){ 
			  if(!$(this).children('.tagin').is(':visible')) { 
				  $(this).css('opacity', '0.7'); 
			      $(this).children('.tagin').hide();
                  $(this).children('.mymenu').slideUp(100);
			  }
          }
        );                                
        
        $("<style type='text/css'> .mymenu li:hover{ color: green;}</style>").appendTo("head");
       
        $('.mymenu li').css({
          'background-color': '#eee',
          'margin': '1px',
          'padding-left': '2px',
          'cursor': 'pointer',
          'font-size': '10pt'
        });


    }
}

function showtaginput(e) {
 $(e).parent().hide();
  $(e).parent().next().show();
  $(e).parent().next().children('.taginput').focus();
}

function delfav(e) {
 console.log($(e).parents('.mm').children('img').attr('src'));
 removeManualFav($(e).parents('.mm').children('img').attr('src'));
}

function add_tags(e) {
	console.log('tags: ' + $(e).val() + '(for: ' + $(e).parents('.mm').children('img').attr('src') + ')');
  $(e).parent().hide();
}

/*
if(!manPaletteOpen) {
 manPaletteToggle();
}
*/

// ohgod - checkbox to hide the userlist
$(function(){
    $('#textbutton input').attr('checked', true);
    TextEnabled = true;
    setTextEnable.apply($('#textbutton input')[0]);
    $('<div style="float:right; height:20px; margin-left:10px;"><label for="showulist"><span>show userlist?</span></label><input type="checkbox" id="showulist" checked></div>').prependTo('#chatbuttons');    
    $('#showulist').change(function(){ $('#userList').toggle( this.checked ); });
});