$j = jQuery;

$j(document).ready(
	function(){
		var $ = $j;
		var $slideshow = $(".header-images");
		
		var images = $slideshow.find(".slideimg");
				
		var $left_arrow_btn = $slideshow.find("#slide_left_arrow").closest("a");
		var $right_arrow_btn = $slideshow.find("#slide_right_arrow").closest("a");
		
		$left_arrow_btn.click(slideshow_prev);
		$right_arrow_btn.click(slideshow_next);
		
		var currentSlide = false;
		var animateTime = 250;

		var currentIndex = Math.floor(Math.random() * images.length);
		show_slide(currentIndex,0);
		
		function slideshow_prev(){
			currentIndex--;

			if(currentIndex == -1){
				currentIndex = images.length - 1;
			}
			
			show_slide(currentIndex,-1);

		}
		
		function slideshow_next(){
			currentIndex++;
		
			if(currentIndex == images.length){
				currentIndex = 0;
			}
			
			show_slide(currentIndex,1);

		}
				
		function show_slide(num,direction){		
			
			var slide = $(images[num]).clone();
			$slideshow.find(".header-slideshow").before(slide);
			
			if(direction == 0){
				slide.css("left",10);
				if(currentSlide) currentSlide.remove();
				currentSlide = slide;
			}
			
			if(direction == 1){
				
				currentSlide.animate({left:"1025px"},animateTime , function(){
					slide.css("left",-1015).animate({left:"10px"},animateTime);
					currentSlide.remove();
					currentSlide = slide;
				});
			}
			
			if(direction == -1){
				
				currentSlide.animate({left:"-1015px"},animateTime, function(){
					slide.css("left",1015).animate({left:"10px"},animateTime );
					currentSlide.remove();
					currentSlide = slide;
				});
			}

		}
	}
)