<!--

var fadeSpeed = 500;
var active = 0;
var index;

$(document).ready(function(){
	renderNavigation();
	index = $('#slideStage > div:gt(0)').size();
	$('#slideStage .page,#slideStage #index').not('#slideStage .start').css('opacity',0).show();
	appendOrigin();
	$('#slides a.slideIndex').each(function(){
		$(this).attr('href','javascript:void(0);').click(function(){ slide(index) });
	});
});

var slideDelay = true;
var manualNavigation = false;
function autoAdvance() { // autopush until it gets to the index page.
	var interval = 5000;
	if (active == index) { return; }
	(autorepeat) ? clearTimeout(autorepeat) : '';
	if ( manualNavigation == false ) {
		(slideDelay == false) ? nextSlide() : '';
		slideDelay = false;
		var autorepeat = setTimeout(autoAdvance,interval);
	}
}
function appendOrigin(){
	$('#slides a, #beauty_exclusives a, .anniversary_tagline a').each(function(){
		var url = $(this).attr('href');
		$(this).attr('href',url + '?origin=hp');
	});
}

function renderNavigation(){
	$('#homepage_navigation')
		.append( $('<a href="javascript:void(0);" name="HP Nav / Back">BACK</a>')
			.bind('click',function(){prevSlide()})
			.bind('click',function(){manualNavigation = true;})
		)
		.append('<span class="pipe">&#124;</span>')
	;
	$('#slideStage > div:gt(0)').each(function(n){
		$('#homepage_navigation')
			.append($('<a href="javascript:void(0);" name="HP Nav / Slide ' + n + '"><img src="' + getImageURL() + 'store/category/anniversary/2010/_constant/nav_blank.gif" alt="" /></a>')
			.bind('click',function(){slide(n)})
			.bind('click',function(){manualNavigation = true;})
		);
	})
	$('#homepage_navigation')
		.append( $('<a href="javascript:void(0);" name="HP Nav / View All"><img src="' + getImageURL() + 'store/category/anniversary/2010/_constant/nav_view_all.gif" alt="" /></a>')
			.bind('click',function(){slide(index)})
			.bind('click',function(){manualNavigation = true;})
		)
		.append('<span class="pipe">&#124;</span>')
		.append( $('<a href="javascript:void(0);" name="HP Nav / Next">NEXT</a>')
			.bind('click',function(){nextSlide()})
			.bind('click',function(){manualNavigation = true;})
		)
	;
	$('#homepage_navigation a img:first').addClass('active');
}

function slide(n){
	if ( ($('#slides *').is(':animated'))||(n == active) ) { return; }
	var outgoing = $('#slideStage > div:eq(' + active + ')');
	var incoming = $('#slideStage > div:eq(' + n + ')');

	outgoing.css('z-index',50);
	incoming.css('z-index',25).css('opacity',1).show();
	$('#homepage_navigation a img:eq(' + active + '), #homepage_navigation a img:eq(' + n + ')').toggleClass('active');

	outgoing.animate({ opacity: 0 },fadeSpeed,function(){
		outgoing.hide();
		active = n;
	});
}
function nextSlide(){
	var nextItem = (active == index) ? 0 : (active+1);
	slide(nextItem);
}
function prevSlide(){
	var prevItem = (active == 0) ? index : (active-1);
	slide(prevItem);
}