// JavaScript Document

(function($){
    $.fn.divSlider = function(options)
    {
        defultOptions=
                    {
                    downButton:"#down",
                    upButton:"#up",
                    event:"click",
                    vh:"vertical",
                    distance: 220,
                    speed:1500
                    }
        return this.each(function(){
            var setup = $.extend(defultOptions,options);
             holder       = $(this);
             conatain     = $('#f',this);
			 holder.css("overflow","hidden");
             conatain.css("overflow","hidden");
			 pv=0;
             ph=0;
			 holderWidth  = holder.width();
             holderHeight = holder.height();
             containWidth = conatain.width();
			 holder.css("padding",0);
			 $(setup.downButton).show();
			 moveEvent=setup.event;
			 conatain.css("margin",pv);
             containHeight = conatain.height();
             vMax=holderHeight-containHeight;
			if(containHeight<holderHeight)
			{
				$(setup.upButton).hide();
				$(setup.downButton).hide();
			}
            $(setup.upButton).hide();
            $(setup.downButton).click(function()
            {
                move("down");    
            });
            $(setup.upButton).click(function()
            {
                move("up");    
            });
            function move(direction)
            {
                if(direction=="down")
                {
                    if(pv-setup.distance>vMax)
                    {
                    pv=pv-setup.distance;
                    conatain.animate({marginTop:pv},setup.speed );
                    $(setup.upButton).show();
                    }
                    else
                    {
                    conatain.animate({marginTop:vMax},setup.speed );
                    pv=vMax;
                    $(setup.downButton).hide();
					$(setup.upButton).show();
                    }
                }
                else
                {
                    if(pv+setup.distance<0)
                    {
                    pv=pv+setup.distance;
                    conatain.animate({marginTop:pv},setup.speed );
                    $(setup.downButton).show();
                    }
                    else
                    {
                    conatain.animate({marginTop:0},setup.speed );
                    pv=0;
                    $(setup.upButton).hide();
                    $(setup.downButton).show();
                    }
                }
            }
        });
    }
})(jQuery);
$(document).ready(function(){
$('#e').divSlider();
});