function Account_Widget(user, root) {
	this.user_object = user;
	this.root = root;
}

Account_Widget.prototype.silver_layout = function () {
	_get(this.root).innerHTML = this.silver_table();
}

Account_Widget.prototype.silver_table = function () {			
	var html = "<table border=\"0px\" cellpadding=\"0px\" cellspacing=\"0px\" width=\"100%\"><tr><td width=\"70%\" valign=\"top\" style=\"border-right: 1px solid #666\">"

	+ "<div style=\"padding-right: 4px; padding-bottom: 6px\">"
	//border table
	+ "<table width=\"100%\" border=\"0px\" cellpadding=\"0px\" cellspacing=\"0px\"><tr><td>"
	+ "<div class=\"silver\" style=\"position: relative; width: 100%;  background-image: url('images/silver_account.gif');  background-color: #000; background-repeat: repeat-x; text-align: center;\">" 

	+ "<table border=\"0px\" cellpadding=\"0px\" cellspacing=\"0px\" width=\"100%\" height=\"340px\" valign=\"top\">"
	+ "<tr><td valign=\"top\">"
	+ "<div style=\"position: relative\" id='account_gallery'></div>"
	+ "</td></tr>"
	+ "<tr><td style=\"background-color: #111\" height=\"20px\">";

	if(this.user_object.gallery.length>0) {
		html += "<div style=\"float: right;\" id=\"display_mode\"><a href=\"javascript:time_stamp();\" onClick=\"full_gallery()\">Gallery Mode</a></div>";
	}

	html += "</td></tr>"
	+ "<tr><td colspan=\"3\" height=\"11px\" style=\"background-image: url('images/silver_account_bottom.gif'); background-color: #000; background-repeat: repeat-x\">"
	+ "</td></tr>"
	+ "</table>"

	//border table
	+ "<td width=\"2px\" style=\"background-color: #000\"></td>"
	+ "</tr>"
	+ "<tr>"
	+ "<td style=\"background-color: #000\"></td>"
	+ "<td>"
	+ "<img src=\"images/corner.gif\"/>"
	+ "</td></tr>"
	+ "</table>"
	+ "</div>"
	+ "</td>"

	+ "</td><td valign=\"top\" style=\"background-color: #555; border-left: 1px solid #333\">"
	+ "<div id=\"resume_holder\" style=\"height: 100%\"></div><div id=\"contact_holder\" style=\"height: 100%\"></div></td></tr></table>";
	return html;
}

Account_Widget.prototype.bronze_layout = function () {
	_get(this.root).innerHTML = this.bronze_table();
}

Account_Widget.prototype.bronze_table = function () {
	var html = "<table border=\"0px\" cellpadding=\"0px\" cellspacing=\"0px\" width=\"100%\"><tr><td width=\"70%\" valign=\"top\" style=\"border-right: 1px solid #666\">"
	
	+ "<div style=\"padding-right: 4px; padding-bottom: 6px\">"
	//border table
	+ "<table width=\"100%\" border=\"0px\" cellpadding=\"0px\" cellspacing=\"0px\"><tr><td>"
	+ "<div class=\"bronze\" style=\"position: relative; width: 100%;  background-image: url('images/bronze_account.gif');  background-color: #000; background-repeat: repeat-x; text-align: center\">" 

	+ "<table border=\"0px\" cellpadding=\"0px\" cellspacing=\"0px\" width=\"100%\" height=\"340px\"><tr><td valign=\"top\">"
	+ "<div style=\"position: relative\" id='account_gallery'>";

	html += "</div>"
	+ "</td></tr>"
	+ "<tr><td style=\"background-color: #111\" height=\"20px\">";
	
	if(this.user_object.gallery.length>0) {
		html += "<div style=\"float: right;\" id=\"display_mode\"><a href=\"javascript:time_stamp();\" onClick=\"full_gallery()\">Gallery Mode</a></div>";
	} else {
		html += "<div style=\"float: right;display: none\" id=\"display_mode\"></div>";
	}

	html += "</td></tr>"
	+ "<tr><td colspan=\"3\" height=\"11px\" style=\"background-image: url('images/bronze_account_bottom.gif'); background-color: #000; background-repeat: repeat-x\">"
	+ "</td></tr>"
	+ "</table>"

	//border table
	+ "<td width=\"2px\" style=\"background-color: #000\"></td>"
	+ "</tr>"
	+ "<tr>"
	+ "<td style=\"background-color: #000\"></td>"
	+ "<td>"
	+ "<img src=\"images/corner.gif\"/>"
	+ "</td></tr>"
	+ "</table>"
	+ "</div>"

	+ "</td><td valign=\"top\" style=\"border-left: 1px solid #333; background-color: #555\">"
	+ "<div id=\"resume_holder\" style=\"height: 100%\"></div><div id=\"contact_holder\" style=\"height: 100%\"></div></td></tr></table>";
	return html;
}