var intervalID;
var state = 0;

/** オンロード処理 */
$(document).ready(function(){
	
	ROverImg('rover', '');
	CloneImg('rover', '', 'slow');
	
	// トップのプロモーションエリア切り替え
	if($('#indexmain .promotion p').length > 0){
		slideSwitch();
		$(function() {
			intervalID = setInterval( "slideSwitch()", 5000 );
	    });
	}
	
});

/**
 * トップ画像のスライドショー
 */
function slideSwitch() {	
	
	var imgs = $('#indexmain .promotion p');
	var lis = $('#indexmain .promotion li');
	
	imgs.each(function(i){
		
		var li = lis.eq(i);
		
		if(i == state){
			$(this).fadeIn("slow");
			li.find('.clone').fadeIn("slow");
		}else{
			$(this).fadeOut("slow");
			li.find('.clone').fadeOut("slow");
		}
		
		li.click(function(){
			clearInterval(intervalID);
			state = i;
			slideSwitch();
			intervalID = setInterval( "slideSwitch()", 5000 );
		});
	});
	
	state++;
	
	if(state >= imgs.length){
		state = 0;
	}
}

/**
 * 画像ロールオーバー
 */
function ROverImg(classname, prefix){
	
	if(prefix == ''){
		prefix = '_o';
	}
	
	$("img").each(function(){

		var src = $(this).attr("src");
		
		if($(this).hasClass(classname) && src.indexOf(prefix + ".") == -1){
			
			var size = src.length;
			var over = src.substring(0, size - 4) + prefix + src.substring(size - 4, size);
			
			$(this).attr("out", src);
			
			$(this).hover(
			    function(){
			    	$(this).attr("src", over);
			    },
			    function(){
			    	$(this).attr("src", $(this).attr("out"));
			    }
			); 
		}
	});
}

/**
 * クローン生成
 */
function CloneImg(classname, prefix, time){
	
	if(prefix == ''){
		prefix = '_o';
	}
	
	$("img").each(function(){

		var src = $(this).attr("src");
		
		if($(this).hasClass(classname) && src.indexOf(prefix + ".") == -1){
			
			var size = src.length;
			var over = src.substring(0, size - 4) + prefix + src.substring(size - 4, size);

			var par = $(this).parent();
			par.css("display", "block").css("position", "relative");
			
			var clone = $(this).clone();
			clone.attr("src", over).attr("class", "clone");
			clone.css("position", "absolute").css("top", "0").css("left", "0");
			
			$(this).after(clone);
			clone.hide();
			
			/*
			par.hover(
			    function(){
			    	$(this).stop().find('.clone').fadeIn(time);
			    },
			    function(){
			    	$(this).find('.clone').fadeOut(time);
			    }
			); 
			*/
		}
	});
}