// JavaScript Document

$(document).ready(function(){
		
	var totWidth=0;	var positions = new Array();
	
	$('#StageBoxSlides .StageBoxSlide').each(function(i){
		positions[i]= totWidth;
		totWidth += $(this).width();
		if(!$(this).width()){
			alert("Please, fill in width & height for all your images!");
			return false;
		}
	});
	
	$('#StageBoxSlides').width(totWidth);

	$('#StageBoxMenu ul li a').click(function(e,keepScroll){
		$('li.StageBoxMenu_link').removeClass('act').addClass('inact');
		$(this).parent().addClass('act');
		var pos = $(this).parent().prevAll('.StageBoxMenu_link').length;
		$('#StageBoxSlides').stop().animate({marginLeft:-positions[pos]+'px'},600);
		e.preventDefault();
		if(!keepScroll){
			clearInterval(itvl);
			playing = false;
			$('#ToggleIntervalImg').attr('src', '/Design/Buttons/Stage/Play.png');
		}
		$('#StageBoxMenu ul li div').css('display', 'none');
		$(this).parent().children('div').css('display', 'inline');
	});
	
	$('#StageBoxMenu ul li.StageBoxMenu_link:first').addClass('act').siblings().addClass('inact');

	var current=1;
	function autoAdvance(){
		if(current==-1) return false;
		$('#StageBoxMenu ul li a').eq(current%$('#StageBoxMenu ul li a').length).trigger('click',[true]);
		$('#StageBoxMenu ul li div').css('display', 'none');
		$('#StageBoxMenu ul li div').eq(current%$('#StageBoxMenu ul li a').length).css('display', 'inline');
		current++;
	}
	var changeEvery = 30;
	var itvl = setInterval(function(){autoAdvance()},changeEvery*1000);
	
	var playing = true;
	
	$('#ToggleInterval').click(function(e){
		if(playing){
			playing = false;
			$('#ToggleIntervalImg').attr('src', '/Design/Buttons/Stage/Play.png');
			clearInterval(itvl);
		}else{
			playing = true;
			$('#ToggleIntervalImg').attr('src', '/Design/Buttons/Stage/Pause.png');
			itvl = setInterval(function(){autoAdvance()},changeEvery*1000);
		}
		e.preventDefault(); 
	});
	
});