var navigation = "<div id='previous_image'></div><div id='next_image'></div>";
var current_index = 1;	
	
function change_image(direction)
{
	$("#gallery").slideUp(800, function()
	{
		var src = $(".big_image").attr("src");//get src
		
		var next_index = parseInt(current_index)+direction;
		if( next_index > num_images )
		{
			next_index = num_images;
		}
		else if( next_index < 1)
			next_index = 1;
			
		src = src.replace(current_index, next_index);
		current_index = next_index;//update current Index
		
		//console.log("Current Index: " + current_index);
		//console.log("Nxt Index: " + next_index);
		
		$("#gallery").html(navigation + "<img class='big_image' src='" + src + "' />");
		
		$(".big_image").load(function()
		{
			$("#gallery").slideDown(1300, function()
			{
				$("#num_images p span.current_index").html(current_index);
				//FOR WEBSITES ONLY
				if($(".weblink").length)
					$(".weblink").attr("href", web_links[current_index-1]);
				//bind_navigation();	
			});		
		});		
	});								
}


function bind_navigation()
{
	//bind the next click events
	$("#next_image, span.next").live("click", function()
	{
		change_image(1);
		return false;
	});
	
	$("#previous_image, span.previous").live("click", function()
	{
		change_image(-1);						
		return false;							
	});			
}
			

//close the big images
$(".close_image").live("click",function()
{
	$("#gallery").html( backup_div );
	return false;
});