/* -------------------------------------------------------------------
	sitetop.js
 ------------------------------------------------------------------- */

$(function() {
		   
	if($('#imageSwitch').length){
		
		
		///////////////////////////////////////////////////////////
		//定義
		
		var defImg = $('#mainImage img').attr('src');
		
		var img01 = 'images/index_ph02.jpg';
		var img02 = 'images/index_ph03.jpg';
		var img03 = 'images/index_ph04.jpg';
		var img04 = 'images/index_ph05.jpg';
		
		
		///////////////////////////////////////////////////////////
		//プリロード
		
		$('<img>').attr('src',img01);
		$('<img>').attr('src',img02);
		$('<img>').attr('src',img03);
		$('<img>').attr('src',img04);
		
		
		
		///////////////////////////////////////////////////////////
		//サムネイルにホバーで発動
		$('#imageList li').hover(function(){
					
			var _this = $(this);
			
			var target;
			if ($(this).attr('id') == 'switch01') {
				var target = img01;
			}
			else if ($(this).attr('id') == 'switch02') {
				var target = img02;
			}
			else if ($(this).attr('id') == 'switch03') {
				var target = img03;
			}
			else if ($(this).attr('id') == 'switch04') {
				var target = img04;
			}
			
			imageSwitchFunction(_this,target);
			
		},function(){
			$('#mainImage img').attr('src',defImg);
		})
		
	}
	
});

//定義
function imageSwitchFunction(_this,target){
		
	$('#mainImage img').attr('src' , target);

}