/*

 *  SliderNav - A Simple Content Slider with a Navigation Bar

 *  Copyright 2010 Monjurul Dolon, http://mdolon.com/

 *  Released under the MIT, BSD, and GPL Licenses.

 *  More information: http://devgrow.com/slidernav

 */



$.fn.sliderNav = function(options) {

	var defaults = { items: ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z", "#"], debug: false, height: null, arrows: true};

	var opts = $.extend(defaults, options); 

	var o = $.meta ? $.extend({}, opts, $$.data()) : opts; 

	var slider = $(this); 

	

	// Getthing the overflow item

	var next = $(slider).next();

	var pScroll = 0;

	

	// Adding slider classes and the alpha navigation menu

	$(slider).addClass('slider');

	$(slider).append('<div class="alpha"></div>');

	

	var alpha = $(slider).find('.alpha');

	

	for(var i in o.items) { 

		if (o.items[i] == '#')  alpha.append("<span class='each' alt='#num'>"+o.items[i]+"</span><br />");

		else 					alpha.append("<span class='each' alt='#"+o.items[i]+"'>"+o.items[i]+"</span><br />");

	}

	

	$('.each').click(function(event){

		var target = $(this).attr('alt');

		

		if (next.find(target).offset()==null)	return;

		

		var cOffset = next.offset().top - 50;

		var tOffset = next.find(target).offset().top;

		

		var height = alpha.height(); 

		pScroll = (tOffset - cOffset) - height/8;

		

		next.stop().animate({scrollTop: '+=' + pScroll + 'px'}, 500);

		

	});

	

};