(function($){ 
	$.fn.extend({
		genAccordion: function(options) {
			var defaults = {
				defaultSelected : 0,
				collapseOnClick : true,
				defaultMinHeight : 'inherit',
				scrollToClicked : true
			}				 
			var options =  $.extend(defaults, options);
			return this.each(function() {
				var wrapperUl = $(this);
				var aLinks = wrapperUl.children("li").children("a");
				aLinks.click(function(event) {
						event.preventDefault();
						if (options.collapseOnClick)
							aLinks.next('div').slideUp('fast');
						if ($(this).children('span').hasClass('genAccordionIcon'))
							aLinks.children('span').removeClass('ui-icon-circle-minus').addClass('ui-icon-circle-plus');
						if ($(this).next('div').css('display') == 'none') {
							$(this).next('div').slideDown('fast', function() {
								if (options.scrollToClicked)
									$('body').animate({scrollTop: $(this).prev('a').offset().top}, 'fast');
								if ($(this).prev('a').children('span').hasClass('genAccordionIcon'))
									$(this).prev('a').children('span').removeClass('ui-icon-circle-plus').addClass('ui-icon-circle-minus');
							});
						}
				});
				aLinks.next('div').hide();
				aLinks.eq(options.defaultSelected).next('div').show();
				aLinks.eq(options.defaultSelected).children('span').removeClass('ui-icon-circle-plus').addClass('ui-icon-circle-minus'); 
				aLinks.next('div').css('min-height', options.defaultMinHeight);
			});
		}
	});
})(jQuery);

/*
 * 	<style type="text/css">
 * 		.genAccordion li {list-style-type: none;}
 * 		.genAccordion li a {display: block;width: 100%;}
 * 	</style>
 * 
 * <ul id="testi">
 * 		<li>
 * 			<a href="#">Eka</a>
 * 			<div>
 * 				Sis.
 * 			</div>
 * 		</li>
 * 		<li>
 * 			<a href="#">Toka</a>
 * 			<div>
 * 				Sis.
 * 			</div>
 * 		</li>
 * 	</ul>
 * 
 * 	<script type="text/javascript">
 * 		$('#testi').genAccordion();
 * 	</script>
 */