// BetterInnerHTML v1.1 - by Craig Buckler, http://www.optimalworks.net/
function BetterInnerHTML(_1,_2,_3){function Load(_4){var _5;if(typeof DOMParser!="undefined"){_5=(new DOMParser()).parseFromString(_4,"application/xml");}else{var _6=["MSXML2.DOMDocument","MSXML.DOMDocument","Microsoft.XMLDOM"];for(var i=0;i<_6.length&&!_5;i++){try{_5=new ActiveXObject(_6[i]);_5.loadXML(_4);}catch(e){}}}return _5;}function Copy(_8,_9,_a){if(typeof _a=="undefined"){_a=1;}if(_a>1){if(_9.nodeType==1){var _b=document.createElement(_9.nodeName);for(var a=0,attr=_9.attributes.length;a<attr;a++){var _d=_9.attributes[a].name,aValue=_9.attributes[a].value,evt=(_d.substr(0,2)=="on");if(!evt){switch(_d){case "class":_b.className=aValue;break;case "for":_b.htmlFor=aValue;break;default:_b.setAttribute(_d,aValue);}}}_8=_8.appendChild(_b);if(evt){_8[_d]=function(){eval(aValue);};}}else{if(_9.nodeType==3){var _e=(_9.nodeValue?_9.nodeValue:"");var _f=_e.replace(/^\s*|\s*$/g,"");if(_f.indexOf("<!--")!=0&&_f.indexOf("-->")!=(_f.length-3)){_8.appendChild(document.createTextNode(_e));}}}}for(var i=0,j=_9.childNodes.length;i<j;i++){Copy(_8,_9.childNodes[i],_a+1);}}_2="<root>"+_2+"</root>";var _11=Load(_2);if(_1&&_11){if(_3!=false){while(_1.lastChild){_1.removeChild(_1.lastChild);}}Copy(_1,_11.documentElement);}}


var markup = '<form id="the-suggestion-form" action="http://BuzzNumbers.suggestionbox.com" enctype="multipart\/form-data" method="post">\n'
			+'<span id="sbox-comp-branded">BuzzNumbers</span>\n'
			+'<span id="sbox-form-body">\n'
			+'<label id="sbox-label" for="suggestion-1">#XXX#<\/label>\n'
			+'<input name="suggestion-1" id="suggestion-1" class="sbox-owner suggestion-text" type="text" />\n'
			+'#YYY#'
			+'<\/span>\n'
			//+'<span class="add-suggestion" id="add-suggestion"><a href="#" class="add-suggestion">+ Add Another Suggestion<\/a><\/span>\n'
			+'<div id="sbox-privacy">\n'
			+'<span class="sbox-privacy" id="sbox-privacy-check"><input value="1" name="anon" id="anon" type="checkbox" /><label for="anon">Send Anonymously<\/label><\/span>\n'
			+'<span id="sbox-button-wrap"><button id="sbox-button" type="submit">Preview</button><\/span>\n'
			+'<\/div>\n'
			+'</form>\n'
			+'<a href="http://BuzzNumbers.suggestionbox.com" id="sbox-branding">Powered by SuggestionBox.com</a>\n';

email_field = '<label id="sbox-email-label">Your email: <small>(Required - Always Private)\n'
			  +'</small></label>\n'
			  +'<input id="sbox-email" type="text" name="email" class="text column" />\n';

