// ----------------- Slide Effect ----------------

window.addEvent('domready', function(){
	//-vertical
			
	
	//Number of array items must remain equal in all arrays.
	//If any id is missing or you don't need effect please add emply quotes there.
	var tab = new Array("tab0", "tab1", "tab2");
	var toggle = new Array("toggle0", "toggle1", "toggle2");
	var col1 = new Array("col1_0", "col1_1", "col1_2");
	var col2 = new Array("col2_0", "col2_1", "col2_2");
	var col3 = new Array("col3_0", "col3_1", "col3_2");
	var col4 = new Array("col4_0", "col4_1", "col4_2");
							
				
				
	for (elm = 0; elm<tab.length; elm++) {
		var evt1 = $(tab[elm]);
		var evt2 = $(toggle[elm]);
		var evt3 = $(col1[elm]);
		var evt4 = $(col2[elm]);
		var evt5 = $(col3[elm]);
		var evt6 = $(col4[elm]);
		events(evt1, evt2, evt3, evt4, evt5, evt6);
	}
	
}); 

function events(evt1, evt2, evt3, evt4, evt5, evt6) {
	if (evt1 != null) {
		var mySlide = new Fx.Slide(evt1) .hide();
		if (evt3 != null) var col1 = new Fx.Slide(evt3) .show();
		if (evt4 != null) var col2 = new Fx.Slide(evt4) .show();
		if (evt5 != null) var col3 = new Fx.Slide(evt5) .show();
		if (evt6 != null) var col4 = new Fx.Slide(evt6) .show();
				
		if (evt2 != null) {
			evt2.addEvent('click', function(e){
				e = new Event(e);
				mySlide.toggle();
				if (col1) col1.toggle();
				if (col2) col2.toggle();
				if (col3) col3.toggle();
				if (col4) col4.toggle();
				e.stop();
					
				if (mySlide.open) {
					mySlide.options.transition = Fx.Transitions['Back']['easeIn'];
					this.setStyle('background-image', 'url(/ir/glanbia/images/add.gif)');
				} else {
					mySlide.options.transition = Fx.Transitions['Back']['easeOut'];
					this.setStyle('background-image', 'url(/ir/glanbia/images/minus.gif)');
				}
			});
		}
	}
}