$(document).ready(function(){
        var divparent = $(".slider")
        var liitem = $(".slider ul li");
        var i = 0;

        $(".slider ul li").css("display", "none");
        $(".slider ul li span").css("display", "none");
        $(".slider ul li:first").css("display", "block");
        $(".slider ul li span:first").css("display", "block");

        //create pgings
        liitem.each(function(){
            $(".slider .slider_navi").append("<a href='#' rel='"+i+"' class='pagins'></a>");
            i++;
        });
        
        $(".slider_navi a.pagins:first").addClass("active");

        $("a.pagins").click(function(){ paginhclick($(this)) });
        
        function paginhclick(el){
            $("a.pagins").removeClass("active");
            el.addClass("active");
            var currel = el.attr("rel");
            liitem.find("span").slideUp(function(){})
            liitem.fadeOut();
            $(liitem[currel]).fadeIn(function(){
                $(liitem[currel]).find("span").slideDown();
            });
        }
        
        setInterval(function(){
            anim()
        }, 9000)
        
        function anim(){
			var links = $("a.pagins");
            var curlink = $("a.pagins.active");
            var currel = parseInt(curlink.attr("rel"));
            $("a.pagins").removeClass("active");
			
			if(currel >= links.length-1){
                currel = -1;
            }else{  }
			
			$(links[currel+1]).addClass("active");
            liitem.find("span").slideUp(function(){})
            liitem.fadeOut();
            $(liitem[currel+1]).fadeIn(function(){
                $(liitem[currel+1]).find("span").slideDown();
            });
			
        }
    });