/*$(document).ready(function(){  	
		active_item();
});

function active_item() {
	$('#menu-sort ul li:first').addClass('active');
} 
*/
function active_item_next() {
	/*var thisitem = $('#menu-sort ul li.active');
	thisitem.next().addClass('active');
    thisitem.removeClass('active');*/
} 

function active_item_back() {
	/*var thisitem = $('#menu-sort ul li.active');
	thisitem.prev().addClass('active');
    thisitem.removeClass('active');*/
} 

jQuery.fn.menuSlider = function( settings ) {
	settings = jQuery.extend({
        headline : "Top Stories",
        speed : "normal",
		slideBy : 2
    }, settings);
    return this.each(function() {
		jQuery.fn.menuSlider.run( jQuery( this ), settings );
    });
};
jQuery.fn.menuSlider.run = function( $this, settings ) {
	jQuery( ".javascript_css", $this ).css( "display", "none" );
	var ul = jQuery( "ul:eq(0)", $this );
	var li = ul.children();
	if ( li.length > settings.slideBy ) {
		var $next = jQuery( ".next > a", $this );
		var $back = jQuery( ".back > a", $this );
		var $direction = "next";
		var liWidth = jQuery( li[0] ).outerWidth()+parseInt(jQuery( li[0] ).css("margin-left"))+parseInt(jQuery( li[0] ).css("margin-right"));
		var animating = false;
		ul.css( "width", ( li.length * liWidth ) );
		$next.click(clickNext = function() {
			active_item_next();
			$direction = "next";
			if ( !animating ) {
				animating = true;
				var offsetLeft = parseInt( ul.css( "left" ) ) - ( liWidth * settings.slideBy );
				if ( offsetLeft + ul.width() > 0 + liWidth) {					
					$back.css( "display", "block" );
					ul.animate({
						left: offsetLeft
					}, settings.speed, function() {
						if ( $this.width() + 15 >= ul.width() + parseInt( ul.css( "left" ) ) ) {
						//if ( parseInt( ul.css( "left" ) ) + ul.width() <= liWidth * (settings.slideBy +3) ) {
							$next.css( "display", "none" );	
							
						}
						animating = false;
					});
				} else {
					animating = false;
				}
			}
			return false;
		});
		$back.click(clickBack = function() {
			active_item_back();	
			$direction = "back";
			if ( !animating ) {
				animating = true;
				var offsetRight = parseInt( ul.css( "left" ) ) + ( liWidth * (settings.slideBy) );
				if ( offsetRight + ul.width() <= ul.width() + liWidth ) {
					$next.css( "display", "block" );
					ul.animate({
						left: offsetRight
					}, settings.speed, function() {
						if ( parseInt( ul.css( "left" ) ) >= 0 ) {
							$back.css( "display", "none" );
						}
						animating = false;
					});
				} else {
					animating = false;
				}
			}
			return false;
		});
		
		if( $("#menu-sort ul li[class=active]:first").length == 0 ) {
			$('#menu-sort ul li:first').addClass('active');
		}

		var pos = 0;
		$("#menu-sort ul li").each(function(){	if( $(this).hasClass("active") ) { return false; } pos++; });
		
		var offsetLeft = parseInt( ul.css( "left" ) ) - ( liWidth * (pos - 0) );
		ul.animate({
			left: offsetLeft
		}, settings.speed, function() {
			if ( pos != 0) {
				$back.css( "display", "block" );	
			}
			if ( !( $this.width() + 18 >= ul.width() + parseInt( ul.css( "left" ) ) ) ) {
				$next.css( "display", "block" );	
			} else {
				$next.css( "display", "none" );
			}
		});
		
		$this.hover(
			function(){clearTimeout($t)},
			function(){$t = setTimeout(function() {autoScroll();}, 2000);}
		);
		
		function autoScroll(){
			if ($next.is(":hidden") && $back.is(":hidden") || !settings.auto_scroll) return;
			if ($direction == "next" && $next.is(":hidden")) $direction = "back";
			if ($direction == "back" && $back.is(":hidden")) $direction = "next";
			
			if ($direction == "next")
				clickNext(true);
			else
				clickBack(true);
					
			$t = setTimeout(function() {autoScroll();}, 2000);
		}
		var $t = setTimeout(function() {autoScroll();}, 2000);
	}
};