// Nested Mootools Accordion
// 
// by Bogdan Günther
// http://www.medianotions.de
//

window.addEvent('domready', function() {
	
	if(window.ie6) var heightValue='100%';
	else var heightValue='';
	
	var togglerName='dt.accordion_toggler_';
	var contentName='dd.accordion_content_';
	
	var counter=1;	
	var toggler=$$(togglerName+counter);
	var content=$$(contentName+counter);
	
	while(toggler.length>1)
	{
		new Accordion(toggler, content, {
			opacity: false,
			display: 0,
			alwaysHide: true,
			onComplete: function() { 
				var element=$(this.elements[this.previous]);
				if(element && element.offsetHeight>0) element.setStyle('height', heightValue);			
			},
			onActive: function(toggler, content) {
				toggler.addClass('open');
			},
			onBackground: function(toggler, content) {
				toggler.removeClass('open');
			}
		});
		
		counter++;
		toggler=$$(togglerName+counter);
		content=$$(contentName+counter);
	}
});


	var visibleDiv = $("div1");
	function toggle(newSrc){
	  if($("div1").fx){$("div1").fx.stop();}
	  if($("div2").fx){$("div2").fx.stop();}
	  if(visibleDiv == $("div1")){
		  $("image2").src = newSrc;
		  $("div1").fx = new Fx.Style($("div1"), 'opacity', {duration: 250}).start(0);
		  $("div2").fx = new Fx.Style($("div2"), 'opacity', {duration: 250}).start(1);
		  visibleDiv = $("div2");
	  }else{
		  $("image1").src = newSrc;
		  $("div1").fx = new Fx.Style($("div1"), 'opacity', {duration: 250}).start(1);
		  $("div2").fx = new Fx.Style($("div2"), 'opacity', {duration: 250}).start(0);
		  visibleDiv = $("div1");
	  }
	}
	
	function loadImages(buttonsAndImages){
	  for(biPairKey in buttonsAndImages) { 
		  var image = new Element('img',{ src:buttonsAndImages[biPairKey] });
		  $(biPairKey).image = image; 
	  }            
	}
	
	function faderInit(){
	  //create an object to store the relationship of the buttons to the images.
	  var buttonsAndImages = {'button1':'images/accordion-default.jpg','button2':'images/accordion-1.jpg','button3':'images/accordion-2.jpg','button4':'images/accordion-3.jpg','button5':'images/accordion-4.jpg','button6':'images/accordion-5.jpg'}; 
	  loadImages(buttonsAndImages);
	}
	window.addEvent("domready", faderInit);