/*------------------------------------------------------------
	—•ΫŒ― TOPƒy[ƒW visual
	build		2011/06/09
	essential	jquery.js
				jquery.timers.js
------------------------------------------------------------*/
(function($) { 
	$(document).ready(function(){
		var interval = 10000;
		var main_visual = $(".main-visual");
		
		main_visual.everyTime(interval, function(){
			visualFade(null);
		});
		
		function visualFade(fadeIn_id) {
			if ($.browser.msie) {
				$(".main-visual .stay ul").css("display","none");
				$(".main-visual .stay div").css("display","none");
			}
			$(".main-visual .stay").fadeOut(1000, function(){
				
				var fadein_element;
				if (fadeIn_id === undefined || fadeIn_id === null) {
					if ($(this).next().size() == 0) {
						fadein_element = $(".main-visual .visual1");
					} else {
						fadein_element = $(this).next();
					}
				} else {
					fadein_element = $(".main-visual .visual" + fadeIn_id);
				}
				
				fadein_element.fadeIn(1000);
				fadein_element.toggleClass("stay");
				if ($.browser.msie) {
					fadein_element.find("ul").css("display","inline");
					fadein_element.find("div").css("display","inline");
				}
				$(this).toggleClass("stay");
			});
		}
		
		var count = $(".visual1 ul li[class^=current-point]").length;
		var obj = {};
		var i;
		var curret_point = $("div[class^=visual] ul li").not("li[class$=stay-point]");
		
		for ( i = 1; i <= count; i++ ) {
			obj["current-point" + i] = $(".visual1 ul .current-point" + i).css("left").replace("px","");
		}
		
		curret_point.hover(function(){
				$(this).animate({ top: "187.5px", left: (obj[$(this).attr("class")]-5) + "px" }, 250)
				.find("img").animate({ width: 25, height: 25 }, 250);
			}, function(){
				$(this).stop(true, true)
				.animate({ top: "190px", left: obj[$(this).attr("class")] + "px" }, 250)
				.find("img")
				.stop(true, true)
				.animate({ width: 15, height: 15 }, 250);
		});
		
		curret_point.click(function(){
			
			main_visual.stopTime();
			
			visualFade($(this).index() + 1);
			
			main_visual.everyTime(interval, function(){
				visualFade(null);
			});
			
		});
	});
})(jQuery);