var preload_images = 6;
var current = 1;
var index = 1;
 var z = 1;

//function doSlide(i)
//{

//}



$(document).ready(function() {

    var big_slider_width = 481 * zdjecia.length;
    $('#big_slider').css('width', big_slider_width);

    $('#gallery_info').html('Zdj\u0119cie ' + z + ' / ' + zdjecia.length);

    $('#' + z).addClass('selected_thumb');
   // var slider_width = 52 * zdjecia.length;
    //$('#slider').css('width', slider_width);
    
    for (var i = 0; i < preload_images; i++)
    {
        var txt = '<div class="image-container"><img src="/image.php/' + zdjecia[i] + '?width=481&amp;height=364&amp;image=/' + zdjecia[i] + '" alt="' + (i + 1) +'" id="big_' + (i + 1) +'" /></div>';
        $('#big_slider').append(txt);
    }

    for (i = 0; i < preload_images; i++)
    {
        if (i == 0)
            txt = '<div class="thumb-container"><img src="/image.php/' + zdjecia[i] + '?width=52&amp;height=39&amp;image=/' + zdjecia[i] + '" id="' + (i + 1) +'" class="other_thumb selected_thumb" /></div>';
        else
            txt = '<div class="thumb-container"><img src="/image.php/' + zdjecia[i] + '?width=52&amp;height=39&amp;image=/' + zdjecia[i] + '" id="' + (i + 1) +'" class="other_thumb" /></div>';
        
        $('#slider').append(txt);
    }

    $('.other_thumb').live('click', function(e){

        e.preventDefault();
        z = $(this).attr('id');
        var big =  ((z -1) * 481) * (-1);

          $('.thumb-container').children().removeClass('selected_thumb');
          $('#' + z).addClass('selected_thumb');


           $("#big_slider").animate({
                    marginLeft: big
            }, 200, function() {
                $('#gallery_info').html('Zdj\u0119cie ' + z + ' / ' + zdjecia.length);
            });

    });


    $('a#spinRight').click(function(e){

        e.preventDefault();

        //console.log(index);

        if (index < zdjecia.length - 4)
        {
            index++;
             $("#slider").animate({
                    marginLeft: '-=58'
            }, 100, function() {

            });

             //doSlide();
        }

    });

    $('a#spinLeft').click(function(e){

        e.preventDefault();

        //console.log(index);

        if (index > 1)
        {
            index--;
              $("#slider").animate({
                    marginLeft: '+=58'
              }, 100, function() {

              });


        }

    });

    var k = 0;
    $(this).everyTime(200, function(i)
    {

       // for (i = index + preload_images; i < zdjecia.length; i++)
        //{
        k = i + preload_images;
        if (k < zdjecia.length )
        {
             var txt = '<div class="thumb-container"><img src="/image.php/' + zdjecia[k] + '?width=52&amp;height=39&amp;image=/' + zdjecia[k] + '" id="' + (k) +'" class="other_thumb" /></div>';
             $('#slider').append(txt);

             txt = '<div class="image-container"><img src="/image.php/' + zdjecia[k] + '?width=481&amp;height=364&amp;image=/' + zdjecia[k] + '" alt="' + (k) +'" id="big_' + (k) +'" /></div>';
             $('#big_slider').append(txt);

            // cycle =


        }

    });

   
    $(this).everyTime(5000, function(i)
    {
       // console.log(z);
          if (z < (zdjecia.length -1))
          {


             z++;
             

             $('#gallery_info').html('Zdj\u0119cie ' + z + ' / ' + zdjecia.length);
             
             
                $('.thumb-container').children().removeClass('selected_thumb');
                $('#' + z).addClass('selected_thumb');


                $('#big_slider').animate({
                        marginLeft: '-=481'
                }, 200, function() {

                });

                
                if ( (z > ((z%2) + 3)) )
                {
                    $('a#spinRight').click();                       
                }
             


          } else
          {
              z = 1;
            $('#big_slider').animate({
                    marginLeft: '0'
            }, 200, function() {
                index = 1;

            });


                  $("#slider").animate({
                        marginLeft: '0'
                  }, 100, function() {

                  });

          }

    });



});