/* Tagging JS */

$("input[name='tags[]']").click( function(ele) {
    var checkbox = ele.target;
    var t_id = $(checkbox).val();
    if($(checkbox).attr("checked")) {
    	$("p#tag-status").fadeIn("slow");
        $.post("/tags/tag_with/", {object_type:obj_type, object_id:obj_id, tag_id:t_id}, function(data) { $("p#tag-status").html(data['message']); }, "json");
    } else {
    	$("p#tag-status").fadeIn("slow");
        $.post("/tags/untag/", {object_type:obj_type, object_id:obj_id, tag_id:t_id}, function(data) { $("p#tag-status").html(data['message']); }, "json")
    }
});

function get_video_game_tags(ele) {
    var game_id = $(ele.target).attr("value");
    $("ul#tag-options").html("Working...");
    $.post("/tags/get_tags/", {object_type:"Game_Model", object_id:game_id}, loadVideoTagCheckboxes, "json");
}

function loadVideoTagCheckboxes(data) {
	var tags = data['tags'];
	
	if(data['status'] == 0)
		$("ul#tag-options").html(data['message']);
	else {
		if(tags.length == 0)
			$("ul#tag-options").html("There are no tags to choose from for this game.");
		else {
			var html = "";
			for(var i=0; i < tags.length; i++) {
				var tag = tags[i];
				html += "<li><input type='checkbox' name='video[tags][]' value='"+tag.id+"' id='"+tag.id+"' /><label for='"+tag.id+"'>"+tag['name']+"</label></li>";
			}
			$("ul#tag-options").fadeOut("normal", function(){ $("ul#tag-options").html(html); $("ul#tag-options").fadeIn("normal"); });
		}
	}
};

function select_tag_game(ele, index) {
    var game_id = $(ele.target).attr("value");
    $("ul#tag-options").html("Working...");
    $.post("/tags/get_tags/", {object_type:"Game_Model", object_id:game_id}, function(data) { loadScreenshotCheckboxes(data, index); }, "json");
};

function loadScreenshotCheckboxes(data, item_id) {
    var tags = data['tags'];
    if(item_id != -1) {
        var div = "ul#tag-options-"+item_id;
        var name = "screenshots["+item_id+"][tags][]";
    } else {
        var div = "ul#tag-options";
        var name = "screenshot[tags][]";
    }

	if(data['status'] == 0)
		$(div).html(data['message']);
	else {
		if(tags.length == 0)
			$(div).html("There are no tags to choose from for this game.");
		else {
			var html = "";
			for(var i=0; i < tags.length; i++) {
				var tag = tags[i];
				html += "<li><input type='checkbox' name='"+name+"' value='"+tag.id+"' id='"+item_id+"-"+tag.id+"' /><label for='"+item_id+"-"+tag.id+"'>"+tag['name']+"</label></li>";
				$("label#tag-label").show();
			}
			$(div).fadeOut("normal", function(){ $(div).html(html); $(div).fadeIn("normal"); });
		}
	}
};