jQuery.fn.simplecarousel = function(options){

    var defaults = {
	"display" : 10,
	"nextButtonHtml" : '<div id="next" class="next"> </div>',
	"prevButtonHtml" : '<div id="prev" class="prev"> </div>'
    }

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

    var element = $(this).find('ul:first');

    element.css({
		"list-style":"none",
		"position":"relative",
		"padding":"0",
		"margin":"0",
		"top":"0px"
    });

    element.find('li').css({
		"height":"16px",
		"width":"179px",
		"padding":"2px",
		"margin":"1px"
    });

    element.find('li a').css({
		"text-decoration":"none"
    });

    var container = $(this);

    $(container).wrap('<div id="main_'+$(container).attr('id')+'">');

    var main_container = $(container).parent();

    //console.log('container_html:'+$(container).html());

    //var itemHeight = 3 + parseInt($(container).find('li:first').css('height'))+parseInt($(container).find('li:first').css('margin-top'))+parseInt($(container).find('li:first').css('margin-bottom'));
	//var itemHeight = parseInt($(container).find('li:first').css('height'));//+parseInt($(container).find('li:first').css('margin-top'))+parseInt($(container).find('li:first').css('margin-bottom'));

	var itemHeight = 21;

	var divHeight = ((options.display * itemHeight)+ 1);

	if($.browser.msie){
		//itemHeight += 1;
		divHeight -= 1;
	}

	//alert('itemHeight: '+itemHeight);
    //console.log('item_height:'+itemHeight);

    $(container).css({
		"height"  : divHeight + "px",
		"overflow": "hidden",
		"width"   : "179px",
		"position" : "relative"
    });

    //console.log('width:'+$(container).css('width'));

    var lis = element.find('li');
    var $total_items = $(lis).length;

    //console.log('total:'+$total_items);
    
    var $min_top = ($total_items - options.display) * itemHeight * -1;

    //console.log('min_top:'+$min_top);

    $(main_container).prepend(options.prevButtonHtml);
    $(main_container).append(options.nextButtonHtml);

    //console.log($(container).html());
	
    $(main_container).find('#prev').removeClass('prev');
	$(main_container).find('#prev').addClass('prev_d');

    //console.log('top: '  + element.css('top'));
   // console.log('min_top: '  + $min_top);

    $(main_container).find('#next').click(function(){
	var $new_top = parseInt(element.css('top')) - itemHeight;
	//console.log('new_top: '+$new_top);
	if($new_top >= $min_top){
	    element.animate({'top':$new_top + 'px'}, 150);
	    $(main_container).find('#prev').removeClass('prev_d');
		$(main_container).find('#prev').addClass('prev');
	}

	if($new_top == $min_top){
		$(this).removeClass('next');
	    $(this).addClass('next_d');
	}

	//console.log('next '  + element.css('top'));
    });

    $(main_container).find('#prev').click(function(){
	
	var $new_top = parseInt(element.css('top')) + itemHeight;
	if($new_top <= 0){
	    element.animate({'top':$new_top + 'px'}, 150);
		
	    $(main_container).find('#next').removeClass('next_d');
		$(main_container).find('#next').addClass('next');
	}

	//console.log('prev '  + element.css('top'));

	if($new_top == 0){
		$(this).removeClass('prev');
	    $(this).addClass('prev_d');
	}
    });
};