// on click - empty content and display loader
// do call to get content
// tween area

function setToolbar()
{
  var links = $('toolbar_links').getChildren();
  var l = links.length;

	for (i=0; i<l; i++)
	{
		var link = $('toolbar_'+i).getFirst();
		link.setProperty('href', '#');
		link.addEvent('click', function(){
			if(this.hasClass('selected')){
				openToolbar(false, this);
				this.removeClass('selected');
			}else{
				switch (this.innerHTML){
					case "Site Map":
						var myFx = new Fx.Scroll(window).toBottom();
						openToolbar(false, this);
					break;
					case "Site Search":
						//openToolbar(false, this);
						this.addClass('selected');
						callForData(this, 'site');
						//$('toolbar_content').getFirst().innerHTML = 'Site Search';
						openToolbar(true, this);
					break;
					case "Professional Search":
						//openToolbar(false, this);
						this.addClass('selected');
						callForData(this, 'professional');
						//$('toolbar_content').getFirst().innerHTML = 'Professional Search<br />Test additional content';
						openToolbar(true, this);
					break;
				}				
			}

		});

	}
}

function callForData(el, s){

	$('toolbar_content').getFirst().set('text','loading... '+s);
	
	//var myHTMLRequest = new Request.HTML([options]);
	//responseTree, responseElements, responseHTML, responseJavaScript//update:$('toolbar_content').getFirst(),
	var req = new Request.HTML({url:'/getToolBarData', data: 'myType='+s,  
		onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
			var e = $('toolbar_content').getFirst();
			
				//e.set('text', '');//Clear the text currently inside the results div.
			
				e.set('html',responseHTML);
				//e.innerHTML = html;
				if(s == 'professional') setAlphaSearchContent();
			openToolbar(true, el);
			
		},
		onFailure: function() {
			$('toolbar_content').getFirst().set('text','The request failed.');
			openToolbar(true, el);
		}
	});
	
	req.send();
	
}


function openToolbar(bol, link){
	var links = $('toolbar_links').getChildren();
  var l = links.length;
	for (i=0; i<l; i++)
	{
		if ($('toolbar_'+i).getFirst().innerHTML != link.innerHTML) {
			$('toolbar_'+i).getFirst().removeClass('selected');
		}
	}
	if (bol) {
		var content = $('toolbar_content').getFirst();
		var contentH = content.getSize().y;
		$('toolbar_content').tween('height', [$('toolbar_content').getSize().y - 1, contentH]);
	
		//tweens arrow to position over toolbar link
		var posX = link.getPosition('toolbar_links').x + link.getSize().x/2;
	
		var myMorph = new Fx.Morph($('toolbar_content'), { 'duration': 0 });
		var backgroundPos = (posX - 5) + ' ' + (contentH - 5);
		myMorph.start({'background-position': backgroundPos});
	} else {
		$('toolbar_content').tween('height', 0);
	}
}



// function to get div content to be displayed