//Num
var OpenSpeed = 300;
var CloseSpeed = 100;

var TyreH = 210;
var LineupH = 280;
var ShopH = 185;
var CmH = 185;//double bnr = 255, single bnr = 185


//OpenClose Animation
$(document).ready(function () {
	var TyreMenuLayer = $("div.subnavi_tyre, li.mainnavi_tyre iframe.bglayer");
	var LineupMenuLayer = $("div.subnavi_lineup, li.mainnavi_lineup iframe.bglayer");
	var ShopMenuLayer = $("div.subnavi_shop, li.mainnavi_shop iframe.bglayer");
	var CmMenuLayer = $("div.subnavi_cm, li.mainnavi_cm iframe.bglayer");

	$("div.subbox_inner", TyreMenuLayer).css({height: TyreH - 10 + 'px'});
	$("div.subbox_inner", LineupMenuLayer).css({height: LineupH - 10 + 'px'});
	$("div.subbox_inner", ShopMenuLayer).css({height: ShopH - 30 + 'px'});
	$("div.subbox_inner", CmMenuLayer).css({height: CmH - 10 + 'px'});

	//tyre
	$("li.mainnavi_tyre").mouseenter(function () {TyreMenuLayer.stop().animate({height: TyreH + 'px'},OpenSpeed);}).mouseleave(function () {TyreMenuLayer.stop().delay(100).animate({height: '0px'},CloseSpeed);});

	//lineup
	$("li.mainnavi_lineup").mouseenter(function () {LineupMenuLayer.stop().animate({height:  LineupH + 'px'},OpenSpeed);}).mouseleave(function () {LineupMenuLayer.stop().delay(100).animate({height: '0px'},CloseSpeed);});

	//cm
	$("li.mainnavi_cm").mouseenter(function () {CmMenuLayer.stop().animate({height: CmH + 'px'},OpenSpeed);}).mouseleave(function () {CmMenuLayer.stop().delay(100).animate({height: '0px'},CloseSpeed);});

/* close btn */

	//shop
	$("li.mainnavi_shop").mouseover(function () {ShopMenuLayer.stop().animate({height: ShopH + 'px'},OpenSpeed);});

	$("span.subclose").click(function () {ShopMenuLayer.animate({height: '0px'},0);});


	//shop 以外のメニューでshopを消す
	$("li.mainnavi_home , li.mainnavi_tyre , li.mainnavi_lineup , li.mainnavi_cm , li.mainnavi_rider , li.mainnavi_wheel").mouseenter(function () {
		ShopMenuLayer.stop().delay(100).animate({height: '0px'},CloseSpeed);
	});

	$("div.wt-rotator a, div.wt-rotator div.buttons div").click(function () {
		ShopMenuLayer.stop().delay(100).animate({height: '0px'},CloseSpeed);
	});

});