$(document).ready(function(){

sY = 24; /* height of li.sub */
fY = 306; /* height of maximum sub lines * sub line height */


animate (fY)

$("#slide .sub").click(function() {
	if (this.className.indexOf('clicked') != -1 ) {
		animate(sY)
		$(this)			.removeClass('clicked')
                                        .css("background", "url(image/bg_button.png)")
                                        .css("color", "#FFF");
		}
		else {
		animate(sY)
		$('.clicked')	.removeClass('clicked')
                                        .css("background", "url(image/bg_button_hover.png)")
                                        .css("color", "#FFF");
		$(this)			.addClass('clicked');
		animate(fY)
	}
});

function animate(pY) {
$('.clicked').animate({"height": pY + "px"}, 500);
}

$("#slide .sub").hover(function(){
$(this)					.css("background", "url(image/bg_button_hover.png)")
                                        .css("color", "#000");
},function(){
if (this.className.indexOf('clicked') == -1) {
$(this)					.css("background", "url(image/bg_button.png)")
                                        .css("color", "#FFF");
}
});

});