var tjsSearchBox = {
		
	__search_url: 	'http://www.twitjobsearch.com/search',
	__images_url: 	'http://www.twitjobsearch.com/images',
	__q_value:		'What do you want to do?',
		
	display: function()
	{
		this.displayBox();
		this.init();
	},
	
	init: function()
	{
		var box = document.getElementById("tjs_search_box");
		box.onfocus = function(){
			if(this.value == tjsSearchBox.__q_value) this.value = '';
		}
		
		box.onblur	= function(){
			if(this.value == '') this.value = tjsSearchBox.__q_value;
		}
	},
	
	displayBox: function()
	{
		this.displayCss();
	
		document.write(
				'<div id="tjs">'+
				'<div id="tjs_top"><a href="http://www.twitjobsearch.com"><img style="border: 0;" src="'+this.__images_url+'/widget_logo.gif" alt="TwitJobSearch" /></a></div>'+
				'<form target="_blank" action="'+this.__search_url+'" id="tjs_form">'+
				'<div id="tjs_search_box_cont"><input id="tjs_search_box" type="text" name="q" value="'+this.__q_value+'" /></div>'+
				'<input type="hidden" name="vs" value="tjssearchboxwidget" />'+
				'<div id="tjs_search_button_cont"><input type="submit" value="Search" id="tjs_search_button" /></div>'+
				'</form>'+
				'</div>'
		);
	},
	
	displayCss: function()
	{
		document.write(
			'<style type="text/css">'+
				'#tjs{border: 1px solid #000;}'+
				'#tjs_form{margin: 0; padding: 0;}'+
				'#tjs_form div{margin: 0; padding: 0;}'+
				'#tjs{font-size: 11px; font-family: arial; text-align: center; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; background: #999; width:180px; padding: 5px 10px 10px 10px; color: #fff;}'+
				'#tjs_search_box_cont{margin: 0; padding: 0;}'+
				'#tjs_search_box{margin:0px; border: 1px solid #33ccff; width:170px; padding: 3px; color: #000; font-weight: bold;}'+
				'#tjs_search_button_cont{text-align:center;}'+
				'#tjs_search_button{margin: 2px auto 0 auto; cursor: pointer; background: #33ccff url('+this.__images_url+'/button_bg1.gif); color: #fff; font-weight: bold; width: 100px; border: 0; padding: 2px;}'+
			'</style>'
		);
	}
		
}