// JavaScript Document

function slides_initCallback(carousel) 
{
	//console.log(carousel);
	jQuery('.navigation a').bind('click', function() {
		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr('rel')));
		jQuery(".my-slider a").removeClass("selected");
		jQuery(".my-slider a").eq(jQuery(this).attr('rel') - 1).addClass("selected");
		return false;
	});
	
	jQuery('.my-slider a').bind('click', function() {
		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr('rel')));
		jQuery(".my-slider a").removeClass("selected");
		jQuery(this).addClass("selected");
		return false;
	});

};

function slides_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state)
{
	
	// first highlight button has rel  = 0
	idx = idx -1;
	jQuery(".my-slider a").removeClass("selected")
	// idx keeps increasing for every call
	relIndex = idx % 6;
	//relIndex = relIndex == 0 ? 1 : relIndex
	jQuery(".my-slider a").eq(relIndex).addClass("selected")
	
}

// Ride the carousel...
jQuery(document).ready(function() 
{
	if (jQuery.browser.msie && jQuery.browser.version.substr(0,1)<8) jQuery('.my-slider').hide();
	jQuery(".slides").jcarousel({
		scroll: 1,
		initCallback: slides_initCallback,
		itemVisibleInCallback:{
								  onAfterAnimation: slides_itemVisibleInCallbackAfterAnimation
							   },
		// This tells jCarousel NOT to autobuild prev/next buttons
		buttonNextHTML: null,
		buttonPrevHTML: null,
		auto:5,
		wrap:"circular"
	});
});


function popular_product_initCallback(carousel)
{
	jQuery('#popular-product-slider a').bind('click', 
	 function() 
	 {
	   //alert(this.rel);
	   jQuery("#popular-product-slider a").removeClass("selected");
	   carousel.scroll(jQuery.jcarousel.intval(this.rel));
	   jQuery(this).addClass("selected");
		return false;
	});

}

function popular_product_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state)
{
	group = parseInt(idx/4); // will return 0 and 1
	itemCountInGroup = 3; // each jcrousel group has 3 items
	relIndex = group*itemCountInGroup; // will return 0 and 3 which is rel of round buttons
	jQuery("#popular-product-slider a").removeClass("selected");
	//console.log(relIndex);
	jQuery("#popular-product-slider a[rel="+relIndex+"]").addClass("selected");

}

function slidePopularCategories()
{
	if (jQuery.browser.msie && jQuery.browser.version.substr(0,1)<8)
	{
		//jQuery('.popular-slider').hide();
	}
	//console.log(jQuery("#retailerContainer1"));

	jQuery("#retailerSlider1").jcarousel(
										 {
											 initCallback: popular_product_initCallback,	
											 visible: 3,
											itemVisibleInCallback:{
																	  onAfterAnimation: popular_product_itemVisibleInCallbackAfterAnimation
																   }
										});

}