$.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;});
					//$(active).children(contents).not(':hidden').hide(hideSpeed, function(){--running;});
					p.slideDown(showSpeed, function(){--running;});
					//p.show(showSpeed, function(){--running;});

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

					return false;
				});

			};


			$(function(){
			
				$.accordian('#list0 > div', '#item00', { 
					onShow:function(){$(this).removeClass('off').addClass('on');},
					onHide:function(){$(this).removeClass('on').addClass('off');}
				});
								
				$.accordian('#list1 > div', '#item10', { 
					onShow:function(){$(this).removeClass('off').addClass('on');},
					onHide:function(){$(this).removeClass('on').addClass('off');}
				});
				
				$.accordian('#list2 > div', '#item20', { 
					onShow:function(){$(this).removeClass('off').addClass('on');},
					onHide:function(){$(this).removeClass('on').addClass('off');}
				});
				
				$.accordian('#list3 > div', '#item30', { 
					onShow:function(){$(this).removeClass('off').addClass('on');},
					onHide:function(){$(this).removeClass('on').addClass('off');}
				});

				$.accordian('#list4 > div', '#item40', { 
					onShow:function(){$(this).removeClass('off').addClass('on');},
					onHide:function(){$(this).removeClass('on').addClass('off');}
				});				
				
			});