// note: this is the base file for a widget, 
// containing all client methods that are called by the widget and
// code that creates the basic html structure

// search form action
function cnspr_search() {

  question = document.getElementById('cnspr_form').elements[0].value
  if(question == '') return;
  document.getElementById('cnspr_results').innerHTML = 'Inhalte werden geladen ...';

  script_url = 'http://contactfactory.conespra.com/search.js?id='
  script_url += question
  script_url += '&external_links='

  var element = document.createElement('script');
  element.type = 'text/javascript';
  element.src = script_url;

  document.getElementsByTagName('HEAD')[0].appendChild(element);

  return false;
}

// display contents of a request
function cnspr_request_show(id) {
	cnspr_toggle('cnspr_request_' + id + '_sub')
	return false
}

// toggle display
function cnspr_toggle(id, url) {
	el = document.getElementById(id)
	if(!el) return;

	// if (url && el.childNodes.length == 1) {cnspr_load(url);} // not working in faq widget!
	if (url) {cnspr_load(url);}
	el.style.display = (el.style.display == 'none') ? 'block' : 'none';
}

// load content
function cnspr_load(url, target) {
	var element = document.createElement('script');
	element.type = 'text/javascript';
	element.src = url;
	target_id = target ? target : 'cnspr_widget'
	target_el = document.getElementById(target_id)
	if(!target_el){alert('Could not find target '+target+' to fill with ' + url); return;}
	target_el.appendChild(element);
}

// create html structure and init


  
  //header
  el = document.createElement('h1');
  el.innerHTML = 'Support für ContactFactory';
  el.id = 'cnspr_header';
  document.getElementById('cnspr_widget').appendChild(el);
  
  // description
  el = document.createElement('div');
  el.innerHTML = 'Ihre Frage zu ContactFactory';
  el.id = 'cnspr_descr';
  document.getElementById('cnspr_widget').appendChild(el);
  
  // form wrapper
  el = document.createElement('div');
  el.id = 'cnspr_form_wrapper';
  document.getElementById('cnspr_widget').appendChild(el);
  
  // form
  el = document.createElement('form');
  el.name = 'cnspr_form';
  el.action = ''
  el.id = 'cnspr_form';
  el.onsubmit = function() {return cnspr_search();};
  
  document.getElementById('cnspr_form_wrapper').appendChild(el);
  
  // search field
  el = document.createElement('input');
  el.type = 'text';
  el.name = 'question';
  el.id = 'cnspr_questionfield';
  document.getElementById('cnspr_form').appendChild(el);
  
  // submit button 
  el = document.createElement('input');
  el.type = 'submit';
  el.value = 'Go';
  
  document.getElementById('cnspr_form').appendChild(el);
  
  
  // result container
  el = document.createElement('div');
  el.id = 'cnspr_results';
  el.innerHTML = 'Häufige Fragen werden geladen ...';
  document.getElementById('cnspr_widget').appendChild(el);



  var css = document.createElement('link');
  css.type = 'text/css';
  css.rel = 'stylesheet';
  css.href = 'http://contactfactory.conespra.com/stylesheets/widget.css';
  css.media = 'screen';
  document.getElementsByTagName("head")[0].appendChild(css);


el = document.createElement('div');
el.style.textAlign = 'right'
el.innerHTML = '<a href="http://conespra.com" style="text-decoration:none;border-top:1px solid silver;display:block;margin-top:5px;font-size:8px;"><img src="http://conespra.com/favicon.png" style="vertical-align:middle;border-width:0px;" />&nbsp;conespra - Kundenservice ganz einfach</a>';
document.getElementById('cnspr_widget').appendChild(el);


cnspr_load("http://contactfactory.conespra.com/faq.js?type=full&limit=&external_links=", "cnspr_results");