var slideshow_hover = false;

$(function(){

	var docsclicked = false;
	$('body').click(function() {
		if(window.console) console.debug('body click'+docsclicked);
		if(docsclicked == false) $('nav ul').css('block', 'inherit');
		docsclicked = false;
	});
	
	$('.documentslink').click(function() {
		if(window.console) console.debug('docs click'+docsclicked);
		if($('nav ul').css('display') == 'none') $('nav ul').show();
		docsclicked = true;
	});

	// set slideshow height
	var tallest_img = 0;
	$('.slideshow img').each(function() {
		if($(this).height() > tallest_img) tallest_img = $(this).height();
	});

	$('.slideshow').height(tallest_img);

	$('.slideshow img').hide().wrap('<div class="image_wrapper" />').empty();
	
	$('.slideshow .image_wrapper').each(function() {
		var img = $(this).children('img').attr('src');
		if(window.console) console.debug(img);
		$(this).css('background-image', 'url('+img+')');
	});
	
	// hide images
	$('.slideshow .image_wrapper:gt(0)').hide();
	
	
    $('.slideshow').append('<div class="slideshowcontrols"><span class="prev_image">Previous</span><span class="next_image">Next</span></div>');
	
	// add controls 
	// for each img, add button
	// create next/prev buttons
	$('.prev_image').click(function() {
		prev_image();
	});
	
	$('.next_image').click(function() {
		next_image();
	});
	
	// pause on hover?
	$('.slideshow').hover(function() { slideshow_hover = true; }, function() { slideshow_hover = false; });
	
	// start slideshow (with 3 second pause at the beginning)
	setTimeout(function() { setInterval(function() { if(!slideshow_hover) next_image(); }, 3000); }, 3000);
	
	
	
	$('.mask').fadeOut(300);
	
});



function next_image() {
	if(window.console) console.debug("next image");
	$('.slideshow .image_wrapper:nth-child(2)').fadeIn("slow");
	curimage = $('.slideshow .image_wrapper:nth-child(2) img').attr('imgnumber');
	$('.slideshow .image_wrapper:first-child').fadeOut("slow").insertBefore('.slideshowcontrols');
	$('.imagecount').html(curimage+"/"+$('.imagecount').attr('totalimages'));
}

function prev_image() {
	if(window.console) console.debug("previous image");
	$('.slideshow .image_wrapper').last().fadeIn("slow").prependTo('.slideshow');
	curimage = $('.slideshow .image_wrapper img').attr('imgnumber');
	$('.slideshow .image_wrapper:nth-child(2)').fadeOut("slow");
	$('.imagecount').html(curimage+"/"+$('.imagecount').attr('totalimages'));
}