// start of config
var c = 5;

var image = new Array(c);
image[0] = 'http://www.c-pon.com/common/img/JSmenu/120125/01.png';
image[1] = 'http://www.c-pon.com/common/img/JSmenu/120125/02.png';
image[2] = 'http://www.c-pon.com/common/img/JSmenu/120125/03.png';
image[3] = 'http://www.c-pon.com/common/img/JSmenu/120125/04.png';
image[4] = 'http://www.c-pon.com/common/img/JSmenu/120125/05.png';

var smallimage = new Array(c);
smallimage[0] = 'http://www.c-pon.com/common/img/JSmenu/120125/01s.png';
smallimage[1] = 'http://www.c-pon.com/common/img/JSmenu/120125/02s.png';
smallimage[2] = 'http://www.c-pon.com/common/img/JSmenu/120125/03s.png';
smallimage[3] = 'http://www.c-pon.com/common/img/JSmenu/120125/04s.png';
smallimage[4] = 'http://www.c-pon.com/common/img/JSmenu/120125/05s.png';

var buttonimage = new Array(c);
buttonimage[0] = 'http://www.c-pon.com/common/img/JSmenu/120125/b1.png';
buttonimage[1] = 'http://www.c-pon.com/common/img/JSmenu/120125/b2.png';
buttonimage[2] = 'http://www.c-pon.com/common/img/JSmenu/120125/b3.png';
buttonimage[3] = 'http://www.c-pon.com/common/img/JSmenu/120125/b4.png';
buttonimage[4] = 'http://www.c-pon.com/common/img/JSmenu/120125/b5.png';

var buttonimage2 = new Array(c);
buttonimage2[0] = 'http://www.c-pon.com/common/img/JSmenu/120125/b1_o.png';
buttonimage2[1] = 'http://www.c-pon.com/common/img/JSmenu/120125/b2_o.png';
buttonimage2[2] = 'http://www.c-pon.com/common/img/JSmenu/120125/b3_o.png';
buttonimage2[3] = 'http://www.c-pon.com/common/img/JSmenu/120125/b4_o.png';
buttonimage2[4] = 'http://www.c-pon.com/common/img/JSmenu/120125/b5_o.png';

var link = new Array(c);
link[0] = 'http://www.c-pon.com/nailsalon/special/show/847';
link[1] = 'http://www.c-pon.com/hairsalon/contents/special/trendhair/';
link[2] = 'http://www.c-pon.com/hairsalon/special/show/827';
link[3] = 'http://www.c-pon.com/esthe/special/show/825';
link[4] = 'http://www.c-pon.com/gourmet/contents/special/ueno/';

var fadeintime = 1000;
var intervaltime = 5000;
var minifadeintime = 100;

// end of config

var timer;
var load = 0;
var linkurl =link[0];
var i = 0;
var a = 0;
function animationTimer(){
    return setInterval( function(){
	i++;
	if ( i == c ) { i = 0; }
	linkurl = link[i];
	$('div#test').html(image[i] + '/' + i + '/' + linkurl);
	a = 1;
	changeImage(i);

    }, intervaltime ) 
}

function changeImage(elm){
	//alert (i + '/'  + elm + '/' + a);
	if ( i != elm || a == 1 ){
		$('div#mainimg-inner').css("background-image" , 'url(' + image[elm] + ')').hide();
		$('div#miniwindow').hide();
	
		$('div#mainimg-inner').fadeIn(fadeintime);
	
		linkurl = link[elm];

		load = 1;
		i = elm;
		clearInterval ( timer );
		setInterval(function(){} , intervaltime );
		timer = animationTimer();
		a = 0;
	}

}

function showMiniImage(elm){

	var name = 'div#i'+elm;
	$(name).css("background-image" , 'url('+ buttonimage2[elm] +')');

	if ( load == 0 ){
		$('div#miniwindow').css("background-image" , 'url(' + smallimage[elm] + ')').fadeIn(minifadeintime);
	}
	else{
		load = 0;
	}

}

function hideMiniImage(elm){
	var name = 'div#i'+elm;
	$(name).css("background-image" , 'url('+ buttonimage[elm] +')');

	if ( load == 0 ){
		$('div#miniwindow').hide();
	}
	else{
		load = 0;
	}

}


function initialize(){
	$('div#mainimg-inner').css("background-image" , 'url('+ image[0] +')');
	for ( n=0 ; n < c ; n++){
		var name = 'div#i'+n;
		$(name).css("background-image" , 'url('+ buttonimage[n] +')');
	}
	timer = animationTimer();
}