var new_id
var old_id

$(function(){

	//Hide the images
	$("#image_scroller img").hide()
	$("#image_scroller img:first").show()
	

	
	//Set the trigers up and scroll
	$("#image_nav a:first").addClass("selected")
	$("#image_nav a").bind("click", function(){
	
		new_id = $(this).attr("id").split("_")[2]
		
		old_id = $("#image_nav .selected").attr("id").split("_")[2]
		
		$("#image_"+old_id+" img").fadeOut(function(){
			$("#image_nav .selected").removeClass("selected")

			$("#image_nav_"+new_id).addClass("selected")
			$("#image_"+new_id+" img").fadeIn()
		})
		
		return false
		
	})
	
	//Next after image click
	$("#image_scroller img").bind("click", function(){
		$('#image_nav .selected').next().click()
		return false
	})
	$("#image_scroller img:last").bind("click", function(){
		$('#image_nav a:first').click()
		return false
	})

})

count = 1
function auto_scroll(){
	setTimeout("scroll()", 3000)
}

function scroll(){
	count ++
	if(count <= $("#image_scroller img").length){
		$('#image_nav .selected').next().click()
	}
	else{
		count = 1
		$('#image_nav a:first').click()
	}
	setTimeout("scroll()", 3000)
}