$.accordian = function(items, first, options) {

		var active = first;
		var running = 0;

		var titles = options && options.titles || '.title';
		var contents = options && options.contents || '.content';
		var onClick = options && options.onClick || function(){};
		var onShow = options && options.onShow || function(){};
		var onHide = options && options.onHide || function(){};
		var showSpeed = options && options.showSpeed || 'slow';
		var hideSpeed = options && options.hideSpeed || 'fast';

		$(items).not(active).children(contents).hide();
		$(items).not(active).each(onHide);
		$(active).each(onShow);

		$(items).children(titles).click(function(e){

			var p = $(contents, this.parentNode);
			$(this.parentNode).each(onClick);

			if (running || !p.is(":hidden")) return false;
			running = 2;

			$(active).children(contents).not(':hidden').slideUp(hideSpeed, function(){--running;});
			p.slideDown(showSpeed, function(){--running;});

			$(active).each(onHide);
			active = '#' + $(this.parentNode)[0].id;
			$(active).each(onShow);

			return false;
		});

	};

	function simpleLog(message) {
		$('<div>' + message + '</div>').appendTo('#log');
	}

	$(function(){

		$.accordian('#content > div', '#fooldal', {
			titles:'.mytitle',
			contents:'.mycontent',
			onClick:function(){simpleLog(this.id + ' clicked')},
			onShow:function(){simpleLog(this.id + ' shown'); $(this).removeClass('off').addClass('on');},
			onHide:function(){simpleLog(this.id + ' hidden'); $(this).removeClass('on').addClass('off');},
			showSpeed:250,
			hideSpeed:550
		});

	});

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
	function loadContent(id) {
		$("#contentArea").load("ref.php?o="+id+"");
	}