// JavaScript Document

var id;
var id2; 
var imgNum;
var imgTotal;
var fromTop = [0,0,0,0,0,-200,0,0,-200,0];
var fromLeft = [0,-200,0,0,-200,0,0,0,0,-200];
var toTop = [0,0,0,-200,0,0,0,-200,0,0];
var toLeft = [-160,0,-200,0,0,0,-200,0,0,0];
var gotoURL = ['/cgi-bin/works/search.cgi?Mode=Preview&Id=214','/cgi-bin/works/search.cgi?Mode=Preview&Id=347','/cgi-bin/works/search.cgi?Mode=Preview&Id=359','/cgi-bin/works/search.cgi?Mode=Preview&Id=381','/cgi-bin/works/search.cgi?Mode=Preview&Id=296','/cgi-bin/works/search.cgi?Mode=Preview&Id=339','/cgi-bin/works/search.cgi?Mode=Preview&Id=231','','/cgi-bin/works/search.cgi?Mode=Preview&Id=354','/cgi-bin/works/search.cgi?Mode=Preview&Id=3',];
var firstFlg = true;


//ページ全体の読み込み終了
window.onload = function(){
	$(".fadein").show();
	$(".fadein").simplestSlideShow({ 'timeOut': 6000, 'speed': 3000, 'num' : 0 });
	inavChange(0);
	
	$(".fadein").hover(function(){
		$(this).css("cursor","pointer"); 
	},function(){
		$(this).css("cursor","default"); 
		});
	$(".fadein").click(function(){
		window.location = gotoURL[imgNum];
	});
	
	id2 = setInterval(function() {
			openInfo();
			firstFlg = false;
			clearInterval(id2);
			}, 10000 );
	
	};

function openInfo() {
		var bl = $("#info").filter(':not(:hidden)').length;
		if(bl==0) $("#info").slideDown("slow");
		hideNav();
	}
	
function closeInfo() {
		var bl = $("#info").filter(':not(:hidden)').length;
		if(bl!=0) $("#info").fadeOut("slow");
	}
	
function openNav() {
		var bl = $("#globalNav").filter(':not(:hidden)').length;
		
		if(bl == 0) {
			$("#globalNav").slideDown("slow");
			closeInfo();
			} else {
				$("#globalNav").fadeOut("slow");
				}
	}
	
function hideNav() {
	var bl = $("#globalNav").filter(':not(:hidden)').length;
	if(bl != 0) $("#globalNav").fadeOut("slow");
	}
	
function changeImg( n ) {
	
	clearInterval(id);

	inavChange(n);
	$(".fadein").simplestSlideShow({ 'timeOut': 6000, 'speed': 3000, 'num' : n });

	}

//SlideShow	
(function($) {

    $.fn.simplestSlideShow = function(settings) {  
      var config = {  
        'timeOut': 5800,  
        'speed': 'normal' ,
		'num': 0
      };  
      if (settings) $.extend(config, settings); 
	 
	   var $elem = $(this);
	   //$elem.children('img').fadeOut(0);
	   $elem.children('img.mainImg').hide();
	   
	   /*for(var i=0; i<8; i++){
		   $elem.children(':gt(0)').hide();
	   }*/
	   if(imgNum) {
		   $elem.children(':eq('+imgNum+')').fadeOut(2000);
		   }
		var n = config['num'];
		$elem.children(':eq('+config['num']+')').css({top: fromTop[n], left: fromLeft[n] } );
		$elem.children(':eq('+config['num']+')').stop().fadeIn(config['speed']);
		$elem.children(':eq('+config['num']+')').animate( {top: toTop[n], left: toLeft[n] }, {queue : false, duration : config['timeOut']+2000 , easing : "linear" });
		imgNum = config['num'];
		
        id = setInterval(function() {  
        $elem.children(':eq('+imgNum+')').fadeOut(2000);
		imgNum++;
		if(imgNum >= imgTotal) {imgNum =0};
		/*if(firstFlg && imgNum>=2) {
			//showHeader();
			//showImgNav();
			openInfo();
			firstFlg = false;
			}*/
		$elem.children(':eq('+imgNum+')').css({top: fromTop[imgNum], left: fromLeft[imgNum] } );
		$elem.children(':eq('+imgNum+')').stop().fadeIn(config['speed']);
		$elem.children(':eq('+imgNum+')').animate( {top: toTop[imgNum], left: toLeft[imgNum] }, {queue : false, duration : config['timeOut']+2000 , easing : "linear" });
		inavChange(imgNum);
        }, config['timeOut'] );
return false;
	}
})(jQuery);


function inavChange(n) {

	$("div.imgNav ul li").fadeTo(200,0.3);
	
	$("div.imgNav ul li:eq("+n+")").fadeTo(200,1);
	
	}