$.fn.slider_vert = function(settings) {
	this.defaults = {
		 width:"200",
		 height:"200",
		 element:null,
		 type:"scroll"
	}
	this.store = { alreadySet:false,slideNum:0 }
	var opts = $.extend({}, this.defaults, settings);
	var storeAttrs = $.extend({}, this.store);
	this.init = function() {
		$(this).css({
						'width':opts.width+'px',
						'height':opts.height+'px'
					});
		storeAttrs.container = document.createElement('DIV');
		$(storeAttrs.container).css({ 
							 'position':'relative',
							 'width':opts.width+'px',
							 'height':opts.height+'px'
						 });
		
		//make left arrow
		var arrowContainerUp = document.createElement('DIV');
		$(arrowContainerUp).css({ 
								  'position':'relative',
								  'width':'auto',
								  'height':'auto'
								});
		var arrowUp = document.createElement('DIV');
		$(arrowUp).css({ 
							  'cursor':'pointer',
							  'width':'auto',
							  'height':'auto'
						 });
		var arrowUpImg = document.createElement('IMG');
		$(arrowUpImg).attr("src","images/featured-albums/up-arrow.png");
		$(arrowUp).append(arrowUpImg);
		$(arrowContainerUp).append(arrowUp);
		if(opts.type != "autoScroll")
			$(arrowUp).click(this.moveDown);
	
		//make right arrow
		var arrowContainerDown = document.createElement('DIV');
		$(arrowContainerDown).css({ 
									  'position':'relative',
									  'width':'auto',
									  'height':'auto'
								 });
		var arrowDown = document.createElement('DIV');
		$(arrowDown).addClass('arrowDown');
		$(arrowDown).css({ 
							  'cursor':'pointer',
							  'width':'auto',
							  'height':'auto'
						  });
		var arrowDownImg = document.createElement('IMG');
		$(arrowDownImg).attr("src","images/featured-albums/down-arrow.png");
		$(arrowDown).append(arrowDownImg);
		$(arrowContainerDown).append(arrowDown);
		if(opts.type != "autoScroll")
			$(arrowDown).click(this.moveUp);
		
		//make center
		var slideScreen = document.createElement('DIV');
		$(slideScreen).css({ 
							  'height':opts.height+'px',
						  	  'width':opts.width+'px',
							  'overflow':'hidden',
							  'position':'relative'
						  });
		
		storeAttrs.slider = document.createElement('DIV');
		$(storeAttrs.slider).css({
						  'height':'auto',
						  'width':opts.width+'px',
						  'textAlign':'center',
						  'marginTop':'0px'
					 });
		$(slideScreen).append(storeAttrs.slider);
		$(storeAttrs.container).append(arrowContainerUp);
		$(storeAttrs.container).append(slideScreen);
		$(storeAttrs.container).append(arrowContainerDown);
		$(this).append(storeAttrs.container);
		this.testvar = '123455';
		//if web kit
		var obj = this;
		setTimeout(function() {
		
					$(opts.element).show();
					/***READJUST SLIDER SCREEN TO MAXIMUM ELEMENT WIDTH INSIDE SLIDER ELEMENTS*****/
					if(opts.element) {
						$(opts.element).children().each(function(i,x) {
							$(x).css({ 'width':opts.width,'textAlign':'center' });
						});
					}
					/***************************************************************************/
					if(opts.element) {
						$(storeAttrs.slider).append(opts.element);
					}
		},100);
		
		if(opts.type == "autoScroll") {
			setInterval(function() {
								 obj.moveUp();							 
								 }, 2000);
		}
	}
	this.moveUp = function() {
		var movePx = (parseInt($(storeAttrs.slider).css('marginTop').replace('px',''),10)-opts.move);
			$(storeAttrs.slider).animate({
									   'marginTop':movePx+'px'
									   },2000,'linear',function() {
										   var lastItem = $(storeAttrs.slider).find('DIV:eq(0)').find('DIV:last');
									   		$(storeAttrs.slider).find('DIV:eq(0)').find('DIV:eq('+storeAttrs.slideNum+')').clone().insertAfter(lastItem);
											storeAttrs.slideNum++;
									   });
		
	}
	this.moveDown = function() {
		var movePx = (parseInt($(storeAttrs.slider).css('marginTop').replace('px',''),10)+opts.move);
		if($.inArray("inprogress",$(storeAttrs.slider).queue())) {
			$(storeAttrs.slider).animate({
									   'marginTop':movePx+'px'
									   },600);
		}
	}
	this.init();
}

