;(function($) {
    $.fn.captcha = function() {
        //        $(this).html("<b class='ajax-fc-rtop'><b class='ajax-fc-r1'></b> <b class='ajax-fc-r2'></b> <b class='ajax-fc-r3'></b> <b class='ajax-fc-r4'></b></b><img class='ajax-fc-border' id='ajax-fc-left' src='" + captchaDir + "/imgs/border-left.png' /><img class='ajax-fc-border' id='ajax-fc-right' src='" + captchaDir + "/imgs/border-right.png' /><div id='ajax-fc-content'><div id='ajax-fc-left'><p id='ajax-fc-task'>Verify that you are a human,<br />drag <span>scissors</span> into the circle.</p><ul id='ajax-fc-task'><li class='ajax-fc-0'><img src='" + captchaDir + "/imgs/item-none.png' alt='' /></li><li class='ajax-fc-1'><img src='" + captchaDir + "/imgs/item-none.png' alt='' /></li><li class='ajax-fc-2'><img src='" + captchaDir + "/imgs/item-none.png' alt='' /></li><li class='ajax-fc-3'><img src='" + captchaDir + "/imgs/item-none.png' alt='' /></li><li class='ajax-fc-4'><img src='" + captchaDir + "/imgs/item-none.png' alt='' /></li></ul></div><div id='ajax-fc-right'><p id='ajax-fc-circle'></p></div></div><div id='ajax-fc-corner-spacer'></div><b class='ajax-fc-rbottom'><b class='ajax-fc-r4'></b> <b class='ajax-fc-r3'></b> <b class='ajax-fc-r2'></b> <b class='ajax-fc-r1'></b></b>");
        //$(this).html("<b class='ajax-fc-rtop'><b class='ajax-fc-r1'></b> <b class='ajax-fc-r2'></b> <b class='ajax-fc-r3'></b> <b class='ajax-fc-r4'></b></b><img class='ajax-fc-border' id='ajax-fc-left' src='" + captchaDir + "/imgs/border-left.png' /><img class='ajax-fc-border' id='ajax-fc-right' src='" + captchaDir + "/imgs/border-right.png' /><div id='ajax-fc-content'><div id='ajax-fc-left'><p id='ajax-fc-task'>Verify that you are a human,<br />drag <span>scissors</span> into the circle.</p><ul id='ajax-fc-task'><li class='ajax-fc-0'><img src='" + captchaDir + "/imgs/item-none.png' alt='' /></li><li class='ajax-fc-1'><img src='" + captchaDir + "/imgs/item-none.png' alt='' /></li><li class='ajax-fc-2'><img src='" + captchaDir + "/imgs/item-none.png' alt='' /></li><li class='ajax-fc-3'><img src='" + captchaDir + "/imgs/item-none.png' alt='' /></li><li class='ajax-fc-4'><img src='" + captchaDir + "/imgs/item-none.png' alt='' /></li></ul></div><div id='ajax-fc-right'><p id='ajax-fc-circle'></p></div></div><div id='ajax-fc-corner-spacer'></div><b class='ajax-fc-rbottom'><b class='ajax-fc-r4'></b> <b class='ajax-fc-r3'></b> <b class='ajax-fc-r2'></b> <b class='ajax-fc-r1'></b></b>");

    var rand = randomNumber(); //$.ajax({ url: url, async: false }).responseText;

        $(".captchaDir").attr("src", captchaDir + $(".captchaDir").attr("src"));
        var pic = randomNumber();

        $("p#ajax-fc-task img").attr("src", captchaDir + "imgs/item-"+ items[pic] + "-choice.png"); //.html("<img src=\""+captchaDir+ "/imgs/item-"+ items[pic] + "-choice.png\"  />");
        $(".ajax-fc-" + rand).addClass('ajax-fc-highlighted');

        $(".ajax-fc-" + rand).draggable({ containment: '#ajax-fc-content' });

        var used = Array();

        for (var i = 0; i < 5; i++) {
            var currImg = $(".ajax-fc-" + i).find("img");
            currImg.attr("src", captchaDir + "imgs/item-none.png");
            currImg.attr("alt", "default");
            if (i != rand && i != pic) {
                currImg.attr("src", captchaDir + "imgs/item-" + items[i] + ".png");
                currImg.attr("alt", items[i]);
                //$(".ajax-fc-" + i).html("<img src=\"" + captchaDir + "/imgs/item-" + items[i] + ".png\" alt=\"\" />");
                used[i] = items[i];
            }
        }
        
        var dragImg = $(".ajax-fc-" + rand).find("img");
        dragImg.attr("src", captchaDir + "imgs/item-" + items[pic] + ".png"); // .html("<img src=\"" + captchaDir + "/imgs/item-" + items[pic] + ".png\" alt=\"\" />");
        dragImg.attr("alt", items[pic]);


        $(".ajax-fc-container, .ajax-fc-rtop *, .ajax-fc-rbottom *").css("background-color", borderColor);

        $("#ajax-fc-circle").droppable({
            drop: function(event, ui) {
                $(".ajax-fc-" + rand).draggable("disable");
                $("#" + formId).append("<input type=\"hidden\" style=\"display: none;\" class=\"hc\" name=\"captcha\" value=\"" + rand + "\">");

                checkValid();

            },
            tolerance: 'touch'
        });
    };

})(jQuery);

function randomNumber() {
	var chars = "01234";
	chars += ".";
	var size = 1;
	var i = 1;
	var ret = "";
		while ( i <= size ) {
			$max = chars.length-1;
			$num = Math.floor(Math.random()*$max);
			$temp = chars.substr($num, 1);
			ret += $temp;
			i++;
		}
	return ret;
}


