// JavaScript Document

	var slidePosition = 0;
	var intervalId;
	
	var elementCount;
	var currentElement = 0;
	var newElement;
	var oldElement;
	var videoId;
	
	$(document).ready(function(){
		elementCount = $(".slideThumbnail").size();
		
		$('.slideThumbnail:eq(' + currentElement + ')').addClass('active');
		$('.slideCaption:eq(' + currentElement + ')').addClass('active');
		
		var sizeOfSlider = 480 * elementCount;
		$('#slidebox').css('width', sizeOfSlider + 'px');
		intervalId = setInterval(slide,8000);
		$('.slideThumbnail').each(function(index){
			$('.slideThumbnail:eq(' + index + ')').attr('id', 'go' + index);
			$("#go" + index).click(function(){
  				clearInterval(intervalId);
				$('#slidebox').animate({'marginLeft': -(index * 480)}, 1000);
				slidePosition = -(index * 480);
				intervalId = setInterval(slide,8000);
				clickChangeTarget(index);
			});
		});
	});
	
	function stopSlide(){
		clearInterval(intervalId);
	}
	
	function stopAllMovie(){
		$f("*").each(function() {
			this.pause();
		});
	}
	
	function slide(){
		slidePosition = (slidePosition == -1920)?0:slidePosition - 480;
		$('#slidebox').animate({'marginLeft': slidePosition + 'px'}, 1000);
		changeTarget();
	};
	
	function changeTarget()
	{
		newElement = (currentElement ==  elementCount - 1)?0:currentElement + 1;
		$('.slideThumbnail:eq(' + newElement + ')').addClass('active');
		$('.slideThumbnail:eq(' + currentElement + ')').removeClass('active');
		
		if (currentElement == 0) {
			oldElement = elementCount - 1;
		}
		$('.slideCaption:eq(' + currentElement + ')').removeClass('active');
		$('.slideCaption:eq(' + newElement + ')').addClass('active');
		
		currentElement = newElement;
	};
	
	function clickChangeTarget(index)
	{
		$(".slideThumbnail:eq(" + currentElement + ")").removeClass("active");
		$('.slideCaption:eq(' + currentElement + ')').removeClass('active');
		currentElement = index;
		$(".slideThumbnail:eq(" + index + ")").addClass("active");
		$('.slideCaption:eq(' + index + ')').addClass('active');
	};