var _timerID;

$(document).ready(function() 
{        
    gallery();
	_timerID = window.setInterval(onNextClick, 30000);
});

var _slides = new Array();
var _captions = new Array();
var _current = 0;

function gallery()
{
	_slides[0] = $('#slide1');
	_slides[1] = $('#slide2');
	_slides[1].hide();
	_slides[2] = $('#slide3');
	_slides[2].hide();
	_slides[3] = $('#slide4');
	_slides[3].hide();
	_slides[4] = $('#slide5');
	_slides[4].hide();
	
	_captions[0] = $('#caption1');
	_captions[1] = $('#caption2');
	_captions[1].hide();
	_captions[2] = $('#caption3');
	_captions[2].hide();
	_captions[3] = $('#caption4');
	_captions[3].hide();
	_captions[4] = $('#caption5');
	_captions[4].hide();
	
	$(window).resize(onResize);
	onResize();
	
	$('.slide-panel').mouseover(function() {
		$('#prev-arrow').show();
		$('#next-arrow').show();
	});
	
	$('#prev-arrow').mouseover(function() {
		$('#prev-arrow').show();
		$('#next-arrow').show();
	});
	
	$('#next-arrow').mouseover(function() {
		$('#prev-arrow').show();
		$('#next-arrow').show();
	});
	
	$('.slide-panel').mouseout(function() {
		console.trace();
		$('#prev-arrow').hide();
		$('#next-arrow').hide();
		
	});
	
	$('#prev-button').click(onPrevClick);
	$('#prev-arrow').click(onPrevClick);
	$('#next-button').click(onNextClick);
	$('#next-arrow').click(onNextClick);
	$('#one-button').click(onOneClick);
	$('#two-button').click(onTwoClick);
	$('#three-button').click(onThreeClick);
	$('#four-button').click(onFourClick);
	$('#five-button').click(onFiveClick);
	
	selectButton(0);
}

function onResize()
{
	_slides[_current].show();
}


function onPrevClick()
{
	var prev = _current - 1;
	if (prev < 0)
		prev = 4;
		
	_slides[_current].fadeOut(1000);
	_slides[prev].fadeIn(1000);
	
	_captions[_current].hide();
	_captions[prev].show();
	
	_current = prev;
	
	resetClasses();
	selectButton(_current);
}

function onNextClick()
{
	var next = _current + 1;
	if (next > 4)
		next = 0;
		
	_slides[_current].fadeOut(1000);
	_slides[next].fadeIn(1000);
		
	_captions[_current].hide();
	_captions[next].show();
	
	_current = next;
	selectButton(_current);
	
	
}

function onOneClick()
{
	var next = 0;
	
	window.clearInterval(_timerID);

	if (_current == next)
		return;
				
	_slides[_current].fadeOut(1000);
	_slides[next].fadeIn(1000);
	
	_captions[_current].hide();
	_captions[next].show()
	
	_current = next;
	selectButton(_current);

}

function onTwoClick()
{
	var next = 1;
	
	window.clearInterval(_timerID);
	
	if (_current == next)
		return;
	
	_slides[_current].fadeOut(1000);
	_slides[next].fadeIn(1000);
	
	_captions[_current].hide();
	_captions[next].show()
	
	_current = next;
	selectButton(_current);
}

function onThreeClick()
{
	var next = 2;
	window.clearInterval(_timerID);
	
	if (_current == next)
		return;
		
	_slides[_current].fadeOut(1000);
	_slides[next].fadeIn(1000);
	
	_captions[_current].hide();
	_captions[next].show()
	
	_current = next;
	
	selectButton(_current);
}

function onFourClick()
{
	var next = 3;
	window.clearInterval(_timerID);
	
	if (_current == next)
		return;
		
	_slides[_current].fadeOut(1000);
	_slides[next].fadeIn(1000);
	
	_captions[_current].hide();
	_captions[next].show()
	
	_current = next;
	
	selectButton(_current);
}

function onFiveClick()
{
	var next = 4;
	window.clearInterval(_timerID);
	
	if (_current == next)
		return;
		
	_slides[_current].fadeOut(1000);
	_slides[next].fadeIn(1000);
	
	_captions[_current].hide();
	_captions[next].show()
	
	_current = next;
	
	selectButton(_current);
}

function resetClasses()
{
	$('#one-button').removeClass('number-button-selected');
	$('#two-button').removeClass('number-button-selected');
	$('#three-button').removeClass('number-button-selected');
	$('#four-button').removeClass('number-button-selected');
	$('#five-button').removeClass('number-button-selected');
	$('#one-button').addClass('number-button');
	$('#two-button').addClass('number-button');
	$('#three-button').addClass('number-button');
	$('#four-button').addClass('number-button');
	$('#five-button').addClass('number-button');
}

function selectButton(index)
{
	resetClasses();
	switch (index)
	{
		case 0:
			$('#one-button').addClass('number-button-selected');
			$('#one-button').removeClass('number-button');
			break;
		case 1:
			$('#two-button').addClass('number-button-selected');
			$('#two-button').removeClass('number-button');
			break;
		case 2:
			$('#three-button').addClass('number-button-selected');
			$('#three-button').removeClass('number-button');
			break;
		case 3:
			$('#four-button').addClass('number-button-selected');
			$('#four-button').removeClass('number-button');
			break;
		case 4:
			$('#five-button').addClass('number-button-selected');
			$('#five-button').removeClass('number-button');
			break;
		default:
			break;
	}
}