function SlideShow(content) {
	var slideshow = this;
	this.dh = Ext.DomHelper;
	this.numitems = content.items.length;

	this.slides = [];
	var arr = [];

	var nav = {tag: 'div', id: 'nav'};
	var navchildren = [];
	
	var newsrc = content.items[0].nav.replace('_off.png','_on.png');
	content.items[0].nav = newsrc;

	for (var i = 0; i < content.items.length; i++) {
		navchildren.push({tag: 'ul', id: 'nav' + i, 
			children: {id: 'navul-nav' + i, tag: 'li', 
				children: {tag: 'img', src: content.items[i].nav, id: 'image' + i}
			}
		});
	}

	var child = [{id: 'slidediv', tag: 'img', src: content.items[0].mainimg}];
	var wrapchildren = [];
	
	if (content.items[0].link) {
		wrapchildren = [{tag: 'a', id: 'slidedivlink', href: content.items[0].link, children: child},nav];
	}
	
	else {
		wrapchildren = [child,nav];
	}
	
	nav.children = navchildren;
	this.dh.append('slideshow',
	{id: 'wrap', children: wrapchildren});

	this.render = function(div,slide){
		slideshow.currentnav = 0;
		var slidediv = Ext.get('slidediv');
		for (var i = 0; i < content.items.length; i++) {
			Ext.get('navul-nav' + i).on('click',function(event,t){
				var id = t.id.substring(t.id.length - 1);
				
				if (id == slideshow.currentnav) {
					return;
				}
				Ext.get('slidediv').set({src: content.items[id].mainimg});
				if (Ext.get('slidedivlink')) {			
					Ext.get('slidedivlink').set({href: content.items[id].link});
				}

//Change the current button
				var currentid = slideshow.currentnav;
				var src = Ext.get('image' + currentid).getAttribute('src');
				var newsrc = src.replace('_on.png','_off.png');
				Ext.get('image'+currentid).set({src: newsrc});

//Change the new button				
				var src2 = Ext.get('image' + id).getAttribute('src');
				var newsrc2 = src2.replace('_off.png','_on.png');
				Ext.get('image'+id).set({src: newsrc2});
				
				slideshow.currentnav = id;
			});
		}
	};
};