Event.observe(window, 'load', setup_solutions, false);
openPane = false;

function setup_solutions() {
	var accordion_toggles 	= $$('.accordion_toggle');
	var accordion_bodies	= $$('.accordion_content');
	
	for (var i = 0; i < accordion_toggles.length; i++) {
		Event.observe(accordion_toggles[i], 'click', prepareExample);
		Event.observe(accordion_toggles[i], 'click', function(event) { toggle_accordion_section(event) });
		
		accordion_toggles[i].id = "accordion_" + i;
		accordion_bodies[i].id 	= "accordion_" + i + "_body";
		
		accordion_bodies[i].setStyle({height: 'auto'});
		accordion_bodies[i].hide();
	}
		
	prepareFirstExample(accordion_toggles[0]);
}

current_accordion = false;
function toggle_accordion_section(event, id) {
	o = event ? Event.element(event) : $(id); 
	b = o.id + "_body";
	
	if(current_accordion)
		$(current_accordion).blindUp({ duration: 0.5 });		
			
		
	if(current_accordion == b) {
		current_accordion = false;
		return;
	}		
	
	$(b).blindDown({ duration: 0.5 });
	
	current_accordion = b;
}
	
did = 'solutionsRightContent'; // div id for the loader
function prepareFirstExample(item) {		
	openPane = item;
	toggle_accordion_section(false, item.id);			
	
	show_loader(did + '_outer', did + '_inner', 'Loading...', 'loader_5.gif');
	
	loadExample('text=' + item.innerHTML);
}

function prepareExample(text) {
	if (openPane != this) {
		openPane = this;
		/*
		var text = this.innerHTML;
		new Effect.Fade($('solutionsRightContent_inner'), { duration: .4, from: 1.0, to: 0.0, afterFinish: function() { 
				show_loader(did + '_outer', did + '_inner', 'Loading...', 'loader_1.gif');				
				loadExample('text=' + text);
			}
		});
		*/
		$('solutionsRightContent_inner').innerHTML = '&nbsp;';
		show_loader(did + '_outer', did + '_inner', 'Loading...', 'loader_5.gif');
		loadExample('text=' + text);
	} else {
		openPane = false;
		/*
		new Effect.Fade($('solutionsRightContent_inner'), { duration: .4, from: 1.0, to: 0.0, afterFinish: function() {
				$('solutionsRightContent_inner').innerHTML 		= '';
				$('solutionsRightContent_inner').style.display 	= 'none';
			}
		});
		*/
	}
}

function loadExample(queryString) {
	var to = 'topics/solutions/solutionsExamples.php';
	new Ajax.Request(to, {
		method: 'post',
		parameters: queryString,
		onSuccess: function(xml) {
			showExampleResults(xml);
		}
	});
}

function showExampleResults(o) {
	setTimeout("hide_loader('" + did + "_outer', '" + did + "_inner')", 500);
	
	xmlDoc 	= create_xml_doc(o.responseText);		
	page 	= xmlDoc.getElementsByTagName("nugget");	
	
	eimg 	= get_xml_value(page[0].getElementsByTagName("image")[0]);			
	etitle 	= get_xml_value(page[0].getElementsByTagName("title")[0]);	
	
	$('solutionsRightTitle_inner').innerHTML 	= etitle;
	$('solutionsRightContent_inner').innerHTML 	= eimg;
	
	$('solutionsRightTitle_inner').setStyle({ fontSize: '14px', fontWeight: 'bold' });
	$('solutionsRightContent_inner').setStyle({ textAlign: 'center' });
}