/**
 * @name index.js
 * (c) United Arrows Ltd.
 */
 
(function($){
	$(function(){
		
	/*#carouselBoxMens*/
		$("#carouselBoxMens").carouFredSel({
			scroll :{
				items : 8,
				duration : 1500
			}, 
			auto :{
				play:false
			},
		items : 8,
		width : "880px",
		next : {
			button : "#mensItemArea .btNext"
		},
		prev : {
			button : "#mensItemArea .btPrev"
		}
		 });
	/*#carouselBoxWomens*/
		$("#carouselBoxWomens").carouFredSel({
			scroll :{
				items : 8,
				duration : 1500
			}, 
			auto :{
				play:false
			},
		items : 8,
		width : "880px",
		next : {
			button : "#womensItemArea .btNext"
		},
		prev : {
			button : "#womensItemArea .btPrev"
		}
		 });
		
	});
	
		// slider
		var
			slider,
			mainVisualArea,
			mainVisualImg,
			thumbList
		;
		$(function(){
			$("#slide").each(function(){
									  
				var cnt = 0;
				var intervalID;
									  
				slider = $(this);
				mainVisualArea = slider.find("#mainVisual");
				mainVisualImg = mainVisualArea.find("img");
				thumbList = slider.find("#thumbArea li");
				thumbAList = slider.find("#thumbArea li a");
				thumbList.find("imgs").each(function(){
					var img = new Image();
					img.src = this.src;
				})

				thumbList.find("a").each(function(){
					$(this).attr("_href",$(this).attr("rel"))
					$(this).hover( 
						function(){
							cnt = thumbList.index( $(this).parent());
							clearInterval(intervalID);
							focus( $(this) , 400 );
						}
						,function(){
							intervalID = setInterval(intervalFunc, 5000);
						})
				});

				intervalID = setInterval(intervalFunc, 5000);
				focus( thumbAList.first() );

				function focus( a , speed ){
					var s = 1000;
					if( speed ){
						s = speed;
					}
					thumbAList.removeClass( "on" );
					a.addClass("on");
					mainVisualArea
						.height(mainVisualImg.height())
						.css("background", "transparent url("+mainVisualImg.attr("src")+") no-repeat left top")
					;
					mainVisualArea.find("a").attr( "href" , a.attr("href") )
						.attr( "target" , a.attr("target") )
					mainVisualImg
						.hide()
						.attr("src", a.attr("_href"))
						.attr( "alt" , a.text() )
						.fadeIn( s );
				}

				function intervalFunc(){
					cnt++;
					var arr = thumbList.get();
					if(cnt == arr.length) cnt = 0;
					focus( $(arr[cnt]).find("a") );
				}
				
			});
		});
	
})(jQuery);