// JavaScript Document

function fadeFocus(id, time){
	var box	  = $('#'+id);
	var info  = box.find('div.infobox');
	var text  = box.find('div.numbtn');
	var divs  = box.find('div.imglist div');
	var imgs  = divs.find('img');
	var spans = text.find('span');
	var next  = box.find('a.next');
	var lastIndex = divs.last().index();
	setHover();
	addCurrent(0);
	spans.click(function(){
		var n = $(this).index();
		addCurrent(n);
	})
	box.find('a.prev').click(function(){
		var thisIndex = text.find('.hover').index();
		if(thisIndex != 0){
			n = thisIndex-1;
		}else{
			n = lastIndex;
		}
		addCurrent(n);
	})
	next.click(function(){
		var thisIndex = text.find('.hover').index();
		if(thisIndex != lastIndex){
			n = thisIndex+1;
		}else{
			n = 0;
		}
		addCurrent(n);
	})
	function addCurrent(n){
		if(divs.is(':animated')) return;
		if(n == text.find('span.hover').index()) return;
		text.find('span.hover').removeAttr('class');
		divs.filter(":visible").fadeOut(800).end().eq(n).fadeIn(800);
		spans.eq(n).addClass('hover');
		info.html(divs.eq(n).find('img').attr('alt'));
	}
	function showAuto(){
		next.trigger('click');
	}
	function setHover(){
		t = setInterval(showAuto, time);
		/*box.hover(
			function(){clearInterval(t)},
			function(){t = setInterval(showAuto, time)}
		)*/
	}
}