/*JavaScript Document*/

/*--------------------------------------------------------------------------
	</share/js/ecos.js>
	@author ad
	@date created 2011.09.16
*---------------------------------------------------------------------*/



/* colorBoxの設定
================================================*/
$(document).ready(function(){
	$("a[rel='member']").colorbox({transition:"fade", opacity:0.5});
});



/* contMembersの設定
================================================*/
$(function() {
	
	//初期設定
	$("#iconProducer").css("display", "none");
	$("#iconDirector").css("display", "none");
	$("#iconDesigner").css("display", "none");
	

	
	
	//オーバー時の設定
	$(".member1 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconProducer").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "0"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconProducer").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);
	$(".member2 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconDesigner").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "0"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconDesigner").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);
	$(".member3 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconDesigner").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "50px"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconDesigner").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);
	$(".member4 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconProducer").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "75px"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconProducer").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);
	$(".member5 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconProducer").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "115px"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconProducer").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);
	$(".member6 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconDirector").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "150px"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconDirector").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);
	$(".member7 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconProducer").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "190px"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconProducer").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);
	$(".member8 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconDesigner").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "230px"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconDesigner").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);
	$(".member9 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconDesigner").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "285px"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconDesigner").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);
	$(".member10 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconDesigner").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "320px"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconDesigner").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);
	
	$(".member11 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconDirector").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "370px"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconDirector").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);

	$(".member12 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconDesigner").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "410px"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconDesigner").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);
	$(".member13 img").hover(
		function(){ /* マウスを乗せたとき */
			$("#iconProducer").css({
				"display": "block",
				"position": "absolute",
				"top": "-5px",
				"left": "440px"				
			});
		},
		function(){ /* マウスが外れたとき */
			$("#iconProducer").css({
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0"				
			});
		}
	);



	
});





/* contMembersの拡大縮小設定
================================================*/
/*
$(function(){
	var thumbSize = 25;
	var magnifySize = 37;

	$(".magnify").each(function(){
		$(this).css({width:(thumbSize)});
	});

	var objWidth = $('.magnify').width();
	var objHeight = $('.magnify').height();

	$(".magnify").each(function(){
		$(this).wrapAll('<span class="magnify_cover"></span>');
		$(this).parent('.magnify_cover').css({
			margin: '0 10px 10px 0',
			width: (objWidth),
			height: (objHeight),
			float: 'left',
			position: 'relative'
		});
	});

	$(".magnify").hover(function(){
		$(this).css({top:'0',left:'0',position: 'absolute'});
		$(this).stop().animate({width:(magnifySize)},500,function(){
			$(this).addClass('shadow');
		});
	}, function(){
		$(this).stop().animate({width:(thumbSize)},300,function(){
			$(this).css({top:'',left:'',position: 'relative'});
			$(this).removeClass('shadow');
		});
	});

});
*/

$(function() {
	
	$(".member1 img").css({
		'width':'29px',
		'height':'90px'
	});
	$(".member2 img").css({
		'width':'29px',
		'height':'90px'
	});
	$(".member3 img").css({
		'width':'33px',
		'height':'90px'
	});
	$(".member4 img").css({
		'width':'28px',
		'height':'90px'
	});
	$(".member5 img").css({
		'width':'28px',
		'height':'90px'
	});
	$(".member6 img").css({
		'width':'32px',
		'height':'90px'
	});
	$(".member7 img").css({
		'width':'27px',
		'height':'90px'
	});
	$(".member8 img").css({
		'width':'35px',
		'height':'90px'
	});
	$(".member9 img").css({
		'width':'36px',
		'height':'90px'
	});
	$(".member10 img").css({
		'width':'31px',
		'height':'90px'
	});
	
	$(".member11 img").css({
		'width':'29px',
		'height':'90px'
	});

	$(".member12 img").css({
		'width':'29px',
		'height':'90px'
	});
	$(".member13 img").css({
		'width':'32px',
		'height':'90px'
	});


	
    $(".member1 img").hover(
        function(){
            $(this).stop().animate({
                'width':'37px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
                'width':'29px',
                'height':'90px',
                'marginTop':'0px'
            },'fast');
        }
    );
	
    $(".member2 img").hover(
        function(){
            $(this).stop().animate({
                'width':'46px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
			'width':'29px',
                'height':'90px',
                'marginTop':'0px'
            },'fast');
        }
    );
    $(".member3 img").hover(
        function(){
            $(this).stop().animate({
                'width':'51px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
				'width':'33px',
                'height':'90px',
                'marginTop':'0px'
            },'fast');
        }
    );
    $(".member4 img").hover(
        function(){
            $(this).stop().animate({
                'width':'44px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
                'width':'28px',
                'height':'90px',
                'marginTop':'0px'
            },'fast');
        }
    );
    $(".member5 img").hover(
        function(){
            $(this).stop().animate({
                'width':'44px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
			'width':'28px',
                'height':'90px',
                'marginTop':'0px'
            },'fast');
        }
    );
    $(".member6 img").hover(
        function(){
            $(this).stop().animate({
                'width':'50px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
			'width':'32px',
                'height':'90px',
             'marginTop':'0px'
            },'fast');
        }
    );
    $(".member7 img").hover(
        function(){
            $(this).stop().animate({
                'width':'42px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
                'width':'27px',
                'height':'90px',
                'marginTop':'0px'
            },'fast');
        }
    );
    $(".member8 img").hover(
        function(){
            $(this).stop().animate({
                'width':'55px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
				'width':'35px',
                'height':'90px',
                'marginTop':'0px'
            },'fast');
        }
    );
    $(".member9 img").hover(
        function(){
            $(this).stop().animate({
                'width':'57px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
				'width':'36px',
                'height':'90px',
                'marginTop':'0px'
            },'fast');
        }
    );
    $(".member10 img").hover(
        function(){
            $(this).stop().animate({
                'width':'49px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
				'width':'31px',
                'height':'90px',
                'marginTop':'0px'
            },'fast');
        }
    );
	
    $(".member11 img").hover(
        function(){
            $(this).stop().animate({
                'width':'45px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
				'width':'29px',
                'height':'90px',
                'marginTop':'0px'
            },'fast');
        }
    );
	
	$(".member12 img").hover(
        function(){
            $(this).stop().animate({
                'width':'45px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
				'width':'29px',
                'height':'90px',
                'marginTop':'0px'
            },'fast');
        }
    );

	$(".member13 img").hover(
        function(){
            $(this).stop().animate({
                'width':'50px',
                'height':'141px',
                'marginTop':'-5px'
            },'fast');
        },
       function () {
            $(this).stop().animate({
				'width':'32px',
                'height':'90px',
                'marginTop':'0px'
            },'fast');
        }
    );
	
	
	
});