/*
fadeRollOver
*/

$(function(){
	$("a.fadeRollover").each(function(){
		
		var $i = $(this).find("img");
		if ( !$i.length ) return;
		var up = $i.attr("src");
		var over = up.replace(/\.([a-zA-Z0-9]+)$/,"-over.$1");
		//console.log(over);
		$("<img />").attr("src",over);
		var $over = $('<img src="'+over+'" class="over" style="position:absolute;display:none;" />');
		$(this).prepend($over);
				
		$(this).hover(
			function() { $over.stop().show().css({opacity:1}); },
			function() { $over.stop().fadeOut(300); }
		);
	
	});

});




/*
for Works Index
*/

$(function(){
	var $boxWrapper = $( "div#Main div.boxTop, div#Main div.box, div#Main div.boxBottom" );
	var $boxes = $("div#Main div.boxTop div a, div#Main div.box div a, div#Main div.boxBottom div a");
	var boxWidth = 160;
	var imgWidth = 140;
	if ( !$boxes.length ) {
		$boxWrapper = $("div#Left");
		$boxes = $("div#Left div a");
		boxWidth = 120;
		imgWidth = 100;
	}
	if ( !$boxes.length ) return;
	
	if( $( "body" ).attr( "id" ) == "Works" ) {
		var l = $boxes.length;
		var parent = "";
		//足りないボックスを補充
		while( l < 15 ) {
			var boxIndex = l % 5 + 1;
			if ( boxIndex == 5 ) boxIndex = 0;
			//五個ずつ分ける
			if( l > 9  ) {
				if( !$( "div.boxBottom" ).length ) $( '<div class="boxBottom clearfix">' ).appendTo( "#Main" );
				parent = ".boxBottom"
			}else if( l > 4 ){
				if( !$( "div.box" ).length ) $( '<div class="box clearfix">' ).appendTo( "#Main" );
				parent = ".box";
			}else if( l >= 1 ) {
				parent = ".boxTop"
			}
			
			$( '<div class="order' + boxIndex + ' dummy"><a href="#" style="cursor: default"><img src="" width="0" height="0" /></a></div>' ).appendTo( parent );
			//console.log( "boxIndex", boxIndex, "parent = ", parent, "l = ", l );
			l++;
		}
		$boxes = $("div#Main div.boxTop div a, div#Main div.box div a, div#Main div.boxBottom div a");
	}
	
	
	$boxes.each(function(){
		var d = $(this).find("img").not(".imgOver,.imgOverThird,img.imgOverFirst,img.imgOverOdd,img.imgOverEven,img.imgOverBottom").addClass("default").attr("src");
		$(this).data("default",d);
		$(this).data("info",$(this).siblings("div.info"));
		var images = [d];
		$(this).siblings("div.thumbnails").find("img").not(".imgOver,.imgOverThird,img.imgOverFirst,img.imgOverOdd,img.imgOverEven,img.imgOverBottom").each(function(){
			var src = $(this).attr("src");
			$("<img />").attr("src",src);
			images.push( src );
		});
		$(this).data("images",images);
		$(this).siblings("div.thumbnails").remove();
	});
	
	
	
	$boxes.hover(
		function(){
			var $parent = $( this ).parent();
			if( $parent.hasClass( "dummy" ) ) return;
			$(this).find("img.imgOverThird,img.imgOver,img.imgOverBottom,img.imgOverFirst,img.imgOverOdd,img.imgOverEven").css( "display", "block");
			$(this).data("info").fadeIn(200);
			
			
			$(this).addClass("selected");
			$parent.addClass("selected");
			$(this).find("img.default").stop().queue([]).fadeIn(200);
			
			var images = $( this ).data("images");
			
			var num = $parent.attr( "class" ).replace( "order", "" );
			var num = num.replace( " selected", "" );
			
			var ii = 0;
			var i = 0;
			var topParentName = $parent.parent().attr( "class" );
			if( topParentName.match("boxTop") ) {
				if( num == 1 ) i = -1;
				else if( num == 2 ) i = images.length - ( 1 % images.length ) -1;
				else if( num == 3 ) i = images.length - ( 2 % images.length ) -1;
				else if( num == 4 ) i = images.length - ( 3 % images.length ) -1;
				else if( num == 0 ) i = images.length - ( 4 % images.length ) -1;
			}else if( topParentName.match("boxBottom") ) {
				if( num == 1 ) i = images.length - ( 10 % images.length ) -1;
				else if( num == 2 ) i = images.length - ( 11 % images.length ) -1;
				else if( num == 3 ) i = images.length - ( 12 % images.length ) -1;
				else if( num == 4 ) i = images.length - ( 13 % images.length ) -1;
				else if( num == 0 ) i = images.length - ( 14 % images.length ) -1;
			}else {
				if( num == 1 ) i = images.length - ( 5 % images.length ) -1;
				else if( num == 2 ) i = images.length - ( 6 % images.length ) -1;
				else if( num == 3 ) i = images.length - ( 7 % images.length ) -1;
				else if( num == 4 ) i = images.length - ( 8 % images.length ) -1;
				else if( num == 0 ) i = images.length - ( 9 % images.length ) -1;
			}
			//console.log( "i = ", i, "images.length = ", images.length, "num = ", num );
			if( i < -1 ) {
				i = i * -1;
				i = i - 1;
			}
			//console.log( "i = ", i );
			
			$boxes.find("img:not(.default,.imgOver,.imgOverThird,img.imgOverFirst,img.imgOverOdd,img.imgOverEven)").remove();
			$boxes.each(function(){
				i++;
				if ( i > images.length - 1 ) i = 0;
				if ( $(this).hasClass("selected") ) return;
				var src = images[i];
				//console.log( "images[i] = ", images[i], "  i = ", i  );
				$('<img src="'+src+'" width="'+imgWidth+'" height="'+imgWidth+'" class="imgBgColor" style="display:none;" />')
				.prependTo($(this))
			});
	
			$boxes.not(".selected").find("img.default").stop().queue([]).fadeTo(400,0,function(){
				$(this).parent().find("img:not(.default)").eq(0).fadeIn(400);
			});
			$(this).find("img.default").stop().queue([]).show().css({opacity:1});
		},
		function(){
			if( $( this ).parent().hasClass( "dummy" ) ) return;
			$(this).find("img.imgOverThird,img.imgOver,img.imgOverBottom,img.imgOverFirst,img.imgOverOdd,img.imgOverEven").css( "display", "none");
		
		
		
			$boxes.find("img:not(.default,.imgOver,.imgOverThird,img.imgOverFirst,img.imgOverOdd,img.imgOverEven)").stop().queue([]).fadeOut(400,function(){
				$(this).parent().find("img.default").stop().queue([]).fadeTo(400,1);
				$(this).remove();
			});
			//$boxes.find("img.default").stop().queue([]).show().fadeIn(400);
			$(this).data("info").fadeOut(400);
			$boxWrapper.find("div.selected").removeClass("selected");
			$boxWrapper.find("div a.selected").removeClass("selected");
		}
	);
	
});




