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');
									} else {
									collapsible.hide();
									}
					});
	}
};
window.addEvent('domready', Site.start);