var Site = {
	
		start: function(){
		if($('vertical')) Site.vertical();				
		if($('accordion')) Site.accordion();
	},
	
	vertical: function(){
		var list = $$('#vertical li div.collapse');
		var headings = $$('#vertical li h3');
		var collapsibles = new Array();
						
		headings.each( function(heading, i) {				
			var collapsible = new Fx.Slide(list[i], { 
				duration: 500, 
				transition: Fx.Transitions.linear,
				onComplete: function(request){ 
					var open = request.getStyle('margin-top').toInt();							
					if(open >= 0) {									
						new Fx.Scroll(window).toElement(headings[i]);							
					}						
				}
			});
				
			collapsibles[i] = collapsible;
			
			heading.onclick = function(){					
								
				var a = $E('a', heading);							
				if(a){
					var newStyle = a.className =='activeHead' ? 'deactiveHead' : 'activeHead';
					a.addClass(newStyle);													
				}																																									
				collapsible.toggle();						
				return false;
			}															
			collapsible.hide();
			
		});															
		
	},
				
	
	accordion: function(){
		var list = $$('#accordion li div.collapse');
		var headings = $$('#accordion li h3');
		var collapsibles = new Array();
		var a1 = new Array();				
		headings.each( function(heading, i) {
				var collapsible = new Fx.Slide(list[i], { 
				duration: 500, 
				transition: Fx.Transitions.quadIn
			});					
			collapsibles[i] = collapsible;
			a1[i] = $E('a', heading);
			
			heading.onclick = function(){
				var a = $E('a', heading);												
				if(a){
					var newStyle = a.className =='activeHead' ? 'deactiveHead' : 'activeHead';				
					if(a.className == 'activeHead')
						a.removeClass('activeHead');
					else 
						a.removeClass('deactiveHead');
					a.addClass(newStyle);																	
					}	
				for(var j = 0; j < collapsibles.length; j++){
					if(j!=i) {
						collapsibles[j].slideOut();	
						a1[j].removeClass('activeHead');
						a1[j].addClass('deactiveHead');																
					}														
				}
				
				collapsible.toggle();
				
				return false;
			}
			if( i == 0) {
			//a1[0].addClass('activeHead');
			collapsible.hide();
			} else {
			collapsible.hide();
			}
		});
	}
};
window.addEvent('domready', Site.start);