/*
 * jQuery toppage.js for NUPALS Ver.20110609
 *
 * Copyright (C) 2011 HOKUTO Co.,Ltd.
 *
 */

var listHeight = 61;
var listLot = 4;
var duration = 800;
var method = 'easeInBack';
var timer = 5000;
var timerID;
var startID;
var topPos = 0;
var limitPos = 0;

var listLot2;
var duration2 = 800;
var curentNumP = 0;
var curentNumT = 0;
var timer2 = 5000;
var timerID2;

jQuery(document).ready(function(){
								
	$('#cont01').css('display','block');
	$('#01').addClass("selected");
	
	listLot2 = $('#photoHanger ul li').length;
	$('#photoHanger ul li').each(function(){
	    var photoPos = $('#photoHanger').position();
		$(this).css('top',photoPos.top);
	});
	
	$('#thumbNails ul li:first img').css('top',-40);
	
	$('#tabs ul li a').click(function(){
		var ID = $(this).attr('id');
		var Target = '#cont'+ID;
		$('#tabs ul li a').removeClass("selected");
        $(this).addClass("selected");
		$('#listHanger dl').css('display','none');
		$(Target).css('display','block');
	});
	
	var length = $('#thumbnailsInner img').length;
	var lineLot = Math.floor(length/listLot)+1;
	var thumbHeight = listHeight*lineLot;
	limitPos = (lineLot-1)*-listHeight;
	$('#thumbnails ul').height(thumbHeight);
	
	$('.down').click(function(){
	   clearTimeout(timerID);
	   clearTimeout(startID);
	   if(topPos>limitPos){ 
	     topPos-=listHeight;
		 var posT = topPos+"px";
	     $('#thumbnailsInner').animate({"top": posT},duration,method);
	   }else{
		 $('#thumbnailsInner').stop();
		 topPos-=0;
	   }
	   startID = setTimeout("start()", timer);
	});
	$('.up').click(function(){
	   clearTimeout(timerID);
	   clearTimeout(startID);
	   if(topPos<0){
	     topPos+=listHeight;
		 var posT = topPos+"px";
	     $('#thumbnailsInner').animate({"top": posT},duration,method);
	   }else{
		 $('#thumbnailsInner').stop();
		 topPos-=0;
	   }
	   startID = setTimeout("start()", timer);
	});
	startID = setTimeout("start()", timer);
	
});

window.onload = function(){
	var thumbPos = 165;
	if($.browser.msie && $.browser.version < 8){
		var thumbPos = 150;
	}
	$('body').css('font-size',$.cookie('fontsize'));
	$('#fontSize').attr('class',$.cookie('classSet'));
	var sizeID = $('#fontSize').attr('class');	
	if(sizeID=='large'){
        thumbPos = 165;
		if($.browser.msie && $.browser.version < 8){
		    var thumbPos = 150;
	    }
	}
    var photoPos = $('#photoHanger').position();
	$('#thumbNails').css('top',photoPos.top+thumbPos);
    $('#thumbNails').css('display','inline');
	$('#thumbNails ul li img').click(function(){
	    clearTimeout(timerID2);
	    var index = $(this).parents('li').index();
		curentNumT = index;
		curentNumP = index;
		visualActions();
	});
	/*startID = setTimeout("start()", timer);*/
	visualActions();
}

function visualActions(){
    $('#photoHanger ul li').each(function(){
		var alpha = $(this).css('opacity');
		if(alpha == 1){
		    var cur = $('#photoHanger ul li').index(this);
			$('#photoHanger ul li').slice(cur,cur+1).animate({'opacity': '0'},duration2,function(){jQuery(this).css('display','none');});
		}
	});
    if(curentNumT==listLot2){
	    curentNumT = 0;
		curentNumP = 0;
		$('#photoHanger ul li').slice(listLot2-1,listLot2).animate({'opacity': '0'},duration2,function(){jQuery(this).css('display','none');});
	}
    $('#thumbNails ul li img').css('top',0);
	$('#thumbNails ul li img').slice(curentNumT,curentNumT+1).css('top',-40);
	$('#photoHanger ul li').slice(curentNumP,curentNumP+1).css('display','inline');
	$('#photoHanger ul li').slice(curentNumP,curentNumP+1).animate({'opacity': '1'},duration2);
	curentNumT+=1;
	curentNumP+=1;
	timerID2 = setTimeout("visualActions()", timer2);
}

function Actions(){
    if(topPos>limitPos){ 
	    topPos-=listHeight;
		var posT = topPos+"px";
	    $('#thumbnailsInner').animate({"top": posT},duration,method);
	}else if(limitPos<topPos<0){
	    topPos+=listHeight;
		var posT = topPos+"px";
	    $('#thumbnailsInner').animate({"top": posT},duration,method);
	}else if(topPos==limitPos){
	    var posT = "0px"; 
	    $('#thumbnailsInner').animate({"top": posT},duration,method);
		topPos=0;
	}
	timerID = setTimeout("Actions()", timer);
}

function start(){
	Actions();
	clearTimeout(startID);
}