var Site = {

	start: function(){
		Site.accordion()
	},

	accordion: function(){	
		var hrefs = $$('#accordion a')
		var list = $$('#accordion li div.collapse')
		var headings = $$('#accordion li h3')
		var collapsibles = new Array()
		var spans = new Array()
		var states = new Array()
		
		headings.each( function(heading, i) {

			var collapsible = new Fx.Slide(list[i], { 
				duration: 500, 
				transition: Fx.Transitions.quadInOut
			});
			
			collapsibles[i] = collapsible
			spans[i] = $E('span', heading)
			hrefs[i] = $E('a', heading)
			var span = $E('span', heading)
			var href = $E('a', heading)

			var l = window.location.href.split('/');
			if ("a"+l[3] == href.id) {
				collapsible.show();
				tint = colors[href.id]
				var newColor = span.getStyle('color') == tint ? '#96979a' : tint
				href.setStyle('color',newColor)
				span.setStyle('color',newColor)
				states[i] = 'open'
			}
			else {
				collapsible.hide();
			}
			
			heading.onmouseover = function(){
				tint = colors[href.id]
				var newColor = tint
				href.setStyle('color',newColor)
				span.setStyle('color',newColor)
				$('logo').src = icons[href.id];
			}

			heading.onmouseout = function(){
				$('logo').src = '/gfx/logo.png';
					if (states[i] != 'open') {
						href.setStyle('color','#96979a')
						span.setStyle('color','#96979a')
				}
			}

			heading.onclick = function(e){
				e = new Event(e).stop();
				var span = $E('span', heading)
				var href = $E('a', heading)
				
				for(var j = 0; j < collapsibles.length; j++){
					if(j!=i) {
						collapsibles[j].slideOut();
						states[j]= 'closed';
						if(hrefs[j]) hrefs[j].setStyle('color','#96979a')
						if(spans[j]) spans[j].setStyle('color','#96979a')
					} else {
						if($('content') != null)
							$('infos').innerHTML = '';
							$('content').innerHTML = '<table height=100% cellpadding="0" cellspacing="0"><tr><td><div style="padding:0 240px"><img src="'+imgs[href.id]+'" /></tr></td></table></div>';
						var Rfx = new Fx.Styles($('rightScroll'), {duration:500, wait:false});
						Rfx.start({opacity:0});
						var Lfx = new Fx.Styles($('leftScroll'), {duration:500, wait:false});
						Lfx.start({opacity:0});

						collapsibles[j].slideIn();
						states[j] = 'open';
					}
				}
				
				return false;
			}
			
		})
	}
}
window.addEvent('domready', Site.start)