var t6,t6_ul;
var t6_1,t6_2,t6_3,t6_4,t6_5,t6_6,t6_7,t6_8;
var run_display_detail = false;
var run_id;

$(function(){
	t6 = $("div#t6");
	t6_ul = $("ul#t6_ul", t6);
	t6_1 = $("li.t6_1", t6_ul); t6_2 = $("li.t6_2", t6_ul);
	t6_3 = $("li.t6_3", t6_ul); t6_4 = $("li.t6_4", t6_ul); t6_5 = $("li.t6_5", t6_ul);
	t6_6 = $("li.t6_6", t6_ul); t6_7 = $("li.t6_7", t6_ul); t6_8 = $("li.t6_8", t6_ul);

	t6_ul.css({left:"950px"});
	t6_1.css({top:"-600px", left:"0px"}).show();
	t6_2.css({top:"-600px", left:"110px"}).show();
	t6_3.css({top:"-400px", left:"0px"}).show();
	t6_4.css({top:"-240px", left:"8px"}).show();
	t6_5.css({top:"-160px", left:"16px"}).show();
	t6_6.css({top:"0px", left:"950px"}).show();
	t6_7.css({top:"0px", left:"1176px"}).show();
	t6_8.css({top:"0px", left:"1491px"}).show();


	t6_ul.animate({left:"0px"}, 1600, "easeInOutQuart");
	t6_1.animate({top:"0px"}, 1600, "easeOutCubic", function(){$(this).animate({left:"0px"}, 800, "easeInCubic")});
	t6_2.animate({top:"0px"}, 1600, "easeOutCubic", function(){$(this).animate({left:"225px"}, 800, "easeInCubic")});
	t6_3.animate({top:"0px"}, 1600, "easeOutCubic", function(){$(this).animate({left:"275px"}, 800, "easeInCubic")});
	t6_4.animate({top:"0px"}, 1600, "easeOutCubic", function(){$(this).animate({left:"500px"}, 800, "easeInCubic")});
	t6_5.animate({top:"0px"}, 1600, "easeOutCubic", function(){$(this).animate({left:"725px"}, 800, "easeInCubic", startSlide)});
});

var startSlide = function(){
	t6_ul.css({width:"3542px"});
	t6_6.clone(true).insertAfter($('li:last', t6_ul)).css({left:"950px"});
	t6_7.clone(true).insertAfter($('li:last', t6_ul)).css({left:"1176px"});
	t6_8.clone(true).insertAfter($('li:last', t6_ul)).css({left:"1491px"});
	t6_1.clone(true).insertAfter($('li:last', t6_ul)).css({left:"1771px"});
	t6_2.clone(true).insertAfter($('li:last', t6_ul)).css({left:"1996px"});
	t6_3.clone(true).insertAfter($('li:last', t6_ul)).css({left:"2046px"});
	t6_4.clone(true).insertAfter($('li:last', t6_ul)).css({left:"2271px"});
	t6_5.clone(true).insertAfter($('li:last', t6_ul)).css({left:"2496px"});
	t6_1 = $("li.t6_1", t6_ul); t6_2 = $("li.t6_2", t6_ul);
	t6_3 = $("li.t6_3", t6_ul); t6_4 = $("li.t6_4", t6_ul); t6_5 = $("li.t6_5", t6_ul); 
	t6_6 = $("li.t6_6", t6_ul); t6_7 = $("li.t6_7", t6_ul); t6_8 = $("li.t6_8", t6_ul);

	t6_3.click(function(){displayDetail(this.className);});
	t6_4.click(function(){displayDetail(this.className);});
	t6_5.click(function(){displayDetail(this.className);});
	t6_6.click(function(){displayDetail(this.className);});
	t6_7.click(function(){displayDetail(this.className);});
	t6_8.click(function(){displayDetail(this.className);});

	t6_3.mouseover(function(){$(this).css({cursor:"pointer"})});
	t6_4.mouseover(function(){$(this).css({cursor:"pointer"})});
	t6_5.mouseover(function(){$(this).css({cursor:"pointer"})});
	t6_6.mouseover(function(){$(this).css({cursor:"pointer"})});
	t6_7.mouseover(function(){$(this).css({cursor:"pointer"})});
	t6_8.mouseover(function(){$(this).css({cursor:"pointer"})});

	t6_3.mouseout(function(){$(this).css({cursor:"default"})});
	t6_4.mouseout(function(){$(this).css({cursor:"default"})});
	t6_5.mouseout(function(){$(this).css({cursor:"default"})});
	t6_6.mouseout(function(){$(this).css({cursor:"default"})});
	t6_7.mouseout(function(){$(this).css({cursor:"default"})});
	t6_8.mouseout(function(){$(this).css({cursor:"default"})});

	t6.mouseleave(function(){
		if(run_display_detail){
			$("li", t6_ul).animate({opacity: 1}, 300);
			$(run_id).animate({width:"0px"}, function(){
				$(run_id).hide().css({width:"650px"});
			});
			run_display_detail = false;
		}
	});

	$("div.t6_detail", t6).click(function(){
		$("li", t6_ul).css({opacity: 1});
		$(run_id).animate({width:"0px"}, function(){
			$(run_id).hide().css({width:"650px"});
			run_display_detail = false;
		});
	});

	$("a.t_title_link").click(function(event){event.stopPropagation();});

	setTimeout(function(){
		t6_ul.animate({left:"-1771px"}, 40000, "linear", infiniteSlide);
	}, 2010);
};
var infiniteSlide = function(){
	t6_ul.css({left:"0px"});
	t6_ul.animate({left:"-1771px"}, 40000, "linear", infiniteSlide);
};
var displayDetail = function(class_name){
	var id = "#"+class_name+"_detail";
	if(run_id != id) $("div.t6_detail", t6).fadeOut(600);
	t6_1.animate({opacity: 0.2}, 400);
	//t6_2.animate({opacity: 0.2}, 400);
	t6_3.animate({opacity: 0.2}, 400);
	t6_4.animate({opacity: 0.2}, 400);
	t6_5.animate({opacity: 0.2}, 400);
	t6_6.animate({opacity: 0.2}, 400);
	t6_7.animate({opacity: 0.2}, 400);
	t6_8.animate({opacity: 0.2}, 400);


	$(id).css({position:"absolute", left:"155px", top:"10px", width:"620px", height:"245px", padding:"10px 10px 12px 10px"});
	$(id).fadeIn(600);
	run_id = id;
	run_display_detail = true;
}

