var carousel = new Object;

carousel.images = new Array;
carousel.currImage = 0;
carousel.totalImages = 0;

carousel.addControls = function(){
	if(carousel.totalImages == 0){ return false; }
	
	$('div.product_images').append('<div id="product_images_controls"></div>');
	carousel.controlDiv = $('#product_images_controls');
	
	carousel.controlDiv.append('<a href="javascript:;" onClick="carousel.prevImage();">&lt; previous image</a>');
	carousel.controlDiv.append('<div id="product_images_controls_text"></div>');
	carousel.controlDiv.append('<a href="javascript:;" onClick="carousel.nextImage();">next image &gt;</a>');
	
	carousel.controlTextDiv = $('#product_images_controls_text');	
	carousel.updateText();
}

carousel.updateText = function(){
	carousel.controlTextDiv.html(carousel.currImage + ' of ' + carousel.totalImages);
}

carousel.parseImages = function(){
	$('div.product_images img').each(function(){
		carousel.images[carousel.images.length] = $(this);
	});
	carousel.totalImages = carousel.images.length;
	
	carousel.addControls();
	carousel.nextImage();
}

carousel.nextImage = function(){
	if(carousel.totalImages == 0){ return false; }
	$('div.product_images img').hide();
	carousel.currImage++;
	if(carousel.currImage > carousel.totalImages){
		carousel.currImage = 1;
	}
	
	carousel.updateText();
	carousel.images[carousel.currImage - 1].show();
}

carousel.prevImage = function(){
	if(carousel.totalImages == 0){ return false; }
	$('div.product_images img').hide();
	carousel.currImage--;
	if(carousel.currImage < 1){
		carousel.currImage = carousel.totalImages;
	}
	
	carousel.updateText();
	carousel.images[carousel.currImage - 1].show();
}

$(document).ready(function(){
	carousel.parseImages();
});