window.addEvent('domready',function(){

   var img = {
      'true': '<img src="images/toggleClose.gif" width="16" height="16" alt="Close" border="0"/>',
      'false': '<img src="images/toggleOpen.gif" width="16" height="16" alt="Open" border="0"/>'
   }

  var toggleImgs = $$('span.toggleImg');
  var links = $$('a.toggleItem');
  var contents = $$('div.refDetail');

  contents.set('slide',{
      duration:600
      //transition:Fx.Transitions.Back.easeIn
  });

  contents.slide('hide');

  links.addEvent('click',function(e){
      e.stop();
      var index = links.indexOf(this);
      contents[index].slide('toggle');
      contents[index].get('slide').addEvent('complete', function() {
         toggleImgs[index].set('html', img[contents[index].get('slide').open]);
      });
  });

 });



         /*

   var status = {
		'true': 'open',
		'false': 'close'
	};

   var img = {
      'true': '<img src="images/toggleClose.gif" width="16" height="16" alt="" border="0"/>',
      'false': '<img src="images/toggleOpen.gif" width="16" height="16" alt="" border="0"/>'
   }

	//-vertical

	var myVerticalSlide = new Fx.Slide('vertical_slide').hide();

	$('v_toggle').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.toggle();
	});

	// When Vertical Slide ends its transition, we check for its status
	// note that complete will not affect 'hide' and 'show' methods
	myVerticalSlide.addEvent('complete', function() {
		$('vertical_status').set('html', status[myVerticalSlide.open]);
		$('toggleImg').set('html', img[myVerticalSlide.open]);
	});


});
*/