// JavaScript Document
	
	//<br /><a href='http://www.teenvogue.com/style/market/feature/2008/10/dreamweaver_20081013#slide=1' target='_blank' class='normalLink'>view the site >></a>
	
   //initial variables
 
	var imageDir = "images/vf/";
	
	//create array
	var imageNum = 0;
	imageArray = new Array();
	imageArray[imageNum++] = new imageItem(imageDir + "01.jpg");
	imageArray[imageNum++] = new imageItem(imageDir + "02.jpg");
	imageArray[imageNum++] = new imageItem(imageDir + "03.jpg");
	imageArray[imageNum++] = new imageItem(imageDir + "04.jpg");
	var totalImages = imageArray.length; 
	
	var captionNum = 0;
	captionArray = new Array();
	captionArray[captionNum++] = "Redesigned slideshow application for vanityfair.com";
	captionArray[captionNum++] = "Redesigned slideshow application for vanityfair.com";
	captionArray[captionNum++] = "Redesigned slideshow application for vanityfair.com";
	captionArray[captionNum++] = "Redesigned slideshow application for vanityfair.com";
	var totalCaptions = captionArray.length; 

	//get image location
	function imageItem(image_location) {
		this.image_item = new Image();
		this.image_item.src = image_location;
	}

	
	function get_ImageItemLocation(imageObj) {
		return(imageObj.image_item.src);
	}
	
	function replaceCaption() {
	document.getElementById("caption").innerHTML = captionArray[captionNum];
	}
	

	
	//get next image
	function getNextImage() {
		imageNum = (imageNum+1) % totalImages;		
		var new_image = get_ImageItemLocation(imageArray[imageNum]);
		return(new_image);
		
		
		
		
	}
	
	function nextImage(place) {
		var new_image = getNextImage();
		document[place].src = new_image;
		captionNum = imageNum;
		replaceCaption();
	}
	
	//get previous image
	function getPrevImage() {
		if (imageNum==0) imageNum = totalImages;
		imageNum = (imageNum-1);
		var new_image = get_ImageItemLocation(imageArray[imageNum]);
		return(new_image);
		
		
	}
	
	function prevImage(place) {
		var new_image = getPrevImage();
		document[place].src = new_image;
		captionNum = imageNum;
		replaceCaption();
	}

	





