function initAccordion(elmentID){
	var stretchers = document.getElementsByClassName('box');
	var toggles = document.getElementsByClassName('tab');
	var myAccordion = new fx.Accordion(
		toggles, stretchers, {opacity: false, height: true, duration: 600}
	);
	boxActive(elmentID);
}
function boxActive(elmentID){
	var stepHold = document.getElementById(elmentID).getElementsByTagName("ul");
	for(var i=0;i<stepHold.length;i++){
		var tabs = stepHold[i].getElementsByTagName("li");
		for(var j=0;j<tabs.length;j++){
			var getTabs = tabs[j].title; 
			if(getTabs == 'first'){
				tabs[j].onmousedown = function(){
					var aTag = document.getElementById("l1").firstChild;
					aTag.style.background = "transparent url(../stepmenu/arrow_bg_hover.png) repeat-x top left";
					aTag.nextSibling.style.background = "transparent url(../stepmenu/arrow_hover.png) no-repeat top right";
					document.getElementById("l2").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l2").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l3").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l3").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l4").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l4").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l5").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l5").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
				}	
			}
			if(getTabs == 'second'){
				tabs[j].onmousedown = function(){
					var aTag = document.getElementById("l2").firstChild; 
					aTag.style.background = "transparent url(../stepmenu/arrow_bg_hover.png) repeat-x top left";
					aTag.nextSibling.style.background = "transparent url(../stepmenu/arrow_hover.png) no-repeat top right";
					document.getElementById("l1").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l1").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";				
					document.getElementById("l3").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l3").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l4").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l4").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l5").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l5").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";			
				}	
			}	
			if(getTabs == 'third'){
				tabs[j].onmousedown = function(){
					var aTag = document.getElementById("l3").firstChild; 
					aTag.style.background = "transparent url(../stepmenu/arrow_bg_hover.png) repeat-x top left";
					aTag.nextSibling.style.background = "transparent url(../stepmenu/arrow_hover.png) no-repeat top right";
					document.getElementById("l1").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l1").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l2").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l2").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";						
					document.getElementById("l4").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l4").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l5").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l5").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";					
				}	
			}
			if(getTabs == 'fourth'){
				tabs[j].onmousedown = function(){
					var aTag = document.getElementById("l4").firstChild; 
					aTag.style.background = "transparent url(../stepmenu/arrow_bg_hover.png) repeat-x top left";
					aTag.nextSibling.style.background = "transparent url(../stepmenu/arrow_hover.png) no-repeat top right";
					document.getElementById("l1").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l1").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l2").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l2").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l3").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l3").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";					
					document.getElementById("l5").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l5").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";					
				}	
			}
			if(getTabs == 'fifth'){
				tabs[j].onmousedown = function(){
					var aTag = document.getElementById("l5").firstChild; 
					aTag.style.background = "transparent url(../stepmenu/arrow_bg_hover.png) repeat-x top left";
					document.getElementById("l1").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l1").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l2").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l2").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l3").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l3").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";					
					document.getElementById("l4").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l4").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";				
				}	
			}
			if(document.getElementById('l6')){
				document.getElementById('l6').onmousedown = function(){
					document.getElementById("l1").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l1").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l2").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l2").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l3").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l3").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l4").firstChild.style.background = "transparent url(../stepmenu/arrow_bg_hover.png) repeat-x top left";
					document.getElementById("l4").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow_hover.png) no-repeat top right";									
					document.getElementById("l5").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l5").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";					
				}	
			}
			if(document.getElementById('l7')){
				document.getElementById('l7').onmousedown = function(){
					document.getElementById("l1").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l1").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l2").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l2").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l3").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l3").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l4").firstChild.style.background = "transparent url(../stepmenu/arrow_bg_hover.png) repeat-x top left";
					document.getElementById("l4").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow_hover.png) no-repeat top right";									
					document.getElementById("l5").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l5").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";					
				}	
			}
			if(document.getElementById('l8')){
				document.getElementById('l8').onmousedown = function(){
					document.getElementById("l1").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l1").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l2").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l2").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l3").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l3").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l4").firstChild.style.background = "transparent url(../stepmenu/arrow_bg_hover.png) repeat-x top left";
					document.getElementById("l4").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow_hover.png) no-repeat top right";									
					document.getElementById("l5").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l5").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";					
				}	
			}
			if(document.getElementById('l9')){
				document.getElementById('l9').onmousedown = function(){
					document.getElementById("l1").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l1").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l2").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l2").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l3").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l3").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l4").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l4").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";						
					document.getElementById("l5").firstChild.style.background = "transparent url(../stepmenu/arrow_bg_hover.png) repeat-x top left";
					document.getElementById("l5").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow_hover.png) no-repeat top right";													
				}	
			}
			if(document.getElementById('l10')){
				document.getElementById('l10').onmousedown = function(){
					document.getElementById("l1").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l1").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l2").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l2").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l3").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l3").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l4").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l4").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";						
					document.getElementById("l5").firstChild.style.background = "transparent url(../stepmenu/arrow_bg_hover.png) repeat-x top left";
					document.getElementById("l5").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow_hover.png) no-repeat top right";													
				}	
			}	
			if(document.getElementById('l11')){
				document.getElementById('l11').onmousedown = function(){
					document.getElementById("l1").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l1").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l2").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l2").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l3").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l3").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l4").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l4").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";						
					document.getElementById("l5").firstChild.style.background = "transparent url(../stepmenu/arrow_bg_hover.png) repeat-x top left";
					document.getElementById("l5").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow_hover.png) no-repeat top right";													
				}	
			}	
			if(document.getElementById('l12')){
				document.getElementById('l12').onmousedown = function(){
					document.getElementById("l1").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l1").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l2").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l2").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l3").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l3").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";
					document.getElementById("l4").firstChild.style.background = "transparent url(../stepmenu/arrow_bg.png) repeat-x top left";
					document.getElementById("l4").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow.png) no-repeat top right";						
					document.getElementById("l5").firstChild.style.background = "transparent url(../stepmenu/arrow_bg_hover.png) repeat-x top left";
					document.getElementById("l5").firstChild.nextSibling.style.background = "transparent url(../stepmenu/arrow_hover.png) no-repeat top right";													
				}	
			}				
		}
	}
}