function Browse_Widget (root) {
	this.root = root;
}
	
Browse_Widget.prototype.expert_container = function (frame) {

	var html = "<a onClick=\"\" style=\"text-decoration: none\">Expertise</a><div id=\"" + frame + "\"></div>"
		+ "<a onClick=\"skill_query()\">Skills</a><br />"
		+ "<a onClick=\"genre_query()\">Genre</a><br />"
		+ "<a onClick=\"artist_query()\">Artists</a>";

	return html;
}

Browse_Widget.prototype.skill_container = function (frame) {

	var html = "<a onClick=\"expert_query()\">Expertise</a><br />"
		+ "<a onClick=\"\" style=\"text-decoration: none\">Skills</a><div id=\"" + frame + "\"></div>"
		+ "<a onClick=\"genre_query()\">Genre</a><br />"
		+ "<a onClick=\"artist_query()\">Artists</a>";
	return html;
}

Browse_Widget.prototype.artist_container = function (frame) {

	var html = "<a onClick=\"expert_query()\">Expertise</a><br />"
		+ "<a onClick=\"skill_query()\">Skills</a><br />"
		+ "<a onClick=\"genre_query()\">Genre</a><br />"
		+ "<a onClick=\"\" style=\"text-decoration: none\">Artists</a><div id=\"" + frame + "\"></div>";

	return html;
}

Browse_Widget.prototype.genre_container = function (frame) {

	var html = "<a onClick=\"expert_query()\">Expertise</a><br />"
		+ "<a onClick=\"skill_query()\">Skills</a><br />"
		+ "<a onClick=\"\" style=\"text-decoration: none\">Genre</a><div id=\"" + frame + "\"></div>"
		+ "<a onClick=\"artist_query()\">Artists</a>";
		return html;
}

Browse_Widget.prototype.expert_display = function () {
	var frame = "expert_frame";
	_get(this.root).innerHTML = this.expert_container(frame);
	_get(frame).innerHTML = this.expert_links();
}

Browse_Widget.prototype.skill_display = function () {
	var frame = "skill_frame";
	_get(this.root).innerHTML = this.skill_container(frame);
	_get(frame).innerHTML = this.skill_links();
}

Browse_Widget.prototype.artist_display = function () {
	var frame = "artist_frame";
	_get(this.root).innerHTML = this.artist_container(frame);
	_get(frame).innerHTML = this.artist_links();
}

Browse_Widget.prototype.genre_display = function () {
	var frame = "genre_frame";
	_get(this.root).innerHTML = this.genre_container(frame);
	_get(frame).innerHTML = this.genre_links();
}

Browse_Widget.prototype.expert_links = function () {
	var link_html = "<div style=\"padding-left: 4px; color: #333\"><ul>"
	+ "<li><a class=\"main_browse\" onClick=\"expert_input_query('ad')\">Advertising & Marketing</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"expert_input_query('design')\">Clothing Design</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"expert_input_query('tv')\">Entertainment</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"expert_input_query('art')\">Fine Art</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"expert_input_query('illustration')\">Illustration</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"expert_input_query('music')\">Music/Audio Production</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"expert_input_query('paint')\">Painting</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"expert_input_query('photo')\">Photography</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"expert_input_query('product')\">Product Design</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"expert_input_query('print')\">Print Production</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"expert_input_query('video')\">Video & Film</a></li>"
	+ "<li><span class=\"main_browse\" >Other:</span> "
	+ "<input class=\"clean\" id=\"expert_keyword_input\" onkeypress=\"check_return(event,'expert')\" style=\"width: 170px\"/> "
	+ "<input type=\"button\" value=\"find\" onclick=\"expert_input_query()\" class=\"button\"/></li>"
	+ "</ul></div>";
	return link_html;
}

