var n;
var t1=1; // fadeOut time
var t2=1; // fadeIn time
var t3=6500; // transition time



function initSlide(n){
	$(".visualImg").each(function(){
		$(this).hide();
	});
	for( var i = 0 ; i < n ; i ++){	
		$('#mainImageNav').append('<p><a class="navBtn" id="mainImageNav0' + (i+1) + '" href="javascript:void(0);"><img width="25" height="17" alt="" src="topjs/images/spacer.gif"></a></p>');
	}
	if(n == 1){
		$('#mainVisual01').fadeIn(t2);
		return false;
	} else {
		imageSwap00();
	} if(n == 2){
		$('#mainImageNav').addClass("item2");
	} if(n == 3){
		$('#mainImageNav').addClass("item3");
	} if(n == 4){
		$('#mainImageNav').addClass("item4");
	};
	$('#mainImageNav01').mouseover(function () {
		imageSwap01();
	});
	$('#mainImageNav02').mouseover(function () {
		imageSwap02();
	});
	$('#mainImageNav03').mouseover(function () {
		imageSwap03();
	});
	$('#mainImageNav04').mouseover(function () {
		imageSwap04();
	});
	$('#mainImageNav05').mouseover(function () {
		imageSwap05();
	});
};
function imageSwap00() {
	$(".mainVisual").each(function(){
		$(this).hide();
	});
	$('#mainVisual01').fadeIn(t2);
	$(".navBtn").each(function(){
		$(this).css("background","url(topjs/images/main_image_nav.gif)");
	});
	$('#mainImageNav01').css("background","url(topjs/images/main_image_nav_on.gif)");
	timer=setTimeout("imageSwap02()",t3);
}
function imageSwap01() {
	clearTimeout(timer);
	$(".mainVisual").each(function(){
		$(this).fadeOut(t1);
	});
	$('#mainVisual01').fadeIn(t2);
	$(".navBtn").each(function(){
		$(this).css("background","url(topjs/images/main_image_nav.gif)");
	});
	$('#mainImageNav01').css("background","url(topjs/images/main_image_nav_on.gif)");
	timer=setTimeout("imageSwap02()",t3);
}
function imageSwap02() {
	clearTimeout(timer);
	$(".mainVisual").each(function(){
		$(this).fadeOut(t1);
	});
	$('#mainVisual02').fadeIn(t2);
	$(".navBtn").each(function(){
	$(this).css("background","url(topjs/images/main_image_nav.gif)");
	});
	$('#mainImageNav02').css("background","url(topjs/images/main_image_nav_on.gif)");
	if(n == 2){
 		timer=setTimeout("imageSwap01()",t3);
 	} else {
 	timer=setTimeout("imageSwap03()",t3);
 	};
}
function imageSwap03() {
	clearTimeout(timer);
	$(".mainVisual").each(function(){
		$(this).fadeOut(t1);
	});
	$('#mainVisual03').fadeIn(t2);
	$(".navBtn").each(function(){
	$(this).css("background","url(topjs/images/main_image_nav.gif)");
	});
	$('#mainImageNav03').css("background","url(topjs/images/main_image_nav_on.gif)");
	if(n == 3){
 		timer=setTimeout("imageSwap01()",t3);
 	} else {
 	timer=setTimeout("imageSwap04()",t3);
 	};
}
function imageSwap04() {
	clearTimeout(timer);
	$(".mainVisual").each(function(){
		$(this).fadeOut(t1);
	});
	$('#mainVisual04').fadeIn(t2);
	$(".navBtn").each(function(){
	$(this).css("background","url(topjs/images/main_image_nav.gif)");
	});
	$('#mainImageNav04').css("background","url(topjs/images/main_image_nav_on.gif)");
	if(n == 4){
 		timer=setTimeout("imageSwap01()",t3);
 	} else {
 	timer=setTimeout("imageSwap05()",t3);
 	};
}
function imageSwap05() {
	clearTimeout(timer);
	$(".mainVisual").each(function(){
		$(this).fadeOut(t1);
	});
	$('#mainVisual05').fadeIn(t2);
	$(".navBtn").each(function(){
	$(this).css("background","url(topjs/images/main_image_nav.gif)");
	});
	$('#mainImageNav05').css("background","url(topjs/images/main_image_nav_on.gif)");
	if(n == 5){
 		timer=setTimeout("imageSwap01()",t3);
 	} else {
 	timer=setTimeout("imageSwap06()",t3);
 	};
}