// JavaScript Document
var slide = 1;
var slideRotateId;
addEvent(window,'load',initSlideshow,false);

function initSlideshow() {
	window.slideRotateId = setInterval("rotateSlides()", 10000);
	addEvent(document.getElementById('slide1'), 'click', function(event) {
		swapSlide('1');
	});
	addEvent(document.getElementById('slide2'), 'click', function(event) {
		swapSlide('2');
	});
	addEvent(document.getElementById('slide3'), 'click', function(event) {
		swapSlide('3');
	});
	addEvent(document.getElementById('slide4'), 'click', function(event) {
		swapSlide('4');
	});
	addEvent(document.getElementById('slide5'), 'click', function(event) {
		swapSlide('5');
	});
}

function rotateSlides() {
	window.slide+=1;
	if (slide > 5) {
		slide=1;
	}
	var imagePath = "images/home_slide_"+slide+".jpg";
	var slideId;
	$("#displaySlide").attr("src", imagePath);
	for (var i=1; i<6; i++) {
		if (i==slide) {
			slideId = "slide"+slide;
			document.getElementById(slideId).style.border='solid 1px #FFF';
		} else {
			slideId = "slide"+i;
			document.getElementById(slideId).style.border='solid 1px #006E7F';
		}
	}
}

function swapSlide(swap) {
	var imagePath = "images/home_slide_"+swap+".jpg";
	var slideId;
	for (var i=1; i<6; i++) {
		if (i==swap) {
			slideId = "slide"+swap;
			document.getElementById(slideId).style.border='solid 1px #FFF';
		} else {
			slideId = "slide"+i;
			document.getElementById(slideId).style.border='solid 1px #006E7F';
		}
	}
	$("#displaySlide").attr("src", imagePath);
	clearInterval(slideRotateId);
}