// JavaScript Document
		var Site = {
				
			start: function(){
				if($('vertical')) Site.vertical();
				if($('horizontal')) Site.horizontal();
				if($('accordion')) Site.accordion();
			},
			
			vertical: function(){
				var closeImg = ('Close <img src="<?=$base_path?>images/img/box-close-icon.png" alt="C" width="8px" height="9px" />');
				var openImg = ('View <img src="<?=$base_path?>images/img/box-open-icon.png" alt="V" width="8px" height="9px" />');
				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 span = $E('span', heading);

						if(span){
							var newHTML = span.innerHTML == openImg ? closeImg : openImg;
							span.setHTML(newHTML);
						}
						
						collapsible.toggle();
						return false;
					}
					
					collapsible.hide();
					
				});
				
				$('collapse-all').onclick = function(){
					headings.each( function(heading, i) {
						collapsibles[i].hide();
						var span = $E('span', heading);
						if(span) span.setHTML(openImg);
					});
					return false;
				}
				
				$('expand-all').onclick = function(){
					headings.each( function(heading, i) {
						collapsibles[i].show();
						var span = $E('span', heading);
						if(span) span.setHTML(closeImg);
					});
					return false;
				}
				
			},
			
			accordion: function(){
				var closeImg = ('Close <img src="./images/img/box-close-icon.png" alt="C" width="8px" height="9px" />');
				var openImg = ('View <img src="./images/img/box-open-icon.png" alt="V" width="8px" height="9px" />');
				var list = $$('#accordion li div.collapse');
				var headings = $$('#accordion li div.contentBoxHead');
				var collapsibles = new Array();
				var spans = new Array();
				
				headings.each( function(heading, i) {

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

						if(span){
							var newHTML = span.innerHTML == 'View +' ? 'Close -' : 'View +';
							span.setHTML(newHTML);
						}
						
						for(var j = 0; j < collapsibles.length; j++){
							if(j!=i) {
								collapsibles[j].slideOut();
								if(spans[j]) spans[j].setHTML('View +');
							}
						}
						
						collapsible.toggle();
						
						return false;
					}
					
					collapsible.hide();
					
				});
			}
		};
		window.addEvent('domready', Site.start);
		
		/*  */