(function($) {
	$.isIE = function() {
		var isMSIE = /*@cc_on!@*/false;
		
		return isMSIE;
	};
})(jQuery);

$(function() {
	var flg = false;
	var autoSlideInterval = 5000;
	var intervalID;
	var $controller = $("#promNav li");
	//切り替えの処理をする
	var toggle = function(e, $self) {
		var id = $self.attr("id");
		var speed = $.isIE()? 0 : 200;
		
		if(flg) {
			return false;
		}
		
		$self.addClass("cr").siblings().removeClass("cr");
		
		flg = true;
		
		if(id === "promNavHanda") {
			$("#promMain02").fadeOut(speed, function() {
				$("#promMain01").fadeIn(speed, function() {
					flg = false;
				});
			});
		} else if(id === "promNavfuse") {
			$("#promMain01").fadeOut(speed, function() {
				$("#promMain02").fadeIn(speed, function() {
					flg = false;
				});
			});
		}
		
		e.preventDefault();
	};
	//定期的に切り替えるためのタイマーを設定する
	var setLoop = function() {
		intervalID = setTimeout(function() {
			$controller.filter(':not(.cr)').trigger('click');
		}, autoSlideInterval);
	};
	//コントローラにイベントを設定する
	$controller
		.click(function(e) {
			if(intervalID) {
				clearTimeout(intervalID);
			}
			toggle(e, $(this));
			setLoop();
		});
		
	setLoop();
	
	$("#promMain02").hide();
});