(function($){
	// Our plugin implementation code goes here.
	$.fn.extend({ 
		slideframe : function(settings) {
			var defaults = {
		headline : 'Top Stories',
		speed    : "normal",
		slideBy  : 2
	};
			// Extend our default options with those provided.
			settings = $.extend(defaults, settings);
			return this.each(function() {
				initialize(settings, this);
			});

	
	function initialize(settings, $frame) {
		$('.javascript_css', $frame).hide();

		var $ul = $('ul', $frame).addClass('frame').css('left', 0);
		var $li = $('li', $frame);

		var liSize   = $li.length;
		var liWidth  = $li.width();
		var liHeight = $li.height();

		if (liSize <= settings.slideBy) return;

		var $wrapper = $('<div/>').addClass('framewrapper').appendTo($frame).append($ul);
		$wrapper.css({width: (liWidth * settings.slideBy) + 'px'});
		
		$wrapper.after($('<span/>').addClass('next').append($('<a/>').attr({href:'#',rel:'next'}).text('next»')));
		$wrapper.after($('<span/>').addClass('prev').append($('<a/>').attr({href:'#',rel:'prev'}).addClass('off').text('«back')));
		$ul.css('width', (liWidth * liSize) + 'px');
		var $prev = $('.prev a', $frame).css({top: liHeight/2 + 'px'});
		var $next = $('.next a', $frame).css({top: liHeight/2 + 'px'});
		
		$prev.click(function() {
			var slideRight = parseInt($ul.css('left')) + (liWidth * settings.slideBy);
			console.dir(liWidth);
			console.dir(slideRight);
console.log(slideRight);
			if (slideRight <= 0) {
				$ul.animate({
					left: slideRight + 'px'
				}, settings.speed);
			} else {
				$ul.animate({
					left : (-1 * slideRight * Math.floor(liSize / settings.slideBy)) + 'px'
				}, settings.speed);
			}
			return false;
		});
		
console.debug(settings.slideBy);
		$next.click(function() {
				console.debug($frame);
		console.debug(settings.slideBy);
			var slideLeft = parseInt($ul.css('left')) - (liWidth * settings.slideBy);
console.log(settings.slideBy);
			if ((slideLeft + $ul.width()) > 0) {
				$('ul.frame', $frame).animate({
					left: slideLeft + 'px'
				}, settings.speed);
				$('.prev a', $frame).removeClass('off');
			} else {
				$ul.animate({
					left: 0
				}, settings.speed);
			}
			return false;
		});
	}
			}
	});

})(jQuery);

$(document).ready(function(){
$("div.hover_conts").hover(function(){
$("div.slider_conts",this).animate({
	top:"30px"},200);
},
function(){
$("div.slider_conts",this).animate({
	top:"120px"},200);
});
return false;

});