$(document).ready(function(){

	$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
	
	$("ul.topnav li span").click(function() { //When trigger is clicked...
		
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() {
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});

});

$(function(){
   $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});


$(function() {
            /* menu_headクラスを持つp要素がクリックされた時に、menu_bodyクラスを持つ要素をスライドする */
            $("#firstpane p.menu_head").click(function(){
                $(this).css({backgroundImage:"url(../img/header/cate_back.jpg)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
            });
            /* menu_headクラスを持つp要素にマウスオーバーされた時に、menu_bodyクラスを持つ要素をスライドする */
            $("#secondpane p.menu_head").mouseover(function()
            {
               $(this).css({backgroundImage:"url(../img/header/cate_back.jpg)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
               $(this).siblings().css({backgroundImage:"url(img/icon/color/arrow_back.gif)"});
            });
           });