var AttributeTable = {

	ATO : {},
	dest : "",
	
	buildEntries : function () {
		var thisObj = this;
		$("#" + thisObj.dest + " .AttributeTable").append("<div class='Clear'></div><ul class='AttList'></ul>");
		$.each(this.ATO.attributes, function(i) {
			var att ="";
			var link="";
			var rel="";
			if (this.type[0].rel) { rel= "rel='" + this.type[0].rel + "' "; }
			if (this.type[0].selectable == 1) {
				if (this.type[0].link) {
					link = "<a " + rel + "href='"+ this.type[0].link +"' class='AT_Download'>Right Click &rsaquo; Save</a>";
				}
				att = "<input type='text' class='AttInput' value='"+ this.attribute +"'>";
			} else {
				if (this.type[0].link) {
					att = "<a " + rel + "href='"+ this.type[0].link +"'><span class='Att'>"+ this.attribute +"</span></a>";
				} else {
					att = "<span class='Att'>" + this.attribute + "</span>";
				}
			}
			$("#" + thisObj.dest + " .AttributeTable ul.AttList").append("<li>"+ this.name +" : "+ link + att + "</li>");
		});
		$("#" + thisObj.dest + " .AttributeTable ul.AttList").hide();	
	},
	
	buildTable : function(dest) {
		
		var thisObj = this;
	
		$("#" + dest).append("<div class='AttributeTable' id='AT_H_" + dest + "'><div id='" + dest + "Icon' class='ListIconClosed'></div><div class='AT_TableHead' id='AT_" + dest + "'><div class='AT_TableHeadTitle'><img src='" + this.ATO.src + "' class='AT_link'></div></div></div><div class='AttFooterWrapper'><div class='AttFooter'></div></div>");
		$("#AT_" + dest).click(function() {
			thisObj.toggle(dest);
		});

		$("#" + dest + "Icon").click(function() {
			thisObj.toggle(dest);
		});

		
		this.buildEntries();
	},
	
	embed : function(ato, dest, hc, bg) {
		this.ATO = ato;
		this.dest = dest;
		this.buildTable(dest, hc);
	},
	
	toggle : function(dest) {
		$("#AT_H_" + dest + " .AttList").slideToggle();
		this.toggleDropdownIcons(dest);
	},
	
	toggleDropdownIcons: function(dest) {
		var $d = $("#" + dest + "Icon");
		if ($d.hasClass("ListIconClosed")) {
			$($d).removeClass("ListIconClosed");
			$($d).addClass("ListIconOpen");
		} else {
			$($d).removeClass("ListIconOpen");
			$($d).addClass("ListIconClosed");
		}		
	}

}