$(document).ready(function(){
//	$('#tt-panes').codaSlider();
//	myTabs = new SlidingTabs( 'tt-panes');
//	$('#tt-fwd').click(myTabs.next.bind(myTabs));
//	$('#tt-slider-next').click(myTabs.next.bind(myTabs));
//	$('#tt-slider-fwd').click(myTabs.next.bind(myTabs));
});

//http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/#

$(document).ready(function(){
	var currentPosition = 0;
	var slideWidth = 491;
	var slides = $('#slides-container .block');
	var numberOfSlides = slides.length;

	// Remove scrollbar in JS
	$('#slides-container').css('overflow', 'hidden');
	$('#slides-container').wrap('<div id="slides-content"></div>');
	$('#slides-content').prepend('<div id="slideshow-fwd" class="control"></div>');
	$('#slides-container').append('<br style="clear-both;" />');

	$('#slideshow').prepend('<div id="slideshow-slider"><div id="slideshow-slider-first"></div><div id="slideshow-slider-next" class="control"></div><div id="slideshow-slider-fwd" class="control">»</div></div>');
	setHeading();

	// Wrap all .slides with #slide-inner div
	slides.wrapAll('<div id="slide-inner"></div>')
	// Float left to display horizontally, readjust .slides width
	.css({
		'float' : 'left',
		'width' : slideWidth
	});

	// Set #slideInner width equal to total width of all slides
	$('#slide-inner').css('width', slideWidth * numberOfSlides);

	// add class to remove border
	slides.addClass('blocklist-v1');

	// hide heading
	$('.blockhead', slides).hide();

	// Create event listeners for .controls clicks
	$('#slideshow .control').bind('click', function(){
		// Determine new position
		if ($(this).attr('id') == 'tt-slider-back') {
			currentPosition--;
		}else{
			currentPosition++;
		}

		// back to start
		if(currentPosition>=numberOfSlides){
			currentPosition =  0;
		}else if(currentPosition<0){
			currentPosition =  numberOfSlides-1;
		}
		// Move slideInner using margin-left
		$('#slide-inner').animate({'marginLeft' : slideWidth*(-currentPosition)});
		setHeading();
	});

	// manageControls: Hides and shows controls depending on currentPosition
	function setHeading(){
		currHeading = $('.blockhead a', slides[currentPosition]).text();
		if (currHeading) {
			$('#slideshow-slider-first').html('<a href="'+$('.blockhead a', slides[currentPosition]).attr('href')+'">'+$('.blockhead a', slides[currentPosition]).text()+'</a>');
		}else{
			$('#slideshow-slider-first').text('');
		}
		if (slides[(currentPosition+1)] && $('.blockhead a', slides[(currentPosition+1)]).text()) {
			$('#slideshow-slider-next').show();
			$('#slideshow-slider-next').text($('.blockhead a', slides[(currentPosition+1)]).text());
		} else {
			$('#slideshow-slider-next').hide();
		}
	}
});