// サイトトップ用JS
$(function(){
	// トップの入れ替わる画像
	var interval = 5000;
	var basePath = '';
	//var basePath = 'images/main_banners/';
//	var mainImages = [
//		{ thumb:'main1_thumb.jpg', main:'main1.jpg', href:'http://www.ash-hair.com/topics/2010/11/post_32.html' },
//		{ thumb:'main2_thumb.gif', main:'main2.gif', href:'http://www.ash-hair.com/topics/2010/08/post_27.html' },
//		{ thumb:'main3_thumb.jpg', main:'main3.jpg', href:'catalogue/feature' }
//	];

	// 初期配置
	$(mainImages).each(function(index){
		var thumb = $('<img/>')
			.attr('src', basePath + this.thumb)
			.attr('alt', this.alt);
		var li = $('<li/>').append($('<a/>').attr('href', mainImages[index].href).append(thumb));
		if (mainImages.length - 1 == index) li.addClass('last');
		if (index == 0) li.addClass('current');
		$('#snavi').append(li);

		var img = $('<img/>').attr('src', basePath + mainImages[index].main);
		var div = $('<div/>').append(img).appendTo('#mainImg').hide();
		if (index == 0) div.show();
	});

	// 切り替え処理
	var exchangeImage = function(index) {
		if (index == undefined) {
			var length = $('#snavi li').length;
			var current = $('#snavi li.current');
			var index = ($('#snavi li').index(current) + 1) % length;
		}

		$('#snavi li')
			.removeClass('current')
			.eq(index).addClass('current');

		$('#mainImg')
			.find('div:visible').fadeOut('fast').end()
			.find('div').eq(index).fadeIn('fast');
	}

	// タイマーで切り替え
	var execTimer = function() {
		$('#snavi').stopTime().everyTime(interval, function(){ exchangeImage(); });
	}

	// マウスオーバーしたら切り替わる
	$('#snavi li')
		.live('mouseover', function(){
			$('#snavi').stopTime();
			$('img', this).stop().fadeTo('fast', 0.7);
			if (!$(this).hasClass('current')) {
				exchangeImage($('#snavi li').index(this));
			}
		})
		.live('mouseout', function(){
			execTimer();
			$('img', this).stop().fadeTo('fast', 1.0);
		});

	execTimer();
});