jQuery.fn.vertSlider = function(options) {

$('#main-container-background a[name]').removeAttr("name");
	$('#main-container').css('overflow', 'hidden');
	$('#side-nav').css('visibility', 'visible');
	
	

var overlay = {	//here is the text DEFAULT to display in the overlay
				text : new Array("Online TVx offers to watch and listen to more than 1500 TV and Radio channels from all over the world in their best quality. This channel list is regularly expanding.",
								"For all the comfort of our users, the program is appropriately filtered by more than 80 countries.",
								"All the channels of the program are properly filtered by 9 genres: adult, entertainment, kids, live, movie, music, news, religion and sport.",
								"This feature lets users to search for their preferred radio and TV channels within the whole channel’s list.",
								"This unique feature lets you to save your preferred TV and radio channels in Favorites list, for future screening.", 
								"This function, allows users to record TV channels/radio stations and save them in the Records section of the program.",
								"The feature provides an opportunity to share your recorded media TV/radio over Facebook and Youtube.",
								"This feature lets users to chat while watching the same channel or listening to the radio.",
								"By default Online TVx is set to automatically update the program and the channel list."),
			  };

var color = {   //here are the DEFAULT background colors for the overlay
				color : new Array(null,
					null,
					null,
					null,
					null,
					null,
					null,
					null,
					null)
			};

var button = {   //here are the DEFAULT button text for the overlay
				button : new Array(null,
					null,
					null,
					null,
					null,
					null,
					null,
					null,
					null)
			};
			
var image = {//here are the DEFAULT IMAGES
				image : new Array(null,
					null,
					null,
					null,
					null,
					null,
					null,
					null,
					null)
			
			};

var title = {//LINK TITLES GO HERE
									
				title : new Array(null,
					null,
					null,
					null,
					null,
					null,
					null,
					null,
					null)
			
			};

var link = {//OUTBOUND IMAGE LINKS GO HERE
									
				link : new Array(null,
					null,
					null,
					null,
					null,
					null,
					null,
					null,
					null)
			
			};
	
var options = $.extend(overlay, color, button, image, title, link, options);
    return this.each(function() {
	
	$("a#section-1 span").html(options.button[0]);
	$("a#section-2 span").html(options.button[1]);
	$("a#section-3 span").html(options.button[2]);
	$("a#section-4 span").html(options.button[3]);
	$("a#section-5 span").html(options.button[4]);
	$("a#section-6 span").html(options.button[5]);
	$("a#section-7 span").html(options.button[6]);
	$("a#section-8 span").html(options.button[7]);
	$("a#section-9 span").html(options.button[8]);
	
	  
	
	
	
	$('.s1').html('<a href="' + options.link[0] + '" title= "' + options.title[0] + '"><img src="' + options.image[0] + '" /></a>');
	$('.s2').html('<a href="' + options.link[1] + '" title= "' + options.title[1] + '"><img src="' + options.image[1] + '" /></a>');
	$('.s3').html('<a href="' + options.link[2] + '" title= "' + options.title[2] + '"><img src="' + options.image[2] + '" /></a>');
	$('.s4').html('<a href="' + options.link[3] + '" title= "' + options.title[3] + '"><img src="' + options.image[3] + '" /></a>');
	$('.s5').html('<a href="' + options.link[4] + '" title= "' + options.title[4] + '"><img src="' + options.image[4] + '" /></a>');
	$('.s6').html('<a href="' + options.link[5] + '" title= "' + options.title[5] + '"><img src="' + options.image[5] + '" /></a>');
	$('.s7').html('<a href="' + options.link[6] + '" title= "' + options.title[6] + '"><img src="' + options.image[6] + '" /></a>');
	$('.s8').html('<a href="' + options.link[7] + '" title= "' + options.title[7] + '"><img src="' + options.image[7] + '" /></a>');
	$('.s9').html('<a href="' + options.link[8] + '" title= "' + options.title[8] + '"><img src="' + options.image[8] + '" /></a>');
	
	
	   $(this).click(function() {
	   var index = $('#side-nav a').index(this);
	   $(this).parent().removeClass('remove-right-border').css("border-right-color", options.color[index]);
	   
		$(this).parent().siblings().addClass('remove-right-border');
		
		
		
		
		
		
		$("#main-container-background").animate({ top: index * -380 }, 'slow');
	   
	   $(".overlay").hide().css("background-color",  options.color[index]).text(options.text[index]).fadeIn(1500);
	   
								});
								});
};