Event.observe(window, 'load', init, false);


function init(){
	loadAccordions();
	// todo implement on first load 
}
function loadAccordions() {
	var horizontalAccordion = new accordion('sidebar', {
		classNames : {
			toggle : 'sidebarAccordionToggle',
			toggleActive : 'sidebarAccordionToggle_active',
			content : 'sidebarAccordion_content'
		}
	});
	horizontalAccordion.activate($$('#sidebar .sidebarAccordionToggle')[0]);
}

function stripPound(str){
	return str.split("#")[0];
}

var currentImg;
var prevStyle;
function loadImageInViewer(imgPath, imgName, section){
	document.location = stripPound(document.URL)+"#" + imgName ;
	document.getElementById("content").innerHTML = "<img src='" + imgPath + "' alt='"+ imgName +"' />";
	if(currentImg)
		currentImg.style.border = prevStyle;
	currentImg = document.getElementById(section + imgName);
	prevStyle = currentImg.style.border;
	currentImg.style.border="2px solid #333333";
}