// JavaScript Document
$(document).ready(function(){
						   
	var currentSlide = 0;
	var slideSize = 976; //ADJUST TO THE WIDTH OF THE IMGS
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	var slideShowInterval;
	var speed = 5000; //ADJUST TO THE TIME YOU WANT TILL THE IMG CHANGES
	var slideSwitch = function(){ 
		if(currentSlide > numberOfSlides-2)
		{
			currentSlide = 0;
		}
		else
		{
			currentSlide++; 
		}
		$('#slideInner').animate
			({
				'marginLeft' : slideSize*(-currentSlide)
			});
		$(".buttonNavigation").css({'background-image': 'url(images/passive.png)'});
		$("#"+currentSlide).css({'background-image': 'url(images/active.png)'});
	};
  
  
	slideShowInterval = setInterval(slideSwitch, speed);


	$('#slidesContainer').css('overflow', 'hidden');
  
	slides.wrapAll('<div id="slideInner"></div>').css({'float' : 'left','width' : slideSize});

	$('#slideInner').css('width', slideSize * numberOfSlides);


	for(i=0; i <= numberOfSlides-1; i++){
		$('#navigationContainer')	
			.append('<button id="'+ i +'" class="buttonNavigation"></button>');
	}
  
  
	//BIND BUTTONS
	$(".buttonNavigation").bind('click', function(){
		currentSlide = this.id;
		$('#slideInner').animate
			({
				'marginLeft' : slideSize*(-currentSlide)
			});
		$(".buttonNavigation").css({'background-image': 'url(images/passive.png)'});
		$("#"+currentSlide).css({'background-image': 'url(images/active.png)'});
			
		clearInterval(slideShowInterval);
		slideShowInterval = setInterval(slideSwitch, speed);
	});
  
  $("#"+currentSlide).css({'background-image': 'url(images/active.png)'});
  
  
	$("#button_left").hide();
	$("#button_right").hide();
  
  
	$("#slidesContainer").mousemove(function(e)
	{
		var offset = $(this).offset();
		var x = e.pageX - offset.left;
		var y = e.pageY - offset.top;
		if(x < 65 && x > 0) 
		{
			$("#button_left").fadeIn(200);  
		} 
		else
		{
			$("#button_left").fadeOut(200); 
		}
		if(x > 911 && x < 976)
		{
			$("#button_right").fadeIn(200);
		} 
		else
		{
			$("#button_right").fadeOut(200); 
		}
	});
	
	$("#button_left").mouseleave(function()
	{
		$("#button_left").fadeOut(200);
	});
	$("#button_right").mouseleave(function()
	{
		$("#button_right").fadeOut(200);
	});
  
  
	$("#button_left").bind('click', function()
	{
		if(currentSlide < 1){
		currentSlide = numberOfSlides-1;
		}
		else{
		currentSlide--;   
		}
		$('#slideInner').animate
		({
			'marginLeft' : slideSize*(-currentSlide)
		});
		
		clearInterval(slideShowInterval);
		slideShowInterval = setInterval(slideSwitch, speed);
		$(".buttonNavigation").css({'background-image': 'url(images/passive.png)'});
		$("#"+currentSlide).css({'background-image': 'url(images/active.png)'});
	});
  
	$("#button_right").bind('click', function()
	{
		if(currentSlide > numberOfSlides-2)
		{
			currentSlide = 0;
		}
		else
		{
			currentSlide++; 
		}
		
		$('#slideInner').animate
		({
			'marginLeft' : slideSize*(-currentSlide)
		});
		clearInterval(slideShowInterval);
		slideShowInterval = setInterval(slideSwitch, speed);
		$(".buttonNavigation").css({'background-image': 'url(images/passive.png)'});
		$("#"+currentSlide).css({'background-image': 'url(images/active.png)'});
	});

  										   
});