// Doc Ready
$(document).ready( function() {
	
	// Options /////////////////////////////////////////////
	
	var image_select	= $('#gallery-slider');
	var image_select_li	= $('#gallery-slider li');
	var gallery_image	= $('#main-gallery-img');
	var up				= $('.up');
	var down			= $('.down');
	var indicator		= $('.indicator');
	
	var indicatorsOn	= false;
	
	var animationEasing	= "easeIn";
	var scrollAmount	= 90; // Dont change this, it will mess up the indicator
	var scrollSpeed		= 500;
	var visibleAtOnce	= 3;

	// No More Changes Needed /////////////////////////////////////////////
	
	var top			= image_select.css('top');
	var pageNo		= 0;	
	// Work Out Page Count etc
	var pageCount	= Math.ceil(image_select_li.length / visibleAtOnce);

	
	// Create Indicators
	if (indicatorsOn) {
		for (var i=1; i<=pageCount; i++) {
			indicator.children('ul').append('<li></li>')
		}
		// Hilight Current
		indicator.find('li:eq('+pageNo+')').addClass('on');
	}
	
	// Click Events
	down.click( function() {
		
		if ((pageNo+1) < pageCount) {
		
			pageNo ++;
			// Visual Update
			if (indicatorsOn) {
				indicator.find('li.on').removeClass('on');
				indicator.find('li:eq('+pageNo+')').addClass('on');
			}
			image_select.animate({marginTop : '-='+scrollAmount}, scrollSpeed);
			
		}
		
	});
	up.click( function() {
		
		if ((pageNo+1) > 1) {
		
			pageNo --;
			// Visual Update
			if (indicatorsOn) {
				indicator.find('li.on').removeClass('on');
				indicator.find('li:eq('+pageNo+')').addClass('on');
			}
			image_select.animate({marginTop : '+='+scrollAmount}, scrollSpeed);
		
		}

	});
	
	// Interval Events

	window.setInterval(function() {
		
		// Set Arrow Status
		if ((pageNo) > 0) {
			up.css({opacity: '1'}); // Enable Up
		}else{
			up.css({opacity: '0.2'}); // Disable Up
		}
		
		if ((pageNo+1) < pageCount) {
			down.css({opacity: '1'}); // Enable Down
		}else{
			down.css({opacity: '0.2'}); // Disable Down
		}
		
	},50);
	
});