var numberOfCars;

$(document).ready(function()
   {
      if($('body').is('.stocklist'))
      {
         $('#sort-list').change(function()
            {
               document.forms[0].submit();
            });
      }

      initCarFader();
   });

var carCount;

function wrapAround(startNumber, change, maxNumber)
{
   return ((startNumber + change) % maxNumber);
}

function initCarFader()
{
   numberOfCars = parseInt($('#numberOfCars').val());
   carCount = wrapAround(numberOfCars, numberOfCars, cars.length - 1);
   for(var i=0; i<numberOfCars; i++)
   {
      $('#car-fader-'+(i+1)).attr('href', 'details.php?id='+cars[i][0]);
      $(this).unbind('click');
      $('#car-fader-'+(i+1)).click(function()
         {
            window.open($(this).attr('href'), 'details', 'status=1,location=0,toolbar=0,menubar=0,directories=0,resizable=0,scrollbars=0,width=640,height=627'); 
            return false;
         });

      $('#car-fader-'+(i+1)+' img:not(.active)').attr('src', 'images/stocklist/small/'+cars[i+4][1]+'.jpg');
      $('#car-fader-'+(i+1)).attr('nextImage', cars[wrapAround(i, numberOfCars, cars.length - 1)][0]);
   }
   setInterval(changeCarFader, 6000);
}

function changeCarFader()
{
   for(var i=0; i<numberOfCars; i++)
   {
      $('#car-fader-'+(i+1)+' img.active').fadeOut(1200, function()
         {
            $(this).parent().children('img').each(function() { $(this).toggleClass('active') });
            $(this).parent().children('img:not(.active)').attr('src', 'images/stocklist/small/'+cars[carCount][1]+'.jpg');
            $(this).parent().children('img:not(.active)').css('display', 'block');

            $(this).parent().attr('href', 'details.php?id='+$(this).parent().attr('nextImage'));
            $(this).parent().unbind('click');
            $(this).parent().click(function() {
                  window.open($(this).attr('href'), 'details', 'status=1,location=0,toolbar=0,menubar=0,directories=0,resizable=0,scrollbars=0,width=640,height=627'); 
                  return false;
               });
            $(this).parent().attr('nextImage', cars[carCount][0]);

            carCount = wrapAround(carCount, 1, cars.length - 1);
         });
   }
}