function leftNavigation(){

dojo.require("dojo.fx");

	// set properties

	if(dojo.query(".toggler").length>0){
	var toggler = dojo.query(".toggler");
	var toggled = dojo.query(".toggled");
	var toggledLinks = dojo.query(".toggler a");
	
	//console.debug();

	dojo.forEach(toggled,function(tog, index){
		
		dojo.addClass(tog,"hide");
 
	}); 
	
	// end looping through all toggled elemenents and aplying forced inline listed styles



	
	//console.debug(toggler.length);
	
dojo.forEach(toggler,function(t,i){
							  
						
	dojo.connect(toggler[i],'onclick',function(evt){
	
	
	// LOOP THROUGH ALL TOGGLERS AND SET ACTIVE CLASS ON SELECTED TOGGLER REMOVE ALL INSTANCES OF ACTIVETOGGLER CLASS
	dojo.forEach(toggler,function(tog,id){								  
	dojo.removeClass(toggler[id],"activeToggler");
	dojo.addClass(toggler[id],"toggler");
	})
	
	dojo.stopEvent(evt); // stop event from processing
	
	dojo.forEach(toggled,function(tog,id){
	
	dojo.style(tog,'display','none');

	})
	
	// WIPE IN SELECTED TOGGLED + SET ACTIVE STYLES
	
	dojo.fx.wipeIn({
	node: toggled[i],
	duration:800
	}).play();
	
	
	// apply green active colour on selected parent toggler
	
	dojo.removeClass(toggled[i],"hide");
	dojo.removeClass(toggler[i],"toggler");
	dojo.addClass(toggler[i],"activeToggler");
	
	})// end event

})// end for each



	// BY DEFAULT ON LOAD OPEN FIRST MENU ENTRY WITH ACTIVE STYLES

	dojo.fx.wipeIn({
	node: toggled[0],
	duration:800
	}).play();
	
	dojo.removeClass(toggled[0],"hide");
	
	dojo.removeClass(toggler[0],"toggler");
	dojo.addClass(toggler[0],"activeToggler");
	
	
}// end if togglers

} // end leftNavigation class


dojo.addOnLoad(leftNavigation);