var active = 0;
var preActive = 5;
var timer;
var setTime = 4 * 1000;
var AnimeTF = true;

var actionView = function(t){
	j$('#guide_scene_' + t).show().animate({opacity:1},{duration: 2000, easing: "swing"})
	.children('a').animate({opacity:1},{duration: 2000, easing: "swing"})
	.siblings('h3').animate({opacity:1},{duration: 1000, easing: "swing"})
	.siblings('p').animate({opacity:1},{duration: 1600, easing: "swing"});
}

var actionHide = function(t){
	j$('#guide_scene_' + preActive).stop().animate(
		{opacity:0},
		{duration: "fast", easing: "swing", complete: function(){
			j$(this).hide();
			j$(this).children().css({opacity:0});
			actionView(active);
			j$('ul.guide_menu li').removeClass('active');
			t.addClass('active');
			//AnimeTF = true;
		}}
	);
}

j$(document).ready(function(){
	actionView(active);
	
	j$('ul.guide_menu li').mouseover( function(){
		j$('ul.guide_menu li').removeClass('active');
		preActive = active;
		active = j$(this).attr('class').replace(/guide_btn/,'');
		if (preActive === active){
		}else{
			//if (AnimeTF){
			//	AnimeTF = false;
				actionHide(j$(this));
			//}
		}
	});
	
});