/*


*/

/*- - - - - Top - - - - - */
	$(function(){
		function classHover(){
			$(this).addClass("hover");
			$(this).find("img.imgOverFirst,img.imgOverOdd,img.imgOverEven,img.imgOverProfile,img.imgOverProfile2").css( "display", "block");
		}
		function classBlur(){
			$(this).removeClass("hover");
			$(this).find("img.imgOverFirst,img.imgOverOdd,img.imgOverEven,img.imgOverProfile,img.imgOverProfile2").css( "display", "none");
		}
		$("#Left div a,body#Top div#Main div#ProfileBox div a").hover(classHover,classBlur);
	});
/*- - - - - WORKSトップ - - - - - */
	$(function(){
		function classHover(){
			$(this).addClass("hover");
			$(this).find("img.imgOverThird,img.imgOver,img.imgOverBottom").removeClass("dsNone");
		}
		function classBlur(){
			$(this).removeClass("hover");
			$(this).find("img.imgOverThird,img.imgOver,img.imgOverBottom").addClass("dsNone");
		}
		//$("body#Works div#Main div div a").hover(classHover,classBlur);
		$("img.imgOverThird,img.imgOver,img.imgOverBottom").parent().addClass("bgColor");
	});
/*- - - - - WORKS詳細 - - - - - */
	$(function(){
		function classHover(){
			$(this).addClass("hover");
			$(this).find("img.imgOver,img.imgOverEven").css( "display", "block");
		}
		function classBlur(){
			$(this).removeClass("hover");
			$(this).find("img.imgOver,img.imgOverEven").css( "display", "none");
		}
		$("body#WorksDetail div#SubContent div a").hover(classHover,classBlur);
	});