// Pros slider

var proTimer;
var proTime = 5000;

function switchPros(){
  clearTimeout(proTimer);

  // Find index of current items and get next
  var i = $('.proTxt').index($('.curProTxt'));
  //alert(i);
  if(++i == $('.proTxt').length){
    i = 0;
  }

  // Slide out current, slide in new
  $('.curProTxt').animate({ top: '-201px' }, 1000, function() {
    $(this).removeClass('curProTxt');
    $('.proTxt:eq('+i+')').animate({ top: '0px' }, 1000, function() {
      $(this).addClass('curProTxt');
    });
  });
  $('.curProImg').animate({ top: '201px' }, 1000, function() {
    $(this).removeClass('curProImg');
    $('.proImg:eq('+i+')').animate({ top: '0px' }, 1000, function() {
      $(this).addClass('curProImg');
    });
  });

  proTimer = setTimeout('switchPros()',proTime);
}

$(document).ready( function(){
  proTimer = setTimeout('switchPros()',proTime);
});


// ---------------------------------------------------------
// jquery photo rotator

var current;
var next;
var myTimer;
var links = new Array(5);
links[0] = 'Grilling-Products/Original-EZ-Grill';
links[1] = 'Grilling-Products/Charcoal';
links[2] = 'Grilling-Products/Press-N-Grill';
links[3] = 'Grilling-Products/EZ-Grill-Coolers';
links[4] = 'Grilling-Products/EZ-Grill-Sauces';

function rotateDivs(nxt){
	clearTimeout(myTimer);

	current = $('#featureSlides img.current');
        index = $('#featureSlides img').index($(current));
        if(++index == $('#featureSlides img').length){
          index = 0;
        }

        if(nxt === undefined){
          next = $('#featureSlides img:eq('+index+')');
        }
        else{
          next = $('#featureSlides img:eq('+nxt+')');
        }
	
	$(current).trigger('fadeBack');
	$(next).trigger('fadeFront');

	myTimer = setTimeout('rotateDivs()',4000);
}

$(document).ready( function(){
	myTimer = setTimeout('rotateDivs()',4000);
	
 	$('#featureSlides img').bind( 'fadeBack', function(){
		
		var id = $(this).attr('id').replace('pho','');
		$('#txt'+id).removeClass('current').addClass('next');
                $('#num'+id).removeClass('active');
		
		$(this).fadeOut('slow', function(){
			$(this).removeClass('current').addClass('next');
		});
		
 	}).bind( 'fadeFront', function(){
 	
 	  var id = $(this).attr('id').replace('pho','');
		$('#txt'+id).removeClass('next').addClass('current');
                $('#num'+id).addClass('active');
                $("#learnMoreLnk").attr('href', links[id-1]);
		
		$(this).fadeIn('slow', function(){
			$(this).removeClass('next').addClass('current');
		}); 	
		
 	});

        // Click on numbers to jump to slide
        $(".numx").click( function(){
          var i = $(this).attr('id').replace('num','') - 1;
          rotateDivs(i);
        });
});