$(function() {
    if ($("#gallery").width() !== null) {
        var gal_pos = 0;
        var gal_current = 1;
        var gal_length = $("#gallery_big_scroll > div").length;
        var interval = null;
        $("#arr_top").click(function(event) {
            event.preventDefault();
            if(gal_current > 1) {
                gal_current--;
                move_pics();
                place_arrs();
            }
        });

        $("#arr_bot").click(function(event) {
            event.preventDefault();
            if (gal_current <= gal_length - 3) {
                gal_current++;
                move_pics();
                place_arrs();
            }
        });

        function move_pics() {
            $("#gallery_small_scroll").animate({
                top:110 * -(gal_current - 1)
                },300);
        }

        function place_arrs() {
            if (gal_current === gal_length - 2) {
                $("#hide_1").hide();
                $("#hide_2").show();
            } else if(gal_current === 1) {
                $("#hide_1").show();
                $("#hide_2").hide();
            } else {
                $("#hide_1").hide();
                $("#hide_2").hide();
            }
        }

        place_arrs();
    	//console.log('Start Gallery');
        $("#gallery_small_scroll > div").click(function(event) {
        	clearInterval(interval);
            $("#gallery_small_scroll > div").removeClass("on");
            $(this).addClass("on");
            for (var i = 0; i < gal_length; i++) {
                if ($("#gallery_small_scroll > div:eq(" + i + ")").hasClass("on")) {
                    gal_pos = i
                }
            }
            
            if (gal_pos - 1 === gal_current && gal_current < gal_length - 2) {
                gal_current++
            }
            
            if (gal_pos + 1 === gal_current && gal_current > 1) {
                gal_current--
            }
            move_big();
            move_pics();
            place_arrs();
        });

        function move_big() {
            $("#gallery_big_scroll").animate({
                top: 310 * -(gal_pos)
            }, 400);
        }
    }
    
    function startGallery(){
    	 gal_current++;
    	 if ( gal_current>gal_length){
    		 gal_current=1;
    	 }
    	 $("#gallery_small_scroll > div").removeClass('on');
    	 $("#gallery_small_scroll > div:eq(" + (gal_current-1) + ")").addClass('on');
    	  for (var i = 0; i < gal_length; i++) {
              if ($("#gallery_small_scroll > div:eq(" + i + ")").hasClass("on")) {
                  gal_pos = i
              }
          }
    	 move_big();
        // move_pics();
        // place_arrs();
    }
   interval = setInterval(startGallery, 5000);
    
});