function createSlide(thumbs, images){
				//		CLASS VARS
				this.image = null;
				this.thumbs = Array();
				this.thumbTable = $(document.createElement('table'));
				this.thumbPos = 0;
				this.moving = false;
				this.mousePos = 0;
				
				this.imgWidth = 0;
				this.imgHeight = 0;
				this.imgAspect = 1;
			
				//		CREATE ELEMENTS
				this.thumbList = $(document.createElement('div'));
				this.imgHolder = $(document.createElement('div'));
				this.scroller = $(document.createElement('div'));
				this.leftArrow = $(document.createElement('img'));
				this.rightArrow = $(document.createElement('img'));
				this.load = $(document.createElement('img'));
				this.createThumbList(thumbs, images);
				
				//		STYLE ELEMENTS
				this.thumbList.css({
					'width': '100%',
					'position': 'fixed',
					'bottom': '0px',
					'left': '0px',
					'background-color': '#262626',
					'overflow': 'hidden',
				});
				
				this.thumbTable.attr('cellpadding', '10px');
				this.thumbTable.css('position', 'relative');
				
				this.scroller.css({
					'position': 'absolute', 
					'left': '0px', 
					'height': '5px', 
					'width': '20px', 
					'background-color': 'gray',
					'top':'0px'
				});
				this.leftArrow.attr('src', 'graphics/leftArrow.png');
				this.load.attr('src', 'graphics/loadIcon.gif');
				this.load.attr('loop', 'infinite');
				this.load.css({'position':'relative','margin':'auto','top':($(window).height()-this.thumbList.height())/3});
				this.leftArrow.css({'position':'absolute','left':'0px','top': '0px'});
				this.rightArrow.attr('src', 'graphics/rightArrow.png');
				this.rightArrow.css({'position':'absolute','right':'0px','top': '0px'});
				
				//		APPEND ELEMENTS
				$('body').append(this.load, this.imgHolder, this.thumbList);
				this.thumbList.append(this.leftArrow, this.rightArrow, this.scroller);
				
				//		ADD EVENT LISTENER
				var thisC = this;
				
				this.thumbTable.mousewheel(function(event, delta){
						thisC.scroll(delta);
						thisC.moveScroll();
					return false; // prevent default
				});
				
				$(window).resize(function(){
					thisC.resizeImg();
					thisC.load.css({'top':($(window).height()-thisC.thumbList.height())/2});
				});
				$('body').bind('touchstart mousedown', function(e){
					if(e.type == 'touchstart'){
						thisC.mousePos = e.originalEvent.touches[0].pageX;
					}else{
						thisC.mousePos = e.pageX;
						e.preventDefault();
					}
					thisC.thumbPos = thisC.thumbTable.offset().left;
					
					thisC.moving = true;
				});
				$('body').bind('touchmove mousemove', function(e){
					if(thisC.moving == true){
						thisC.theX = 0;
						if(e.type == 'touchmove'){
							thisC.theX = e.originalEvent.touches[0].pageX;
						}else{
							thisC.theX = e.pageX;
						}
						
						thisC.thumbTable.css('left', thisC.thumbPos + thisC.theX - thisC.mousePos);
						thisC.moveScroll();
						e.preventDefault();
					}
				
				});
				$('body').bind('touchend mouseup', function(e){
					thisC.thumbPos = thisC.thumbTable.offset().left;
					thisC.moving = false;
					if(thisC.thumbTable.offset().left > 0){
						thisC.thumbTable.animate({'left': '0px'});
					}
					if(thisC.thumbTable.offset().left < $(window).width()-thisC.thumbTable.width()){
						thisC.thumbTable.animate({'left': $(window).width()-thisC.thumbTable.width()});
					}
				});
				
				this.rightArrow.click(function(e){thisC.shiftRight();});
				this.leftArrow.click(function(e){thisC.shiftLeft();});
				$(window).keydown(function(e){
					if(e.keyCode== 39){ //	Go right
						thisC.shiftRight();
					}
					if(e.keyCode== 37){ //	Go left
						thisC.shiftLeft();
					}
				});
				this.loadImage(images[0]);
			}
			createSlide.prototype.createThumbList = function(thumbs, images){
				
				tr = $(document.createElement('tr'));
			
				for(var i in images){
					td = document.createElement('td');
					this.loadThumb(td, thumbs[i], images[i]);
					tr.append(td);
				}
				this.thumbTable.append(tr);
				this.thumbList.append(this.thumbTable)
			}
			
			
			createSlide.prototype.loadThumb = function(target, thumb, image) {
				var img = new Image();		//		CREATE IMAGE
				
				$(img).hide();				//		HIDE THE IMAGE
				$(target).append(img);		//		APPEND IMAGE TO TARGET
				this.thumbs.push(img);
				var thisC = this;
				$(img).click(function(e){	//		ADD EVENT LISTENER
					$(thisC.image).fadeOut(600,function(){	
						$(this).remove();	//		REMOVE EXISTING IMAGE
					});
					thisC.loadImage(image);
				});							
				$(img).load(function () {	//		WHEN LOADED
					thisC.resizeScroll();
					$(this).fadeIn();		//		FADE IN
				}).error(function () {		//		WHEN SOMETHING GOES WRONG
					alert('Image Could Not Be Loaded: ' + thumb);
				}).attr('src', thumb);
        	}
			createSlide.prototype.loadImage = function(image) {
				this.image = new Image();		//		CREATE IMAGE
				$(this.image).hide();				//		HIDE THE IMAGE
				this.imgHolder.append(this.image);		//		APPEND IMAGE TO TARGET						
				var thisC = this;
				$(this.image).load(function () {	//		WHEN LOADED
					//		SAVE SOME DATA ABOUT IMAGE
					thisC.imgWidth = $(this).width();
					thisC.imgHeight = $(this).height();
					thisC.imgAspect = $(this).height() / $(this).width();
					
					thisC.resizeImg();
					
					$(this).fadeIn();		//		FADE IN
				}).error(function () {		//		WHEN SOMETHING GOES WRONG
					alert('Image Could Not Be Loaded: ' + image);
				}).attr('src', image);
			}
			createSlide.prototype.resizeImg = function(){
				var windowAspect = ($(window).height()-this.thumbList.height())/$(window).width();
        		
        		if(windowAspect < this.imgAspect){			//		IF WINDOW WIDER
        			tmpImgAspect = this.imgWidth/this.imgHeight;
        			if($(window).height()-this.thumbList.height() < this.imgHeight){
						$(this.image).css('height', $(window).height()-this.thumbList.height());
        				$(this.image).css('width', $(this.image).height()*tmpImgAspect);
        			}
				}else{
					tmpImgAspect = this.imgHeight/this.imgWidth;
					if($(window).width() < this.imgWidth){
						$(this.image).css('width', $(window).width());
        				$(this.image).css('height', $(this.image).width()*tmpImgAspect);
        			}
				}
				//		POSITION IMAGE
					$(this.image).css({'position':'absolute'});
					$(this.image).css({'left':($(window).width()-$(this.image).width())/2});
					$(this.image).css({'top':($(window).height()-this.thumbList.height()-$(this.image).height())/3});
			}
			createSlide.prototype.moveThumbs = function(value){
				var slideAspect = value/$(window).width()
				var moveDist = this.thumbTable.width() - $(window).width()
				this.thumbTable.css('left',-moveDist*slideAspect);
			}
			createSlide.prototype.shiftRight = function(){
				var moveFactor = 0;
				for( var i in this.thumbs ){
					if($(this.thumbs[i]).offset().left > $(window).width()){
						moveFactor = $(this.thumbs[i-1]).offset().left;
						break;
					}
				}
				var right;
				if(moveFactor <= 0){
				 right = $(window).width()-this.thumbTable.width();
				}else{
					right = this.thumbTable.offset().left-moveFactor+120;
				}
				if(right < $(window).width()-this.thumbTable.width()){
					right = $(window).width()-this.thumbTable.width();
				}
				this.thumbTable.animate({'left':right});
				this.animateScroll(right);
			}
			createSlide.prototype.shiftLeft = function(){
				var moveFactor = 0;
				for( var i in this.thumbs ){
					if($(this.thumbs[i]).offset().left > 0){
						moveFactor = $(window).width()-$(this.thumbs[i]).width()-$(this.thumbs[i]).offset().left;
						
						break;
					}
				}
				var left = this.thumbTable.offset().left+moveFactor-120;
				this.thumbTable.animate({'left':Math.min(0,left)});
				this.animateScroll(Math.min(0,left));
			}
			createSlide.prototype.scroll = function(value){
				var scroll = this.thumbTable.offset().left+value*10;
				if(scroll > 0){
					scroll = 0;
				}
				if(scroll < $(window).width()-this.thumbTable.width()){
					scroll = $(window).width()-this.thumbTable.width();
				}
				this.thumbTable.css({'left':scroll});
			}
			createSlide.prototype.resizeScroll = function(){
				var size = $(window).width()/this.thumbTable.width();
				this.scroller.css('width',$(window).width()*size);
			}
			createSlide.prototype.moveScroll = function(){
				var maxPos = $(window).width()-this.thumbTable.width();
				var curPos = this.thumbTable.offset().left;
				var posAsp = curPos/maxPos;
				this.scroller.css('left',($(window).width()-this.scroller.width())*posAsp);
			}
			createSlide.prototype.animateScroll = function(curPos){
				var maxPos = $(window).width()-this.thumbTable.width();
		
				var posAsp = curPos/maxPos;
				this.scroller.animate({'left':($(window).width()-this.scroller.width())*posAsp});
			}