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

window.addEvent('domready', function(){
	//-vertical
	
	
	var page_list = new Array(	"corporate_websites",
								"share_price_data_and_tools",
								"investor_relations_centres",
								"html_report_conversions",
								"image_based_report_conversions" );
	
	var page = window.location.href;
	page = page.substring(page.lastIndexOf("#")+1);
	
	
	//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", "tab3", "tab4");
	var toggle = new Array("toggle0", "toggle1", "toggle2", "toggle3", "toggle4");
	var col1 = new Array("col1_0", "col1_1", "col1_2", "col1_3");
	var col2 = new Array("col2_0", "col2_1", "col2_2", "col2_3");
				
	for (elm = 0; elm<tab.length; elm++) {
		var evt1 = $(tab[elm]);
		var evt2 = $(toggle[elm]);
		var evt3 = $(col1[elm]);
		var evt4 = $(col2[elm]);
		
		if (page_list[elm] == page) {
			var currentOpen = true;
		} else {
			var currentOpen = false;
		}
		
		events(evt1, evt2, evt3, evt4, currentOpen);
	}
	
}); 

function events(evt1, evt2, evt3, evt4, currentOpen) {
	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 (currentOpen) mySlide.toggle();
		
		if (evt2 != null) {
			evt2.addEvent('click', function(e){
				e = new Event(e);
				mySlide.toggle();
				if (col1) col1.toggle();
				if (col2) col2.toggle();
				e.stop();
					
				//if (mySlide.open) {
					//mySlide.options.transition = Fx.Transitions['Back']['easeIn'];
					//this.setStyle('background-image', 'url(images/icon01.gif)');
				//} else {
					//mySlide.options.transition = Fx.Transitions['Back']['easeOut'];
					//this.setStyle('background-image', 'url(images/icon01.gif)');
				//}
			});
		}
	}
}