//-------------------------------------------------------------------------------------------
// Carousel on home page
//------------------------------------------------------------------------------------------ 

var carouselData = new Array('carousel-1','carousel-2','carousel-3');
var selectedCarousel = 0;
var showingCarousel = 0;

$(function(){  

  //-------------------------------------------------------------------------------------------
  // Setup forward / back clicks
  //------------------------------------------------------------------------------------------ 
  $('#arrowNext').click(function(){
	carouselForward();
  });

  $('#arrowPrev').click(function(){
	carouselBack();
  });

  selectProdText(showingCarousel);
});
  


//-------------------------------------------------------------------------------------------
// Carousel Functions
//------------------------------------------------------------------------------------------
function changeCarousel(index) 
{
	var data = carouselData[index];
	//alert("index="+index+" showingCarousel="+showingCarousel);
	if (data != null && index!=showingCarousel) 
	{

		//alert("move carousel from selected: "+selectedCarousel+ " to index: "+index + " showing: "+showingCarousel);

		selectedCarousel = index;
		
		$('#'+carouselData[showingCarousel]).fadeOut('normal', function() {
		    $('#'+carouselData[selectedCarousel]).fadeIn('normal');
		});

		selectProdText(index);
		showingCarousel = index;
	}
}

function carouselBack() 
{
	var index = selectedCarousel;
	index++;
	if(index == carouselData.length) index = 0;
	changeCarousel(index);
}

function carouselForward() 
{
	var index = selectedCarousel;
	index--;
	if(index < 0) index = carouselData.length-1;
	changeCarousel(index);
}

function selectProdText(index)
{
	switch(index)
	{
	   case 0:
/*
	     $('#plink0').css('font-weight','bold');
	     $('#plink1').css('font-weight','normal');
	     $('#plink2').css('font-weight','normal');
*/
	     $('#plink0').css('color','#098ad3');
	     $('#plink1').css('color','#626262');
	     $('#plink2').css('color','#626262');

	    break;

	   case 1:
/*
	     $('#plink0').css('font-weight','normal');
	     $('#plink1').css('font-weight','bold');
	     $('#plink2').css('font-weight','normal');
*/
	     $('#plink0').css('color','#626262');
	     $('#plink1').css('color','#098ad3');
	     $('#plink2').css('color','#626262');
	    break;

	   case 2:
/*
	     $('#plink0').css('font-weight','normal');
	     $('#plink1').css('font-weight','normal');
	     $('#plink2').css('font-weight','bold');
*/
	     $('#plink0').css('color','#626262');
	     $('#plink1').css('color','#626262');
	     $('#plink2').css('color','#098ad3');
	    break;
		
	}
}