// start slide (+1)
	var current_slide = 0;
	
	// fade delay. 1000=1sec
	var fadeDelay = 500;
	
	var animated = 0;

	// function to preload images as soon as dom is up. if actions are happening this will queqe
	function preloadImages(images) {
    var i,newImage;
    for (i=0;i<images.length;i++){
        	newImage = new Image();
        	newImage.src = images[i];
    	}
	};
	// end preloadImages()
	
	// function to transition to a particular slide
	function iterateToSlide(slide) {
		animated=1;
		$("img#Image").fadeOut(fadeDelay, function(){
			$("img#Image").attr("src", imageList[slide]);
			$("img#Image").fadeIn(fadeDelay, function(){
				animated=0;
			});
		});
	};
	// end iterateToSlide()
	 
	// when document is ready and dom is up
	$(document).ready(function(){
		
		// create the navigation and insert into dom
		var navigationHTML = '';
		for (i=0;i<imageList.length;i++) {
			 if (i==0) active_item = ' class="active"'; else active_item = '';
			 current_item_number = i + 1;
			 navigationHTML = navigationHTML + '<li' + active_item + '><a href="javascript:;">' + current_item_number + '</a></li>';
		}
		$("ul#navigation").html(navigationHTML);
		
		// insert 1st slide into dom and fade it in
		$("div#portfolioImage").html('<img id="Image" src="' + imageList[current_slide] + '" alt="" title="click to view next image" style="max-width: 674px; max-height: 462px; display:none; cursor: pointer" />');
 		$("img#Image").fadeIn(fadeDelay);
		
		// preload all images in the slide show
		preloadImages(imageList);
		
		// next trigger
		$("a#next_image").click(function(){
			$("a#next_image").trigger("blur");
			if (!animated) {
				$(".active").removeClass("active");
				if (current_slide < (imageList.length - 1)) current_slide++;
				else current_slide = 0;
				$("ul#navigation>li").eq(current_slide).addClass("active");
				iterateToSlide(current_slide);
			}
		});
		

		
		// prev trigger
		$("a#prev_image").click(function(){
			$("a#prev_image").trigger("blur");
			if (!animated) {
				$(".active").removeClass("active");
				if (current_slide == 0) current_slide = imageList.length - 1;
				else current_slide--;
				$("ul#navigation>li").eq(current_slide).addClass("active");
				iterateToSlide(current_slide);
			}
		});	
		

		// if click on image - traverse to next slide
		$("img#Image").click(function(){
			$("a#next_image").trigger("click");
		});	
		
		// navigation number click trigger
		$("ul#navigation>li>a").click(function(){
			$("ul#navigation>li>a").trigger("blur");
			if (!animated) {
				$(".active").removeClass("active");
				current_slide = $("ul#navigation>li>a").index(this);
				$("ul#navigation>li").eq(current_slide).addClass("active");
				iterateToSlide(current_slide);
			}
		});	

			
	});
	// end document ready