Browse_Widget.prototype.skill_links = function () {
	var link_html = "<div style=\"padding-left: 4px; color: #333\"><ul>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('animation')\">Animation</a> ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('3D')\">3D</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('flash')\">Flash</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('clay')\">Stop-motion</a></span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('costume')\">Costume/Set/Make-up Design</a> ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('mask')\">Masks</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('props')\">Props</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('hair')\">Hair</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('dance')\">Coreography</a></span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('direct')\">Directing & Editting</a> ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('film')\">Films</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('play')\">Stage</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('coach')\">Coaching</a></span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('industrial')\">Industrial/Architectural Design</a> ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('model')\">Model building</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('fabrication')\">Fabrication</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('architect')\">Architecture</a>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('logo')\">Logo Design</a> ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('adobe')\">Adobe CS</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('shirt')\">Merchandise</a></span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('mural')\">Murals</a> ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('outdoor')\">Outdoor</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('interior')\">Interior Art</a></span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('interior')\">Intererior Design</a> ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('furniture')\">Furniture</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('apolstery')\">Apolstery</a></span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('draw')\">Portraits</a> ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('oil')\">Oils</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('acrylic')\">Acrylic</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('water')\">Water Color</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('ink')\">Pen & Ink</a></span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('print')\">Print Layout</a>  ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('adobe')\">Adobe CS</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('quark')\">Quark</a></span>"
	
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('market')\">Sales & Marketing</a> ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('analys')\">Analyst</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('brand')\">Branding</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('packag')\">Packaging</a></span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('act')\">Stage Permormance</a> ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('dance')\">Dance</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('song')\">Vocals</a>"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('band')\">Music</a></span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('video')\">Video Editting</a> ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('final')\">Final-Cut Pro</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('adobe')\">After Effects</a></span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('web')\">Web Design & Programming</a> ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('games')\">Games</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('flash')\">Flash</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('css')\">CSS</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('dhtml')\">DHTML</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('lamp')\">LAMP</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('ruby')\">Ruby</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('java')\">Java</a></span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"skill_input_query('write')\">Writting</a>  ||<span style=\"font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('book')\">Books</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('comic')\">Comic Books</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('screen')\">Screen</a>,"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('play')\">Stage</a></span>"
	+ "</li>"
	+ "<li><span class=\"main_browse\" >Other:</span> "
	+ "<input class=\"clean\" id=\"skill_keyword_input\" onkeypress=\"check_return(event,'skill')\" style=\"width: 170px\"/> "
	+ "<input type=\"button\" value=\"find\" onclick=\"skill_input_query()\" class=\"button\"/></li>"
	+ "</ul></div>";
	return link_html;
}

Browse_Widget.prototype.artist_links = function () {
	var link_html = "<div style=\"padding-left: 4px; color: #333\">"
	+ "<span class=\"browse\" >First:</span> "
	+ "<input class=\"clean\" id=\"artist_first_input\" style=\"width: 170px\"/><br />"
	+ "<span class=\"browse\" >Last:</span> "
	+ "<input class=\"clean\" id=\"artist_last_input\" onkeypress=\"check_return(event,'name')\" style=\"width: 170px\"/><br />"
	+ "<input type=\"button\" value=\"find\" onclick=\"artist_input_query()\" class=\"button\"/>"
	+ "</div>";
	return link_html;
}

Browse_Widget.prototype.genre_links = function () {
	var link_html = "<div style=\"padding-left: 4px; color: #333\"><ul>"
	+ "<li><a class=\"main_browse\" onClick=\"genre_input_query('abstract')\">Abstract</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"genre_input_query('african')\">African</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"genre_input_query('art')\">Classical</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"genre_input_query('comic')\">Comics</a> ||<span style=\"font-color: #330000; font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"genre_input_query('anime')\">Anime & Manga</a>,"
	+ " <a class=\"browse\" onClick=\"genre_input_query('cartoon')\">Cartoon</a>"
	+ "</span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"genre_input_query('folk')\">Folk</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"genre_input_query('gothic')\">Gothic</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"genre_input_query('latin')\">Latin</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"genre_input_query('tag')\">Tag Art</a></li>"
	+ "<li><a class=\"main_browse\" onClick=\"genre_input_query('tattoo')\">Tattoo</a>  ||<span style=\"font-color: #330000; font-size: 10px\">"
	+ "   <a class=\"browse\" onClick=\"skill_input_query('tribal')\">Tribal</a>,"
	+ " <a class=\"browse\" onClick=\"skill_input_query('asian')\">Asian</a>,"
	+ " <a class=\"browse\" onClick=\"genre_input_query('celtic')\">Celtic</a>"
	+ "</span>"
	+ "</li>"
	+ "<li><a class=\"main_browse\" onClick=\"genre_input_query('retro')\">Retro</a></li>"
	+ "<li><span class=\"main_browse\" >Other:</span> "
	+ "<input class=\"clean\" id=\"genre_keyword_input\" onkeypress=\"check_return(event,'genre')\" style=\"width: 170px\"/> "
	+ "<input type=\"button\" value=\"find\" onclick=\"genre_input_query()\" class=\"button\"/></li>"
	+ "</ul></div>";
	return link_html;
}
