var  nClicked = 1;
    var  slideTime = 6000;
    var timeout = 0;
    var runSlider = true;

    $(document).ready(function(){

        $("#sliders .slide_image").css({position: "absolute", top: "0", left: "0"}).hide();
        $("#slider_navigation .small_slide_box").addClass("noactive");

        $("#slider_navigation .small_slide_box:first").removeClass("noactive").addClass("active");
        $('<div class="arrow">&nbsp;</div>').appendTo("#slider_navigation .small_slide_box.active .small_slide");
        $("#sliders .slide_image:first").show().addClass("active");

        $("#slider_navigation .small_slide_box").click(function(){

            var id = $(this).attr("id");
            nClicked = getSlideNummber(id);
            timeout = 0;
            slide();
        })
       initSlider();

    });

function getSlideNummber(strId){
        var slideCount = $(".small_slide_box").length;
        var Clicked = parseInt(strId.replace('slide_', ''));
        if( Clicked > slideCount) {
            Clicked = 1;
        }
        return Clicked;
    }

function initSlider() {
    timeout = (timeout + 1) % 6;
    out = setTimeout("tick();", 1000);
}
function tick(){
    var slideCount = $(".small_slide_box").length;
    timeout = (timeout + 1) % 6;
    if (timeout == 0) {
        nClicked = nClicked % slideCount + 1;
        slide();
    }
    out = setTimeout("tick();", 2000);
}
 function slide(){
     if(runSlider){
        var elem =  $("#slide_"+ nClicked);
        if(elem.hasClass("noactive")) {
            $(".arrow").remove();
            $("#slider_navigation .small_slide_box").removeClass("active").addClass("noactive");
            elem.removeClass("noactive").addClass("active");
            $('<div class="arrow">&nbsp;</div>').appendTo("#slider_navigation .small_slide_box.active .small_slide");

            var id = elem.attr("id");

            $('#sliders .slide_image.active').fadeOut(1000, function(){
                $('#' + id + '_big').addClass("active");
                $(this).hide().removeClass("active");


            });

            $('#' + id + '_big').show();

        }
    }
};