function sb_widget() {
	if (typeof sbox_custom_Q=='undefined') var question = 'How Can We Improve?'; else var question = sbox_custom_Q;
	if (typeof sbox_style=='undefined') var style = true; else var style = sbox_style;
	if (0==1) var email = ''; else var email = email_field;  
	markup = markup.replace(/#XXX#/g, question);
	formdiv = document.getElementById("sboxform");
	markup = markup.replace(/#YYY#/g, email)
	

	//formdiv.innerHTML = markup; //populate the div with the form
	BetterInnerHTML(formdiv, markup);
	
		if (style == true){
			//style #sboxform container
			formdiv.style.background = 'transparent url(http://media.suggestionbox.com/img/suggestionform/suggestion-form-bg_topcorners.png) no-repeat';
			formdiv.style.color = '#454545';
			formdiv.style.fontFamily = 'Helvetica, Arial, sans-serif';
			formdiv.style.fontSize = '12px';
			formdiv.style.lineHeight = '1.5';
			formdiv.style.padding = '10px 0';
			formdiv.style.width = '286px';
			
			//style #the-suggestion-form 
			theform = document.getElementById("the-suggestion-form");
			theform.style.background = 'transparent url(http://media.suggestionbox.com/img/suggestionform/suggestion-form-bg.png) repeat-y';
			theform.style.margin = '0';
			theform.style.overflow = 'hidden';
			theform.style.padding = '0 9px 0 7px';
			theform.style.width = '270px';
			theform.style.height = 'auto';
			
			//style #sbox-comp-branded company brand
			compbrand = document.getElementById("sbox-comp-branded");
			compbrand.style.color = '#454545';
			compbrand.style.fontSize = '16px';
			compbrand.style.fontWeight = 'bold';
			compbrand.style.padding = '0 9px 0 7px';
			compbrand.style.background = 'transparent url(http://media.suggestionbox.com/img/suggestionform/suggestion-form-bg_top.png) no-repeat';
			compbrand.style.borderBottom = '1px solid #d1cfc2';
			compbrand.style.display = 'block';
			compbrand.style.margin = '0 0 5px 0';
		
		
		
			formbody = document.getElementById("sbox-form-body");
			formbody.style.padding = '9px 10px';
			
			thelabel = document.getElementById("sbox-label");
			thelabel.style.color = '#8c836f';
			thelabel.style.fontWeight = 'bold';
			thelabel.style.padding = '0 0 3px 0';
			
			theinput = document.getElementById("suggestion-1");
			theinput.style.color = '#6d6d6d';
			//theinput.style.font = 'normal';
			theinput.style.margin = '0 0 6px 9px';
			theinput.style.padding = '4px 3px 5px 0';
			theinput.style.width = '245px';
		
			sboxbrand = document.getElementById("sbox-branding");
			sboxbrand.style.background = 'transparent url(http://media.suggestionbox.com/img/suggestionform/suggestion-form-bg_bottom.png) no-repeat';
			sboxbrand.style.display = 'block';
			sboxbrand.style.fontSize = '9px';
			sboxbrand.style.height = '27px';
			sboxbrand.style.textIndent = '-9999px';
			sboxbrand.style.width = '296px';
			sboxbrand.style.outline = 'none';
			
			buttwrap = document.getElementById("sbox-button-wrap");
			buttwrap.style.border = 'none';
			buttwrap.style.display = 'inline';
			buttwrap.style.styleFloat = 'right';
			buttwrap.style.marginRight = '21px';
			buttwrap.style.padding = '0';
			buttwrap.style.width = '65px';
			
			butt = document.getElementById("sbox-button");
			butt.setAttribute("style", "float: right");
			butt.style.background = 'transparent url(http://media.suggestionbox.com/img/suggestionform/btn-preview.png) no-repeat';
			butt.style.border = 'none';
			butt.style.cursor = 'pointer';
			butt.style.display = 'block';
			butt.style.height = '22px';
			butt.style.marginRight = '2px';
			butt.style.textIndent = '-9999px';
			butt.style.width = '64px';
			butt.style.styleFloat = 'right';
		
		
			emlabel = document.getElementById("sbox-email-label");
			emlabel.style.margin = '0 0 0 9px';
			emlabel.style.display = 'block';
			em = document.getElementById("sbox-email");
			em.style.margin = '0 0 0 0';
			em.style.width = '245px';
		
		
			priv = document.getElementById("sbox-privacy");
			priv.setAttribute("style", "float: left");
			priv.style.margin = '15px 0 5px 9px';
			priv.style.styleFloat = 'left';
			priv.style.width = '250px';
			
			anon = document.getElementById("sbox-privacy-check");
			anon.setAttribute("style", "float: left");
			anon.style.styleFloat = 'left';
			
		
		}
	}
	

/* stolen from common.js */
function whack_def_text(field, def_text) 
/* This is the function that will reset the style on 
 * a form field and 
 * whack it's default text
 * usage:
 * 		field: $(this)
 *		def_text: "Your Suggestion"
 *		
 * Add it to a text input like so...
 *		onfocus="whack_def_text($(this), 'Your Suggestion');"
 */
{
	if (field.val() != def_text) 
		return;
	field.val('');
	//field.css('font-style', 'normal');
	field.css('color', '#454545');
	field.css('font', '13px Helvetica, Arial, sans-serif');
	field.css('padding', '2px 1px 3px')
}