/*
Class: ToggleTabs
	More courses toggler
	'div.tabs-stones div.tabber','div.ToggleTabs div.Tab','tab-on','tab-off'
*/
var ToggleTabsClass = new Class({
				initialize: function(){ 
						this.Tab = "div.tabs-stones div.tabber";
						this.Content = "div.ToggleTabs div.Tab";
						
            this.SlideContent = $$('div.divToggleWrapper div.divKeyLearning');
            this.SlideTab = $$('div.divToggleWrapper div.divToggle');
						this.ClassPrefix = "tab-";
						this.ClassOn = this.ClassPrefix + "on";
						this.ClassOff = this.ClassPrefix +  "off";
						this.HideMore =  'div.HideMoreDetails';
						this.ShowMore = 'div.ShowMoreDetails';
						this.myAccordian = null;
						this._mySliders = new Array();
						this.InitAccord();
						this.InitSlide();
        },
        
    		InitAccord: function(){
    			
          var headings = $$( this.Tab );
          var list = $$( this.Content );
          var togele = 'div[class^=' + this.ClassPrefix + ']';
					this.myAccordian = new Accordion(headings, list, { 
						onActive: function(tog){ 
              var nexttog = $E(togele, tog);
							nexttog.className =  this.ClassOn ;
						}.bind(this), 
						onBackground: function(tog){ 
              var nexttog = $E(togele, tog);
							nexttog.className =  this.ClassOff ;
						}.bind(this)
					});
    				
    		},
    		
    		SetTab: function(id){
    			this.myAccordian.display(id);
    		},
    		
        InitSlide: function(){ 
          var headings = $$( this.SlideTab );
          var list = $$( this.SlideContent );
           	var collapsibles = new Array();
            
            headings.each(
            	function(heading,i){
            
								var less = $E(this.HideMore, heading);
                var more = $E(this.ShowMore, heading);
            
                var collapsible = new Fx.Slide(list[i],
			    				{ 
			    					transition: Fx.Transitions.Quart.easeOut,
										onComplete: function(){  
											/* needed to resize parent div to accomodate slider height */
											var element =list[i];
											while(element.className != 'Tab' && element!=null){
												element = element.getParent("div");
											}
        							element.setStyle('height','auto');
        						}
     							}
			    			);
        				
        				collapsibles[i] = collapsible;
			    
			    
			  		  	heading.onclick = function(){
			  		      	if(less.style.display == 'none'){
											more.style.display = 'none';
											less.style.display = '';
											collapsible.slideIn();
			  		      	}
			  		      	else{
											more.style.display = '';
											less.style.display = 'none';	
											collapsible.slideOut();		        
			  		      	}
			  		      return false;
			  		  	}
			  		  	if(less){
			  		  		less.style.display = 'none';
			  		  	}
			  		  		collapsible.hide();
        		
        		}.bind(this) );
        		ToggleTabsClass._mySliders = collapsibles;
        }
    });
    
    
/*
Instantiates base classes & global objects
*/
/*
var c_TabToggleList;
window.addEvent( 'load', function() 
{
	c_TabToggleList = new ToggleTabsClass();
	
	c_TabToggleList.Tab = "div.tabs-stones div.tabber";
	c_TabToggleList.ClassPrefix = "tab-";
	c_TabToggleList.Content ="div.ToggleTabs div.Tab";
	c_TabToggleList.ClassOn =  "on";
	c_TabToggleList.ClassOff = "off";
	c_TabToggleList.HideMore = 'div.HideMoreDetails';
	c_TabToggleList.ShowMore = 'div.ShowMoreDetails';
	c_TabToggleList.SetTab(0);
});
*/