$(document).ready(function(){
	// This initializes the fading graphics on the home page
	var fadeInterval = setInterval("rotateImage()", 3000);

	$('.fade-link').hover(function(){
		clearInterval(fadeInterval);
		$('.fade-link a').fadeIn();
	}, function(){
		$('#curImage').val($(this).attr('id').replace('link',''));
		fadeInterval = setInterval("rotateImage()", 3000);
	});
	
	//This initializes the slider images on the lower right corner of the home page
	var slider_item_width = 130;
	$('ul#slider-reel').css('width', $('ul#slider-reel li').length * slider_item_width);
	slider_reel_left = 0;
	$('.slider a.prev').fadeOut('fast');
	var sliderInterval = setInterval(function(){if (slider_reel_left * -1 + slider_item_width < $('ul#slider-reel li').length * slider_item_width) {
			$('.slider a.next').click();
		} else {
			$('ul#slider-reel').animate({ left: '0' });
			slider_reel_left = 0;
			$('.slider a.next').fadeIn();
			$('.slider a.prev').fadeOut();
		}}, 5000);
	
	$('.slider a.prev').click(function(){
		if (slider_reel_left < 0) {
			$('ul#slider-reel').animate({ left: '+='+slider_item_width });
			slider_reel_left += slider_item_width;
		}
		if (slider_reel_left >= 0) {
			$(this).fadeOut('fast');
		}
		$('.slider a.next').fadeIn();
		clearInterval(sliderInterval)
		return false;
	});
	$('.slider a.next')
		.click(function(){
			if (slider_reel_left * -1 + slider_item_width < $('ul#slider-reel li').length * slider_item_width) {
				$('ul#slider-reel').animate({ left: '-='+slider_item_width });
				slider_reel_left -= slider_item_width;
			}
			if (slider_reel_left * -1 + slider_item_width >= $('ul#slider-reel li').length * slider_item_width) {
				$(this).fadeOut('fast');
			}
			$('.slider a.prev').fadeIn();
			return false;
		})
		.hover(function(){
			clearInterval(sliderInterval);
		});
});

// This is the function that rotates the fading images
function rotateImage(){
	curImage = $('#curImage').val() * 1;
	prevImage = curImage;
	$('.fade-link[id!="link'+curImage+'"] a').fadeOut(1000);
	$('#link'+curImage+' a').fadeIn(1500);
	if (curImage == $('#totalImages').val()) curImage = 0;
	curImage = curImage + 1;
	$('#curImage').val(curImage);
}
