$(function(){

	// init image margin
	var margins = {
		panel1: 0,
		panel2: -780,
		panel3: -1560,
		panel4: -2340,
		panel5: -3120
	}
	
	// add active class to first anchor
	$('#slider-nav a:first').addClass('active');

	// slide
	$('#slider-nav a').click(function(e) {

		e.preventDefault();

		// remove active
		$('#slider-nav a').removeClass('active');
		$('span.arrow').empty();
		
		// add active
		$(this).addClass('active');
		$(this).next().append('<img src="img/slider/thumbs-arrow.png" alt="Shan Tung Kung-Fu" />');
		
		// animate
		$('#slider').animate({
			marginLeft: margins[$(this).attr('href').split('#')[1]]
		});
	});
		
	// hide description
	//$('#slider p').hide();
	
	/* show description
	$('#slider img').hover(function() {
		$(this).next().slideDown();
	}, function() {
		$(this).next().slideUp();
	});*/
	
	// programs - accordion
	// prep
	var hash = window.location.hash.split('#');				// get program type
	
	$('.program').hide();									// hide all programs
	
	if ($('#' + hash[1]).length) {							// program exists
		$('#trig-' + hash[1]).addClass('active');			// add active to requested trigger
		$('#' + hash[1]).addClass('active').show();			// add active / show requested program
	} else {												// no program exists
		$('#trig-children').addClass('active');				// add active to first trigger
		$('.program#children').addClass('active').show();	// add active / show first program
	}
	
	// on click
	$('.trigger').click(function() {
		var programType = $(this).attr('id').split('-');
		
		if ($('#' + programType[1]).is(':hidden')) {								// is the requested program hidden
			$('.triggers').find('.active').removeClass('active');					// remove active
			$('.programs').find('.active').removeClass('active').slideUp();			// remove active / slide up
			$(this).toggleClass('active');											// add active
			$('#' + programType[1]).toggleClass('active').delay(300).slideDown();	// add active / slide down
		}
		return false;
	});
});
