// JavaScript Document

//To change the slide delay time, change the number of seconds of the timer on the line below.
timer = 4;
slideNum = 1;
slideTotal = 4;

$(document).ready(function() {		
	slideShow();
});

function slideShow() {
	$('#gallery a').css({opacity: 0.0});
	$('#gallery img').removeClass('initial');
	$('#gallery a:first').css({opacity: 1.0});
	changeImage = setInterval('gallery()',timer * 1000);
}

function gotoImage(imgNum) {
	if(imgNum != slideNum){
		clearInterval(changeImage);
		
		var curImg = $('#gallery a.show');
		$('#gallery a').filter('.' + imgNum ).css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
		curImg.animate({opacity: 0.0}, 1000).removeClass('show');
		
		var curBtn = $('#imgbtns img.on');
		curBtn.removeClass('on');
		curBtn.attr('src', 'images/img-btn-' + slideNum + '.jpg');
		slideNum = imgNum;
		$('#imgbtns a').filter('.' + imgNum).children().addClass('on').attr('src', 'images/img-btn-' + slideNum + '-on.jpg');
		changeImage = setInterval('gallery()', timer * 1000);
	}
}

function gallery() {
	var curBtn = $('#imgbtns img.on');
	curBtn.removeClass('on');
	curBtn.attr('src', 'images/img-btn-' + slideNum + '.jpg');
	if(slideNum < slideTotal){
		slideNum ++;
	}else{
		slideNum = 1;
	}
	
	var nextBtn = ((curBtn.parent().next().children().length) ? (curBtn.parent().next().children()) : $('#imgbtns img:first'));
	nextBtn.addClass('on');
	nextBtn.attr('src', 'images/img-btn-' + slideNum + '-on.jpg');	
	
	var current = $('#gallery a.show');
	var next = ((current.next().length) ? (current.next()) : $('#gallery a:first'));	
	next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
	current.animate({opacity: 0.0}, 1000).removeClass('show');	
}