function Slideshow(el)
{
	this.el = el;
	this.slides = el.children(".images").children("img");
	this.index = 0;
	var thisClass = this;
	
	this.init = function()
	{
		this.hideAll();
		this.addNav();
	}
	
	this.addNav = function() {
		this.el.append("<div class='info'><img src='/images/site/info.gif' class='info-link' /><div class='info-text'></div></div><div class='slide-nav'><img src='/images/site/slide-arrow-left.png' class='arrow-left' /><img src='/images/site/slide-arrow-right.png' class='arrow-right' /><div class='description'></div></div>");
		this.el.children(".slide-nav").children(".arrow-left").click(this.previous);
		this.el.children(".slide-nav").children(".arrow-right").click(this.next);
		this.el.children(".info").children(".info-text").hide();
		this.el.children(".info").children(".info-link").hover(this.showInfo, this.hideInfo);
	}
	
	this.showInfo = function()
	{
		thisClass.el.children(".info").children(".info-text").fadeIn();
	}
	
	this.hideInfo = function()
	{
		thisClass.el.children(".info").children(".info-text").fadeOut();
	}
	
	this.hideAll = function()
	{
		this.slides.hide();
	}
	
	this.next = function()
	{
		thisClass.hideSlide();
		if (thisClass.index < thisClass.slides.length - 1) {
			thisClass.index++;
		} else {
			thisClass.index = 0;
		}
		thisClass.showSlide();
	}
	
	this.previous = function()
	{
		thisClass.hideSlide();
		if (thisClass.index > 0) {
			thisClass.index--;
		} else {
			thisClass.index = thisClass.slides.length - 1;
		}
		thisClass.showSlide();
	}
	
	this.hideSlide = function()
	{
		$(this.slides[this.index]).fadeOut();
		this.el.children(".slide-nav").children(".description").text("");
		this.el.children(".info").children(".info-text").text("");
	}
	
	this.showSlide = function()
	{
		$(this.slides[this.index]).fadeIn();
		this.el.children(".slide-nav").children(".description").text($(this.slides[this.index])[0].title);
		this.el.children(".info").children(".info-text").text($(this.slides[this.index])[0].alt);
	}
	
	this.init();
	thisClass.showSlide(null);
};