
$(function() {
	
$( "#accordion" ).accordion({
	header: 'h4',
	clearStyle: true,
	collapsible: false,
	//active: true,
	start: 1,
	changestart: function(event, ui) {
		var $act = $(this).accordion( "option", "active" );
		if ( $act != 1 ) { $( "#rese div.line" ).fadeOut(900); }
		if ( $act != 2 ) { $( "#saho div.line" ).fadeOut(900); }
		if ( $act != 3 ) { $( "#uwsp div.line" ).fadeOut(900); }
		if ( $act != 4 ) { $( "#masp div.line" ).fadeOut(900); }
		if ( $act != 5 ) { $( "#haen div.line" ).fadeOut(900); }
		if ( $act != 6 ) { $( "#luha div.line" ).fadeOut(900); }
 		if ( $act === false ) { $( "div.line" ).fadeOut(900); }
	},
	change: function(event, ui) {
		var $act = $(this).accordion( "option", "active" );
		if ( $act === 1 ) { $( "#rese div.line" ).fadeIn(100); }
		if ( $act === 2 ) { $( "#saho div.line" ).fadeIn(100); }
		if ( $act === 3 ) { $( "#uwsp div.line" ).fadeIn(100); }
		if ( $act === 4 ) { $( "#masp div.line" ).fadeIn(100); }
		if ( $act === 5 ) { $( "#haen div.line" ).fadeIn(100); }
		if ( $act === 6 ) { $( "#luha div.line" ).fadeIn(100); }
	}
});


$("a.acclink01").click(function(){ $( "#accordion" ).accordion( "option", "active", 1 ) });
$("a.acclink02").click(function(){ $( "#accordion" ).accordion( "option", "active", 2 ) });
$("a.acclink03").click(function(){ $( "#accordion" ).accordion( "option", "active", 3 ) });
$("a.acclink04").click(function(){ $( "#accordion" ).accordion( "option", "active", 4 ) });
$("a.acclink05").click(function(){ $( "#accordion" ).accordion( "option", "active", 5 ) });
$("a.acclink06").click(function(){ $( "#accordion" ).accordion( "option", "active", 6 ) });


});


