var currentSliderLocationTab = null;
var currentSlider = null;
var currentFeatGroup = null;
var sliderAutoSwitch = null;
var slideOrder = ['wedding', 'rings', 'necklaces', 'bracelets', 'pendants', 'diamonds'];
var slideIndex = 0;

function autoSwitchSlide ()
{
	if (slideIndex >= slideOrder.length) slideIndex = 0;

	var targetSliderTab = jQuery('div.slide-tabs div.' + slideOrder[slideIndex] + ' div.slide-tab').get(0);

	if (currentSliderLocationTab != targetSliderTab)
	{
		jQuery(currentSlider).animate ({"opacity" : "0"}, "slow");
		jQuery(currentSliderLocationTab).animate ({"opacity" : "0"}, "fast");
		jQuery(currentFeatGroup).animate ({"opacity" : "0"}, "slow");

		currentSliderLocationTab = targetSliderTab;

		jQuery(currentSliderLocationTab).animate ({"opacity" : "1"}, "fast");

		currentSlider = jQuery("div.slides-wrapper > div." + slideOrder[slideIndex]);
		currentSlider.animate ({"opacity" : "1"}, "slow");

		currentFeatGroup = jQuery("div.slide-feat-items > div." + slideOrder[slideIndex]);
		currentFeatGroup.animate ({"opacity" : "1"}, "slow");
	}

	slideIndex ++;
}

function switchSlide ()
{
	if (sliderAutoSwitch)
	{
		window.clearInterval (sliderAutoSwitch);
		sliderAutoSwitch = null;
	}

	if (currentSliderLocationTab == this) return null;

	jQuery(currentSlider).animate ({"opacity" : "0"}, "slow");
	jQuery(currentSliderLocationTab).animate ({"opacity" : "0"}, "fast");
	jQuery(currentFeatGroup).animate ({"opacity" : "0"}, "slow");

	currentSliderLocationTab = this;

	var sectionName = jQuery(currentSliderLocationTab).parent ().attr ('class');

	currentSlider = jQuery("div.slides-wrapper > div." + sectionName);
	currentSlider.animate ({"opacity" : "1"}, "slow");

	currentFeatGroup = jQuery("div.slide-feat-items > div." + sectionName);
	currentFeatGroup.animate ({"opacity" : "1"}, "slow");
}

jQuery(document).ready (function ()
{
	currentSliderLocationTab = document.getElementById ('startingSliderTab');
	currentSlider = document.getElementById ('startingSlider');
	currentFeatGroup = document.getElementById ('startingFeatGroup');

	jQuery("div.slide-tab").css ({'opacity' : 0});
	jQuery("div.slides-wrapper div").css ({'opacity' : 0});
	jQuery("div.slide-feat-items div.featgroup").css ({'opacity' : 0});

	jQuery(currentSliderLocationTab).css ({'opacity' : 1});
	jQuery(currentSlider).css ({'opacity' : 1});
	jQuery(currentFeatGroup).css ({'opacity' : 1});

	jQuery("div.slide-tab").click
	(
		switchSlide
	);

	jQuery("div.slide-tab").hover
	(
		function ()
		{
			if (this != currentSliderLocationTab)
				jQuery(this).stop ().animate ({"opacity" : "1"}, "fast");
		}
		,
		function ()
		{
			if (this != currentSliderLocationTab)
				jQuery(this).stop ().animate ({"opacity" : "0"}, "fast");
		}
	);

	sliderAutoSwitch = window.setInterval ("autoSwitchSlide()", 3000);
});