$(document).ready(function() 
{
	var last;

	$('#images_slides').cycle({
		fx:     'fade',
		speed:   300,
		timeout: 7000,
		pause:   1,
		after: onAfter
	});

	function onAfter() 
	{
		var link = $(this).children();
		var image = link;
		var imageID = link.attr("id");
		var tmpArr = imageID.split("_");
		
		if(last){ last.removeClass('selected');	}
		last = $("#images_nav li#list_"+(tmpArr[1]));

		last.addClass('selected');
	}

	$("#images_nav li").each(function(index) 
	{
		var idString = $(this).attr("id");
		var tmpArr = idString.split("_");

		$(this).click(function() {
			$('#images_slides').cycle(index); 

			if(last){ last.removeClass('selected');	}
			
			last = $(this);
			last.addClass('selected');

			return false;
		});

		$(this).hover(
			function () 
			{
				$(this).addClass("hover");
			},
			function () 
			{
				$(this).removeClass("hover");
			}
		);
	});
	
	$('#images_nav').css('display', 'block');
	$('#Images-wrapper').css('display', 'block');
	
});