"use strict";

// JavaScript Document declare some global variables
var slideNavlabel = new Array();
var slideImage = new Array();
var slideLink = new Array();
var slideTitle = new Array();
var currentIndex = 0;
var animTime = 1200;
var animTween = 'linear';



// now set them up
//slideNavlabel[currentIndex] = 'Sep 10';
//slideImage[currentIndex] = '/images/2011slides/' + slideNavlabel[currentIndex] + '.jpg';
//slideLink[currentIndex] = '/concerts/september.php';
//slideTitle[currentIndex] = 'Classical Mystery Tour';
//currentIndex++;
//
//slideNavlabel[currentIndex] = 'Oct 1';
//slideImage[currentIndex] = '/images/2011slides/' + slideNavlabel[currentIndex] + '.jpg';
//slideLink[currentIndex] = '/concerts/october.php';
//slideTitle[currentIndex] = 'The Planets in HD';
//currentIndex++;
//
//slideNavlabel[currentIndex] = 'Dec 10';
//slideImage[currentIndex] = '/images/2011slides/' + slideNavlabel[currentIndex] + '.jpg';
//slideLink[currentIndex] = '/concerts/december.php';
//slideTitle[currentIndex] = 'The Nutcracker';
//currentIndex++;

slideNavlabel[currentIndex] = 'Feb 18';
slideImage[currentIndex] = '/images/2011slides/' + slideNavlabel[currentIndex] + '.jpg';
slideLink[currentIndex] = '/concerts/february.php';
slideTitle[currentIndex] = 'Broadway Today!';
currentIndex++;

slideNavlabel[currentIndex] = 'Feb 26';
slideImage[currentIndex] = '/images/2011slides/' + slideNavlabel[currentIndex] + '.jpg';
slideLink[currentIndex] = '/concerts/february.php';
slideTitle[currentIndex] = 'Vienna Boys Choir';
currentIndex++;

slideNavlabel[currentIndex] = 'Apr 14';
slideImage[currentIndex] = '/images/2011slides/' + slideNavlabel[currentIndex] + '.jpg';
slideLink[currentIndex] = '/concerts/april.php';
slideTitle[currentIndex] = 'Video Games Live!';
currentIndex++;

// perhaps some date detecting code could start us partway through the season as an upgrade
currentIndex = 0; // forces the first show_slide(n) to actually draw


/****************************/

function slide_goNext() {
	if (currentIndex==slideNavlabel.length-1)
		show_slide(0);
	else
		show_slide(currentIndex+1);
}

function slide_goPrevious() {
	if (currentIndex==0)
		show_slide(slideNavlabel.length-1);
	else
		show_slide(currentIndex-1);
}

/****************************/
function slideshow_launch() {
	
	//$('#slide-start').fadeOut(animTime, animTween).css('display', 'none');
	$('#slide-container').animate({ height:'280px'}, animTime, animTween);
	$('#slide-topbox').css('display', 'block').animate({ height:'25px'}, animTime, animTween);
	$('#slide-botbox').css('display', 'block').animate({ height:'25px'}, animTime, animTween);

	// Draw Nav Menu
	var menuHtml='';
	var buttonId='';
	var i=0;
	for (i=slideNavlabel.length-1;i>=0;i--) {
		menuHtml += '<div id="slide-navlink'+i+'" class="slide-navlink">' + slideNavlabel[i] + '</div>';
		buttonId = '#navlink' + i;
	}
	document.getElementById("slide-topbox").innerHTML = menuHtml;

	// Bind mouse events to Nav Elements
	$('.slide-navlink').mouseenter(function(){
		var raw = $(this).attr('id');
		var slideIndex = parseInt(raw.replace(/[^0-9]/g, ''));
		show_slide(slideIndex);
	});
	$('#slide-img').click(handle_slide_click);

	
	// set up html for bot bar
	var botbarHtml = '';
	botbarHtml = 
		'<div id="slide-buy" class="slide-botnav slide-botnav-attached">Buy Tickets Now</div>\n' +
		'<div id="slide-title" class="slide-botnav slide-botnav-attached">Title Goes Here</div>\n'+
		'<div id="slide-prev" class="slide-botnav">Prior Event</div>\n' +		
		'<div id="slide-next" class="slide-botnav">Next Event</div>\n' +
		'';
	document.getElementById("slide-botbox").innerHTML = botbarHtml;
	$('#slide-buy').click(handle_slide_click);
	$('#slide-prev').click(slide_goPrevious);
	$('#slide-next').click(slide_goNext);
	
	
	// Draw Default Slide
	show_slide(1); // first, we have to kick it to wake it up,
	show_slide(0); // so that it will display the one we want.
	
	setInterval(slide_goNext, 5000); //auto-advance every 5 seconds
}

function handle_slide_click(evt) {
	// concert details and ticket buying
	window.location = slideLink[currentIndex];
}

function show_slide(slideNumber) {
	if (slideNumber == currentIndex)
		return(false); // we're already there!

	// otherwise		
	currentIndex = slideNumber;	
	
	// animate the slide changing
	$('#slide-img').stop(true).fadeTo(animTime/4, 0, animTween, function(){
		document.getElementById("slide-img").src = slideImage[currentIndex];	
	}).fadeTo(animTime/4, 1, animTween);

	// update the title displayed
	document.getElementById("slide-title").innerHTML = slideTitle[currentIndex];

	// set the navigation	
	var currentSlide = '#slide-navlink' + slideNumber;
	$('.slide-navlink').removeClass('slide-navlink-selected');
	$(currentSlide).addClass('slide-navlink-selected');

	return(true);
}