
function spaizGetElementById(id) {
if (document.getElementById(id)) {
return document.getElementById(id);
} else if (document.layers && document.layers[id]) {
  return (document.layers[id]);
  } else {
   return false;
  }
}
function toggle_visibility(id, flag)  {
if (spaizGetElementById(id)) {
spaizGetElementById(id).style.visibility = (flag) ? 'visible' : 'hidden';
}
}

toggle_visibility('wait', 0);


function showDiv(id, num)
{

    sloy = document.getElementById("smd_"+id);

    if (sloy.innerHTML != '') {
       
    	sloy.style.visibility = (sloy.style.visibility == 'hidden') ? 'visible' : 'hidden';
		sloy.style.display = (sloy.style.display == 'none') ? 'block' : 'none';

		
			var togglers = $$('h3.toggler');
			
			var bgFx = [];
	
	togglers.each(function(toggler, i){
		toggler.defaultColor = toggler.getStyle('background-color');
		
		//fx creation
		bgFx[i] = new Fx.Color(toggler, 'background-color', {wait: false});
	});
	

	var myAccordion = new Fx.Accordion(togglers, stretchers, { opacity: false, start: false, transition: Fx.Transitions.quadOut,
		
		onActive: function(toggler, i){
			toggler.getFirst().setStyle('text-decoration', 'none');
			// fix top and bottom images accordingly
			$('top_round').className = (i != 0) ? "top_dark" : "top_light";
			$('bottom_round').className = (i != 4) ? "bottom_dark" : "bottom_light";
			
		},
		
		onBackground: function(toggler, i){
			bgFx[i].clearTimer();

			toggler.setStyle('background-color', toggler.defaultColor);
			toggler.getFirst().setStyle('text-decoration', 'none');
		}
		
	});
		myAccordion.showThisHideOpen(num - 1);

		return false;
		
    } else {
    	return true;
    }
							
}



