// JavaScript Document

//list elements to be clicked on
var menus;
//array to store all of the collapsibles
var collapsibles = new Array();

function ajaxCall(url)
{
	var call_url = url+'?slim';
	var content = $('content');
	
	if(url.length > 0 && url.indexOf('#') != (url.length - 1) )
	{
		var ajax = new Ajax(call_url, {
							method: 'get' ,  
							update: content,
							'onRequest': function(t) {
								content.innerHTML = '<img src="images/ajax-loader.gif" class="ajax-loader" />';
							}
							}).request();					
	}
}

function prepareChildMenu(menu , i)
{
	menu.onclick = function(ev){
			
			var url = this.href;
			ajaxCall(url);
			return false;
	}
}

function checkAndPrepareMenu(menu , i)
{
	if(!menu.getParent().getElementsBySelector('ul')[0])
		return true;
			
	var target = menu.getParent().getElementsBySelector('ul')[0];
	
	/*//for each element create a slide effect
	var collapsible = new Fx.Slide(target, {
			duration: 500,
			transition: Fx.Transitions.linear
	});

	//and store it in the array
	collapsibles[i] = collapsible;*/

	//add event listener
	menu.onclick = function(ev){
			
			if(target.getStyle('display') != 'block')
			{
				menu.getParent().getParent().getElementsBySelector('ul').setStyle('display','none'); // Hide sub-menus from adjacent menus
				target.setStyle('opacity','0').setStyle('display','block');
				target.effect('opacity',{duration: 1000, transition: Fx.Transitions.linear}).start(0,1);				
			}
			/*else
			{
				target.setStyle('display','none');
			}*/
			
			var url = this.href;
			ajaxCall(url);
			
			return false;
	}
}

function initialize()	
{
	menus = $$('#column_1 a');
	menus.each( checkAndPrepareMenu );
	
	menus = $$('#column_1 li li li a');
	menus.each( prepareChildMenu );
	//$$('#column_1 a').addEvent('click',onClickHandler);	
}

window.addEvent('domready',initialize);