// When the page is ready
$(document).ready(function(){

	// repleace submit button with image
	$('#search_submit_id').hide();
	$('#search_form').append('<a href="#" id="search_go"><img src="/media/img/search_go.gif"></a>');
	$('#search_go').click(function(){
		$('#search_form').submit();
	});
	
	
	/* SLIDESHOW */
	
	// set first slide to active
	$('#image_nav a:first-child').addClass('active');
	activeImage = 1;
	
	$('#image_nav a:not(#next_image)').click(function() {
		$('#image_nav a').removeClass('active');
		$(this).addClass('active');
		activeImage = $(this).attr('id').substr(3);
		$('#project_image').attr('src',$(this).attr('href'));
		return false;
	});
	
	function nextImage() {
		$('#image_nav a').removeClass('active');
		if(activeImage+1 < $('#image_nav a').length) activeImage++;
		else activeImage = 1;
		var url = $('#img'+activeImage).attr('href');
		$('#project_image').attr('src',url);
		$('#img'+activeImage).addClass('active');
	}
	
	$('#next_image').click(function() {
		nextImage();		
		return false;
	});
	
	$('#project_image').click(function() {
		nextImage();
		return false;
	});

	/* SLIDESHOW END */


});