window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#41464D');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#528CE0');
		}
	});

	
});



var currentset = 0;

function loadSite(setid, sitename)
{
	var found = false;
	var siteindex = -1;
	
	if( setid != currentset) createSiteDots(setid);
	
	for(i=0; i < sites[setid].length; i++)
	{
		if( sitename == sites[setid][i].name)
		{
			siteindex = i;
			break;
		}//if	
	}//for
	
	if( siteindex != -1 )
	{
		showSiteDot(siteindex);
		displayInfo(sites[setid][siteindex].info);
	}//if

}

function displayInfo(id)
{
	var infobox = document.getElementById("infobox");
	var infos = infobox.getElementsByTagName("div");
	var matchfound = false;
	for(i=0; i < infos.length; i++ )
	{		
		var obj = infos[i];
		var objid = obj.getAttribute("id");
		
		if( !objid) 
		{
			continue;
		}
		if( objid == id )
		{
			obj.style.display = "block";
			matchfound = true;
		}
		else
		{
			obj.style.display = "none";
		}//else
	
	}//for
	
	infobox.style.visibility = (matchfound)? "visible": "hidden";

}//displayInfo

function createSiteDots(setid)
{
	removeAllDots();
	var dots = document.getElementById("dotbox");

	for(i=0; i < sites[setid].length; i++)
	{
		var dot = document.createElement("div");
		dot.className = "sitedot";
		dot.style.top = sites[setid][i].y;
		dot.style.left = sites[setid][i].x;
		dot.style.visibility = "hidden";
		dots.appendChild(dot);
	
	}//for
	
	currentset = setid;
}//createSiteDots

function removeAllDots()
{
	var dots = document.getElementById("dotbox");
	while(dots.hasChildNodes())
	{
		dots.removeChild(dots.lastChild);
	}//while
}//removeAllDots

function loadSetDots(setid)
{
	var dots = document.getElementById("dotbox");
	for(i=0; i < dots.childNodes.length; i++)
	{
		var dot = dots.childNodes[i];

		dot.style.visibility = "hidden";
		dot.style.top = sites[setid][i].y;
		dot.style.left = sites[setid][i].x;
	}//for
	
	displayInfo(0, -1);

}//loadAllSiteDots

function showSiteDot(id)
{
	var dots = document.getElementById("dotbox");
	for(i=0; i < dots.childNodes.length; i++)
	{
		var dot = dots.childNodes[i];
		dot.className = (i == id)? "sitedotactive": "sitedot";
	}//for
}//showSiteDot

function showAllSiteDots()
{
	var dots = document.getElementById("dotbox");
	for(i=0; i < dots.childNodes.length; i++)
	{
		var dot = dots.childNodes[i];
		dot.style.visibility = "visible";
	}//for
	displayInfo("");
}//showAllSiteDots


window.onload = function() {
	displayInfo("");
	createSiteDots(0);
	showAllSiteDots();
}