/*=======================================================
  mainVisual.js
  Copyright (C) INGLORIOUS Inc All Rights Reserved.
=========================================================*/

$(document).ready(function(){	
	var c = 0;
	var tid;
	var int = 4000;
	var f = 500;

	$('#mainvisual p img').css("display","none");
	$('#mainvisual p img').css("position","absolute");
	$('#mainvisual ul a').unbind('click');

	$("#mainvisual ul a").click(function(){
		chgImg($(this),Math.floor($("#mainvisual ul a").index(this)));
		clearInterval(tid);		
		return false;
	});

	function chgImg(n,cn){
		var t = n.attr("href");
		$('#mainvisual p img').css("z-index","0");
		$(t).css("z-index","10");
		$(t).fadeTo(0,0);
		$(t).css("display","block");
		$(t).fadeTo(f,1,function(){
			$('#mainvisual p img').fadeTo(0,0);	
			$(t).fadeTo(0,1);	
		});
		$('#mainvisual ul a').fadeTo(0,0.5);
		if(cn>=0) c = cn;
			$('#mainvisual ul a:eq('+c+')').fadeTo(0,1);	
	}
	chgImg($('#mainvisual ul a:eq('+c+')'));

	tid = setInterval(function(){
		c++;
		if(c >= 5){ c = 0; }
		chgImg($('#mainvisual ul a:eq('+c+')'));
	},int);
});