jQuery().ready(function(){
		// simple accordion
		jQuery('#list1a').accordion();
		jQuery('#list1b').accordion({
			autoheight: false
		});
		
		// second simple accordion with special markup
		jQuery('#navigation').accordion({
			active: false,
			header: '.head',
			navigation: true,
			event: 'mouseover',
			fillSpace: true,
			animated: 'easeslide'
		});
		
		// highly customized accordion
		jQuery('#list2').accordion({
			event: 'mouseover',
			active: '.selected',
			selectedClass: 'active',
			animated: "bounceslide",
			header: "dt"
		}).bind("change.ui-accordion", function(event, ui) {
			jQuery('<div>' + ui.oldHeader.text() + ' hidden, ' + ui.newHeader.text() + ' shown</div>').appendTo('#log');
		});
		
		// first simple accordion with special markup
		jQuery('#list3').accordion({
			header: 'div.title',
			active: false,
			alwaysOpen: false,
			animated: false,
			autoheight: false
		});
		
		var wizard = $("#wizard").accordion({
			header: '.title',
			event: false
		});
		
		var wizardButtons = $([]);
		$("div.title", wizard).each(function(index) {
			wizardButtons = wizardButtons.add($(this)
			.next()
			.children(":button")
			.filter(".next, .previous")
			.click(function() {
				wizard.accordion("activate", index + ($(this).is(".next") ? 1 : -1))
			}));
		});
		
		// bind to change event of select to control first and seconds accordion
		// similar to tab's plugin triggerTab(), without an extra method
		var accordions = jQuery('#list1a, #list1b, #list2, #list3, #navigation, #wizard');
		
		jQuery('#switch select').change(function() {
			accordions.accordion("activate", this.selectedIndex-1 );
		});
		jQuery('#close').click(function() {
			accordions.accordion("activate", -1);
		});
		jQuery('#switch2').change(function() {
			accordions.accordion("activate", this.value);
		});
		jQuery('#enable').click(function() {
			accordions.accordion("enable");
		});
		jQuery('#disable').click(function() {
			accordions.accordion("disable");
		});
		jQuery('#remove').click(function() {
			accordions.accordion("destroy");
			wizardButtons.unbind("click");
		});
	});
	




jQuery(document).ready(function() {
    // Initialise the first and second carousel by class selector.
	// Note that they use both the same configuration options (none in this case).
	$('#first-carousel_1').jcarousel();
	$('#first-carousel_2').jcarousel();
	$('#first-carousel_3').jcarousel();
	$('#first-carousel_4').jcarousel();
	$('#first-carousel_5').jcarousel();
	$('#first-carousel_6').jcarousel();
	$('#first-carousel_7').jcarousel();
	$('#first-carousel_8').jcarousel();
	$('#first-carousel_9').jcarousel();
	$('#first-carousel_10').jcarousel();
	$('#first-carousel_11').jcarousel();
	$('#first-carousel_12').jcarousel();
	$('#first-carousel_13').jcarousel();
	$('#first-carousel_14').jcarousel();
	$('#first-carousel_15').jcarousel();
	$('#first-carousel_16').jcarousel();
	$('#first-carousel_17').jcarousel();
	$('#first-carousel_18').jcarousel();
	$('#first-carousel_19').jcarousel();
	$('#first-carousel_20').jcarousel();
	$('#first-carousel_21').jcarousel();
	$('#first-carousel_22').jcarousel();
	$('#first-carousel_23').jcarousel();
	$('#first-carousel_24').jcarousel();
	$('#first-carousel_25').jcarousel();
	$('#first-carousel_26').jcarousel();
	
	$('.basic_div').css('display', 'none');
	
	$('.basic_a').click(function(){
		if ($(this).parent().find('.basic_div').css('display') != 'none')
		{
			$(this).parent().find('.basic_div').css('display', 'none');
		}
		else
		{
			$(this).parent().find('.basic_div').css('display', 'block');
		}
	});
	
	
	// If you want to use a caoursel with different configuration options,
	// you have to initialise it seperately.
	// We do it by an id selector here.
	$('#third-carousel').jcarousel({
        vertical: true
    });
});