var xslider = function(p) {	
	var wrapper = p.wrapper || $('#items');
	var slides = p.items || $('#items > li');
	var slideWidth = p.itemWidth || 300;
	var numByView = p.numByView || 2;
	var buttons = p.buttons || { p: 'previous', n: 'next' };
	
	var currentPosition = 0;
	var numberOfSlides = $(slides).length;
	
	// Set #slideInner width equal to total width of all slides
	function init() {
		$(wrapper).css('width', slideWidth * numberOfSlides);
		manageControls(currentPosition);
	
		// Create event listeners for .controls clicks
		$('#'+ buttons.p +',#'+ buttons.n).attr('href', 'javascript:;');
		$('#'+ buttons.p +',#'+ buttons.n).bind('click', function() {
			currentPosition = ($(this).attr('id') == buttons.n) ? currentPosition+1 : currentPosition-1;
			manageControls(currentPosition);
			$(wrapper).animate({
				'marginLeft' : slideWidth * (-currentPosition)
			});
		});
	}
	
	
	// manageControls: Hides and Shows controls depending on currentPosition
	function manageControls(position) {
		// Hide left arrow if position is first slide
		if(position == 0) 	$('#'+ buttons.p).hide();
		else				$('#'+ buttons.p).show();
		// Hide right arrow if position is last slide
		if(position == (numberOfSlides - numByView))		$('#'+ buttons.n).hide();
		else												$('#'+ buttons.n).show();
	}
	
	init();
};